admin/raven-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Browse Source
This commit is contained in:
John Cardinal
2020-02-21 00:07:32 +00:00
parent 512c6739eb
commit f16f58e930
1 changed files with 51 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
ayanova/src/views/ay-data-list-view.vue
View File

@@ -85,57 +85,66 @@
</v-card-title> </v-card-title>
<v-card-text> <v-card-text>
<div class="d-flex justify-space-between"> <v-switch
<v-switch v-model="item.include"
v-model="item.include" :label="lt('Include')"
:label="lt('Include')" :ref="item.key"
:ref="item.key" :disabled="
:disabled=" item.sort != null || item.filter.items.length > 0
item.sort != null || item.filter.items.length > 0 "
" @change="includeChanged(item)"
@change="includeChanged(item)" ></v-switch>
></v-switch> <div class="d-flex justify-space-between pt-3">
<template v-if="item.isSortable"> <v-btn large icon @click="move('start', index)"
<div @click="toggleSort(item)" class="pl-2 pt-2"> ><v-icon large>fa-step-backward</v-icon></v-btn
<v-btn large v-if="item.sort == null" icon>
<v-icon large>fa-sort</v-icon></v-btn
>
<v-btn
v-if="item.sort != null && item.sort == '-'"
icon
x-large
><v-icon color="primary" x-large>fa-sort-amount-down</v-icon></v-btn
>
<v-btn
v-if="item.sort != null && item.sort == '+'"
icon
x-large
><v-icon color="primary" x-large
>fa-sort-amount-up</v-icon
></v-btn
>
</div>
</template>
</div>
<div class="d-flex justify-space-between">
<v-btn icon @click="move('start', index)"
><v-icon>fa-step-backward</v-icon></v-btn
> >
<v-btn icon @click="move('left', index)" <v-btn large icon @click="move('left', index)"
><v-icon>fa-backward</v-icon></v-btn ><v-icon large>fa-backward</v-icon></v-btn
> >
<v-btn icon @click="move('right', index)" <v-btn large icon @click="move('right', index)"
><v-icon>fa-forward</v-icon></v-btn ><v-icon large>fa-forward</v-icon></v-btn
> >
<v-btn icon @click="move('end', index)" <v-btn large icon @click="move('end', index)"
><v-icon>fa-step-forward</v-icon></v-btn ><v-icon large>fa-step-forward</v-icon></v-btn
> >
</div> </div>
<template v-if="item.isSortable">
<div @click="toggleSort(item)" class="pt-6">
<v-btn large v-if="item.sort == null" icon>
<v-icon large>fa-sort</v-icon></v-btn
>
<v-btn
v-if="item.sort != null && item.sort == '-'"
icon
x-large
><v-icon color="primary" x-large
>fa-sort-amount-down</v-icon
></v-btn
>
<v-btn
v-if="item.sort != null && item.sort == '+'"
icon
x-large
><v-icon color="primary" x-large
>fa-sort-amount-up</v-icon
></v-btn
>
<label class="v-label theme--light"
>&nbsp;{{ lt("Sort") }}</label
>
</div>
</template>
<template v-if="item.isFilterable"> <template v-if="item.isFilterable">
<v-divider class="mx-4 my-5"></v-divider> <v-divider class="mx-4 my-5"></v-divider>
<div> <div>
<v-icon large>fa-filter</v-icon> <v-icon
v-if="item.filter.items.length > 0"
color="primary"
x-large
>fa-filter</v-icon
>
<v-icon v-else>fa-filter</v-icon>
<label class="v-label theme--light" <label class="v-label theme--light"
>&nbsp;{{ lt("Filter") }}</label >&nbsp;{{ lt("Filter") }}</label
> >