From 9bdafe8221a5bad09a98505baec3e13bc18f899a Mon Sep 17 00:00:00 2001
From: Muah <ctf0@users.noreply.github.com>
Date: Mon, 19 Oct 2020 13:40:10 +0200
Subject: [PATCH] add trans for img editor btns

---
 .../js/components/image/editor/controls.vue   |  54 ++---
 .../image/editor/filters/controls.vue         |  21 +-
 .../components/image/editor/filters/index.vue | 114 +++++------
 .../image/editor/filters/presets.vue          |  16 +-
 .../js/components/image/editor/main.vue       |  69 +++----
 .../assets/js/components/manager.vue          | 184 +++++++++---------
 src/resources/lang/en/messages.php            | 100 ++++++----
 src/resources/views/_manager.blade.php        |  32 +++
 8 files changed, 337 insertions(+), 253 deletions(-)

diff --git a/src/resources/assets/js/components/image/editor/controls.vue b/src/resources/assets/js/components/image/editor/controls.vue
index e63ab16..283e065 100644
--- a/src/resources/assets/js/components/image/editor/controls.vue
+++ b/src/resources/assets/js/components/image/editor/controls.vue
@@ -8,8 +8,10 @@
                 :disabled="processing"
                 class="btn-plain"
                 @click.stop="operations(item.op)">
-            <span class="icon"><icon :name="processing ? 'spinner' : item.icon"
-                                     :pulse="processing"/></span>
+            <span class="icon">
+                <icon :name="processing ? 'spinner' : item.icon"
+                      :pulse="processing"/>
+            </span>
         </button>
     </div>
 </template>
@@ -27,51 +29,51 @@ export default {
             controlsList: [
                 {
                     trans: 'move',
-                    op: 'move',
-                    mode: 'move',
-                    icon: 'arrows'
+                    op   : 'move',
+                    mode : 'move',
+                    icon : 'arrows'
                 },
                 {
                     trans: 'crop',
-                    op: 'crop',
-                    mode: 'crop',
-                    icon: 'crop'
+                    op   : 'crop',
+                    mode : 'crop',
+                    icon : 'crop'
                 },
                 {
                     trans: 'crop_zoom_in',
-                    op: 'zoom-in',
-                    mode: null,
-                    icon: 'search-plus'
+                    op   : 'zoom-in',
+                    mode : null,
+                    icon : 'search-plus'
                 },
                 {
                     trans: 'crop_zoom_out',
-                    op: 'zoom-out',
-                    mode: null,
-                    icon: 'search-minus'
+                    op   : 'zoom-out',
+                    mode : null,
+                    icon : 'search-minus'
                 },
                 {
                     trans: 'crop_rotate_left',
-                    op: 'rotate-left',
-                    mode: null,
-                    icon: 'rotate-left'
+                    op   : 'rotate-left',
+                    mode : null,
+                    icon : 'rotate-left'
                 },
                 {
                     trans: 'crop_rotate_right',
-                    op: 'rotate-right',
-                    mode: null,
-                    icon: 'rotate-right'
+                    op   : 'rotate-right',
+                    mode : null,
+                    icon : 'rotate-right'
                 },
                 {
                     trans: 'crop_flip_horizontal',
-                    op: 'flip-horizontal',
-                    mode: null,
-                    icon: 'arrows-h'
+                    op   : 'flip-horizontal',
+                    mode : null,
+                    icon : 'arrows-h'
                 },
                 {
                     trans: 'crop_flip_vertical',
-                    op: 'flip-vertical',
-                    mode: null,
-                    icon: 'arrows-v'
+                    op   : 'flip-vertical',
+                    mode : null,
+                    icon : 'arrows-v'
                 }
             ]
         }
diff --git a/src/resources/assets/js/components/image/editor/filters/controls.vue b/src/resources/assets/js/components/image/editor/filters/controls.vue
index 02322cc..c288bd2 100644
--- a/src/resources/assets/js/components/image/editor/filters/controls.vue
+++ b/src/resources/assets/js/components/image/editor/filters/controls.vue
@@ -1,13 +1,15 @@
 <template>
     <div v-tippy="{arrow: true, theme: 'mm'}"
