From 128c0d0ea3b550436e1be851637a358a4e297dfa Mon Sep 17 00:00:00 2001 From: Juan Date: Thu, 1 Mar 2018 23:38:14 +0100 Subject: [PATCH] vnCard style bug fixed --- .../src/address-create/address-create.html | 66 +++-- .../client/src/address-edit/address-edit.html | 150 +++++----- client/client/src/addresses/addresses.html | 74 +++-- client/client/src/basic-data/basic-data.html | 70 +++-- .../client/src/billing-data/billing-data.html | 53 ++-- client/client/src/create/create.html | 46 ++- .../src/credit-create/credit-create.html | 15 +- .../client/src/credit-list/credit-list.html | 10 +- client/client/src/descriptor/descriptor.html | 2 +- .../client/src/fiscal-data/fiscal-data.html | 264 ++++++++---------- .../src/greuge-create/greuge-create.html | 55 ++-- .../client/src/greuge-list/greuge-list.html | 10 +- client/client/src/invoices/invoices.html | 10 +- client/client/src/mandate/mandate.html | 25 +- .../client/src/note-create/note-create.html | 16 +- client/client/src/notes/notes.html | 17 +- .../src/recovery-create/recovery-create.html | 50 ++-- .../src/recovery-list/recovery-list.html | 8 +- client/client/src/web-access/web-access.html | 30 +- client/core/src/components/card/card.html | 2 +- client/core/src/components/card/card.js | 9 +- .../components/card/{style.css => style.scss} | 0 client/item/src/barcode/item-barcode.html | 55 ++-- client/item/src/botanical/item-botanical.html | 54 ++-- client/item/src/create/item-create.html | 82 +++--- client/item/src/data/item-data.html | 88 +++--- .../item/src/descriptor/item-descriptor.html | 2 +- client/item/src/history/item-history.html | 10 +- client/item/src/niche/item-niche.html | 82 +++--- client/item/src/tags/item-tags.html | 85 +++--- client/item/src/tax/item-tax.html | 36 ++- e2e/helpers/selectors.js | 44 +-- 32 files changed, 754 insertions(+), 766 deletions(-) rename client/core/src/components/card/{style.css => style.scss} (100%) diff --git a/client/client/src/address-create/address-create.html b/client/client/src/address-create/address-create.html index 1914348fd..514457fb6 100644 --- a/client/client/src/address-create/address-create.html +++ b/client/client/src/address-create/address-create.html @@ -6,40 +6,38 @@ save="post" form="form"> -
- - - Address - - - - - - - - - - - - - - - - - - - - + + + Address + + + + + + + + + + + + + + + + + + + diff --git a/client/client/src/address-edit/address-edit.html b/client/client/src/address-edit/address-edit.html index 1c7e63287..a6e2b9499 100644 --- a/client/client/src/address-edit/address-edit.html +++ b/client/client/src/address-edit/address-edit.html @@ -10,86 +10,80 @@ data="$ctrl.address" form="form"> - - - - Address - - - - - - + + + Address + + + + + + + + + + + + + + + + + + + + + + Notes + + + + {{$parent.$parent.item.description}} + + + + + + + + - - - - - - - - - - - - - - - - - - Notes - - - - {{$parent.$parent.item.description}} - - - - - - - - - - - - + diff --git a/client/client/src/addresses/addresses.html b/client/client/src/addresses/addresses.html index db75bad68..3b3f26232 100644 --- a/client/client/src/addresses/addresses.html +++ b/client/client/src/addresses/addresses.html @@ -1,45 +1,41 @@ - - - - Addresses - - - - - - star - star_border - star_border - - -
{{::address.nickname}}
-
{{::address.street}}
-
{{::address.city}}, {{::address.province}}
-
{{::address.phone}}, {{::address.mobile}}
+ + Addresses + + + + + star + star_border + star_border + + +
{{::address.nickname}}
+
{{::address.street}}
+
{{::address.city}}, {{::address.province}}
+
{{::address.phone}}, {{::address.mobile}}
+
+ + + {{::observation.observationType.description}}: + {{::observation.description}} - - - {{::observation.observationType.description}}: - {{::observation.description}} - - - - - -
-
-
-
+
+ + + + + +
- - - - Basic data - - - - - - - - - - - - - - - - - + + + Basic data + + + + + + + + + + + + + + + + diff --git a/client/client/src/billing-data/billing-data.html b/client/client/src/billing-data/billing-data.html index 0fa5b523f..b9d117d31 100644 --- a/client/client/src/billing-data/billing-data.html +++ b/client/client/src/billing-data/billing-data.html @@ -6,35 +6,32 @@ save="patch"> - - - Pay method - - - - - - - - - - - - - - - - - - + + Pay method + + + + + + + + + + + + + + + + + - diff --git a/client/client/src/create/create.html b/client/client/src/create/create.html index 50686c1a8..b0c93c1a0 100644 --- a/client/client/src/create/create.html +++ b/client/client/src/create/create.html @@ -7,30 +7,28 @@
- - - Create client - - - - - - - - - - - - - - + + Create client + + + + + + + + + + + + + diff --git a/client/client/src/credit-create/credit-create.html b/client/client/src/credit-create/credit-create.html index c02ff7167..04fd7ab13 100644 --- a/client/client/src/credit-create/credit-create.html +++ b/client/client/src/credit-create/credit-create.html @@ -6,18 +6,13 @@ save="patch"> - - + Add credit - - - - - - - - + + + + diff --git a/client/client/src/credit-list/credit-list.html b/client/client/src/credit-list/credit-list.html index 93be0f162..f3a0f5e11 100644 --- a/client/client/src/credit-list/credit-list.html +++ b/client/client/src/credit-list/credit-list.html @@ -1,7 +1,8 @@ - - - Credit + + + + Credit @@ -21,7 +22,8 @@ - + + \ No newline at end of file diff --git a/client/client/src/descriptor/descriptor.html b/client/client/src/descriptor/descriptor.html index 345fa965c..626947a4d 100644 --- a/client/client/src/descriptor/descriptor.html +++ b/client/client/src/descriptor/descriptor.html @@ -5,7 +5,7 @@ - +
diff --git a/client/client/src/fiscal-data/fiscal-data.html b/client/client/src/fiscal-data/fiscal-data.html index 75e06dabf..fdd27a958 100644 --- a/client/client/src/fiscal-data/fiscal-data.html +++ b/client/client/src/fiscal-data/fiscal-data.html @@ -6,149 +6,131 @@ save="patch">
- - - Fiscal data - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + Fiscal data + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + + - -
- - - Add Greuge - - - - - - - - - - - + + + Add Greuge + + + + + + + + + + + + diff --git a/client/client/src/greuge-list/greuge-list.html b/client/client/src/greuge-list/greuge-list.html index 22566ec66..f6d5b8344 100644 --- a/client/client/src/greuge-list/greuge-list.html +++ b/client/client/src/greuge-list/greuge-list.html @@ -1,8 +1,9 @@ - - - Greuge + + + + Greuge @@ -29,7 +30,8 @@ - + + diff --git a/client/client/src/invoices/invoices.html b/client/client/src/invoices/invoices.html index 95fc6ee61..fcbb36b97 100644 --- a/client/client/src/invoices/invoices.html +++ b/client/client/src/invoices/invoices.html @@ -1,8 +1,9 @@ - - - Invoices + + + + Invoices @@ -37,4 +38,5 @@ - \ No newline at end of file + + \ No newline at end of file diff --git a/client/client/src/mandate/mandate.html b/client/client/src/mandate/mandate.html index f129da64b..ef706ece6 100644 --- a/client/client/src/mandate/mandate.html +++ b/client/client/src/mandate/mandate.html @@ -1,8 +1,8 @@ - - - Mandate - + + + + Mandate @@ -14,18 +14,17 @@ - {{::mandate.id}} - {{::mandate.company.code}} - {{::mandate.mandateType.name}} - {{::mandate.created | date:'dd/MM/yyyy HH:mm' }} - {{::mandate.finished | date:'dd/MM/yyyy HH:mm' || '-'}} + ng-repeat="mandate in index.model.instances track by mandate.id"> + {{::mandate.id}} + {{::mandate.company.code}} + {{::mandate.mandateType.name}} + {{::mandate.created | date:'dd/MM/yyyy HH:mm' }} + {{::mandate.finished | date:'dd/MM/yyyy HH:mm' || '-'}} No results - - \ No newline at end of file + + \ No newline at end of file diff --git a/client/client/src/note-create/note-create.html b/client/client/src/note-create/note-create.html index 3c3e9e8ab..6ad907794 100644 --- a/client/client/src/note-create/note-create.html +++ b/client/client/src/note-create/note-create.html @@ -7,11 +7,17 @@ form="form"> - - - New note - - + + New note + + + + diff --git a/client/client/src/notes/notes.html b/client/client/src/notes/notes.html index 7fdb6ec6b..213a4fecb 100644 --- a/client/client/src/notes/notes.html +++ b/client/client/src/notes/notes.html @@ -1,21 +1,22 @@ - - + + Notes - {{::n.worker.firstName}} {{::n.worker.name}} {{::n.created | date:'dd/MM/yyyy HH:mm'}} - + {{::n.text}} - - - + + + - - - - Add recovery - - - - - - - - - - + + Add recovery + + + + + + + + + + diff --git a/client/client/src/recovery-list/recovery-list.html b/client/client/src/recovery-list/recovery-list.html index b386f8d88..b05a01d98 100644 --- a/client/client/src/recovery-list/recovery-list.html +++ b/client/client/src/recovery-list/recovery-list.html @@ -1,6 +1,7 @@ - - + + + Recovery @@ -23,7 +24,8 @@ - + + \ No newline at end of file diff --git a/client/client/src/web-access/web-access.html b/client/client/src/web-access/web-access.html index 71a251247..aaeffa5ba 100644 --- a/client/client/src/web-access/web-access.html +++ b/client/client/src/web-access/web-access.html @@ -6,18 +6,24 @@ form="form"> - - - - Web access - - - - - - - - + + Web access + + + + + + + + diff --git a/client/core/src/components/card/card.html b/client/core/src/components/card/card.html index f9edc7feb..e608d6fa9 100644 --- a/client/core/src/components/card/card.html +++ b/client/core/src/components/card/card.html @@ -1 +1 @@ -
+
diff --git a/client/core/src/components/card/card.js b/client/core/src/components/card/card.js index 25a6802a8..12df8da7d 100644 --- a/client/core/src/components/card/card.js +++ b/client/core/src/components/card/card.js @@ -1,14 +1,15 @@ import ngModule from '../../module'; -import template from './card.html'; -require('./style.css'); +require('./style.scss'); directive.$inject = ['vnTemplate']; export default function directive(vnTemplate) { return { restrict: 'E', transclude: true, - template: (_, $attrs) => - vnTemplate.get(template, $attrs) + template: require('./card.html'), + link: function(_, $element) { + $element.addClass('demo-card-wide mdl-shadow--2dp bg-panel'); + } }; } ngModule.directive('vnCard', directive); diff --git a/client/core/src/components/card/style.css b/client/core/src/components/card/style.scss similarity index 100% rename from client/core/src/components/card/style.css rename to client/core/src/components/card/style.scss diff --git a/client/item/src/barcode/item-barcode.html b/client/item/src/barcode/item-barcode.html index 4f7da2dee..3bd4c875b 100644 --- a/client/item/src/barcode/item-barcode.html +++ b/client/item/src/barcode/item-barcode.html @@ -1,31 +1,32 @@ - - - - Item Barcodes - - - - - - - - - - + + Item Barcodes + + + + + + + + + diff --git a/client/item/src/botanical/item-botanical.html b/client/item/src/botanical/item-botanical.html index 262baffff..c95511be8 100644 --- a/client/item/src/botanical/item-botanical.html +++ b/client/item/src/botanical/item-botanical.html @@ -11,31 +11,35 @@ save="patch"> - - - Botanical - - - - - - - - - - + + Botanical + + + + + + + + + + diff --git a/client/item/src/create/item-create.html b/client/item/src/create/item-create.html index 72fd7e15a..50495b2d9 100644 --- a/client/item/src/create/item-create.html +++ b/client/item/src/create/item-create.html @@ -7,49 +7,45 @@
- - - New item - - - - - - - - {{$parent.$parent.item.description}} - - - - - - - + + New item + + + + + + + + {{$parent.$parent.item.description}} + + + + + + + + diff --git a/client/item/src/data/item-data.html b/client/item/src/data/item-data.html index 6b93c82c8..ebf47872d 100644 --- a/client/item/src/data/item-data.html +++ b/client/item/src/data/item-data.html @@ -10,51 +10,49 @@ save="patch"> - - - Basic data - - - - - - - - {{$parent.$parent.item.id}} : {{$parent.$parent.item.description}} - - - - - - - - - - + + Basic data + + + + + + + + {{$parent.$parent.item.id}} : {{$parent.$parent.item.description}} + + + + + + + + + diff --git a/client/item/src/descriptor/item-descriptor.html b/client/item/src/descriptor/item-descriptor.html index 29e15e5ca..88311a6ba 100644 --- a/client/item/src/descriptor/item-descriptor.html +++ b/client/item/src/descriptor/item-descriptor.html @@ -5,7 +5,7 @@ - + diff --git a/client/item/src/history/item-history.html b/client/item/src/history/item-history.html index 7bc048230..ac09ccd4c 100644 --- a/client/item/src/history/item-history.html +++ b/client/item/src/history/item-history.html @@ -1,7 +1,8 @@ - - - Item history + + + + Item history @@ -26,4 +27,5 @@ - + + diff --git a/client/item/src/niche/item-niche.html b/client/item/src/niche/item-niche.html index f282644e9..eb33f1c4b 100644 --- a/client/item/src/niche/item-niche.html +++ b/client/item/src/niche/item-niche.html @@ -4,50 +4,46 @@ form = "form"> - - - - Item Niches - - - - - - - - - - - - + + Item Niches + + + + + + + + + + - + diff --git a/client/item/src/tags/item-tags.html b/client/item/src/tags/item-tags.html index 80ee4cbd1..25560b5c1 100644 --- a/client/item/src/tags/item-tags.html +++ b/client/item/src/tags/item-tags.html @@ -1,51 +1,48 @@ + + form="form"> - - - - Item tags - - - - - - - - - - - - - - + + Item tags + + + + + + + + + + + + diff --git a/client/item/src/tax/item-tax.html b/client/item/src/tax/item-tax.html index 600ea1e64..aa111756b 100644 --- a/client/item/src/tax/item-tax.html +++ b/client/item/src/tax/item-tax.html @@ -1,23 +1,21 @@ - - - Item tax - - - - - - - + + Item tax + + + + + + diff --git a/e2e/helpers/selectors.js b/e2e/helpers/selectors.js index 297cc93df..8beb5fa4d 100644 --- a/e2e/helpers/selectors.js +++ b/e2e/helpers/selectors.js @@ -91,8 +91,8 @@ export default { agenctySecondOption: `${components.vnAutocomplete}[field="$ctrl.address.agencyModeFk"] > vn-vertical > vn-drop-down > vn-vertical:not(.ng-hide) > vn-auto:nth-child(2) > ul > li:nth-child(2)`, phoneInput: `${components.vnTextfield}[name="phone"]`, mobileInput: `${components.vnTextfield}[name="mobile"]`, - defaultAddress: 'vn-client-addresses > vn-vertical > vn-card > div > vn-vertical > vn-horizontal:nth-child(2) > vn-one > vn-horizontal > vn-one > div:nth-child(2)', - secondMakeDefaultStar: 'vn-client-addresses > vn-vertical > vn-card > div > vn-vertical > vn-horizontal:nth-child(3) > vn-one > vn-horizontal > vn-none > i', + defaultAddress: 'vn-client-addresses > vn-vertical > vn-card > div > vn-horizontal:nth-child(2) > vn-one > vn-horizontal > vn-one > div:nth-child(2)', + secondMakeDefaultStar: 'vn-client-addresses > vn-vertical > vn-card > div > vn-horizontal:nth-child(3) > vn-one > vn-horizontal > vn-none > i', firstEditButton: `${components.vnIconButton}[icon='edit']`, secondEditButton: `vn-horizontal:nth-child(3) > vn-one > vn-horizontal > a > ${components.vnIconButton}[icon='edit']`, activeCheckbox: `${components.vnCheck}[label='Enabled'] > label > input`, @@ -120,14 +120,14 @@ export default { addNoteFloatButton: `${components.vnFloatButton}`, noteInput: `${components.vnTextarea}[label="Note"]`, saveButton: `${components.vnSubmit}`, - firstNoteText: 'vn-client-notes > vn-card > div > vn-vertical > vn-one:nth-child(2) > vn-horizontal.ng-binding' + firstNoteText: 'vn-client-notes .text' }, clientCredit: { creditButton: `${components.vnMenuItem}[ui-sref="clientCard.credit.list"]`, addCreditFloatButton: `${components.vnFloatButton}`, creditInput: `${components.vnTextfield}[name="credit"]`, saveButton: `${components.vnSubmit}`, - firstCreditText: 'vn-client-credit-list > vn-card > div > vn-vertical > vn-one > vn-horizontal:nth-child(1) > vn-one' + firstCreditText: 'vn-client-credit-list .list-element > vn-one' }, clientGreuge: { greugeButton: `${components.vnMenuItem}[ui-sref="clientCard.greuge.list"]`, @@ -137,11 +137,11 @@ export default { typeInput: `${components.vnAutocomplete}[field="$ctrl.greuge.greugeTypeFk"] > vn-vertical > ${components.vnTextfield}`, typeSecondOption: `${components.vnAutocomplete}[field="$ctrl.greuge.greugeTypeFk"] > vn-vertical > vn-drop-down > vn-vertical > vn-auto:nth-child(2) > ul > li`, saveButton: `${components.vnSubmit}`, - firstGreugeText: 'vn-client-greuge-list > vn-card > div > vn-vertical > vn-one > vn-horizontal' + firstGreugeText: 'vn-client-greuge-list .list-element' }, clientMandate: { mandateButton: `${components.vnMenuItem}[ui-sref="clientCard.mandate"]`, - firstMandateText: 'vn-client-mandate > vn-card > div > vn-vertical > vn-one > vn-horizontal' + firstMandateText: 'vn-client-mandate .list-element' }, itemsIndex: { createItemButton: `${components.vnFloatButton}`, @@ -184,23 +184,23 @@ export default { itemTags: { goToItemIndexButton: 'vn-item-descriptor [ui-sref="item.index"]', tagsButton: `${components.vnMenuItem}[ui-sref="item.card.tags"]`, - firstTagSelect: `vn-horizontal:nth-child(3) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > ${components.vnTextfield}`, - firstTagSelectOptionOne: `vn-horizontal:nth-child(3) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > vn-drop-down > vn-vertical:not(.ng-hide) > vn-auto:nth-child(2) > ul > li:nth-child(1)`, - firstValueInput: `vn-horizontal:nth-child(3) > ${components.vnTextfield}`, - secondTagSelect: `vn-horizontal:nth-child(4) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > ${components.vnTextfield}`, - secondTagSelectOptionOne: `vn-horizontal:nth-child(4) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > vn-drop-down > vn-vertical:not(.ng-hide) > vn-auto:nth-child(2) > ul > li:nth-child(1)`, - secondValueInput: `vn-horizontal:nth-child(4) > ${components.vnTextfield}`, - thirdTagSelect: `vn-horizontal:nth-child(5) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > ${components.vnTextfield}`, - thirdTagSelectOptionOne: `vn-horizontal:nth-child(5) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > vn-drop-down > vn-vertical:not(.ng-hide) > vn-auto:nth-child(2) > ul > li:nth-child(1)`, - thirdValueInput: `vn-horizontal:nth-child(5) > ${components.vnTextfield}`, - fourthTagSelect: `vn-horizontal:nth-child(6) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > ${components.vnTextfield}`, - fourthTagSelectOptionOne: `vn-horizontal:nth-child(6) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > vn-drop-down > vn-vertical:not(.ng-hide) > vn-auto:nth-child(2) > ul > li:nth-child(1)`, - fourthValueInput: `vn-horizontal:nth-child(6) > ${components.vnTextfield}`, - fifthRemoveTagButton: `vn-horizontal:nth-child(7) > vn-one > ${components.vnIcon}[icon="remove_circle_outline"]`, + firstTagSelect: `vn-item-tags vn-horizontal:nth-child(2) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > ${components.vnTextfield}`, + firstTagSelectOptionOne: `vn-item-tags vn-horizontal:nth-child(2) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > vn-drop-down > vn-vertical:not(.ng-hide) > vn-auto:nth-child(2) > ul > li:nth-child(1)`, + firstValueInput: `vn-item-tags vn-horizontal:nth-child(2) > ${components.vnTextfield}`, + secondTagSelect: `vn-item-tags vn-horizontal:nth-child(3) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > ${components.vnTextfield}`, + secondTagSelectOptionOne: `vn-item-tags vn-horizontal:nth-child(3) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > vn-drop-down > vn-vertical:not(.ng-hide) > vn-auto:nth-child(2) > ul > li:nth-child(1)`, + secondValueInput: `vn-item-tags vn-horizontal:nth-child(3) > ${components.vnTextfield}`, + thirdTagSelect: `vn-item-tags vn-horizontal:nth-child(4) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > ${components.vnTextfield}`, + thirdTagSelectOptionOne: `vn-item-tags vn-horizontal:nth-child(4) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > vn-drop-down > vn-vertical:not(.ng-hide) > vn-auto:nth-child(2) > ul > li:nth-child(1)`, + thirdValueInput: `vn-item-tags vn-horizontal:nth-child(4) > ${components.vnTextfield}`, + fourthTagSelect: `vn-item-tags vn-horizontal:nth-child(5) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > ${components.vnTextfield}`, + fourthTagSelectOptionOne: `vn-item-tags vn-horizontal:nth-child(5) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > vn-drop-down > vn-vertical:not(.ng-hide) > vn-auto:nth-child(2) > ul > li:nth-child(1)`, + fourthValueInput: `vn-item-tags vn-horizontal:nth-child(5) > ${components.vnTextfield}`, + fifthRemoveTagButton: `vn-item-tags vn-horizontal:nth-child(6) > vn-one > ${components.vnIcon}[icon="remove_circle_outline"]`, addItemTagButton: `${components.vnIcon}[icon="add_circle"]`, - fifthTagSelect: `vn-horizontal:nth-child(7) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > ${components.vnTextfield}`, - fifthTagSelectOptionFive: `vn-horizontal:nth-child(7) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > vn-drop-down > vn-vertical:not(.ng-hide) > vn-auto:nth-child(2) > ul > li:nth-child(5)`, - fifthValueInput: `vn-horizontal:nth-child(7) > ${components.vnTextfield}`, + fifthTagSelect: `vn-item-tags vn-horizontal:nth-child(6) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > ${components.vnTextfield}`, + fifthTagSelectOptionFive: `vn-item-tags vn-horizontal:nth-child(6) > ${components.vnAutocomplete}[field="itemTag.tagFk"] > vn-vertical > vn-drop-down > vn-vertical:not(.ng-hide) > vn-auto:nth-child(2) > ul > li:nth-child(5)`, + fifthValueInput: `vn-item-tags vn-horizontal:nth-child(6) > ${components.vnTextfield}`, submitItemTagsButton: `${components.vnSubmit}` }, itemTax: {