(js/css) Fix rendering of material icons

This commit is contained in:
Francis Lachapelle
2019-07-05 16:35:20 -04:00
parent d835a8165c
commit 6e040e418b
20 changed files with 79 additions and 187 deletions
@@ -53,13 +53,13 @@
// Icons
' <span class="icons">',
// Component is reccurent
' <md-icon ng-if="'+p+'block.component.occurrenceId" class="material-icons icon-repeat"></md-icon>',
' <md-icon ng-if="'+p+'block.component.occurrenceId">repeat</md-icon>',
// Component has an alarm
' <md-icon ng-if="'+p+'block.component.c_nextalarm" class="material-icons icon-alarm"></md-icon>',
' <md-icon ng-if="'+p+'block.component.c_nextalarm">alarm</md-icon>',
// Component is confidential
' <md-icon ng-if="'+p+'block.component.c_classification == 2" class="material-icons icon-visibility-off"></md-icon>',
' <md-icon ng-if="'+p+'block.component.c_classification == 2">visibility_off</md-icon>',
// Component is private
' <md-icon ng-if="'+p+'block.component.c_classification == 1" class="material-icons icon-vpn-key"></md-icon>',
' <md-icon ng-if="'+p+'block.component.c_classification == 1">vpn_key</md-icon>',
' </span>',
// Location
' <div class="secondary" ng-if="'+p+'block.component.c_location">',
@@ -46,13 +46,13 @@
' {{ ::component.c_title }}',
' <span class="icons">',
// Component is reccurent
' <md-icon ng-if="::component.occurrenceId" class="material-icons icon-repeat"></md-icon>',
' <md-icon ng-if="::component.occurrenceId">repeat</md-icon>',
// Component has an alarm
' <md-icon ng-if="::component.c_nextalarm" class="material-icons icon-alarm"></md-icon>',
' <md-icon ng-if="::component.c_nextalarm">alarm</md-icon>',
// Component is confidential
' <md-icon ng-if="::component.c_classification == 2" class="material-icons icon-visibility-off"></md-icon>',
' <md-icon ng-if="::component.c_classification == 2">visibility_off</md-icon>',
// Component is private
' <md-icon ng-if="::component.c_classification == 1" class="material-icons icon-vpn-key"></md-icon>',
' <md-icon ng-if="::component.c_classification == 1">vpn_key</md-icon>',
' </span>',
// Time
' <div class="secondary" ng-if="::!component.c_isallday">',
@@ -46,13 +46,13 @@
' {{ '+p+'block.component.summary }}',
' <span class="icons">',
// Component is reccurent
' <md-icon ng-if="'+p+'block.component.occurrenceId" class="material-icons icon-repeat"></md-icon>',
' <md-icon ng-if="'+p+'block.component.occurrenceId">repeat</md-icon>',
// Component has an alarm
' <md-icon ng-if="'+p+'block.component.c_nextalarm" class="material-icons icon-alarm"></md-icon>',
' <md-icon ng-if="'+p+'block.component.c_nextalarm">alarm</md-icon>',
// Component is confidential
' <md-icon ng-if="'+p+'block.component.c_classification == 2" class="material-icons icon-visibility-off"></md-icon>',
' <md-icon ng-if="'+p+'block.component.c_classification == 2">visibility_off</md-icon>',
// Component is private
' <md-icon ng-if="'+p+'block.component.c_classification == 1" class="material-icons icon-vpn-key"></md-icon>',
' <md-icon ng-if="'+p+'block.component.c_classification == 1">vpn_key</md-icon>',
' </span>',
'</div>'
].join('');