Sort list of speakers (Fixes #1662)

openslides/agenda/static/js/agenda/site.js

@@ -181,16 +181,22 @@ angular.module('OpenSlidesApp.agenda.site', ['OpenSlidesApp.agenda'])
 
 .controller('ItemDetailCtrl', [
     '$scope',
+    '$filter',
     '$http',
     'Agenda',
     'User',
     'item',
-    function ($scope, $http, Agenda, User, item) {
+    function ($scope, $filter, $http, Agenda, User, item) {
         Agenda.bindOne(item.id, $scope, 'item');
         User.bindAll({}, $scope, 'users');
         $scope.speaker = {};
         $scope.alert = {};
-
+        $scope.speakers = $filter('orderBy')(item.speakers, 'weight');
+        $scope.$watch(function () {
+            return Agenda.lastModified();
+        }, function () {
+            $scope.speakers = $filter('orderBy')(item.speakers, 'weight');
+        });
         // close/open list of speakers of current item
         $scope.closeList = function (listClosed) {
             item.speaker_list_closed = listClosed;
@@ -201,6 +207,7 @@ angular.module('OpenSlidesApp.agenda.site', ['OpenSlidesApp.agenda'])
             $http.post('/rest/agenda/item/' + item.id + '/manage_speaker/', {'user': userId})
                 .success(function(data){
                     $scope.alert.show = false;
+                    $scope.speakers = item.speakers;
                 })
                 .error(function(data){
                     $scope.alert = { type: 'danger', msg: data.detail, show: true };
@@ -211,9 +218,13 @@ angular.module('OpenSlidesApp.agenda.site', ['OpenSlidesApp.agenda'])
             $http.delete('/rest/agenda/item/' + item.id + '/manage_speaker/',
                     {headers: {'Content-Type': 'application/json'},
                      data: JSON.stringify({speaker: speakerId})})
+                .success(function(data){
+                       $scope.speakers = item.speakers;
+                })
                 .error(function(data){
                     $scope.alert = { type: 'danger', msg: data.detail, show: true };
                 });
+            $scope.speakers = item.speakers;
         };
         // begin speech of selected/next speaker
         $scope.beginSpeech = function (speakerId) {
@@ -234,6 +245,18 @@ angular.module('OpenSlidesApp.agenda.site', ['OpenSlidesApp.agenda'])
                     $scope.alert = { type: 'danger', msg: data.detail, show: true };
                 });
         };
+        // save reordered list of speakers
+        $scope.treeOptions = {
+            dropped: function (event) {
+                var sortedSpeakers = [];
+                var nextSpeakers = $filter('filter')($scope.speakers, {'begin_time': null});
+                angular.forEach(nextSpeakers, function (speaker) {
+                    sortedSpeakers.push(speaker.id);
+                });
+                $http.post('/rest/agenda/item/' + item.id + '/sort_speakers/',
+                    {speakers: sortedSpeakers});
+            }
+        };
     }
 ])
 

openslides/agenda/static/templates/agenda/item-detail.html

@@ -65,20 +65,26 @@
   </strong>
 
   <h3 translate>Next speakers:</h3>
-  <ol>
+  <div class="row">
-    <li ng-repeat="speaker in item.speakers | filter: {begin_time: null}">
+    <div ui-tree="treeOptions" class="col-sm-6">
-      {{ speaker.user.get_full_name() }}
+      <ol ui-tree-nodes="" ng-model="speakers">
-      <button os-perms="agenda.can_manage" ng-click="removeSpeaker(speaker.id)"
+        <li ng-repeat="speaker in speakers | filter: {begin_time: null}" ui-tree-node>
-          class="btn btn-default btn-xs">
+          <i ui-tree-handle="" class="fa fa-arrows-v"></i>
-        <i class="fa fa-times"></i>
+          {{ $index + 1 }}.
-      </button>
+          {{ speaker.user.get_full_name() }}
-      <button os-perms="agenda.can_manage" ng-click="beginSpeech(speaker.id)"
+          <button os-perms="agenda.can_manage" ng-click="removeSpeaker(speaker.id)"
-          class="btn btn-default btn-xs">
+              class="btn btn-default btn-xs">
-        <i class="fa fa-play"></i>
+            <i class="fa fa-times"></i>
-      </button>
+          </button>
-  </ol>
+          <button os-perms="agenda.can_manage" ng-click="beginSpeech(speaker.id)"
+              class="btn btn-default btn-xs">
+            <i class="fa fa-play"></i>
+          </button>
+      </ol>
+    </div>
+  </div>
 
-  <div class="form-group">
+  <div class="form-group spacer">
     <alert ng-show="alert.show" type="{{ alert.type }}" ng-click="alert={}" close="alert={}">
       {{alert.msg}}
     </alert>

openslides/agenda/views.py

@@ -1,6 +1,7 @@
 from cgi import escape
 
 from django.contrib.auth import get_user_model
+from django.db import transaction
 from django.utils.translation import ugettext as _
 from django.utils.translation import ugettext_lazy
 from reportlab.platypus import Paragraph
@@ -209,23 +210,26 @@ class ItemViewSet(ListModelMixin, RetrieveModelMixin, UpdateModelMixin, GenericV
         speaker_ids = request.data.get('speakers')
         if not isinstance(speaker_ids, list):
             raise ValidationError(
-                    {'detail': _('Invalid data.')})
+                {'detail': _('Invalid data.')})
 
         # Get all speakers
         speakers = {}
         for speaker in item.speakers.filter(begin_time=None):
             speakers[speaker.pk] = speaker
 
-        # Sort speakers
+        # Check and sort speakers
-        weight = 0
+        valid_speakers = []
         for speaker_id in speaker_ids:
-            if not isinstance(speaker_id, int):
+            if not isinstance(speaker_id, int) or speakers.get(speaker_id) is None:
                 raise ValidationError(
                     {'detail': _('Invalid data.')})
-            speaker = speakers[speaker_id]
+            valid_speakers.append(speakers[speaker_id])
-            speaker.weight = weight
+        weight = 0
-            speaker.save()
+        with transaction.atomic():
-            weight += 1
+            for speaker in valid_speakers:
+                speaker.weight = weight
+                speaker.save()
+                weight += 1
 
         # Initiate response.
         return Response({'detail': _('List of speakers successfully sorted.')})