Add custom logic

Author: cebelerk

package-lock.json

@@ -113,6 +113,15 @@
                     >
                         <i class="bi" v-bind:class="[hiddenFiles ? 'bi-eye-fill' : 'bi-eye-slash-fill']" />
                     </button>
+                    <button
+                        type="button"
+                        class="btn btn-secondary"
+                        v-bind:disabled="insertDisabled"
+                        v-bind:title="lang.btn.insert"
+                        v-on:click="insertSelected"
+                    >
+                        <i class="bi bi-check"></i>
+                    </button>
                 </div>
             </div>
             <div class="col-auto text-right">
@@ -247,6 +256,14 @@ export default {
         hiddenFiles() {
             return this.$store.state.fm.settings.hiddenFiles;
         },
+
+        /**
+         * Insert button state
+         * @returns {boolean}
+         */
+        insertDisabled() {
+            return this.$store.state.fm[this.activeManager].selected.files.length <= 0;
+        },
     },
     methods: {
         /**
@@ -305,6 +322,17 @@ export default {
             this.$store.commit('fm/settings/toggleHiddenFiles');
         },
 
+        /**
+         * Insert
+         */
+        insertSelected() {
+            window.dispatchEvent(
+                new CustomEvent('fm:insert', {
+                    detail: { files: this.$store.getters['fm/selectedItems'] },
+                })
+            );
+        },
+
         /**
          * Show modal window
          * @param modalName

src/components/blocks/NavbarBlock.vue

@@ -61,6 +61,17 @@ export default {
             });
         },
 
+        /**
+         * Select file
+         */
+        insertAction() {
+            window.dispatchEvent(
+                new CustomEvent('fm:insert', {
+                    detail: { files: this.$store.getters['fm/selectedItems'] },
+                })
+            );
+        },
+
         /**
          * Select file
          */

src/components/blocks/mixins/contextMenuActions.js

@@ -47,6 +47,14 @@ export default {
             return !this.multiSelect && this.firstItemType === 'file' && this.canEdit(this.selectedItems[0].extension);
         },
 
+        /**
+         * Insert - menu item status - show or hide
+         * @returns {boolean|*}
+         */
+        insertRule() {
+            return this.firstItemType === 'file' && this.canEdit(this.selectedItems[0].extension);
+        },
+
         /**
          * Select - menu item status - show or hide
          * @returns {boolean|null}

src/components/blocks/mixins/contextMenuRules.js

@@ -100,20 +100,13 @@ export default {
             // search in selected array
             const alreadySelected = this.selected[type].includes(path);
 
-            // if pressed Ctrl -> multi select
-            if (event.ctrlKey || event.metaKey) {
-                if (!alreadySelected) {
-                    // add new selected item
-                    this.$store.commit(`fm/${this.manager}/setSelected`, { type, path });
-                } else {
-                    // remove selected item
-                    this.$store.commit(`fm/${this.manager}/removeSelected`, { type, path });
-                }
-            }
-
-            // single select
-            if (!event.ctrlKey && !alreadySelected && !event.metaKey) {
+            if (!alreadySelected) {
+                // add new selected item
+                this.$store.commit(`fm/${this.manager}/setSelected`, { type, path });
                 this.$store.commit(`fm/${this.manager}/changeSelected`, { type, path });
+            } else {
+                // remove selected item
+                this.$store.commit(`fm/${this.manager}/removeSelected`, { type, path });
             }
         },
 

src/components/manager/mixins/manager.js

@@ -24,6 +24,7 @@ const en = {
         upload: 'Upload',
         uploadSelect: 'Select files',
         hidden: ' Hidden files',
+        insert: 'Insert',
     },
     clipboard: {
         actionType: 'Type',
@@ -49,6 +50,7 @@ const en = {
         edit: 'Edit',
         audioPlay: 'Play',
         videoPlay: 'Play',
+        insert: 'Insert',
     },
     info: {
         directories: 'Folders:',

src/lang/en.js

@@ -24,6 +24,7 @@ const ru = {
         upload: 'Загрузить',
         uploadSelect: 'Выбрать файлы',
         hidden: 'Скрытые файлы',
+        insert: 'Выбрать',
     },
     clipboard: {
         actionType: 'Тип операции',
@@ -49,6 +50,7 @@ const ru = {
         edit: 'Редактировать',
         audioPlay: 'Воспроизвести',
         videoPlay: 'Воспроизвести',
+        insert: 'Выбрать',
     },
     info: {
         directories: 'Папок:',