@policystudio/policy-studio-ui-vue 1.1.18 → 1.1.20
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/dist/css/psui_styles.css
CHANGED
package/package.json
CHANGED
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
size="24"
|
|
44
44
|
class="actions-button psui-transition psui-transform psui-cursor-pointer"
|
|
45
45
|
:icon-classes="item.is_disabled ? 'psui-text-gray-40' : getIconClasses(item)"
|
|
46
|
-
|
|
46
|
+
display="flex"
|
|
47
47
|
:class="[checkRowIsVisible(item) ? 'psui-rotate-0' : 'psui--rotate-90', { 'psui-pointer-events-none' : item.is_disabled }]"
|
|
48
48
|
@click.native="onCollapse(item)"
|
|
49
49
|
/>
|
|
@@ -56,7 +56,18 @@
|
|
|
56
56
|
:class="{ 'is-last-deep' : item.last_deep }"
|
|
57
57
|
>
|
|
58
58
|
<template v-slot:trigger>
|
|
59
|
-
<p class="title psui-text-gray-50">
|
|
59
|
+
<p class="title psui-text-gray-50 opacity-100-childrens-on-hover">
|
|
60
|
+
{{ item.title }}
|
|
61
|
+
|
|
62
|
+
<PsIcon
|
|
63
|
+
v-if="item.has_helper"
|
|
64
|
+
icon="info"
|
|
65
|
+
size="14"
|
|
66
|
+
class="psui-text-gray-40 psui-opacity-0 psui-transition psui-leading-none psui-cursor-pointer psui-ml-1"
|
|
67
|
+
display="flex"
|
|
68
|
+
@click.native="$eventBus.$emit('openDescriptionModal', { type: 'helper', slug: `table-results-${item.helper_slug}` })"
|
|
69
|
+
/>
|
|
70
|
+
</p>
|
|
60
71
|
</template>
|
|
61
72
|
<template v-slot:content>
|
|
62
73
|
<p
|
|
@@ -88,7 +99,7 @@
|
|
|
88
99
|
icon="info"
|
|
89
100
|
size="14"
|
|
90
101
|
class="psui-text-blue-60 psui-opacity-0 psui-transition psui-leading-none psui-cursor-pointer psui-ml-1"
|
|
91
|
-
|
|
102
|
+
display="flex"
|
|
92
103
|
@click.native="$eventBus.$emit('openDescriptionModal', { type: 'helper', slug: `table-results-${item.helper_slug}` })"
|
|
93
104
|
/>
|
|
94
105
|
</p>
|
|
@@ -98,7 +109,7 @@
|
|
|
98
109
|
:icon="item.has_badge"
|
|
99
110
|
size="20"
|
|
100
111
|
class="badge psui-text-green-70 psui-leading-none psui-ml-0"
|
|
101
|
-
|
|
112
|
+
display="flex"
|
|
102
113
|
/>
|
|
103
114
|
</div>
|
|
104
115
|
<div
|
|
@@ -118,7 +129,7 @@
|
|
|
118
129
|
:icon="getIcon(item)"
|
|
119
130
|
class="psui-flex psui-text-gray-40 psui-cursor-pointer leading-none hover:psui-text-blue-60 psui-gap-3 psui-px-5 psui-py-1 transition-all"
|
|
120
131
|
size="18"
|
|
121
|
-
|
|
132
|
+
display="flex"
|
|
122
133
|
@click.native="executeCallback(item)"
|
|
123
134
|
/>
|
|
124
135
|
</template>
|
|
@@ -141,7 +152,7 @@
|
|
|
141
152
|
icon="more_horiz"
|
|
142
153
|
size="18"
|
|
143
154
|
class="psui-flex psui-text-gray-40 psui-cursor-pointer leading-none hover:psui-text-blue-60 psui-gap-3 psui-px-5 psui-py-1 transition-all"
|
|
144
|
-
|
|
155
|
+
display="flex"
|
|
145
156
|
/>
|
|
146
157
|
</template>
|
|
147
158
|
<template v-slot:items>
|
|
@@ -171,14 +182,14 @@
|
|
|
171
182
|
v-if="layout != 'comparison'"
|
|
172
183
|
class="psui-space-x-2 psui-show-childrens-on-hover"
|
|
173
184
|
>
|
|
174
|
-
<PsTooltip v-if="column
|
|
185
|
+
<PsTooltip v-if="isSelectedRow(column,item)">
|
|
175
186
|
<template v-slot:trigger>
|
|
176
187
|
<PsIcon
|
|
177
188
|
icon="close"
|
|
178
189
|
size="16"
|
|
179
190
|
class="psui-cursor-pointer"
|
|
180
191
|
icon-classes="psui-text-blue-60 psui-leading-none psui-transition"
|
|
181
|
-
|
|
192
|
+
display="flex"
|
|
182
193
|
@click.native="onCloseSelectRow(item)"
|
|
183
194
|
/>
|
|
184
195
|
</template>
|
|
@@ -187,14 +198,14 @@
|
|
|
187
198
|
</template>
|
|
188
199
|
</PsTooltip>
|
|
189
200
|
|
|
190
|
-
<PsTooltip v-else>
|
|
201
|
+
<PsTooltip v-else-if="column.hasProjections">
|
|
191
202
|
<template v-slot:trigger>
|
|
192
203
|
<PsIcon
|
|
193
204
|
icon="bar_chart"
|
|
194
205
|
size="16"
|
|
195
206
|
class="psui-cursor-pointer"
|
|
196
207
|
icon-classes="psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
|
|
197
|
-
|
|
208
|
+
display="flex"
|
|
198
209
|
@click.native="onSelectRow(item, column)"
|
|
199
210
|
/>
|
|
200
211
|
</template>
|
|
@@ -203,8 +214,6 @@
|
|
|
203
214
|
</template>
|
|
204
215
|
</PsTooltip>
|
|
205
216
|
|
|
206
|
-
|
|
207
|
-
|
|
208
217
|
<p v-if="formatFunction && !item.is_disabled">
|
|
209
218
|
{{ formatFunction(column.key, item.data[column.key], item.data) }}
|
|
210
219
|
</p>
|
|
@@ -526,6 +535,12 @@ export default {
|
|
|
526
535
|
},
|
|
527
536
|
onCloseSelectRow(item) {
|
|
528
537
|
this.$eventBus.$emit('resetPolicyImpactItemSelected', item)
|
|
538
|
+
},
|
|
539
|
+
isSelectedRow(column,item){
|
|
540
|
+
if(!item.id){
|
|
541
|
+
return this.selectedRow === item.id && this.columnSelectedKey == column.key
|
|
542
|
+
}
|
|
543
|
+
return column.hasProjections && !item.is_disabled && this.selectedRow == item.id && this.columnSelectedKey == column.key
|
|
529
544
|
}
|
|
530
545
|
},
|
|
531
546
|
}
|