|
Lines 4-11
Link Here
|
| 4 |
<div v-else id="packages_list"> |
4 |
<div v-else id="packages_list"> |
| 5 |
<Toolbar> |
5 |
<Toolbar> |
| 6 |
<ToolbarButton |
6 |
<ToolbarButton |
| 7 |
:to="{ name: 'EHoldingsLocalPackagesFormAdd' }" |
7 |
action="add" |
| 8 |
icon="plus" |
8 |
@go-to-add-resource="goToResourceAdd" |
| 9 |
:title="$__('New package')" |
9 |
:title="$__('New package')" |
| 10 |
/> |
10 |
/> |
| 11 |
</Toolbar> |
11 |
</Toolbar> |
|
Lines 19-27
Link Here
|
| 19 |
v-bind="tableOptions" |
19 |
v-bind="tableOptions" |
| 20 |
:searchable_additional_fields="searchable_additional_fields" |
20 |
:searchable_additional_fields="searchable_additional_fields" |
| 21 |
:searchable_av_options="searchable_av_options" |
21 |
:searchable_av_options="searchable_av_options" |
| 22 |
@show="doShow" |
22 |
@show="goToResourceShow" |
| 23 |
@edit="doEdit" |
23 |
@edit="goToResourceEdit" |
| 24 |
@delete="doDelete" |
24 |
@delete="doResourceDelete" |
| 25 |
></KohaTable> |
25 |
></KohaTable> |
| 26 |
</div> |
26 |
</div> |
| 27 |
<div v-else class="alert alert-info"> |
27 |
<div v-else class="alert alert-info"> |
|
Lines 38-45
import { inject, ref, reactive } from "vue"
Link Here
|
| 38 |
import { storeToRefs } from "pinia" |
38 |
import { storeToRefs } from "pinia" |
| 39 |
import { APIClient } from "../../fetch/api-client.js" |
39 |
import { APIClient } from "../../fetch/api-client.js" |
| 40 |
import KohaTable from "../KohaTable.vue" |
40 |
import KohaTable from "../KohaTable.vue" |
|
|
41 |
import EHoldingsLocalPackageResource from "./EHoldingsLocalPackageResource.vue" |
| 41 |
|
42 |
|
| 42 |
export default { |
43 |
export default { |
|
|
44 |
extends: EHoldingsLocalPackageResource, |
| 43 |
setup() { |
45 |
setup() { |
| 44 |
const vendorStore = inject("vendorStore") |
46 |
const vendorStore = inject("vendorStore") |
| 45 |
const { vendors } = storeToRefs(vendorStore) |
47 |
const { vendors } = storeToRefs(vendorStore) |
|
Lines 47-54
export default {
Link Here
|
| 47 |
const AVStore = inject("AVStore") |
49 |
const AVStore = inject("AVStore") |
| 48 |
const { get_lib_from_av, map_av_dt_filter } = AVStore |
50 |
const { get_lib_from_av, map_av_dt_filter } = AVStore |
| 49 |
|
51 |
|
| 50 |
const { setConfirmationDialog, setMessage } = inject("mainStore") |
|
|
| 51 |
|
| 52 |
const table = ref() |
52 |
const table = ref() |
| 53 |
const filters = reactive({ |
53 |
const filters = reactive({ |
| 54 |
package_name: "", |
54 |
package_name: "", |
|
Lines 56-68
export default {
Link Here
|
| 56 |
}) |
56 |
}) |
| 57 |
|
57 |
|
| 58 |
return { |
58 |
return { |
|
|
59 |
...EHoldingsLocalPackageResource.setup(), |
| 59 |
vendors, |
60 |
vendors, |
| 60 |
get_lib_from_av, |
61 |
get_lib_from_av, |
| 61 |
map_av_dt_filter, |
62 |
map_av_dt_filter, |
| 62 |
table, |
63 |
table, |
| 63 |
filters, |
64 |
filters, |
| 64 |
setConfirmationDialog, |
|
|
| 65 |
setMessage, |
| 66 |
escape_str, |
65 |
escape_str, |
| 67 |
eholdings_packages_table_settings, |
66 |
eholdings_packages_table_settings, |
| 68 |
} |
67 |
} |
|
Lines 80-86
export default {
Link Here
|
| 80 |
searchable_av_options: [], |
79 |
searchable_av_options: [], |
| 81 |
tableOptions: { |
80 |
tableOptions: { |
| 82 |
columns: this.getTableColumns(), |
81 |
columns: this.getTableColumns(), |
| 83 |
url: "/api/v1/erm/eholdings/local/packages", |
82 |
url: this.getResourceTableUrl(), |
| 84 |
options: { |
83 |
options: { |
| 85 |
embed: "resources+count,vendor.name,extended_attributes,+strings", |
84 |
embed: "resources+count,vendor.name,extended_attributes,+strings", |
| 86 |
searchCols: [ |
85 |
searchCols: [ |
|
Lines 169-214
export default {
Link Here
|
| 169 |
}) |
168 |
}) |
| 170 |
}) |
169 |
}) |
| 171 |
}, |
170 |
}, |
| 172 |
doShow: function ({ package_id }, dt, event) { |
|
|
| 173 |
event.preventDefault() |
| 174 |
this.$router.push({ |
| 175 |
name: "EHoldingsLocalPackagesShow", |
| 176 |
params: { package_id }, |
| 177 |
}) |
| 178 |
}, |
| 179 |
doEdit: function ({ package_id }, dt, event) { |
| 180 |
this.$router.push({ |
| 181 |
name: "EHoldingsLocalPackagesFormAddEdit", |
| 182 |
params: { package_id }, |
| 183 |
}) |
| 184 |
}, |
| 185 |
doDelete: function (erm_package, dt, event) { |
| 186 |
this.setConfirmationDialog( |
| 187 |
{ |
| 188 |
title: this.$__( |
| 189 |
"Are you sure you want to remove this package?" |
| 190 |
), |
| 191 |
message: erm_package.name, |
| 192 |
accept_label: this.$__("Yes, delete"), |
| 193 |
cancel_label: this.$__("No, do not delete"), |
| 194 |
}, |
| 195 |
() => { |
| 196 |
const client = APIClient.erm |
| 197 |
client.localPackages.delete(erm_package.package_id).then( |
| 198 |
success => { |
| 199 |
this.setMessage( |
| 200 |
this.$__("Local package %s deleted").format( |
| 201 |
erm_package.name |
| 202 |
), |
| 203 |
true |
| 204 |
) |
| 205 |
dt.draw() |
| 206 |
}, |
| 207 |
error => {} |
| 208 |
) |
| 209 |
} |
| 210 |
) |
| 211 |
}, |
| 212 |
getTableColumns: function () { |
171 |
getTableColumns: function () { |
| 213 |
let get_lib_from_av = this.get_lib_from_av |
172 |
let get_lib_from_av = this.get_lib_from_av |
| 214 |
let escape_str = this.escape_str |
173 |
let escape_str = this.escape_str |
|
Lines 220-228
export default {
Link Here
|
| 220 |
orderable: true, |
179 |
orderable: true, |
| 221 |
render: function (data, type, row, meta) { |
180 |
render: function (data, type, row, meta) { |
| 222 |
return ( |
181 |
return ( |
| 223 |
'<a href="/cgi-bin/koha/erm/eholdings/local/packages/' + |
182 |
'<a role="button" class="show">' + |
| 224 |
row.package_id + |
|
|
| 225 |
'" class="show">' + |
| 226 |
escape_str(`${row.name} (#${row.package_id})`) + |
183 |
escape_str(`${row.name} (#${row.package_id})`) + |
| 227 |
"</a>" |
184 |
"</a>" |
| 228 |
) |
185 |
) |