|
Lines 1-8
Link Here
|
| 1 |
<template> |
1 |
<template> |
| 2 |
<div v-if="!initialized">{{ $__("Loading") }}</div> |
2 |
<div v-if="!initialized">{{ $__("Loading") }}</div> |
| 3 |
<div v-else-if="agreements" id="agreements_list"> |
3 |
<div v-else-if="agreement_count" id="agreements_list"> |
| 4 |
<Toolbar v-if="before_route_entered" /> |
4 |
<Toolbar v-if="before_route_entered" /> |
| 5 |
<fieldset v-if="agreements.length" class="filters"> |
5 |
<fieldset v-if="agreement_count > 0" class="filters"> |
| 6 |
<label for="expired_filter">{{ $__("Filter by expired") }}:</label> |
6 |
<label for="expired_filter">{{ $__("Filter by expired") }}:</label> |
| 7 |
<input |
7 |
<input |
| 8 |
type="checkbox" |
8 |
type="checkbox" |
|
Lines 32-38
Link Here
|
| 32 |
:value="$__('Filter')" |
32 |
:value="$__('Filter')" |
| 33 |
/> |
33 |
/> |
| 34 |
</fieldset> |
34 |
</fieldset> |
| 35 |
<div v-if="agreements.length" class="page-section"> |
35 |
<div v-if="agreement_count > 0" class="page-section"> |
| 36 |
<table :id="table_id"></table> |
36 |
<table :id="table_id"></table> |
| 37 |
</div> |
37 |
</div> |
| 38 |
<div v-else-if="initialized" class="dialog message"> |
38 |
<div v-else-if="initialized" class="dialog message"> |
|
Lines 75-81
export default {
Link Here
|
| 75 |
data: function () { |
75 |
data: function () { |
| 76 |
return { |
76 |
return { |
| 77 |
fp_config: flatpickr_defaults, |
77 |
fp_config: flatpickr_defaults, |
| 78 |
agreements: [], |
78 |
agreement_count: null, |
| 79 |
initialized: false, |
79 |
initialized: false, |
| 80 |
filters: { |
80 |
filters: { |
| 81 |
by_expired: this.$route.query.by_expired || false, |
81 |
by_expired: this.$route.query.by_expired || false, |
|
Lines 92-98
export default {
Link Here
|
| 92 |
vm.before_route_entered = true // FIXME This is ugly, but we need to distinguish when it's used as main component or child component (from EHoldingsEBSCOPAckagesShow for instance) |
92 |
vm.before_route_entered = true // FIXME This is ugly, but we need to distinguish when it's used as main component or child component (from EHoldingsEBSCOPAckagesShow for instance) |
| 93 |
if (!vm.building_table) { |
93 |
if (!vm.building_table) { |
| 94 |
vm.building_table = true |
94 |
vm.building_table = true |
| 95 |
vm.getAgreements().then(() => vm.build_datatable()) |
95 |
vm.getAgreementCount().then(() => vm.build_datatable()) |
| 96 |
} |
96 |
} |
| 97 |
}) |
97 |
}) |
| 98 |
}, |
98 |
}, |
|
Lines 106-116
export default {
Link Here
|
| 106 |
}, |
106 |
}, |
| 107 |
}, |
107 |
}, |
| 108 |
methods: { |
108 |
methods: { |
| 109 |
async getAgreements() { |
109 |
async getAgreementCount() { |
| 110 |
const client = APIClient.erm |
110 |
const client = APIClient.erm |
| 111 |
await client.agreements.getAll().then( |
111 |
await client.agreements.count().then( |
| 112 |
agreements => { |
112 |
count => { |
| 113 |
this.agreements = agreements |
113 |
this.agreement_count = count |
| 114 |
this.initialized = true |
114 |
this.initialized = true |
| 115 |
}, |
115 |
}, |
| 116 |
error => {} |
116 |
error => {} |
|
Lines 481-487
export default {
Link Here
|
| 481 |
mounted() { |
481 |
mounted() { |
| 482 |
if (!this.building_table) { |
482 |
if (!this.building_table) { |
| 483 |
this.building_table = true |
483 |
this.building_table = true |
| 484 |
this.getAgreements().then(() => this.build_datatable()) |
484 |
this.getAgreementCount().then(() => this.build_datatable()) |
| 485 |
} |
485 |
} |
| 486 |
}, |
486 |
}, |
| 487 |
components: { flatPickr, Toolbar }, |
487 |
components: { flatPickr, Toolbar }, |