From 5cfbd6ffc2618f5b4f195480b6cd7b703a898a94 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bartosz=20Seku=C5=82a?= Date: Tue, 10 May 2022 15:07:53 +0200 Subject: [PATCH] Added font awesome to icons model map (#7616) * Added font awesome to icons model map * update --- e2e/process-services/form/apps-section.e2e.ts | 17 +- .../src/lib/app-list/icon.model.ts | 259 +++++++++--------- 2 files changed, 144 insertions(+), 132 deletions(-) diff --git a/e2e/process-services/form/apps-section.e2e.ts b/e2e/process-services/form/apps-section.e2e.ts index d5b5754316..15ac536c90 100644 --- a/e2e/process-services/form/apps-section.e2e.ts +++ b/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': { - 'id': appVersionToBeDeleted.id, 'name': appToBeDeleted.title, - 'description': newDescription, 'definition': { - 'models': [firstApp.definition.models[0]], 'theme': 'theme-4', - 'icon': 'glyphicon-user' + appDefinition: { + id: appVersionToBeDeleted.id, + name: appToBeDeleted.title, + description: newDescription, + definition: { + models: [firstApp.definition.models[0]], + theme: 'theme-4', + icon: 'glyphicon-user' } }, - 'publish': true, - 'force': true + publish: true, + force: true }; await appsApi.updateAppDefinition(appVersionToBeDeleted.id, appDefinition); diff --git a/lib/process-services/src/lib/app-list/icon.model.ts b/lib/process-services/src/lib/app-list/icon.model.ts index d3931662d9..e391709ad7 100644 --- a/lib/process-services/src/lib/app-list/icon.model.ts +++ b/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; + 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(); - this.iconsMDL.set('glyphicon-asterisk', 'ac_unit'); - this.iconsMDL.set('glyphicon-plus', 'add'); - this.iconsMDL.set('glyphicon-euro', 'euro_symbol'); - 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'); + this.supportedIconTypes.forEach(iconType => { + this.sharedIconsMap.forEach(([iconKey, iconValue]) => { + this.iconsMDL.set(`${iconType}-${iconKey}`, iconValue); + }); + }); } }