comand-component-library 3.1.59 → 3.1.60
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/dist/comand-component-library.css +1 -1
- package/dist/comand-component-library.umd.min.js +1 -1
- package/package.json +2 -2
- package/src/App.vue +13 -2
- package/src/assets/data/table-small.json +1 -1
- package/src/components/CmdFakeSelect.vue +1 -1
- package/src/components/CmdFormElement.vue +24 -22
- package/src/components/CmdGoogleMaps.vue +9 -1
- package/src/components/CmdLoginForm.vue +1 -7
- package/src/components/CmdTable.vue +74 -33
- package/src/components/CmdTabs.vue +1 -2
- package/src/components/CmdUploadForm.vue +79 -23
- package/src/mixins/CmdFakeSelect/DefaultMessageProperties.js +5 -1
- package/src/mixins/CmdFormElement/DefaultMessageProperties.js +5 -1
- package/src/mixins/FieldValidation.js +81 -18
|
@@ -32,7 +32,6 @@ export default {
|
|
|
32
32
|
url: "helpurl",
|
|
33
33
|
target: "help",
|
|
34
34
|
text: "Open help",
|
|
35
|
-
// text: this.getMessage("cmdfieldvalidation.open_detailed_help"),
|
|
36
35
|
icon: {
|
|
37
36
|
iconClass: "icon-questionmark-circle",
|
|
38
37
|
tooltip: "Open help in new tab"
|
|
@@ -56,29 +55,93 @@ export default {
|
|
|
56
55
|
type: Boolean,
|
|
57
56
|
default: true
|
|
58
57
|
},
|
|
59
|
-
|
|
58
|
+
/**
|
|
59
|
+
* icon to show that the validation-status of a field is 'error'
|
|
60
|
+
* icon will be displayed inside the field on the left (in front of the input)
|
|
61
|
+
* icon is also used in 'list-of-requirements' (showRequirements-property must be set to true)
|
|
62
|
+
*/
|
|
63
|
+
iconHasStateError: {
|
|
60
64
|
type: String,
|
|
61
|
-
default
|
|
65
|
+
default() {
|
|
66
|
+
return {
|
|
67
|
+
iconClass: "icon-error-circle",
|
|
68
|
+
tooltip: "Error"
|
|
69
|
+
}
|
|
70
|
+
}
|
|
62
71
|
} ,
|
|
63
|
-
|
|
72
|
+
/**
|
|
73
|
+
* icon to show that the validation-status of a field is 'warning'
|
|
74
|
+
* icon will be displayed inside the field on the left (in front of the input)
|
|
75
|
+
*/
|
|
76
|
+
iconHasStateWarning: {
|
|
64
77
|
type: String,
|
|
65
|
-
default
|
|
78
|
+
default() {
|
|
79
|
+
return {
|
|
80
|
+
iconClass: "icon-exclamation-circle",
|
|
81
|
+
tooltip: "Warning"
|
|
82
|
+
}
|
|
83
|
+
}
|
|
66
84
|
},
|
|
67
|
-
|
|
85
|
+
/**
|
|
86
|
+
* icon to show that the validation-status of a field is 'success'
|
|
87
|
+
* icon will be displayed inside the field on the left (in front of the input)
|
|
88
|
+
* icon is also used in 'list-of-requirements' (showRequirements-property must be set to true)
|
|
89
|
+
*/
|
|
90
|
+
iconHasStateSuccess: {
|
|
68
91
|
type: String,
|
|
69
|
-
default
|
|
92
|
+
default() {
|
|
93
|
+
return {
|
|
94
|
+
iconClass: "icon-check-circle",
|
|
95
|
+
tooltip: "Success"
|
|
96
|
+
}
|
|
97
|
+
}
|
|
70
98
|
},
|
|
71
|
-
|
|
99
|
+
/**
|
|
100
|
+
* icon to show that the validation-status of a field is 'info'
|
|
101
|
+
* icon will be displayed inside the field on the left (in front of the input)
|
|
102
|
+
*/
|
|
103
|
+
iconHasStateInfo: {
|
|
72
104
|
type: String,
|
|
73
|
-
default
|
|
105
|
+
default() {
|
|
106
|
+
return {
|
|
107
|
+
iconClass: "icon-info-circle",
|
|
108
|
+
tooltip: "Info"
|
|
109
|
+
}
|
|
110
|
+
}
|
|
74
111
|
},
|
|
112
|
+
/**
|
|
113
|
+
* icon to show that caps-lock is activated
|
|
114
|
+
*/
|
|
75
115
|
iconCapsLock: {
|
|
76
116
|
type: String,
|
|
77
|
-
default
|
|
117
|
+
default() {
|
|
118
|
+
return {
|
|
119
|
+
iconClass: "icon-home"
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
/**
|
|
124
|
+
* icon displayed if password-field is clicked to show password
|
|
125
|
+
*/
|
|
126
|
+
iconPasswordVisible: {
|
|
127
|
+
type: String,
|
|
128
|
+
default() {
|
|
129
|
+
return {
|
|
130
|
+
iconClass: "icon-visible",
|
|
131
|
+
tooltip: "Show password"
|
|
132
|
+
}
|
|
133
|
+
}
|
|
78
134
|
},
|
|
79
|
-
|
|
135
|
+
/**
|
|
136
|
+
* icon displayed to show password of a password-field
|
|
137
|
+
*/
|
|
138
|
+
iconPasswordInvisible: {
|
|
80
139
|
type: String,
|
|
81
|
-
default
|
|
140
|
+
default() {
|
|
141
|
+
return {
|
|
142
|
+
iconClass: "icon-not-visible"
|
|
143
|
+
}
|
|
144
|
+
}
|
|
82
145
|
}
|
|
83
146
|
},
|
|
84
147
|
computed: {
|
|
@@ -100,18 +163,18 @@ export default {
|
|
|
100
163
|
if (this.validationStatus !== "") {
|
|
101
164
|
if (!this.capsLockActivated) {
|
|
102
165
|
if (this.validationStatus === "error") {
|
|
103
|
-
return this.
|
|
166
|
+
return this.iconHasStateError.iconClass
|
|
104
167
|
} else if (this.validationStatus === "warning") {
|
|
105
|
-
return this.
|
|
168
|
+
return this.iconHasStateWarning.iconClass
|
|
106
169
|
} else if (this.validationStatus === "success") {
|
|
107
|
-
return this.
|
|
170
|
+
return this.iconHasStateSuccess.iconClass
|
|
108
171
|
}
|
|
109
|
-
return this.
|
|
172
|
+
return this.iconHasStateInfo.iconClass
|
|
110
173
|
} else {
|
|
111
|
-
return this.iconCapsLock
|
|
174
|
+
return this.iconCapsLock.iconClass
|
|
112
175
|
}
|
|
113
176
|
}
|
|
114
|
-
return this.
|
|
177
|
+
return this.helplink.icon.iconClass
|
|
115
178
|
},
|
|
116
179
|
inputRequirements() {
|
|
117
180
|
const standardRequirements = []
|