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:29:18 +00:00
parent f16f58e930
commit 39759851a8
1 changed files with 47 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -85,6 +85,7 @@
</v-card-title> </v-card-title>
<v-card-text> <v-card-text>
<!-- INCLUDE CONTROL -->
<v-switch <v-switch
v-model="item.include" v-model="item.include"
:label="lt('Include')" :label="lt('Include')"
@@ -94,7 +95,8 @@
" "
@change="includeChanged(item)" @change="includeChanged(item)"
></v-switch> ></v-switch>
<div class="d-flex justify-space-between pt-3"> <!-- RE-ORDER CONTROL -->
<div class="d-flex justify-space-between">
<v-btn large icon @click="move('start', index)" <v-btn large icon @click="move('start', index)"
><v-icon large>fa-step-backward</v-icon></v-btn ><v-icon large>fa-step-backward</v-icon></v-btn
> >
@@ -108,10 +110,11 @@
><v-icon large>fa-step-forward</v-icon></v-btn ><v-icon large>fa-step-forward</v-icon></v-btn
> >
</div> </div>
<!-- SORT CONTROL -->
<template v-if="item.isSortable"> <template v-if="item.isSortable">
<div @click="toggleSort(item)" class="pt-6"> <div @click="toggleSort(item)" class="pt-6">
<v-btn large v-if="item.sort == null" icon> <v-btn x-large v-if="item.sort == null" icon>
<v-icon large>fa-sort</v-icon></v-btn <v-icon x-large>fa-sort</v-icon></v-btn
> >
<v-btn <v-btn
v-if="item.sort != null && item.sort == '-'" v-if="item.sort != null && item.sort == '-'"
@@ -135,30 +138,9 @@
</div> </div>
</template> </template>
<!-- FILTER CONTROL -->
<template v-if="item.isFilterable"> <template v-if="item.isFilterable">
<v-divider class="mx-4 my-5"></v-divider> <div class="pt-6">
<div>
<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"
>&nbsp;{{ lt("Filter") }}</label
>
<v-radio-group v-model="item.filter.any" row>
<v-radio
:label="lt('GridFilterDialogAndRadioText')"
:value="false"
></v-radio>
<v-radio
:label="lt('GridFilterDialogOrRadioText')"
:value="true"
></v-radio>
</v-radio-group>
<v-divider class="mx-4 my-5"></v-divider>
<!-- ******** BUILDER FOR EACH TYPE Tag, decimal,currency, bool, integer, string, datetime ******** --> <!-- ******** BUILDER FOR EACH TYPE Tag, decimal,currency, bool, integer, string, datetime ******** -->
<!-- DATETIME BUILDER @change="dateTokenChanged(item)"--> <!-- DATETIME BUILDER @change="dateTokenChanged(item)"-->
<div v-if="item.uiFieldDataType === 1"> <div v-if="item.uiFieldDataType === 1">
@@ -168,6 +150,7 @@
item-text="name" item-text="name"
item-value="id" item-value="id"
:label="lt('Filter')" :label="lt('Filter')"
prepend-icon="fa-filter"
></v-select> ></v-select>
<div v-if="item.tempFilterToken == '*select*'"> <div v-if="item.tempFilterToken == '*select*'">
<v-select <v-select
@@ -227,31 +210,45 @@
ENUM BUILDER ENUM BUILDER
{{ item.enumType }} {{ item.enumType }}
</div> </div>
<v-divider class="mx-4 my-5"></v-divider> </div>
<div> <!-- AND / OR FILTER CONDITIONS -->
<v-list> <template v-if="item.filter.items.length > 0">
<v-list-item <div class="pt-6">
v-for="(filterItem, index) in item.filter.items" <v-radio-group v-model="item.filter.any" row>
:key="index" <v-radio
> :label="lt('GridFilterDialogAndRadioText')"
<v-list-item-content> :value="false"
<v-list-item-title ></v-radio>
v-text=" <v-radio
filterItem.op + ' ' + filterItem.value :label="lt('GridFilterDialogOrRadioText')"
" :value="true"
> ></v-radio>
</v-list-item-title> </v-radio-group>
</v-list-item-content>
<v-list-item-action>
<v-btn icon>
<v-icon>fa-trash-alt</v-icon>
</v-btn>
</v-list-item-action>
</v-list-item>
</v-list>
<v-divider></v-divider>
{{ item }}
</div> </div>
</template>
<!-- FILTER LIST -->
<div>
<v-list>
<v-list-item
v-for="(filterItem, index) in item.filter.items"
:key="index"
>
<v-list-item-content>
<v-list-item-title
v-text="filterItem.op + ' ' + filterItem.value"
>
</v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-btn icon>
<v-icon>fa-trash-alt</v-icon>
</v-btn>
</v-list-item-action>
</v-list-item>
</v-list>
<v-divider></v-divider>
{{ item }}
</div> </div>
</template> </template>
</v-card-text> </v-card-text>