summaryrefslogtreecommitdiff
path: root/src/views/SystemDescription/Info/NtpPopover.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/views/SystemDescription/Info/NtpPopover.vue')
-rw-r--r--src/views/SystemDescription/Info/NtpPopover.vue141
1 files changed, 0 insertions, 141 deletions
diff --git a/src/views/SystemDescription/Info/NtpPopover.vue b/src/views/SystemDescription/Info/NtpPopover.vue
deleted file mode 100644
index 81e95e4d..00000000
--- a/src/views/SystemDescription/Info/NtpPopover.vue
+++ /dev/null
@@ -1,141 +0,0 @@
-<template>
- <div id="my-container">
- <span :id="id" class="regular-12px underline" variant="primary">
- {{ $t(description) }}
- </span>
- <!-- Our popover title and content render container -->
- <b-popover
- :target="id"
- placement="auto"
- container="my-container"
- :show.sync="popoverShow"
- @show="onShow"
- @shown="onShown"
- @hidden="onHidden"
- >
- <template #title>
- <div class="popup-title">
- <span class="bold-16px__caps">{{ $t(description) }}</span>
- <b-button class="popup-title__button_close" @click="onClose">
- <img src="@/assets/images/popups/x-icon.svg" />
- </b-button>
- </div>
- </template>
-
- <div class="popup-body">
- <div class="popup-body__input-container">
- <span class="regular-12px tretiatry"
- >Введите адрес сервера (IP, FQDM)</span
- >
- <b-form-input
- id="popover-input-1"
- v-model="input1"
- class="medium-12px"
- ></b-form-input>
- </div>
- <b-button class="popover-button" variant="primary" @click="onClose">
- {{ $t('global.action.save') }}
- </b-button>
- </div>
- </b-popover>
- </div>
-</template>
-
-<script>
-export default {
- props: {
- description: {
- type: String,
- default: '',
- },
- id: {
- type: String,
- default: '',
- },
- button: {
- type: String,
- default: 'Reload',
- },
- },
- data() {
- return {
- input1: '',
- popoverShow: false,
- };
- },
- methods: {
- onShow() {
- this.$root.$emit('bv::hide::popover');
- },
- onClose() {
- this.popoverShow = false;
- },
- },
-};
-</script>
-<style lang="scss" scoped>
-.form-group {
- margin: 0;
-}
-
-.popup-title {
- display: flex;
- flex-flow: row nowrap;
- align-items: baseline;
-}
-
-.popup-title__button_close {
- margin: 0 28px 0 auto;
- background: none;
- border: none;
- &:active {
- background-color: $faint-secondary-primary-5-hover !important;
- box-shadow: none !important;
- border-radius: 8px;
- }
- &:focus-visible {
- border: none !important;
- border-radius: 8px;
- }
- &:focus {
- box-shadow: none;
- border-radius: 8px;
- }
-}
-
-.popup-body {
- display: flex;
- flex-direction: column;
- align-content: center;
- justify-content: center;
-}
-
-.form-control {
- width: 341px;
- height: 52px;
- background: rgba(26, 62, 91, 0.05);
- border-radius: 8px;
- border: none;
- margin: -25px auto;
- padding-top: 30px;
-}
-
-.popover-button {
- width: 341px;
- height: 40px;
- margin: 0 auto 10px;
-}
-
-.popup-body__input-container {
- height: 52px;
- margin: 24px auto 16px auto;
-}
-
-.tretiatry {
- margin-left: 12px;
-}
-
-.underline {
- cursor: pointer;
-}
-</style>