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 24-30
Link Here
|
24 |
:value="$__('Filter')" |
24 |
:value="$__('Filter')" |
25 |
/> |
25 |
/> |
26 |
</fieldset> |
26 |
</fieldset> |
27 |
<div v-if="agreements.length" class="page-section"> |
27 |
<div v-if="agreement_count > 0" class="page-section"> |
28 |
<table :id="table_id"></table> |
28 |
<table :id="table_id"></table> |
29 |
</div> |
29 |
</div> |
30 |
<div v-else-if="initialized" class="dialog message"> |
30 |
<div v-else-if="initialized" class="dialog message"> |
Lines 66-72
export default {
Link Here
|
66 |
data: function () { |
66 |
data: function () { |
67 |
return { |
67 |
return { |
68 |
fp_config: flatpickr_defaults, |
68 |
fp_config: flatpickr_defaults, |
69 |
agreements: [], |
69 |
agreement_count: null, |
70 |
initialized: false, |
70 |
initialized: false, |
71 |
filters: { |
71 |
filters: { |
72 |
by_expired: this.$route.query.by_expired || false, |
72 |
by_expired: this.$route.query.by_expired || false, |
Lines 82-88
export default {
Link Here
|
82 |
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) |
82 |
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) |
83 |
if (!vm.building_table) { |
83 |
if (!vm.building_table) { |
84 |
vm.building_table = true |
84 |
vm.building_table = true |
85 |
vm.getAgreements().then(() => vm.build_datatable()) |
85 |
vm.getAgreementCount().then(() => vm.build_datatable()) |
86 |
} |
86 |
} |
87 |
}) |
87 |
}) |
88 |
}, |
88 |
}, |
Lines 96-106
export default {
Link Here
|
96 |
}, |
96 |
}, |
97 |
}, |
97 |
}, |
98 |
methods: { |
98 |
methods: { |
99 |
async getAgreements() { |
99 |
async getAgreementCount() { |
100 |
const client = APIClient.erm |
100 |
const client = APIClient.erm |
101 |
await client.agreements.getAll().then( |
101 |
await client.agreements.count().then( |
102 |
agreements => { |
102 |
count => { |
103 |
this.agreements = agreements |
103 |
this.agreement_count = count |
104 |
this.initialized = true |
104 |
this.initialized = true |
105 |
}, |
105 |
}, |
106 |
error => {} |
106 |
error => {} |
Lines 446-452
export default {
Link Here
|
446 |
mounted() { |
446 |
mounted() { |
447 |
if (!this.building_table) { |
447 |
if (!this.building_table) { |
448 |
this.building_table = true |
448 |
this.building_table = true |
449 |
this.getAgreements().then(() => this.build_datatable()) |
449 |
this.getAgreementCount().then(() => this.build_datatable()) |
450 |
} |
450 |
} |
451 |
}, |
451 |
}, |
452 |
components: { flatPickr, Toolbar }, |
452 |
components: { flatPickr, Toolbar }, |