search

jmix-projects / jmix-old

DEPRECATED. Use https://github.com/jmix-framework/jmix
16 stars 3 forks source link

Get rid of PNG icons in UI module #591

Closed Flaurite closed 4 years ago

Flaurite commented 4 years ago

Description

1) Remove png icons from ui-themes:

Changes

All png icons are removed from themes and there are no explicitly setting png icons in code.

In order to use old CUBA png icons you should:

  1. Copy icons from CUBA:
    • modules/web/themes/halo/icons to the project: _themename/icons
    • modules/web/themes/halo/app/images to the project: _themename/app/images/
    • modules/web/themes/halo/components/pickerfield/images/ to the project: _themename/components/pickerfield/images/
  2. Set in the theme properties: 
    jmix.ui.useFontIcons = false
  3. In this this list you can see font-icon and its png uses. You can add this list to the theme.properties in order to override uses. However, for duplicate ones you have to add only one option.
Icons mapping ``` icons.font-icon.CHECK = icons/ok.png icons.font-icon.CHECK = app/images/login-button.png icons.font-icon.TH_LARGE = icons/set-small.png icons.font-icon.TH_LARGE = app/images/new-window.png icons.font-icon.SEARCH = icons/search.png icons.font-icon.SEARCH = icons/search-folder-small.png icons.font-icon.SEARCH = icons/reports-template-view.png icons.font-icon.SEARCH = app/images/fts-button.png icons.font-icon.SEARCH = components/pickerfield/images/open-btn.png icons.font-icon.SEARCH = components/pickerfield/images/open-btn-readonly.png icons.font-icon.FILE_O = icons/add.png icons.font-icon.FILE_O = icons/create.png icons.font-icon.TABLE = icons/reports-print-all.png icons.font-icon.TABLE = icons/bulk-edit.png icons.font-icon.KEY = icons/change-pass.png icons.font-icon.KEY = icons/change-pass-at-logon.png icons.font-icon.TIMES = icons/remove.png icons.font-icon.TIMES = icons/close.png icons.font-icon.TIMES = icons/item-remove.png icons.font-icon.TIMES = components/pickerfield/images/clear-btn.png icons.font-icon.TIMES = components/pickerfield/images/clear-btn-readonly.png icons.font-icon.CARET_DOWN = icons/report-wizard-down-property.png icons.font-icon.CARET_DOWN = icons/down.png icons.font-icon.GEAR = icons/wf-design-compile.png icons.font-icon.GEAR = icons/gear.png icons.font-icon.BARS = icons/join-to-set.png icons.font-icon.BARS = icons/reports-print-row.png icons.font-icon.ANGLE_DOUBLE_RIGHT = icons/rows-count-last.png icons.font-icon.ANGLE_DOUBLE_RIGHT = icons/run.png icons.font-icon.ARROW_RIGHT = icons/report-wizard-next.png icons.font-icon.ARROW_RIGHT = icons/report-wizard-to-right-pane.png icons.font-icon.CARET_UP = icons/up.png icons.font-icon.CARET_UP = icons/report-wizard-up-property.png icons.font-icon.DOWNLOAD = icons/reports-template-download.png icons.font-icon.DOWNLOAD = icons/wf-design-export.png icons.font-icon.DOWNLOAD = icons/download.png icons.font-icon.UPLOAD = icons/reports-template-upload.png icons.font-icon.UPLOAD = icons/wf-design-import.png icons.font-icon.UPLOAD = icons/upload.png icons.font-icon.USERS = icons/user-group-ok.png icons.font-icon.USERS = icons/wf-user-group-button.png icons.font-icon.USERS = icons/wf-user-group-small.png icons.font-icon.ELLIPSIS_H = components/pickerfield/images/lookup-btn.png icons.font-icon.ELLIPSIS_H = components/pickerfield/images/lookup-btn-readonly.png icons.font-icon.SIGN_OUT=app/images/exit.png icons.font-icon.BAN = icons/cancel.png icons.font-icon.TH_LIST = icons/category.png icons.font-icon.CHAIN = icons/chain.png icons.font-icon.RECYCLE = icons/clear.png icons.font-icon.COPY = icons/copy.png icons.font-icon.MINUS_CIRCLE = icons/delete-from-set.png icons.font-icon.PENCIL = icons/edit.png icons.font-icon.ERASER = icons/erase.png icons.font-icon.FILE_EXCEL_O = icons/excel.png icons.font-icon.PLUS_CIRCLE = icons/insert-to-set.png icons.font-icon.MINUS_SQUARE_O = icons/minus.png icons.font-icon.ARROWS = icons/move.png icons.font-icon.PASTE = icons/paste.png icons.font-icon.THUMB_TACK = icons/pin.png icons.font-icon.PLUS_SQUARE_O = icons/plus.png icons.font-icon.PLUS = icons/plus-btn.png icons.font-icon.REFRESH = icons/refresh.png icons.font-icon.ANGLE_RIGHT = icons/rows-count-next.png icons.font-icon.ANGLE_LEFT = icons/rows-count-prev.png icons.font-icon.ANGLE_DOUBLE_LEFT = icons/rows-count-first.png icons.font-icon.ARROW_LEFT = icons/report-wizard-previous.png icons.font-icon.PRINT = icons/reports-print.png icons.font-icon.FLOPPY_O = icons/save.png icons.font-icon.TAG = icons/tag.png icons.font-icon.FLASH = icons/test-connection.png icons.font-icon.TRASH_O = icons/trash.png icons.font-icon.MAGIC = icons/wf-design-deploy.png icons.font-icon.GEARS = icons/wf-design-scripts.png icons.font-icon.EXCHANGE = icons/wf-exchange.png icons.font-icon.EYE_SLASH = icons/eye-minus.png icons.font-icon.EYE = icons/eye-plus.png icons.font-icon.UNLOCK = icons/unlock.png icons.font-icon.QUESTION_CIRCLE = icons/question-white.png icons.font-icon.LIST = icons/mobile-menu.png icons.font-icon.GLOBE = icons/globe.png icons.font-icon.FOLDER_O = icons/app-folder-small.png ```

Or override Icon values in the custom Icon set.