comand-component-library 4.1.73 → 4.1.75

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. package/dist/comand-component-library.js +1020 -1013
  2. package/package.json +1 -1
  3. package/src/ComponentLibrary.vue +2 -2
  4. package/src/components/CmdLoginForm.vue +54 -46
  5. package/src/components/CmdMainNavigation.vue +1 -0
  6. package/src/components/CmdTable.vue +3 -7
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,
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-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"
package/src/components/CmdLoginForm.vue CHANGED
@@ -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
  },
package/src/components/CmdMainNavigation.vue CHANGED
@@ -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 {
package/src/components/CmdTable.vue CHANGED
@@ -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>