mirror of
https://github.com/harvester/harvester-ui-extension.git
synced 2025-12-13 21:21:44 +00:00
fix: filter schedule style and functionality
Signed-off-by: andy.lee <andy.lee@suse.com>
This commit is contained in:
parent
5bd8ad2a93
commit
57ab9e2830
@ -64,22 +64,22 @@ export default {
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="vm-schedule-filter">
|
<div class="vm-schedule-filter">
|
||||||
<template>
|
<span
|
||||||
<span
|
v-if="selected"
|
||||||
v-if="selected"
|
class="banner-item bg-warning"
|
||||||
class="banner-item bg-warning"
|
>
|
||||||
>
|
{{ t('harvester.tableHeaders.vmSchedule') }}{{ selected ? ` = ${selected}`: '' }}
|
||||||
{{ t('harvester.tableHeaders.vmSchedule') }}{{ selected ? ` = ${selected}`: '' }}<i
|
<i
|
||||||
class="icon icon-close ml-5"
|
class="icon icon-close ml-5"
|
||||||
@click="remove"
|
@click="remove"
|
||||||
/>
|
/>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
|
||||||
|
|
||||||
<v-dropdown
|
<v-dropdown
|
||||||
|
popper-class="vm-schedule-dropdown"
|
||||||
:triggers="scheduleOptions.length ? ['click'] : []"
|
:triggers="scheduleOptions.length ? ['click'] : []"
|
||||||
placement="bottom-end"
|
placement="bottom-end"
|
||||||
offset="1"
|
offset="1"
|
||||||
|
:distance="20"
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
ref="actionDropDown"
|
ref="actionDropDown"
|
||||||
@ -98,7 +98,7 @@ export default {
|
|||||||
name="model"
|
name="model"
|
||||||
:options="scheduleOptions"
|
:options="scheduleOptions"
|
||||||
:labels="scheduleOptions"
|
:labels="scheduleOptions"
|
||||||
@input="onSelect"
|
@update:value="onSelect"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -106,6 +106,12 @@ export default {
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.vm-schedule-dropdown .v-popper__arrow-container {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.vm-schedule-filter {
|
.vm-schedule-filter {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|||||||
@ -120,6 +120,8 @@ export default {
|
|||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
changeRows(filteredRows, searchSchedule) {
|
changeRows(filteredRows, searchSchedule) {
|
||||||
|
console.log('🚀 ~ changeRows ~ searchSchedule:', searchSchedule);
|
||||||
|
console.log('🚀 ~ changeRows ~ filteredRows:', filteredRows);
|
||||||
this['searchSchedule'] = searchSchedule;
|
this['searchSchedule'] = searchSchedule;
|
||||||
this['snapshots'] = filteredRows;
|
this['snapshots'] = filteredRows;
|
||||||
},
|
},
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user