@nixweb/nixloc-ui 0.0.183 → 0.0.184
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.
package/package.json
CHANGED
|
@@ -7,27 +7,14 @@
|
|
|
7
7
|
<Tip :field="field" :formName="formName" />
|
|
8
8
|
</label>
|
|
9
9
|
<div class="inner-addon right-addon">
|
|
10
|
-
<div
|
|
11
|
-
class="required glyphicon"
|
|
12
|
-
v-if="notifications.length > 0 && formDirty"
|
|
13
|
-
>
|
|
10
|
+
<div class="required glyphicon" v-if="notifications.length > 0 && formDirty">
|
|
14
11
|
<i class="fas fa-exclamation-triangle"></i>
|
|
15
12
|
</div>
|
|
16
13
|
<slot v-else></slot>
|
|
17
|
-
<input
|
|
18
|
-
|
|
19
|
-
:
|
|
20
|
-
:
|
|
21
|
-
:disabled="disabled"
|
|
22
|
-
@keyup.enter.prevent="pressedEnter"
|
|
23
|
-
@keyup="cleanedField"
|
|
24
|
-
@blur="outField"
|
|
25
|
-
v-mask="mask || withoutMask"
|
|
26
|
-
v-bind:value="value"
|
|
27
|
-
v-on:input="$emit('input', $event.target.value)"
|
|
28
|
-
class="form-control"
|
|
29
|
-
:class="{ required: notifications.length > 0 && formDirty }"
|
|
30
|
-
/>
|
|
14
|
+
<input type="text" :style="_style" :placeholder="titlePlaceholder" :disabled="disabled"
|
|
15
|
+
@keyup.enter.prevent="pressedEnter" @keyup="cleanedField" @blur="outField" v-mask="mask || withoutMask"
|
|
16
|
+
v-bind:value="value" v-on:input="$emit('input', $event.target.value)" class="form-control"
|
|
17
|
+
:class="{ required: notifications.length > 0 && formDirty }" />
|
|
31
18
|
</div>
|
|
32
19
|
<div v-if="formDirty">
|
|
33
20
|
<div v-for="message in notifications" :key="message">
|
|
@@ -175,6 +162,7 @@ input::placeholder {
|
|
|
175
162
|
color: #94aa2a;
|
|
176
163
|
font-size: 14px;
|
|
177
164
|
}
|
|
165
|
+
|
|
178
166
|
.invalid {
|
|
179
167
|
color: #f0134d;
|
|
180
168
|
font-size: 14px;
|
|
@@ -6,19 +6,11 @@
|
|
|
6
6
|
<Tip :field="field" :formName="formName" />
|
|
7
7
|
</label>
|
|
8
8
|
<div class="inner-addon right-addon">
|
|
9
|
-
<i
|
|
10
|
-
v-if="notifications.length > 0 && formDirty"
|
|
11
|
-
class="required glyphicon fas fa-exclamation-triangle"
|
|
12
|
-
></i>
|
|
9
|
+
<i v-if="notifications.length > 0 && formDirty" class="required glyphicon fas fa-exclamation-triangle"></i>
|
|
13
10
|
|
|
14
|
-
<textarea
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
v-bind:value="value"
|
|
18
|
-
v-on:input="$emit('input', $event.target.value)"
|
|
19
|
-
class="form-control"
|
|
20
|
-
:class="{ 'is-invalid': notifications.length > 0 && formDirty }"
|
|
21
|
-
></textarea>
|
|
11
|
+
<textarea :disabled="disabled" rows="4" cols="50" type="text" :placeholder="placeholder" v-bind:value="value"
|
|
12
|
+
v-on:input="$emit('input', $event.target.value)" :class="{ 'is-invalid': notifications.length > 0 && formDirty }">
|
|
13
|
+
</textarea>
|
|
22
14
|
</div>
|
|
23
15
|
|
|
24
16
|
<div v-if="formDirty">
|
|
@@ -40,6 +32,7 @@ export default {
|
|
|
40
32
|
title: String,
|
|
41
33
|
field: String,
|
|
42
34
|
placeholder: String,
|
|
35
|
+
disabled: Boolean,
|
|
43
36
|
formName: String,
|
|
44
37
|
required: Boolean,
|
|
45
38
|
maxLength: Number,
|
|
@@ -115,10 +108,28 @@ export default {
|
|
|
115
108
|
</script>
|
|
116
109
|
|
|
117
110
|
<style scoped>
|
|
111
|
+
textarea {
|
|
112
|
+
width: 100%;
|
|
113
|
+
border: 1px #DBDEE0 solid;
|
|
114
|
+
border-radius: 5px;
|
|
115
|
+
color: #35495E;
|
|
116
|
+
padding-left: 10px;
|
|
117
|
+
padding-right: 10px;
|
|
118
|
+
font-weight: normal !important;
|
|
119
|
+
font-size: 14px;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
textarea:disabled{
|
|
123
|
+
background-color: white !important;
|
|
124
|
+
opacity: 0.5;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
|
|
118
128
|
.success {
|
|
119
129
|
color: #94aa2a;
|
|
120
130
|
font-size: 14px;
|
|
121
131
|
}
|
|
132
|
+
|
|
122
133
|
.invalid {
|
|
123
134
|
color: #f0134d;
|
|
124
135
|
font-size: 14px;
|