diff options
author | Vitalii Lysak <v.lysak@dunice.net> | 2022-07-04 22:06:48 +0300 |
---|---|---|
committer | Vitalii Lysak <v.lysak@dunice.net> | 2022-07-04 22:06:48 +0300 |
commit | 24db902588214be54d651f627a080b61bfc39a38 (patch) | |
tree | 1f1ce272de6aae3db8241dde166d766edf94c396 | |
parent | 83b1f3104e0564ca40bdeaf08f7f728e423e7f85 (diff) | |
download | webui-vue-24db902588214be54d651f627a080b61bfc39a38.tar.xz |
add file name
-rw-r--r-- | src/components/Global/FormFile.vue | 21 | ||||
-rw-r--r-- | src/views/Fans/StaticInformation/FansStaticPage.vue | 2 | ||||
-rw-r--r-- | src/views/Operations/VirtualMedia/VirtualMedia.vue | 4 |
3 files changed, 25 insertions, 2 deletions
diff --git a/src/components/Global/FormFile.vue b/src/components/Global/FormFile.vue index 907f3004..48bab7ec 100644 --- a/src/components/Global/FormFile.vue +++ b/src/components/Global/FormFile.vue @@ -41,13 +41,19 @@ variant="light" class="px-2 ml-auto" :disabled="disabled" - @click="file = null" + @click="closeFile" ><icon-close :title="$t('global.fileUpload.clearSelectedFile')" /><span class="sr-only" >{{ $t('global.fileUpload.clearSelectedFile') }}</span > </b-button> </div> + <div + v-if="fileName && isStarted" + class="clear-selected-file px-3 py-2 mt-2" + > + {{ fileName }} + </div> </div> </template> @@ -79,10 +85,15 @@ export default { type: String, default: 'secondary', }, + isStarted: { + type: Boolean, + default: false, + }, }, data() { return { file: null, + fileName: null, }; }, computed: { @@ -93,10 +104,18 @@ export default { watch: { file() { if (this.file) { + this.fileName = this.file.name; this.$bvModal.hide(`modal-${this.id}`); } }, }, + + methods: { + closeFile() { + this.fileName = null; + this.file = null; + }, + }, }; </script> <style lang="scss" scoped> diff --git a/src/views/Fans/StaticInformation/FansStaticPage.vue b/src/views/Fans/StaticInformation/FansStaticPage.vue index a9f2d68b..68e460cd 100644 --- a/src/views/Fans/StaticInformation/FansStaticPage.vue +++ b/src/views/Fans/StaticInformation/FansStaticPage.vue @@ -81,7 +81,7 @@ export default { }, { key: 'currentValue', - label: 'Номинальная скорость, об/мин', + label: 'Текущая скорость, об/мин', formatter: this.dataFormatter, thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', class: `bootstrap-rounded-table__column-last diff --git a/src/views/Operations/VirtualMedia/VirtualMedia.vue b/src/views/Operations/VirtualMedia/VirtualMedia.vue index 85ef4c24..ef306129 100644 --- a/src/views/Operations/VirtualMedia/VirtualMedia.vue +++ b/src/views/Operations/VirtualMedia/VirtualMedia.vue @@ -13,6 +13,7 @@ v-if="!dev.isActive" :id="concatId(dev.id)" v-model="dev.file" + :is-started="isStarted" > <template #invalid> <b-form-invalid-feedback role="alert"> @@ -119,6 +120,7 @@ export default { data() { return { modalConfigureConnection: null, + isStarted: false, loadImageFromExternalServer: process.env.VUE_APP_VIRTUAL_MEDIA_LIST_ENABLED === 'true' ? true @@ -168,9 +170,11 @@ export default { device.nbd.start(); device.isActive = true; + this.isStarted = true; }, stopVM(device) { device.nbd.stop(); + this.isStarted = false; }, startLegacy(connectionData) { var data = {}; |