add AppImageLauncher warning

Author: hitman249

src/src/components/Home/PopupAppImageLauncher.vue

@@ -0,0 +1,80 @@
+<template>
+    <div class="hidden">
+        <div :id="id" class="modal-demo">
+            <button type="button" class="close" @click="cancel">
+                <span>&times;</span><span class="sr-only">{{ $t('labels.close') }}</span>
+            </button>
+            <h4 class="custom-modal-title">
+                {{ $t('app.warning') }}!
+            </h4>
+            <div class="custom-modal-text text-left">
+                <template v-if="popup_opened">
+                    <form role="form">
+                        <div class="form-group m-b-30 text-center">
+                            <h4 class="m-t-20">
+                                <b v-html="$t('home.AppImageLauncher')"></b>
+                            </h4>
+
+                            <div class="form-group text-center m-t-40">
+                                <button type="button" class="btn btn-danger waves-effect waves-light m-l-10"
+                                        @click="cancel">
+                                    {{ $t('labels.close') }}
+                                </button>
+                            </div>
+                        </div>
+                    </form>
+                </template>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    import action        from '../../store/action';
+    import AbstractPopup from "../UI/AbstractPopup";
+
+    export default {
+        mixins:     [AbstractPopup],
+        components: {},
+        name:       "PopupAppImageLauncher",
+        props:      {
+            title:   String,
+            message: String,
+        },
+        data() {
+            return {
+                id: action.id,
+            };
+        },
+        methods:    {
+            open() {
+                new Custombox.modal({
+                    content: {
+                        effect: 'fadein',
+                        target: `#${this.id}`,
+                    },
+                    loader:  {
+                        active: false,
+                    },
+                }).open();
+            },
+            cancel() {
+                return Custombox.modal.close();
+            },
+        },
+    }
+</script>
+
+<style lang="less" scoped>
+    .modal-demo {
+        width: 500px;
+    }
+
+    .custom-modal-text {
+        position: relative;
+
+        form {
+            position: relative;
+        }
+    }
+</style>

src/src/locales/en.js

@@ -6,6 +6,7 @@ export default {
         'in-progress':   'In progress',
         'error':         'Error',
         'success':       'Success',
+        'warning':       'Warning',
     },
     labels:      {
         'or':             'or',
@@ -218,6 +219,19 @@ export default {
         'label':              'label',
         'more':               'More',
         'info':               'info',
+        'AppImageLauncher':   `
+App detected:
+<br>
+<code>AppImageLauncher</code>
+<br>
+<br>
+This application interferes with the proper operation of
+<br>
+<code>AppImage</code> applications.
+<br>
+<br>
+Remove AppImageLauncher!
+`,
     },
     update:      {
         'latest':          'Latest version installed',

src/src/locales/ru.js

@@ -6,6 +6,7 @@ export default {
         'in-progress':   'В процессе',
         'error':         'Ошибка',
         'success':       'Успешно',
+        'warning':       'Предупреждение',
     },
     labels:      {
         'or':             'или',
@@ -218,6 +219,19 @@ export default {
         'label':              'ярлык',
         'more':               'Больше',
         'info':               'информации',
+        'AppImageLauncher':   `
+Обнаружено приложение:
+<br>
+<code>AppImageLauncher</code>
+<br>
+<br>
+Данное приложение мешает правильной работе
+<br>
+<code>AppImage</code> приложений.
+<br>
+<br>
+Удалите AppImageLauncher!
+`,
     },
     update:      {
         'latest':          'Установлена последняя версия',

src/src/modules/system.js

@@ -465,6 +465,13 @@ export default class System {
         return this.isTar() && this.values.xz;
     }
 
+    /**
+     * @returns {boolean}
+     */
+    isAppImageLauncher() {
+        return this.existsCommand('AppImageLauncher');
+    }
+
     /**
      * @returns {number}
      */

src/src/modules/update.js

@@ -8,7 +8,7 @@ const child_process = require('child_process');
 
 export default class Update {
 
-    version = '1.4.11';
+    version = '1.4.12';
 
     /**
      * @type {string}

src/src/views/Home.vue

@@ -12,26 +12,30 @@
                     * {{ $t('home.before-label') }}
                     <router-link to="/games">{{ $t('home.label') }}</router-link>
                     <br>
-                    * {{ $t('home.more') }} <router-link to="/help">{{ $t('home.info') }}</router-link>
+                    * {{ $t('home.more') }}
+                    <router-link to="/help">{{ $t('home.info') }}</router-link>
                 </div>
             </div>
 
+            <PopupAppImageLauncher ref="AppImageLauncher"/>
             <ItemNewGame v-if="!games.configs.length"/>
             <ItemGame v-for="config in games.configs" :key="config.code" :config="config" :edit="false"/>
         </div>
     </div>
 </template>
 
 <script>
-    import action      from "../store/action";
-    import ItemGame    from "../components/Home/ItemGame";
-    import ItemNewGame from "../components/Prefix/ItemNewGame";
+    import action                from "../store/action";
+    import ItemGame              from "../components/Home/ItemGame";
+    import ItemNewGame           from "../components/Prefix/ItemNewGame";
+    import PopupAppImageLauncher from "../components/Home/PopupAppImageLauncher";
 
     export default {
         name:       'Home',
         components: {
             ItemGame,
             ItemNewGame,
+            PopupAppImageLauncher,
         },
         data() {
             return {
@@ -41,6 +45,11 @@
         mounted() {
             this.$store.dispatch(action.get('games').LOAD);
             this.$store.dispatch(action.get('prefix').LOAD);
+
+            if (window.app.getSystem().isAppImageLauncher() && !window.AppImageLauncher) {
+                window.AppImageLauncher = true;
+                this.$refs.AppImageLauncher.open();
+            }
         },
         methods:    {},
     }