(js,css) Style cancelled events in Calendar module

Alinto · Jul 5, 2016 · 1918bde · 1918bde
1 parent 0d1ac2e
commit 1918bde
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 0 deletions.
diff --git a/NEWS b/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

diff --git a/UI/WebServerResources/js/Scheduler/sgCalendarDayBlock.directive.js b/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');
         }
 
       }

diff --git a/UI/WebServerResources/js/Scheduler/sgCalendarMonthEvent.directive.js b/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');
         }
 
       }

diff --git a/UI/WebServerResources/scss/views/SchedulerUI.scss b/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 {