bfg-common 1.2.62 → 1.2.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -12,13 +12,29 @@
|
|
|
12
12
|
</div>
|
|
13
13
|
<div class="main-block">
|
|
14
14
|
<span class="text">{{ localization.emailAddress }} </span>
|
|
15
|
-
<input
|
|
16
|
-
id="feedback-email-input"
|
|
17
|
-
v-model="emailLocal"
|
|
18
|
-
type="email"
|
|
19
|
-
class="email"
|
|
20
|
-
:placeholder="localization.optionalInCaseWeNeed"
|
|
21
|
-
|
|
15
|
+
<!-- <input-->
|
|
16
|
+
<!-- id="feedback-email-input"-->
|
|
17
|
+
<!-- v-model="emailLocal"-->
|
|
18
|
+
<!-- type="email"-->
|
|
19
|
+
<!-- class="email"-->
|
|
20
|
+
<!-- :placeholder="localization.optionalInCaseWeNeed"-->
|
|
21
|
+
<!-- />-->
|
|
22
|
+
|
|
23
|
+
<atoms-tooltip-error
|
|
24
|
+
:has-error="isInvalidEmail"
|
|
25
|
+
selector="#vm-wizard-vcpus-field input"
|
|
26
|
+
>
|
|
27
|
+
<template #elem>
|
|
28
|
+
<input
|
|
29
|
+
id="feedback-email-input"
|
|
30
|
+
v-model="emailLocal"
|
|
31
|
+
type="email"
|
|
32
|
+
:class="['email', {'has-error': isInvalidEmail}]"
|
|
33
|
+
:placeholder="localization.optionalInCaseWeNeed"
|
|
34
|
+
/>
|
|
35
|
+
</template>
|
|
36
|
+
<template #content>{{ localization.emailErrorText }}</template>
|
|
37
|
+
</atoms-tooltip-error>
|
|
22
38
|
</div>
|
|
23
39
|
<div class="main-block">
|
|
24
40
|
<span class="text">{{ localization.additionalDetails }} </span>
|
|
@@ -126,7 +142,7 @@
|
|
|
126
142
|
ref="feedbackImg"
|
|
127
143
|
:class="{ feedbackImg: !hasTakeScreenshot }"
|
|
128
144
|
></canvas>
|
|
129
|
-
<canvas id=
|
|
145
|
+
<canvas id="feedbackImgBlank" style="display: none"></canvas>
|
|
130
146
|
</div>
|
|
131
147
|
</div>
|
|
132
148
|
</template>
|
|
@@ -164,6 +180,9 @@ const emailLocal = computed<string>({
|
|
|
164
180
|
emits('update:email', value)
|
|
165
181
|
},
|
|
166
182
|
})
|
|
183
|
+
const isInvalidEmail = computed<boolean>(
|
|
184
|
+
() => !/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(emailLocal.value)
|
|
185
|
+
)
|
|
167
186
|
const localization = computed<UI_I_Localization>(() => useLocal())
|
|
168
187
|
// const drawingPanel = computed(() => drawingPanelFunc(localization.value))
|
|
169
188
|
|
|
@@ -441,6 +460,10 @@ onBeforeUnmount(() => {
|
|
|
441
460
|
:deep(.alert.alert-info) {
|
|
442
461
|
width: 100%;
|
|
443
462
|
}
|
|
463
|
+
|
|
464
|
+
.has-error {
|
|
465
|
+
border: 1px solid #db2100;
|
|
466
|
+
}
|
|
444
467
|
}
|
|
445
468
|
}
|
|
446
469
|
.loadFile {
|