Code refactoring (#2865)

* refactor: use vue inline styles in entire application

* refactor: setting row in dashboard page

* refactor: use blob for download file in text modal

* refactor: move all html templates in `web/html` folder

* refactor: `DeviceUtils` -> `MediaQueryMixin`
The transition to mixins has been made, as they can update themselves.

* chore: pretty right buttons in `outbounds` tab in xray settings

* refactor: add translations for system status

* refactor: adjust gutter spacing in setting list item

* refactor: use native `a-input-password` for password field

* chore: return old system status
with new translations

* chore: add missing translation

1 files changed, 0 insertions, 71 deletions

diff --git a/web/html/xui/modals/prompt_modal.html b/web/html/xui/modals/prompt_modal.html
deleted file mode 100644
index 5073650f..00000000
--- a/web/html/xui/modals/prompt_modal.html
+++ /dev/null
@@ -1,71 +0,0 @@
-{{define "modals/promptModal"}}
-<a-modal id="prompt-modal" v-model="promptModal.visible" :title="promptModal.title"
-         :closable="true" @ok="promptModal.ok" :mask-closable="false"
-         :confirm-loading="promptModal.confirmLoading"
-         :ok-text="promptModal.okText" cancel-text='{{ i18n "cancel" }}' :class="themeSwitcher.currentTheme">
-    <a-input id="prompt-modal-input" :type="promptModal.type"
-             v-model="promptModal.value"
-             :autosize="{minRows: 10, maxRows: 20}"
-             @keydown.enter.native="promptModal.keyEnter"
-             @keydown.ctrl.83="promptModal.ctrlS"></a-input>
-</a-modal>
-
-<script>
-
-    const promptModal = {
-        title: '',
-        type: '',
-        value: '',
-        okText: '{{ i18n "sure"}}',
-        visible: false,
-        confirmLoading: false,
-        keyEnter(e) {
-            if (this.type !== 'textarea') {
-                e.preventDefault();
-                this.ok();
-            }
-        },
-        ctrlS(e) {
-            if (this.type === 'textarea') {
-                e.preventDefault();
-                promptModal.confirm(promptModal.value);
-            }
-        },
-        ok() {
-            promptModal.confirm(promptModal.value);
-        },
-        confirm() {},
-        open({
-            title = '',
-            type = 'text',
-            value = '',
-            okText = '{{ i18n "sure"}}',
-            confirm = () => {},
-        }) {
-            this.title = title;
-            this.type = type;
-            this.value = value;
-            this.okText = okText;
-            this.confirm = confirm;
-            this.visible = true;
-            promptModalApp.$nextTick(() => {
-                document.querySelector('#prompt-modal-input').focus();
-            });
-        },
-        close() {
-            this.visible = false;
-        },
-        loading(loading=true) {
-            this.confirmLoading = loading;
-        },
-    };
-
-    const promptModalApp = new Vue({
-        el: '#prompt-modal',
-        data: {
-            promptModal: promptModal,
-        },
-    });
-
-</script>
-{{end}}
\ No newline at end of file