fernando/luos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

PMCORE-2574

Browse Source
This commit is contained in:
Henry Jordan
2020-12-18 23:44:44 +00:00
parent beb70d448b
commit 3260b3d70e
7 changed files with 72 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
resources/assets/js/components/search/CasesFilter.vue
View File

@@ -19,8 +19,10 @@
</template> </template>
</SearchPopover> </SearchPopover>
<div class="w-75 p-1"> <div class="p-1 v-flex">
<b-input-group class="w-100 p-1"> <h5 class="v-search-title">{{ title }}</h5>
<b-input-group class="w-75 p-1">
<div class="input-group mb-3"> <div class="input-group mb-3">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span <span
@@ -75,7 +77,7 @@ import api from "./../../api/index";
export default { export default {
name: "Cases", name: "Cases",
props: ["filters"], props: ["filters", "title"],
components: { components: {
SearchPopover, SearchPopover,
CaseIntegerNumber, CaseIntegerNumber,
@@ -311,4 +313,13 @@ export default {
.bg-primary-pm { .bg-primary-pm {
background-color: #0099dd; background-color: #0099dd;
} }
.v-flex {
display: flex;
}
.v-search-title {
padding-right: 20px;
line-height: 40px;
}
</style> </style>

99
resources/assets/js/components/search/MyCasesFilter.vue
View File

@@ -19,49 +19,50 @@
</template> </template>
</SearchPopover> </SearchPopover>
<div class="w-75 p-1"> <div class="p-1 v-flex">
<h5 class="v-search-title">{{ title }}</h5>
<b-input-group class="w-100 p-1"> <b-input-group class="w-75 p-1">
<b-button pill variant="primary" id="popover-target-1" @click="searchClickHandler"> <div class="input-group mb-3">
<b-icon icon="search"></b-icon> <div class="input-group-prepend">
</b-button> <span
<b-form-tags class="input-group-text bg-primary-pm text-white"
input-id="tags-pills" id="popover-target-1"
v-model="searchTags" @click="searchClickHandler"
size="sm" >
<b-icon icon="search"></b-icon
></span>
</div>
<b-form-tags input-id="tags-pills" v-model="searchTags">
<template v-slot="{ tags, tagVariant, removeTag }">
<div class="d-inline-block" style="font-size: 1rem">
<b-form-tag
v-for="tag in tags"
@remove="customRemove(removeTag, tag)"
:key="tag"
:title="tag"
:variant="tagVariant"
class="mr-1 badge badge-light"
> >
<template v-slot="{ tags, tagVariant, removeTag }"> <div :id="tag">
<div <i class="fas fa-tags"></i>
class="d-inline-block" {{ tagContent(tag) }}
style="font-size: 1rem;" </div>
>
<b-form-tag
v-for="tag in tags"
@remove="customRemove(removeTag, tag)"
:key="tag"
:title="tag"
:variant="tagVariant"
class="mr-1"
>
<div :id="tag">
<i class="fas fa-tags"></i>
{{ tagContent(tag) }}
</div>
<component <component
v-bind:is="tagComponent(tag)" v-bind:is="tagComponent(tag)"
v-bind:info="tagInfo(tag)" v-bind:info="tagInfo(tag)"
v-bind:tag="tag" v-bind:tag="tag"
v-bind:filter="dataToFilter(tag)" v-bind:filter="dataToFilter(tag)"
@updateSearchTag="updateSearchTag" @updateSearchTag="updateSearchTag"
/> />
</b-form-tag>
</b-form-tag> </div>
</div> </template>
</template> </b-form-tags>
</b-form-tags>
</b-input-group>
</div> </div>
</b-input-group>
</div>
</div> </div>
</template> </template>
@@ -76,7 +77,7 @@ import api from "./../../api/index";
export default { export default {
name: "MyCasesFilter", name: "MyCasesFilter",
props: ["filters"], props: ["filters","title"],
components:{ components:{
SearchPopover, SearchPopover,
CaseIntegerNumber, CaseIntegerNumber,
@@ -341,11 +342,17 @@ export default {
.bv-example-row-flex-cols .row { .bv-example-row-flex-cols .row {
min-height: 10rem; min-height: 10rem;
} }
.bg-primary-pm {
background-color: #0099dd;
}
.v-flex {
display: flex;
}
.v-search-title {
padding-right: 20px;
line-height: 40px;
}
</style> </style>
},
};
</script>
<style scoped>
</style>

1
resources/assets/js/home/Draft.vue
View File

@@ -4,6 +4,7 @@
<modal-new-request ref="newRequest"></modal-new-request> <modal-new-request ref="newRequest"></modal-new-request>
<CasesFilter <CasesFilter
:filters="filters" :filters="filters"
:title="$t('ID_DRAFT')"
@onRemoveFilter="onRemoveFilter" @onRemoveFilter="onRemoveFilter"
@onUpdateFilters="onUpdateFilters" @onUpdateFilters="onUpdateFilters"
/> />

1
resources/assets/js/home/MyCases.vue
View File

@@ -3,6 +3,7 @@
<button-fleft :data="newCase"></button-fleft> <button-fleft :data="newCase"></button-fleft>
<MyCasesFilter <MyCasesFilter
:filters="filters" :filters="filters"
:title="$t('ID_MY_CASES')"
@onRemoveFilter="onRemoveFilter" @onRemoveFilter="onRemoveFilter"
@onUpdateFilters="onUpdateFilters" @onUpdateFilters="onUpdateFilters"
/> />

1
resources/assets/js/home/Paused.vue
View File

@@ -4,6 +4,7 @@
<modal-new-request ref="newRequest"></modal-new-request> <modal-new-request ref="newRequest"></modal-new-request>
<CasesFilter <CasesFilter
:filters="filters" :filters="filters"
:title="$t('ID_PAUSED')"
@onRemoveFilter="onRemoveFilter" @onRemoveFilter="onRemoveFilter"
@onUpdateFilters="onUpdateFilters" @onUpdateFilters="onUpdateFilters"
/> />

1
resources/assets/js/home/Todo.vue
View File

@@ -4,6 +4,7 @@
<modal-new-request ref="newRequest"></modal-new-request> <modal-new-request ref="newRequest"></modal-new-request>
<CasesFilter <CasesFilter
:filters="filters" :filters="filters"
:title="$t('ID_CASES_STATUS_TO_DO')"
@onRemoveFilter="onRemoveFilter" @onRemoveFilter="onRemoveFilter"
@onUpdateFilters="onUpdateFilters" @onUpdateFilters="onUpdateFilters"
/> />

1
resources/assets/js/home/Unassigned.vue
View File

@@ -4,6 +4,7 @@
<modal-new-request ref="newRequest"></modal-new-request> <modal-new-request ref="newRequest"></modal-new-request>
<CasesFilter <CasesFilter
:filters="filters" :filters="filters"
:title="$t('ID_UNASSIGNED')"
@onRemoveFilter="onRemoveFilter" @onRemoveFilter="onRemoveFilter"
@onUpdateFilters="onUpdateFilters" @onUpdateFilters="onUpdateFilters"
/> />