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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "comand-component-library",
3
- "version": "4.1.73",
3
+ "version": "4.1.75",
4
4
  "license": "GPL-3.0-only",
5
5
  "author": "CoManD-UI",
6
6
  "private": false,
@@ -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-validation="true" :use-fieldset="false">
1582
+ <CmdForm :use-fieldset="false">
1583
1583
  <CmdLoginForm ref="CmdLoginForm" v-bind="cmdLoginFormSettingsData" v-model="loginData"/>
1584
1584
  </CmdForm>
1585
- <CmdForm :use-validation="true" :use-fieldset="false">
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="options.forgotPassword || options.createAccount">
42
+ <template v-if="linkForgotPassword || linkCreateAccount">
43
43
  <!-- begin link for 'forgot password' -->
44
- <a v-if="options.forgotPassword" href="#" @click.prevent="toggleSendLoginView">
44
+ <a v-if="linkForgotPassword" href="#" @click.prevent="toggleSendLoginView">
45
45
  <!-- begin CmdIcon -->
46
- <CmdIcon v-if="options.forgotPassword.icon?.show && options.forgotPassword.icon?.iconClass"
47
- :iconClass="options.forgotPassword.icon.iconClass"
48
- :type="options.forgotPassword.icon.iconType"
49
- :title="options.forgotPassword.icon.tooltip"
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="options.forgotPassword.text">{{ options.forgotPassword.text }}</span>
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="options.createAccount">
57
+ <template v-if="linkCreateAccount">
58
58
  <!-- begin CmdLink -->
59
59
  <CmdLink
60
- :linkType="options.createAccount.linkType"
61
- :path="options.createAccount.path"
62
- :text="options.createAccount.text"
60
+ :linkType="linkCreateAccount.linkType"
61
+ :path="linkCreateAccount.path"
62
+ :text="linkCreateAccount.text"
63
63
  :icon="{
64
- iconClass: options.createAccount.icon?.iconClass,
65
- tooltip: options.createAccount.icon?.tooltip,
66
- position: options.createAccount.icon?.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="options.backToLoginForm" href="#" @click.prevent="toggleSendLoginView">
123
+ <a v-if="linkForgotPassword" href="#" @click.prevent="toggleSendLoginView">
124
124
  <!-- begin CmdIcon -->
125
125
  <CmdIcon
126
- v-if="options.backToLoginForm && options.backToLoginForm.icon && options.backToLoginForm.icon.show && options.backToLoginForm.icon.iconClass"
127
- :iconClass="options.backToLoginForm.icon.iconClass"
128
- :type="options.backToLoginForm.icon.iconType"
129
- :title="options.backToLoginForm.icon.tooltip"
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="options.backToLoginForm.text">
133
- {{ options.backToLoginForm.text }}
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
- options: {
276
+ linkForgotPassword: {
277
277
  type: Object,
278
278
  default() {
279
279
  return {
280
- forgotPassword: {
281
- icon: {
282
- show: true,
283
- iconClass: "icon-questionmark-circle",
284
- tooltip: ""
285
- },
286
- text: "Forgot password"
280
+ icon: {
281
+ show: true,
282
+ iconClass: "icon-questionmark-circle",
283
+ tooltip: ""
287
284
  },
288
- createAccount: {
289
- linkType: "href",
290
- path: "#",
291
- icon: {
292
- show: true,
293
- iconClass: "icon-register",
294
- tooltip: ""
295
- },
296
- text: "Create new account"
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
- backToLoginForm: {
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
  },
@@ -350,6 +350,7 @@ export default {
350
350
  &.open {
351
351
  > ul {
352
352
  display: block;
353
+
353
354
  > li {
354
355
  &.open {
355
356
  > ul {
@@ -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>