Added font awesome to icons model map (#7616)

* Added font awesome to icons model map

* update

e2e/process-services/form/apps-section.e2e.ts

@@ -126,15 +126,18 @@ describe('Modify applications', () => {
         await expect(await processServicesPage.getDescription(appToBeDeleted.title)).toEqual(appToBeDeleted.description);
 
         const appDefinition = {
-            'appDefinition': {
+            appDefinition: {
-                'id': appVersionToBeDeleted.id, 'name': appToBeDeleted.title,
+                id: appVersionToBeDeleted.id,
-                'description': newDescription, 'definition': {
+                name: appToBeDeleted.title,
-                    'models': [firstApp.definition.models[0]], 'theme': 'theme-4',
+                description: newDescription,
-                    'icon': 'glyphicon-user'
+                definition: {
+                    models: [firstApp.definition.models[0]],
+                    theme: 'theme-4',
+                    icon: 'glyphicon-user'
                 }
             },
-            'publish': true,
+            publish: true,
-            'force': true
+            force: true
         };
 
         await appsApi.updateAppDefinition(appVersionToBeDeleted.id, appDefinition);

lib/process-services/src/lib/app-list/icon.model.ts

@@ -20,6 +20,135 @@ const DEFAULT_TASKS_APP_MATERIAL_ICON: string = 'favorite_border';
 /* spellchecker: disable */
 export class IconModel {
     private iconsMDL: Map<string, string>;
+    private supportedIconTypes = ['glyphicon', 'fa' /*Font awesome*/];
+
+    private sharedIconsMap = [
+        ['asterisk', 'ac_unit'],
+        ['plus', 'add'],
+        ['euro', 'euro_symbol'],
+        ['cloud', 'cloud'],
+        ['envelope', 'mail'],
+        ['pencil', 'create'],
+        ['glass', 'local_bar'],
+        ['music', 'music_note'],
+        ['search', 'search'],
+        ['heart', 'favorite'],
+        ['heart-empty', 'favorite_border'],
+        ['star', 'star'],
+        ['star-empty', 'star_border'],
+        ['user', 'person'],
+        ['film', 'movie_creation'],
+        ['th-large', 'view_comfy'],
+        ['th', 'dashboard'],
+        ['th-list', 'list'],
+        ['ok', 'done'],
+        ['remove', 'cancel'],
+        ['zoom-in', 'zoom_in'],
+        ['zoom-out', 'zoom_out'],
+        ['off', 'highlight_off'],
+        ['signal', 'signal_cellular_4_bar'],
+        ['cog', 'settings'],
+        ['trash', 'delete'],
+        ['home', 'home'],
+        ['file', 'insert_drive_file'],
+        ['time', 'access_time'],
+        ['road', 'map'],
+        ['download-alt', 'file_download'],
+        ['download', 'file_download'],
+        ['upload', 'file_upload'],
+        ['inbox', 'inbox'],
+        ['play-circle', 'play_circle_outline'],
+        ['repeat', 'refresh'],
+        ['refresh', 'sync'],
+        ['list-alt', 'event_note'],
+        ['lock', 'lock_outline'],
+        ['flag', 'assistant_photo'],
+        ['headphones', 'headset'],
+        ['volume-up', 'volume_up'],
+        ['tag', 'local_offer'],
+        ['tags', 'local_offer'],
+        ['book', 'library_books'],
+        ['bookmark', 'collections_bookmark'],
+        ['print', 'local_printshop'],
+        ['camera', 'local_see'],
+        ['list', 'view_list'],
+        ['facetime-video', 'video_call'],
+        ['picture', 'photo'],
+        ['map-marker', 'add_location'],
+        ['adjust', 'brightness_4'],
+        ['tint', 'invert_colors'],
+        ['edit', 'edit'],
+        ['share', 'share'],
+        ['check', 'assignment_turned_in'],
+        ['move', 'open_with'],
+        ['play', 'play_arrow'],
+        ['eject', 'eject'],
+        ['plus-sign', 'add_circle'],
+        ['minus-sign', 'remove_circle'],
+        ['remove-sign', 'cancel'],
+        ['ok-sign', 'check_circle'],
+        ['question-sign', 'help'],
+        ['info-sign', 'info'],
+        ['screenshot', 'flare'],
+        ['remove-circle', 'cancel'],
+        ['ok-circle', 'add_circle'],
+        ['ban-circle', 'block'],
+        ['share-alt', 'redo'],
+        ['exclamation-sign', 'error'],
+        ['gift', 'giftcard'],
+        ['leaf', 'spa'],
+        ['fire', 'whatshot'],
+        ['eye-open', 'remove_red_eye'],
+        ['eye-close', 'remove_red_eye'],
+        ['warning-sign', 'warning'],
+        ['plane', 'airplanemode_active'],
+        ['calendar', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['random', 'shuffle'],
+        ['comment', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['magnet', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['retweet', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['shopping-cart', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['folder-close', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['folder-open', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['hdd', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['bullhorn', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['bell', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['certificate', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['thumbs-up', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['thumbs-down', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['hand-left', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['globe', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['wrench', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['tasks', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['filter', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['briefcase', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['dashboard', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['paperclip', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['link', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['phone', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['pushpin', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['usd', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['gbp', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['sort', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['flash', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['record', 'radio_button_checked'],
+        ['save', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['open', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['saved', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['send', 'send'],
+        ['floppy-disk', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['credit-card', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['cutlery', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['earphone', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['phone-alt', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['tower', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['stats', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['cloud-download', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['cloud-upload', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['tree-conifer', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['tree-deciduous', DEFAULT_TASKS_APP_MATERIAL_ICON],
+        ['align-left', 'format_align_left']
+    ];
 
     constructor() {
         this.initIconsMDL();
@@ -35,130 +164,10 @@ export class IconModel {
     initIconsMDL() {
         this.iconsMDL = new Map<string, string>();
 
-        this.iconsMDL.set('glyphicon-asterisk', 'ac_unit');
+        this.supportedIconTypes.forEach(iconType => {
-        this.iconsMDL.set('glyphicon-plus', 'add');
+            this.sharedIconsMap.forEach(([iconKey, iconValue]) => {
-        this.iconsMDL.set('glyphicon-euro', 'euro_symbol');
+                this.iconsMDL.set(`${iconType}-${iconKey}`, iconValue);
-        this.iconsMDL.set('glyphicon-cloud', 'cloud');
+            });
-        this.iconsMDL.set('glyphicon-envelope', 'mail');
+        });
-        this.iconsMDL.set('glyphicon-pencil', 'create');
-        this.iconsMDL.set('glyphicon-glass', 'local_bar');
-        this.iconsMDL.set('glyphicon-music', 'music_note');
-        this.iconsMDL.set('glyphicon-search', 'search');
-        this.iconsMDL.set('glyphicon-heart', 'favorite');
-        this.iconsMDL.set('glyphicon-heart-empty', 'favorite_border');
-        this.iconsMDL.set('glyphicon-star', 'star');
-        this.iconsMDL.set('glyphicon-star-empty', 'star_border');
-        this.iconsMDL.set('glyphicon-user', 'person');
-        this.iconsMDL.set('glyphicon-film', 'movie_creation');
-        this.iconsMDL.set('glyphicon-th-large', 'view_comfy');
-        this.iconsMDL.set('glyphicon-th', 'dashboard');
-        this.iconsMDL.set('glyphicon-th-list', 'list');
-        this.iconsMDL.set('glyphicon-ok', 'done');
-        this.iconsMDL.set('glyphicon-remove', 'cancel');
-        this.iconsMDL.set('glyphicon-zoom-in', 'zoom_in');
-        this.iconsMDL.set('glyphicon-zoom-out', 'zoom_out');
-        this.iconsMDL.set('glyphicon-off', 'highlight_off');
-        this.iconsMDL.set('glyphicon-signal', 'signal_cellular_4_bar');
-        this.iconsMDL.set('glyphicon-cog', 'settings');
-        this.iconsMDL.set('glyphicon-trash', 'delete');
-        this.iconsMDL.set('glyphicon-home', 'home');
-        this.iconsMDL.set('glyphicon-file', 'insert_drive_file');
-        this.iconsMDL.set('glyphicon-time', 'access_time');
-        this.iconsMDL.set('glyphicon-road', 'map');
-        this.iconsMDL.set('glyphicon-download-alt', 'file_download');
-        this.iconsMDL.set('glyphicon-download', 'file_download');
-        this.iconsMDL.set('glyphicon-upload', 'file_upload');
-        this.iconsMDL.set('glyphicon-inbox', 'inbox');
-        this.iconsMDL.set('glyphicon-play-circle', 'play_circle_outline');
-        this.iconsMDL.set('glyphicon-repeat', 'refresh');
-        this.iconsMDL.set('glyphicon-refresh', 'sync');
-        this.iconsMDL.set('glyphicon-list-alt', 'event_note');
-        this.iconsMDL.set('glyphicon-lock', 'lock_outline');
-        this.iconsMDL.set('glyphicon-flag', 'assistant_photo');
-        this.iconsMDL.set('glyphicon-headphones', 'headset');
-        this.iconsMDL.set('glyphicon-volume-up', 'volume_up');
-        this.iconsMDL.set('glyphicon-tag', 'local_offer');
-        this.iconsMDL.set('glyphicon-tags', 'local_offer');
-        this.iconsMDL.set('glyphicon-book', 'library_books');
-        this.iconsMDL.set('glyphicon-bookmark', 'collections_bookmark');
-        this.iconsMDL.set('glyphicon-print', 'local_printshop');
-        this.iconsMDL.set('glyphicon-camera', 'local_see');
-        this.iconsMDL.set('glyphicon-list', 'view_list');
-        this.iconsMDL.set('glyphicon-facetime-video', 'video_call');
-        this.iconsMDL.set('glyphicon-picture', 'photo');
-        this.iconsMDL.set('glyphicon-map-marker', 'add_location');
-        this.iconsMDL.set('glyphicon-adjust', 'brightness_4');
-        this.iconsMDL.set('glyphicon-tint', 'invert_colors');
-        this.iconsMDL.set('glyphicon-edit', 'edit');
-        this.iconsMDL.set('glyphicon-share', 'share');
-        this.iconsMDL.set('glyphicon-check', 'assignment_turned_in');
-        this.iconsMDL.set('glyphicon-move', 'open_with');
-        this.iconsMDL.set('glyphicon-play', 'play_arrow');
-        this.iconsMDL.set('glyphicon-eject', 'eject');
-        this.iconsMDL.set('glyphicon-plus-sign', 'add_circle');
-        this.iconsMDL.set('glyphicon-minus-sign', 'remove_circle');
-        this.iconsMDL.set('glyphicon-remove-sign', 'cancel');
-        this.iconsMDL.set('glyphicon-ok-sign', 'check_circle');
-        this.iconsMDL.set('glyphicon-question-sign', 'help');
-        this.iconsMDL.set('glyphicon-info-sign', 'info');
-        this.iconsMDL.set('glyphicon-screenshot', 'flare');
-        this.iconsMDL.set('glyphicon-remove-circle', 'cancel');
-        this.iconsMDL.set('glyphicon-ok-circle', 'add_circle');
-        this.iconsMDL.set('glyphicon-ban-circle', 'block');
-        this.iconsMDL.set('glyphicon-share-alt', 'redo');
-        this.iconsMDL.set('glyphicon-exclamation-sign', 'error');
-        this.iconsMDL.set('glyphicon-gift', 'giftcard');
-        this.iconsMDL.set('glyphicon-leaf', 'spa');
-        this.iconsMDL.set('glyphicon-fire', 'whatshot');
-        this.iconsMDL.set('glyphicon-eye-open', 'remove_red_eye');
-        this.iconsMDL.set('glyphicon-eye-close', 'remove_red_eye');
-        this.iconsMDL.set('glyphicon-warning-sign', 'warning');
-        this.iconsMDL.set('glyphicon-plane', 'airplanemode_active');
-        this.iconsMDL.set('glyphicon-calendar', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-random', 'shuffle');
-        this.iconsMDL.set('glyphicon-comment', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-magnet', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-retweet', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-shopping-cart', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-folder-close', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-folder-open', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-hdd', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-bullhorn', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-bell', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-certificate', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-thumbs-up', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-thumbs-down', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-hand-left', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-globe', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-wrench', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-tasks', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-filter', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-briefcase', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-dashboard', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-paperclip', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-link', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-phone', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-pushpin', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-usd', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-gbp', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-sort', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-flash', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-record', 'radio_button_checked');
-        this.iconsMDL.set('glyphicon-save', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-open', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-saved', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-send', 'send');
-        this.iconsMDL.set('glyphicon-floppy-disk', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-credit-card', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-cutlery', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-earphone', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-phone-alt', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-tower', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-stats', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-cloud-download', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-cloud-upload', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-tree-conifer', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-tree-deciduous', DEFAULT_TASKS_APP_MATERIAL_ICON);
-        this.iconsMDL.set('glyphicon-align-left', 'format_align_left');
     }
 }