disable dragging of assesments belonging to finished appointments

smash/web/static/js/daily_planning.js

@@ -78,22 +78,29 @@ function add_event(event, color, subjectId, locationId, boxBody) {
     }
 
     eventElement.data('event', event_data);
-    eventElement.draggable({
-        zIndex: 999,
-        revert: true,
-        revertDuration: 0,
-        start: function (event, ui) {
-            $(this).popover('disable');
-        }
-    });
-    eventElement.css('background-color', color);
+    if(is_event_not_finished(event)){
+        eventElement.draggable({
+            zIndex: 999,
+            revert: true,
+            revertDuration: 0,
+            start: function (event, ui) {
+                console.log('Ey');
+                $(this).popover('disable');
+            }
+        });
+        eventElement.css('background-color', color);
+    }else{
+        eventElement.css('background', `repeating-linear-gradient( -45deg, ${color}, ${color} 10px, #333 10px, #333 20px )`);
+        eventElement.css('text-shadow', '0px 0px 12px #000000');
+    }
+    
     eventElement.css('width', event.width);
     boxBody.append(eventElement);
 
     eventElement.popover({
         container: 'body',
         trigger: 'click',
-        content: location + ', appointment starts at ' + constraintStart.format(TIME_FORMAT)
+        content: `${location}, appointment starts at ${constraintStart.format(TIME_FORMAT)} (${event.status})`
     });
 }