-         :title="filterName">
+         :title="getTitle(filterName)">
         <section v-if="!isControlable">
             <button v-tippy="{html: '#contentpopup2', interactive: true, reactive: true, trigger: 'click', theme: 'mm', arrow: true}"
                     :class="{'is-active': isUsed()}"
                     :disabled="processing"
                     class="btn-plain">
-                <span class="icon"><icon :name="processing ? 'spinner' : icon"
-                                         :pulse="processing"/></span>
+                <span class="icon">
+                    <icon :name="processing ? 'spinner' : icon"
+                          :pulse="processing"/>
+                </span>
             </button>
 
             <div id="contentpopup2">
@@ -17,7 +19,9 @@
                              class="level-item">
                             <p class="heading is-marginless link"
                                @click.stop="resetFilter()">
-                                <span class="icon"><icon name="times"/></span>
+                                <span class="icon">
+                                    <icon name="times"/>
+                                </span>
                             </p>
                         </div>
                     </transition>
@@ -53,10 +57,12 @@
 </template>
 
 <script>
-import debounce from 'lodash/debounce'
+import debounce  from 'lodash/debounce'
+import snakeCase from 'lodash/snakeCase'
 
 export default {
     props: [
+        'trans',
         'filterName',
         'icon',
         'max',
@@ -70,7 +76,7 @@ export default {
     ],
     data() {
         return {
-            range: 0,
+            range   : 0,
             wasReset: false
         }
     },
@@ -134,6 +140,9 @@ export default {
                 this.$refs.range.style.setProperty('--length', perc)
             }
         },
+        getTitle(str) {
+            return this.trans(snakeCase(str))
+        },
         update: debounce(function(val = null) {
             this.applyFilter(this.filterName, val)
         }, 500)
diff --git a/src/resources/assets/js/components/image/editor/filters/index.vue b/src/resources/assets/js/components/image/editor/filters/index.vue
index 8bd4523..a22e8e9 100644
--- a/src/resources/assets/js/components/image/editor/filters/index.vue
+++ b/src/resources/assets/js/components/image/editor/filters/index.vue
@@ -7,6 +7,7 @@
                   :step="item.step"
                   :icon="item.icon"
                   :filter-name="item.filterName"
+                  :trans="trans"
                   :reset="reset"
                   :apply-filter="applyFilter"
                   :processing="processing"
@@ -23,6 +24,7 @@ export default {
     },
     props: [
         'processing',
+        'trans',
         'reset',
         'applyFilter',
         'camanFilters'
@@ -31,101 +33,101 @@ export default {
         return {
             filtersList: [
                 {
-                    step: 1,
-                    min: -100,
-                    max: 100,
-                    icon: 'sun-o',
+                    step      : 1,
+                    min       : -100,
+                    max       : 100,
+                    icon      : 'sun-o',
                     filterName: 'brightness'
                 },
                 {
-                    step: 1,
-                    min: -100,
-                    max: 100,
-                    icon: 'adjust',
+                    step      : 1,
+                    min       : -100,
+                    max       : 100,
+                    icon      : 'adjust',
                     filterName: 'contrast'
                 },
                 {
-                    step: 1,
-                    min: -100,
-                    max: 100,
-                    icon: 'low-vision',
+                    step      : 1,
+                    min       : -100,
+                    max       : 100,
+                    icon      : 'low-vision',
                     filterName: 'saturation'
                 },
                 {
-                    step: 1,
-                    min: -100,
-                    max: 100,
-                    icon: 'flash',
+                    step      : 1,
+                    min       : -100,
+                    max       : 100,
+                    icon      : 'flash',
                     filterName: 'vibrance'
                 },
                 {
-                    step: 1,
-                    min: -100,
-                    max: 100,
-                    icon: 'thermometer-half',
+                    step      : 1,
+                    min       : -100,
+                    max       : 100,
+                    icon      : 'thermometer-half',
                     filterName: 'exposure'
                 },
                 {
-                    step: 1,
-                    min: 0,
-                    max: 100,
-                    icon: 'eyedropper',
+                    step      : 1,
+                    min       : 0,
+                    max       : 100,
+                    icon      : 'eyedropper',
                     filterName: 'hue'
                 },
                 {
-                    step: 1,
-                    min: 0,
-                    max: 100,
-                    icon: 'lemon-o',
+                    step      : 1,
+                    min       : 0,
+                    max       : 100,
+                    icon      : 'lemon-o',
                     filterName: 'sepia'
                 },
                 {
-                    step: 0.1,
-                    min: 0,
-                    max: 10,
-                    icon: 'flask',
+                    step      : 0.1,
+                    min       : 0,
+                    max       : 10,
+                    icon      : 'flask',
                     filterName: 'gamma'
                 },
                 {
-                    step: 1,
-                    min: 0,
-                    max: 100,
-                    icon: 'dot-circle-o',
+                    step      : 1,
+                    min       : 0,
+                    max       : 100,
+                    icon      : 'dot-circle-o',
                     filterName: 'noise'
                 },
                 {
-                    step: 1,
-                    min: 0,
-                    max: 100,
-                    icon: 'scissors',
+                    step      : 1,
+                    min       : 0,
+                    max       : 100,
+                    icon      : 'scissors',
                     filterName: 'clip'
                 },
                 {
-                    step: 1,
-                    min: 0,
-                    max: 100,
-                    icon: 'diamond',
+                    step      : 1,
+                    min       : 0,
+                    max       : 100,
+                    icon      : 'diamond',
                     filterName: 'sharpen'
                 },
                 {
-                    step: 1,
-                    min: 0,
-                    max: 20,
-                    icon: 'glass',
+                    step      : 1,
+                    min       : 0,
+                    max       : 20,
+                    icon      : 'glass',
                     filterName: 'stackBlur'
                 },
                 {
-                    step: null,
-                    min: null,
-                    max: null,
-                    icon: 'shield',
+                    step      : null,
+                    min       : null,
+                    max       : null,
+                    icon      : 'shield',
                     filterName: 'greyscale'
                 },
                 {
-                    step: null,
-                    min: null,
-                    max: null,
-                    icon: 'cube',
+                    step      : null,
+                    min       : null,
+                    max       : null,
+                    icon      : 'cube',
                     filterName: 'invert'
                 }
             ],
diff --git a/src/resources/assets/js/components/image/editor/filters/presets.vue b/src/resources/assets/js/components/image/editor/filters/presets.vue
index 05d74ff..65deda1 100644
--- a/src/resources/assets/js/components/image/editor/filters/presets.vue
+++ b/src/resources/assets/js/components/image/editor/filters/presets.vue
@@ -13,12 +13,14 @@
                         v-tippy="{arrow: true, theme: 'mm'}"
                         :disabled="processing"
                         :class="{'is-active': isUsed(item)}"
-                        :title="item"
+                        :title="getTitle(item)"
                         class="btn-plain"
                         @click.stop="apply(item)">
                     <span v-show="processing"
-                          class="icon is-small"><icon :pulse="processing"
-                                                      name="spinner"/></span>
+                          class="icon is-small">
+                        <icon :pulse="processing"
+                              name="spinner"/>
+                    </span>
                     <span v-show="!processing">{{ truncate(item) }}</span>
                 </button>
             </div>
@@ -27,8 +29,9 @@
 </template>
 
 <script>
-import chunk from 'lodash/chunk'
+import chunk     from 'lodash/chunk'
 import camelCase from 'lodash/camelCase'
+import snakeCase from 'lodash/snakeCase'
 
 export default {
     props: [
@@ -74,7 +77,10 @@ export default {
             return this.camanFilters.hasOwnProperty(camelCase(name))
         },
         apply(name) {
-            this.applyFilter(camelCase(name), null)
+            return this.applyFilter(camelCase(name), null)
+        },
+        getTitle(str) {
+            return this.trans(snakeCase(str))
         }
     }
 }
diff --git a/src/resources/assets/js/components/image/editor/main.vue b/src/resources/assets/js/components/image/editor/main.vue
index b71b4f6..667766f 100644
--- a/src/resources/assets/js/components/image/editor/main.vue
+++ b/src/resources/assets/js/components/image/editor/main.vue
@@ -8,6 +8,7 @@
                     <!-- filters -->
                     <filters v-if="!showDiff"
                              :reset="!haveFilters()"
+                             :trans="trans"
                              :apply-filter="applyFilter"
                              :processing="processing"
                              :caman-filters="camanFilters"
@@ -136,16 +137,16 @@
 <style lang="scss" src="../../../../sass/modules/image-editor.scss"></style>
 
 <script>
-import omit from 'lodash/omit'
-import isEmpty from 'lodash/isEmpty'
+import omit      from 'lodash/omit'
+import isEmpty   from 'lodash/isEmpty'
 import cloneDeep from 'lodash/cloneDeep'
-import Cropper from 'cropperjs'
+import Cropper   from 'cropperjs'
 
 export default {
     components: {
-        filters: require('./filters/index.vue').default,
-        presets: require('./filters/presets.vue').default,
-        controls: require('./controls.vue').default,
+        filters     : require('./filters/index.vue').default,
+        presets     : require('./filters/presets.vue').default,
+        controls    : require('./controls.vue').default,
         imageCompare: require('vue-image-compare2').default
     },
     props: [
@@ -156,22 +157,22 @@ export default {
     ],
     data() {
         return {
-            url: this.file.path,
-            imageCropper: null,
-            dragMode: 'move',
-            rotation: 45,
+            url          : this.file.path,
+            imageCropper : null,
+            dragMode     : 'move',
+            rotation     : 45,
             croppedByUser: false,
-            initData: null,
+            initData     : null,
 
             diffOriginal: null,
-            diffCurrent: null,
-            showDiff: false,
-            diffDisable: true,
-
-            hasChanged: false,
-            processing: false,
-            reset: false,
-            imageCaman: null,
+            diffCurrent : null,
+            showDiff    : false,
+            diffDisable : true,
+
+            hasChanged  : false,
+            processing  : false,
+            reset       : false,
+            imageCaman  : null,
             camanFilters: {}
         }
     },
@@ -202,8 +203,8 @@ export default {
         hiddenBtns() {
             if (this.showDiff) {
                 return {
-                    opacity: 0,
-                    visibility: 'hidden',
+                    opacity         : 0,
+                    visibility      : 'hidden',
                     'pointer-events': 'none'
                 }
             }
@@ -243,13 +244,13 @@ export default {
             let image = document.querySelector('#cropper')
 
             this.imageCropper = new Cropper(image, {
-                viewMode: 1,
-                dragMode: this.dragMode,
-                guides: false,
-                highlight: false,
-                autoCrop: false,
+                viewMode                : 1,
+                dragMode                : this.dragMode,
+                guides                  : false,
+                highlight               : false,
+                autoCrop                : false,
                 toggleDragModeOnDblclick: true,
-                responsive: false
+                responsive              : false
             })
 
             image.addEventListener('ready', () => {
@@ -414,14 +415,14 @@ export default {
                 cropper.crop()
                 cropper.setCropBoxData({
                     height: cropper.getContainerData().height,
-                    left: 0,
-                    top: 0,
-                    width: cropper.getContainerData().width
+                    left  : 0,
+                    top   : 0,
+                    width : cropper.getContainerData().width
                 })
             }
 
             let url = cropper.getCroppedCanvas({
-                fillColor: type.includes('png') ? 'transparent' : '#fff',
+                fillColor            : type.includes('png') ? 'transparent' : '#fff',
                 imageSmoothingQuality: 'high'
             }).toDataURL(type)
 
@@ -439,9 +440,9 @@ export default {
             parent.showNotif(this.trans('stand_by'), 'info')
 
             axios.post(this.route, {
-                data: data,
-                path: parent.files.path,
-                name: this.file.name,
+                data     : data,
+                path     : parent.files.path,
+                name     : this.file.name,
                 mime_type: this.file.type
             }).then(({data}) => {
                 parent.toggleLoading()
diff --git a/src/resources/assets/js/components/manager.vue b/src/resources/assets/js/components/manager.vue
index da308b8..b8f0a12 100644
--- a/src/resources/assets/js/components/manager.vue
+++ b/src/resources/assets/js/components/manager.vue
@@ -1,49 +1,49 @@
 <style lang="scss" scoped src="../../sass/packages/bulma.scss"></style>
 
 <script>
-import debounce from 'lodash/debounce'
+import debounce    from 'lodash/debounce'
 import Vue2Filters from 'vue2-filters'
 
-import Broadcast from '../modules/broadcast'
-import BulkSelect from '../modules/bulk'
-import Cache from '../modules/cache'
-import Computed from '../modules/computed'
-import Download from '../modules/download'
-import Form from '../modules/form'
-import Folder from '../modules/folder'
-import Gestures from '../modules/gestures'
-import Image from '../modules/image'
+import Broadcast      from '../modules/broadcast'
+import BulkSelect     from '../modules/bulk'
+import Cache          from '../modules/cache'
+import Computed       from '../modules/computed'
+import Download       from '../modules/download'
+import Form           from '../modules/form'
+import Folder         from '../modules/folder'
+import Gestures       from '../modules/gestures'
+import Image          from '../modules/image'
 import ItemFiltration from '../modules/filtration'
 import ItemVisibility from '../modules/visibility'
-import LockItem from '../modules/lock'
-import Movable from '../modules/movable'
-import MediaPlayer from '../modules/media_player'
-import Restriction from '../modules/restriction'
-import Scroll from '../modules/scroll'
-import Selection from '../modules/selection'
-import Url from '../modules/url'
-import Upload from '../modules/upload'
-import Utilities from '../modules/utils'
-import Watchers from '../modules/watch'
+import LockItem       from '../modules/lock'
+import Movable        from '../modules/movable'
+import MediaPlayer    from '../modules/media_player'
+import Restriction    from '../modules/restriction'
+import Scroll         from '../modules/scroll'
+import Selection      from '../modules/selection'
+import Url            from '../modules/url'
+import Upload         from '../modules/upload'
+import Utilities      from '../modules/utils'
+import Watchers       from '../modules/watch'
 
 export default {
     components: {
         containerClickOverlay: require('./utils/container-click-overlay.vue').default,
-        contentRatio: require('./utils/ratio.vue').default,
-        dirBookmarks: require('./toolbar/dir-bookmark.vue').default,
-        filterAndSorting: require('./toolbar/filter-sort.vue').default,
-        globalSearchBtn: require('./globalSearch/button.vue').default,
-        globalSearchPanel: require('./globalSearch/panel.vue').default,
-        imageEditor: require('./image/editor/main.vue').default,
-        imageIntersect: require('./image/lazyLoading.vue').default,
-        imagePreview: require('./image/preview.vue').default,
-        InfiniteLoading: require('vue-infinite-loading').default,
-        uploadPreview: require('./utils/upload-preview.vue').default,
-        usageIntroBtn: require('./usageIntro/button.vue').default,
-        usageIntroPanel: require('./usageIntro/panel.vue').default,
-        voiceSearch: require('./search-by-voice.vue').default
+        contentRatio         : require('./utils/ratio.vue').default,
+        dirBookmarks         : require('./toolbar/dir-bookmark.vue').default,
+        filterAndSorting     : require('./toolbar/filter-sort.vue').default,
+        globalSearchBtn      : require('./globalSearch/button.vue').default,
+        globalSearchPanel    : require('./globalSearch/panel.vue').default,
+        imageEditor          : require('./image/editor/main.vue').default,
+        imageIntersect       : require('./image/lazyLoading.vue').default,
+        imagePreview         : require('./image/preview.vue').default,
+        InfiniteLoading      : require('vue-infinite-loading').default,
+        uploadPreview        : require('./utils/upload-preview.vue').default,
+        usageIntroBtn        : require('./usageIntro/button.vue').default,
+        usageIntroPanel      : require('./usageIntro/panel.vue').default,
+        voiceSearch          : require('./search-by-voice.vue').default
     },
-    name: 'media-manager',
+    name  : 'media-manager',
     mixins: [
         Vue2Filters.mixin,
         Broadcast,
@@ -81,67 +81,67 @@ export default {
     ],
     data() {
         return {
-            ajax_error: false,
-            bulkSelect: false,
-            bulkSelectAll: false,
-            disableShortCuts: false,
-            firstMeta: false, // for alt + click selection
-            firstRun: false, // deffer running logic on init
-            folderDeleteWarning: false,
-            imageWasEdited: false,
-            infoSidebar: false,
-            introIsOn: false,
-            isLoading: false,
-            linkCopied: false,
-            loading_files: false,
-            no_files: false,
-            no_search: false,
-            useRandomNamesForUpload: false,
-            showProgress: false,
-            isASmallScreen: false,
-            toolBar: true,
-            uploadArea: false,
-            waitingForUpload: false,
-            copyFilesNotMove: false,
+            ajax_error                        : false,
+            bulkSelect                        : false,
+            bulkSelectAll                     : false,
+            disableShortCuts                  : false,
+            firstMeta                         : false, // for alt + click selection
+            firstRun                          : false, // deffer running logic on init
+            folderDeleteWarning               : false,
+            imageWasEdited                    : false,
+            infoSidebar                       : false,
+            introIsOn                         : false,
+            isLoading                         : false,
+            linkCopied                        : false,
+            loading_files                     : false,
+            no_files                          : false,
+            no_search                         : false,
+            useRandomNamesForUpload           : false,
+            showProgress                      : false,
+            isASmallScreen                    : false,
+            toolBar                           : true,
+            uploadArea                        : false,
+            waitingForUpload                  : false,
+            copyFilesNotMove                  : false,
             uploadPreviewOptionsPanelIsVisible: false,
-            globalSearchPanelIsVisible: false,
-
-            activeModal: null,
-            currentFileIndex: null,
-            filterName: null,
-            sortName: null,
-            imageSlideDirection: null,
-            newFilename: null,
-            newFolderName: null,
-            searchFor: null,
-            searchItemsCount: null,
-            selectedFile: null,
-            global_search_item: null,
-            urlToUpload: null,
+            globalSearchPanelIsVisible        : false,
+
+            activeModal              : null,
+            currentFileIndex         : null,
+            filterName               : null,
+            sortName                 : null,
+            imageSlideDirection      : null,
+            newFilename              : null,
+            newFolderName            : null,
+            searchFor                : null,
+            searchItemsCount         : null,
+            selectedFile             : null,
+            global_search_item       : null,
+            urlToUpload              : null,
             selectedUploadPreviewName: null,
 
             audioFileMeta: {},
-            restrictions: Object.assign({
-                'path': null,
+            restrictions : Object.assign({
+                'path'       : null,
                 'uploadTypes': null,
-                'uploadSize': null
+                'uploadSize' : null
             }, this.restrict),
-            movableList: [],
-            bulkList: [],
-            dimensions: [],
-            files: [],
-            filterdFilesList: [],
-            folders: [],
-            uploadPreviewList: [],
-            uploadPreviewNamesList: [],
+            movableList             : [],
+            bulkList                : [],
+            dimensions              : [],
+            files                   : [],
+            filterdFilesList        : [],
+            folders                 : [],
+            uploadPreviewList       : [],
+            uploadPreviewNamesList  : [],
             uploadPreviewOptionsList: [],
-            dirBookmarks: [],
-            player: {
-                item: null,
-                fs: false,
+            dirBookmarks            : [],
+            player                  : {
+                item   : null,
+                fs     : false,
                 playing: false
             },
-            lockedList: [],
+            lockedList          : [],
             uploadPanelGradients: [
                 'linear-gradient(141deg, #009e6c 0, #00d1b2 71%, #00e7eb 100%)',
                 'linear-gradient(141deg, #04a6d7 0, #209cee 71%, #3287f5 100%)',
@@ -150,7 +150,7 @@ export default {
                 'linear-gradient(141deg, #ff0561 0, #ff3860 71%, #ff5257 100%)',
                 'linear-gradient(141deg, #1f191a 0, #363636 71%, #46403f 100%)'
             ],
-            progressCounter: 0,
+            progressCounter      : 0,
             scrollByRowItemsCount: 0
         }
     },
@@ -264,10 +264,10 @@ export default {
 
             // normal
             this.getPathFromUrl()
-                    .then(this.preSaved())
-                    .then(this.getFiles(null, this.selectedFile))
-                    .then(this.updatePageUrl())
-                    .then(this.afterInit())
+                .then(this.preSaved())
+                .then(this.getFiles(null, this.selectedFile))
+                .then(this.updatePageUrl())
+                .then(this.afterInit())
 
         },
         afterInit() {
@@ -286,7 +286,7 @@ export default {
                 if (!this.activeModal && !this.waitingForUpload) {
                     // when search is not focused
                     if (!this.isFocused('search', e)) {
-                        // when no bulk selecting
+                        // when no bulk selection
                         if (!this.isBulkSelecting()) {
                             // open folder
                             if (key == 'enter' && this.selectedFile) {
diff --git a/src/resources/lang/en/messages.php b/src/resources/lang/en/messages.php
index 90bf418..0ebddd3 100644
--- a/src/resources/lang/en/messages.php
+++ b/src/resources/lang/en/messages.php
@@ -4,10 +4,10 @@
     'space'     => 'Space',
     'backspace' => 'BackSpace',
     'bookmarks' => [
-        'main'  => 'Bookmarks',
-        'add'   => 'Save Current Path',
+        'main' => 'Bookmarks',
+        'add'  => 'Save Current Path',
     ],
-    'add'       => [
+    'add' => [
         'main'       => 'Add',
         'added'      => 'Added',
         'folder'     => 'Add Folder',
@@ -21,14 +21,14 @@
     'application'         => 'Application',
     'are_you_sure_delete' => 'Are You Sure You Want To Delete ?!!',
     'audio'               => [
-        'album'    => 'Album',
-        'artist'   => 'Artist',
-        'main'     => 'Audio',
-        'support'  => 'Your Browser Does Not Support The Audio Element',
-        'title'    => 'Title',
-        'track'    => 'Track Nº',
-        'year'     => 'Year',
-        'genre'    => 'Genre',
+        'album'   => 'Album',
+        'artist'  => 'Artist',
+        'main'    => 'Audio',
+        'support' => 'Your Browser Does Not Support The Audio Element',
+        'title'   => 'Title',
+        'track'   => 'Track Nº',
+        'year'    => 'Year',
+        'genre'   => 'Genre',
     ],
     'cancel' => 'Cancel',
     'clear'  => 'Clear :attr',
@@ -61,19 +61,51 @@
         'main'    => 'Delete',
         'success' => 'Successfully Deleted',
     ],
-    'destination_folder'   => 'Destination Folder',
-    'dimension'            => 'Dimensions',
-    'description'          => 'Description',
-    'focals'               => 'Focal Points',
-    'download'             => [
+    'destination_folder' => 'Destination Folder',
+    'dimension'          => 'Dimensions',
+    'description'        => 'Description',
+    'focals'             => 'Focal Points',
+    'download'           => [
         'downloaded' => 'Downloaded',
         'file'       => 'Download File',
         'folder'     => 'Download Folder',
         'sep'        => 'Folders Should Be Downloaded Separately',
     ],
     'editor' => [
-        'diff' => 'Toggle Diff',
-        'main' => 'Editor',
+        'diff'          => 'Toggle Diff',
+        'main'          => 'Editor',
+        'clarity'       => 'Clarity',
+        'pinhole'       => 'Pinhole',
+        'love'          => 'Love',
+        'jarques'       => 'Jarques',
+        'orange_peel'   => 'Orange Peel',
+        'sin_city'      => 'Sin City',
+        'grungy'        => 'Grungy',
+        'old_boot'      => 'Old Boot',
+        'lomo'          => 'Lomo',
+        'vintage'       => 'Vintage',
+        'cross_process' => 'Cross Process',
+        'concentrate'   => 'Concentrate',
+        'glowing_sun'   => 'Glowing Sun',
+        'sunrise'       => 'Sunrise',
+        'nostalgia'     => 'Nostalgia',
+        'hemingway'     => 'Hemingway',
+        'her_majesty'   => 'Her Majesty',
+        'hazy_days'     => 'Hazy Days',
+        'brightness'    => 'Brightness',
+        'contrast'      => 'Contrast',
+        'saturation'    => 'Saturation',
+        'vibrance'      => 'Vibrance',
+        'exposure'      => 'Exposure',
+        'hue'           => 'Hue',
+        'sepia'         => 'Sepia',
+        'gamma'         => 'Gamma',
+        'noise'         => 'Noise',
+        'clip'          => 'Clip',
+        'sharpen'       => 'Sharpen',
+        'stack_blur'    => 'Stack Blur',
+        'greyscale'     => 'Greyscale',
+        'invert'        => 'Invert',
     ],
     'error' => [
         'already_exists' => 'A File/Folder Already Exists With That Name',
@@ -86,26 +118,26 @@
         'moving_cloud'   => 'Cloud Folders Can\'t Be "Renamed, Moved Or Copied"',
         'move_into_self' => 'Folder Can\'t Be "Moved Or Copied" Into It Self',
     ],
-    'filter'         => [
+    'filter' => [
         'main'       => 'Filter',
         'by'         => 'Filter By :attr',
         'filtration' => 'Filters & Sorting',
     ],
-    'find'           => 'Find...',
-    'folder'         => 'Folder',
-    'found'          => 'Found',
-    'go_to_folder'   => 'Go To Folder !',
-    'image'          => 'Image',
-    'items'          => 'Item(s)',
-    'last_modified'  => 'Last Modified',
-    'library'        => 'Home',
-    'loading'        => 'Loading Files',
-    'lock'           => 'Lock Item',
-    'lock_success'   => '":attr" Lock Was Updated',
-    'locked'         => 'Locked',
-    'remove'         => 'Remove',
-    'paste'          => 'Paste Here',
-    'move'           => [
+    'find'          => 'Find...',
+    'folder'        => 'Folder',
+    'found'         => 'Found',
+    'go_to_folder'  => 'Go To Folder !',
+    'image'         => 'Image',
+    'items'         => 'Item(s)',
+    'last_modified' => 'Last Modified',
+    'library'       => 'Home',
+    'loading'       => 'Loading Files',
+    'lock'          => 'Lock Item',
+    'lock_success'  => '":attr" Lock Was Updated',
+    'locked'        => 'Locked',
+    'remove'        => 'Remove',
+    'paste'         => 'Paste Here',
+    'move'          => [
         'file_folder' => 'Move File/Folder',
         'main'        => 'Move',
         'success'     => 'Successfully Moved',
diff --git a/src/resources/views/_manager.blade.php b/src/resources/views/_manager.blade.php
index 8e7bfc7..aae5e83 100644
--- a/src/resources/views/_manager.blade.php
+++ b/src/resources/views/_manager.blade.php
@@ -90,6 +90,38 @@ class="hide-native-scrollbar"
         'video' => trans('MediaManager::messages.video'),
         'voice_start' => trans('MediaManager::messages.voice.start'),
         'voice_stop' => trans('MediaManager::messages.voice.stop'),
+        'clarity' => trans('MediaManager::messages.editor.clarity'),
+        'pinhole' => trans('MediaManager::messages.editor.pinhole'),
+        'love' => trans('MediaManager::messages.editor.love'),
+        'jarques' => trans('MediaManager::messages.editor.jarques'),
+        'orange_peel' => trans('MediaManager::messages.editor.orange_peel'),
+        'sin_city' => trans('MediaManager::messages.editor.sin_city'),
+        'grungy' => trans('MediaManager::messages.editor.grungy'),
+        'old_boot' => trans('MediaManager::messages.editor.old_boot'),
+        'lomo' => trans('MediaManager::messages.editor.lomo'),
+        'vintage' => trans('MediaManager::messages.editor.vintage'),
+        'cross_process' => trans('MediaManager::messages.editor.cross_process'),
+        'concentrate' => trans('MediaManager::messages.editor.concentrate'),
+        'glowing_sun' => trans('MediaManager::messages.editor.glowing_sun'),
+        'sunrise' => trans('MediaManager::messages.editor.sunrise'),
+        'nostalgia' => trans('MediaManager::messages.editor.nostalgia'),
+        'hemingway' => trans('MediaManager::messages.editor.hemingway'),
+        'her_majesty' => trans('MediaManager::messages.editor.her_majesty'),
+        'hazy_days' => trans('MediaManager::messages.editor.hazy_days'),
+        'brightness' => trans('MediaManager::messages.editor.brightness'),
+        'contrast' => trans('MediaManager::messages.editor.contrast'),
+        'saturation' => trans('MediaManager::messages.editor.saturation'),
+        'vibrance' => trans('MediaManager::messages.editor.vibrance'),
+        'exposure' => trans('MediaManager::messages.editor.exposure'),
+        'hue' => trans('MediaManager::messages.editor.hue'),
+        'sepia' => trans('MediaManager::messages.editor.sepia'),
+        'gamma' => trans('MediaManager::messages.editor.gamma'),
+        'noise' => trans('MediaManager::messages.editor.noise'),
+        'clip' => trans('MediaManager::messages.editor.clip'),
+        'sharpen' => trans('MediaManager::messages.editor.sharpen'),
+        'stack_blur' => trans('MediaManager::messages.editor.stack_blur'),
+        'greyscale' => trans('MediaManager::messages.editor.greyscale'),
+        'invert' => trans('MediaManager::messages.editor.invert'),
     ]) }}"
     :in-modal="{{ isset($modal) ? 'true' : 'false' }}"
     :hide-ext="{{ isset($hideExt) ? json_encode($hideExt) : '[]' }}"