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 }, |