comand-component-library 4.1.73 → 4.1.75
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
package/src/ComponentLibrary.vue
CHANGED
@@ -1579,10 +1579,10 @@
|
|
1579
1579
|
<a href="#" class="button small icon-cog" title="Open Component Settings"
|
1580
1580
|
@click.prevent="openSettingsSidebar('CmdLoginForm')"></a>
|
1581
1581
|
</h2>
|
1582
|
-
<CmdForm :use-
|
1582
|
+
<CmdForm :use-fieldset="false">
|
1583
1583
|
<CmdLoginForm ref="CmdLoginForm" v-bind="cmdLoginFormSettingsData" v-model="loginData"/>
|
1584
1584
|
</CmdForm>
|
1585
|
-
<CmdForm :use-
|
1585
|
+
<CmdForm :use-fieldset="false">
|
1586
1586
|
<CmdLoginForm
|
1587
1587
|
ref="CmdLoginForm"
|
1588
1588
|
v-bind="cmdLoginFormSettingsData"
|
@@ -39,31 +39,31 @@
|
|
39
39
|
<!-- end named slot for login-form -->
|
40
40
|
|
41
41
|
<div class="option-wrapper flex-container">
|
42
|
-
<template v-if="
|
42
|
+
<template v-if="linkForgotPassword || linkCreateAccount">
|
43
43
|
<!-- begin link for 'forgot password' -->
|
44
|
-
<a v-if="
|
44
|
+
<a v-if="linkForgotPassword" href="#" @click.prevent="toggleSendLoginView">
|
45
45
|
<!-- begin CmdIcon -->
|
46
|
-
<CmdIcon v-if="
|
47
|
-
:iconClass="
|
48
|
-
:type="
|
49
|
-
:title="
|
46
|
+
<CmdIcon v-if="linkForgotPassword.icon?.show && linkForgotPassword.icon?.iconClass"
|
47
|
+
:iconClass="linkForgotPassword.icon.iconClass"
|
48
|
+
:type="linkForgotPassword.icon.iconType"
|
49
|
+
:title="linkForgotPassword.icon.tooltip"
|
50
50
|
/>
|
51
51
|
<!-- end CmdIcon -->
|
52
|
-
<span v-if="
|
52
|
+
<span v-if="linkForgotPassword.text">{{ linkForgotPassword.text }}</span>
|
53
53
|
</a>
|
54
54
|
<!-- end link for 'forgot password' -->
|
55
55
|
|
56
56
|
<!-- begin link for 'create account' -->
|
57
|
-
<template v-if="
|
57
|
+
<template v-if="linkCreateAccount">
|
58
58
|
<!-- begin CmdLink -->
|
59
59
|
<CmdLink
|
60
|
-
:linkType="
|
61
|
-
:path="
|
62
|
-
:text="
|
60
|
+
:linkType="linkCreateAccount.linkType"
|
61
|
+
:path="linkCreateAccount.path"
|
62
|
+
:text="linkCreateAccount.text"
|
63
63
|
:icon="{
|
64
|
-
iconClass:
|
65
|
-
tooltip:
|
66
|
-
position:
|
64
|
+
iconClass: linkCreateAccount.icon?.iconClass,
|
65
|
+
tooltip: linkCreateAccount.icon?.tooltip,
|
66
|
+
position: linkCreateAccount.icon?.position
|
67
67
|
}"
|
68
68
|
/>
|
69
69
|
<!-- end CmdLink -->
|
@@ -120,17 +120,17 @@
|
|
120
120
|
<!-- end slot for send-login-form -->
|
121
121
|
|
122
122
|
<div class="option-wrapper flex-container">
|
123
|
-
<a v-if="
|
123
|
+
<a v-if="linkForgotPassword" href="#" @click.prevent="toggleSendLoginView">
|
124
124
|
<!-- begin CmdIcon -->
|
125
125
|
<CmdIcon
|
126
|
-
v-if="
|
127
|
-
:iconClass="
|
128
|
-
:type="
|
129
|
-
:title="
|
126
|
+
v-if="linkForgotPassword && linkForgotPassword.icon && linkForgotPassword.icon.show && linkForgotPassword.icon.iconClass"
|
127
|
+
:iconClass="linkForgotPassword.icon.iconClass"
|
128
|
+
:type="linkForgotPassword.icon.iconType"
|
129
|
+
:title="linkForgotPassword.icon.tooltip"
|
130
130
|
/>
|
131
131
|
<!-- end CmdIcon -->
|
132
|
-
<span v-if="
|
133
|
-
{{
|
132
|
+
<span v-if="linkForgotPassword.text">
|
133
|
+
{{ linkForgotPassword.text }}
|
134
134
|
</span>
|
135
135
|
</a>
|
136
136
|
|
@@ -273,36 +273,44 @@ export default {
|
|
273
273
|
* forgotPassword: toggles form to send password by email
|
274
274
|
* createAccount: creates a link (href/router) which could lead to a register-form
|
275
275
|
*/
|
276
|
-
|
276
|
+
linkForgotPassword: {
|
277
277
|
type: Object,
|
278
278
|
default() {
|
279
279
|
return {
|
280
|
-
|
281
|
-
|
282
|
-
|
283
|
-
|
284
|
-
tooltip: ""
|
285
|
-
},
|
286
|
-
text: "Forgot password"
|
280
|
+
icon: {
|
281
|
+
show: true,
|
282
|
+
iconClass: "icon-questionmark-circle",
|
283
|
+
tooltip: ""
|
287
284
|
},
|
288
|
-
|
289
|
-
|
290
|
-
|
291
|
-
|
292
|
-
|
293
|
-
|
294
|
-
|
295
|
-
|
296
|
-
|
285
|
+
text: "Forgot password"
|
286
|
+
}
|
287
|
+
}
|
288
|
+
},
|
289
|
+
linkCreateAccount: {
|
290
|
+
type: Object,
|
291
|
+
default() {
|
292
|
+
return {
|
293
|
+
linkType: "href",
|
294
|
+
path: "#",
|
295
|
+
icon: {
|
296
|
+
show: true,
|
297
|
+
iconClass: "icon-register",
|
298
|
+
tooltip: ""
|
299
|
+
},
|
300
|
+
text: "Create account"
|
301
|
+
}
|
302
|
+
}
|
303
|
+
},
|
304
|
+
linkBackToLoginForm: {
|
305
|
+
type: Object,
|
306
|
+
default() {
|
307
|
+
return {
|
308
|
+
icon: {
|
309
|
+
show: true,
|
310
|
+
iconClass: "icon-chevron-one-stripe-left",
|
311
|
+
tooltip: ""
|
297
312
|
},
|
298
|
-
|
299
|
-
icon: {
|
300
|
-
show: true,
|
301
|
-
iconClass: "icon-chevron-one-stripe-left",
|
302
|
-
tooltip: ""
|
303
|
-
},
|
304
|
-
text: "Back to login form"
|
305
|
-
}
|
313
|
+
text: "Back to login form"
|
306
314
|
}
|
307
315
|
}
|
308
316
|
},
|
@@ -36,9 +36,7 @@
|
|
36
36
|
</caption>
|
37
37
|
<thead>
|
38
38
|
<tr>
|
39
|
-
<th v-for="(tablehead, indexHead) in tableData.thead" :key="indexHead">
|
40
|
-
{{ tablehead }}
|
41
|
-
</th>
|
39
|
+
<th v-for="(tablehead, indexHead) in tableData.thead" :key="indexHead" v-html="tablehead"></th>
|
42
40
|
</tr>
|
43
41
|
</thead>
|
44
42
|
<transition :name="useTransition ? 'fade' : null">
|
@@ -46,8 +44,7 @@
|
|
46
44
|
<tr :class="{'active' : tableData.rowIndexHighlighted === indexRows}"
|
47
45
|
v-for="(tablerows, indexRows) in tableData.tbody" :key="indexRows">
|
48
46
|
<td :class="{'active' : tableData.columnIndexHighlighted === indexData}"
|
49
|
-
v-for="(tabledata, indexData) in tablerows" :key="indexData">
|
50
|
-
{{ tabledata }}
|
47
|
+
v-for="(tabledata, indexData) in tablerows" :key="indexData" v-html="tabledata">
|
51
48
|
</td>
|
52
49
|
</tr>
|
53
50
|
</tbody>
|
@@ -56,8 +53,7 @@
|
|
56
53
|
<tfoot v-if="tableData.tfoot && tableData.tfoot.length && showTableData" aria-expanded="true">
|
57
54
|
<tr>
|
58
55
|
<td :class="{'active' : tableData.columnIndexHighlighted === indexFoot}"
|
59
|
-
v-for="(tablefoot, indexFoot) in tableData.tfoot" :key="indexFoot">
|
60
|
-
{{ tablefoot }}
|
56
|
+
v-for="(tablefoot, indexFoot) in tableData.tfoot" :key="indexFoot" v-html="tablefoot">
|
61
57
|
</td>
|
62
58
|
</tr>
|
63
59
|
</tfoot>
|