(js,css) Style cancelled events in Calendar module

NEWS

@@ -11,6 +11,7 @@ Enhancements
  - [eas] handle inline attachments during EAS content generation
  - [web] all batch operations can now be performed on selected messages in advanced search mode
  - [web] add date picker to change date, week, or month of current Calendar view
+ - [web] style cancelled events in Calendar module
  - [oc] better handling of nested attachments with OpenChange
 
 Bug fixes

UI/WebServerResources/js/Scheduler/sgCalendarDayBlock.directive.js

@@ -114,6 +114,10 @@
           // Add class for transparency
           if (scope.block.component.c_isopaque === 0)
             iElement.addClass('sg-event--transparent');
+
+          // Add class for cancelled event
+          if (scope.block.component.c_status === 0)
+            iElement.addClass('sg-event--cancelled');
         }
 
       }

UI/WebServerResources/js/Scheduler/sgCalendarMonthEvent.directive.js

@@ -68,6 +68,10 @@
           // Add class for transparency
           if (scope.block.component.c_isopaque === 0)
             iElement.addClass('sg-event--transparent');
+
+          // Add class for cancelled event
+          if (scope.block.component.c_status === 0)
+            iElement.addClass('sg-event--cancelled');
         }
 
       }

UI/WebServerResources/scss/views/SchedulerUI.scss

@@ -333,6 +333,11 @@ $quarter_height: 10px;
         );
         pointer-events: none;
       }
+
+      // Event is cancelled
+      &--cancelled .text {
+        text-decoration: line-through;
+      }
     }
 
     .eventInside {