@eturnity/eturnity_reusable_components 7.48.1-EPDM-12680.12 → 7.48.1-EPDM-12680.13
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
|
@@ -13,14 +13,20 @@
|
|
|
13
13
|
<TopContainer>
|
|
14
14
|
<LeftContainer>
|
|
15
15
|
<TitleContainer>
|
|
16
|
-
<IconWrapper
|
|
16
|
+
<IconWrapper
|
|
17
|
+
v-if="item.type != 'optimizer'"
|
|
18
|
+
size="36px"
|
|
19
|
+
@click="toggleSection(item.inverterId)"
|
|
20
|
+
>
|
|
17
21
|
<RCIcon
|
|
18
22
|
color="white"
|
|
19
23
|
:name="isExpanded(item.inverterId) ? 'arrow_up' : 'arrow_down'"
|
|
20
24
|
size="10px"
|
|
21
25
|
/>
|
|
22
26
|
</IconWrapper>
|
|
23
|
-
<TextContainer
|
|
27
|
+
<TextContainer
|
|
28
|
+
:style="{ marginLeft: item.type == 'optimizer' ? '36px' : '0' }"
|
|
29
|
+
>
|
|
24
30
|
<TitleText :title="item.model"
|
|
25
31
|
>{{
|
|
26
32
|
item.type === 'optimizer' && item.quantity
|
|
@@ -65,7 +71,7 @@
|
|
|
65
71
|
})
|
|
66
72
|
}}%</MarkerItem
|
|
67
73
|
>
|
|
68
|
-
<MarkerItem v-if="item.hasTemplate">
|
|
74
|
+
<MarkerItem v-if="item.hasTemplate && !item.isLoading">
|
|
69
75
|
<span
|
|
70
76
|
:title="
|
|
71
77
|
item.companyProductTemplateName
|
|
@@ -92,17 +98,19 @@
|
|
|
92
98
|
<IconsContainer>
|
|
93
99
|
<IconWrapper>
|
|
94
100
|
<RCIcon
|
|
95
|
-
color="red"
|
|
96
|
-
cursor="pointer"
|
|
101
|
+
:color="item.isLoading ? 'grey' : 'red'"
|
|
102
|
+
:cursor="item.isLoading ? 'not-allowed' : 'pointer'"
|
|
103
|
+
:is-disabled="item.isLoading"
|
|
97
104
|
name="delete"
|
|
98
105
|
size="14px"
|
|
99
|
-
@click="$emit('on-delete', item)"
|
|
106
|
+
@click="!item.isLoading && $emit('on-delete', item)"
|
|
100
107
|
/>
|
|
101
108
|
</IconWrapper>
|
|
102
|
-
<IconWrapper @click="$emit('on-edit', item)">
|
|
109
|
+
<IconWrapper @click="!item.isLoading && $emit('on-edit', item)">
|
|
103
110
|
<RCIcon
|
|
104
|
-
color="white"
|
|
105
|
-
cursor="pointer"
|
|
111
|
+
:color="item.isLoading ? 'grey' : 'white'"
|
|
112
|
+
:cursor="item.isLoading ? 'not-allowed' : 'pointer'"
|
|
113
|
+
:is-disabled="item.isLoading"
|
|
106
114
|
name="edit_button"
|
|
107
115
|
size="14px"
|
|
108
116
|
/>
|
|
@@ -121,12 +129,16 @@
|
|
|
121
129
|
<SortingContainer v-if="dataList.length > 1">
|
|
122
130
|
<SortingIconWrapper
|
|
123
131
|
:data-test-id="'move_up_' + index"
|
|
124
|
-
:is-disabled="index === 0"
|
|
125
|
-
@click="
|
|
132
|
+
:is-disabled="index === 0 || item.isLoading"
|
|
133
|
+
@click="
|
|
134
|
+
!item.isLoading && index > 0 && handleMoveClick('up', index)
|
|
135
|
+
"
|
|
126
136
|
>
|
|
127
137
|
<RCIcon
|
|
128
|
-
:color="index === 0 ? 'grey6' : 'grey3'"
|
|
129
|
-
:cursor="
|
|
138
|
+
:color="index === 0 || item.isLoading ? 'grey6' : 'grey3'"
|
|
139
|
+
:cursor="
|
|
140
|
+
index === 0 || item.isLoading ? 'not-allowed' : 'pointer'
|
|
141
|
+
"
|
|
130
142
|
name="move_up"
|
|
131
143
|
size="14px"
|
|
132
144
|
/>
|
|
@@ -135,14 +147,23 @@
|
|
|
135
147
|
:data-test-id="'move_down_' + index"
|
|
136
148
|
:is-disabled="index === dataList.length - 1"
|
|
137
149
|
@click="
|
|
138
|
-
|
|
150
|
+
!item.isLoading &&
|
|
151
|
+
index < dataList.length - 1 &&
|
|
152
|
+
handleMoveClick('down', index)
|
|
139
153
|
"
|
|
140
154
|
>
|
|
141
155
|
<RCIcon
|
|
142
|
-
:color="
|
|
156
|
+
:color="
|
|
157
|
+
index === dataList.length - 1 || item.isLoading
|
|
158
|
+
? 'grey6'
|
|
159
|
+
: 'grey3'
|
|
160
|
+
"
|
|
143
161
|
:cursor="
|
|
144
|
-
index === dataList.length - 1
|
|
162
|
+
index === dataList.length - 1 || item.isLoading
|
|
163
|
+
? 'not-allowed'
|
|
164
|
+
: 'pointer'
|
|
145
165
|
"
|
|
166
|
+
:is-disabled="index === dataList.length - 1 || item.isLoading"
|
|
146
167
|
name="move_down"
|
|
147
168
|
size="14px"
|
|
148
169
|
/>
|