Bugzilla – Attachment 181803 Details for
Bug 38010
Migrate vendors to Vue
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Help
|
New Account
|
Log In
[x]
|
Forgot Password
Login:
[x]
[patch]
Bug 38010: (QA follow-up) Add a Link component
Bug-38010-QA-follow-up-Add-a-Link-component.patch (text/plain), 7.16 KB, created by
Jonathan Druart
on 2025-04-30 21:05:10 UTC
(
hide
)
Description:
Bug 38010: (QA follow-up) Add a Link component
Filename:
MIME Type:
Creator:
Jonathan Druart
Created:
2025-04-30 21:05:10 UTC
Size:
7.16 KB
patch
obsolete
>From 7d57820514863bd23459f2e14a36927f9cb47dba Mon Sep 17 00:00:00 2001 >From: Matt Blenkinsop <matt.blenkinsop@openfifth.co.uk> >Date: Tue, 29 Apr 2025 16:25:28 +0100 >Subject: [PATCH] Bug 38010: (QA follow-up) Add a Link component > >Signed-off-by: Michaela Sieber <michaela.sieber@kit.edu> >Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org> >--- > .../prog/js/vue/components/Link.vue | 71 +++++++++++++++++++ > .../prog/js/vue/components/ToolbarButton.vue | 45 +----------- > .../vue/components/Vendors/VendorDetails.vue | 6 +- > .../components/Vendors/VendorInterfaces.vue | 6 +- > 4 files changed, 80 insertions(+), 48 deletions(-) > create mode 100644 koha-tmpl/intranet-tmpl/prog/js/vue/components/Link.vue > >diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Link.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Link.vue >new file mode 100644 >index 00000000000..f835de866ac >--- /dev/null >+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Link.vue >@@ -0,0 +1,71 @@ >+<template> >+ <a >+ v-if="callback" >+ @click="typeof callback === 'string' ? redirect() : callback(this)" >+ :class="cssClass" >+ style="cursor: pointer" >+ > >+ <font-awesome-icon v-if="icon" :icon="icon" /> {{ title }} >+ </a> >+ <router-link v-else :to="to" :class="cssClass" >+ ><font-awesome-icon v-if="icon" :icon="icon" /> {{ title }}</router-link >+ > >+</template> >+ >+<script> >+export default { >+ props: { >+ to: { >+ type: [String, Object], >+ }, >+ icon: { >+ type: String, >+ required: false, >+ }, >+ title: { >+ type: String, >+ }, >+ callback: { >+ type: [String, Function], >+ required: false, >+ }, >+ cssClass: { >+ type: String, >+ default: "btn btn-default", >+ required: false, >+ }, >+ }, >+ methods: { >+ redirect(url) { >+ const redirectParams = url ? url : this.to; >+ if (typeof redirectParams === "string") >+ window.location.href = this.formatUrl(redirectParams); >+ if (typeof redirectParams === "object") { >+ const url = this.handleQuery(redirectParams); >+ window.open(this.formatUrl(url), "_blank"); >+ } >+ }, >+ formatUrl(url) { >+ if (url.includes("http://") || url.includes("https://")) return url; >+ if (url.includes("cgi-bin/koha")) >+ return `//${window.location.host}/${url}`; >+ return `//${url}`; >+ }, >+ handleQuery(query) { >+ let url = this.to.path; >+ if (this.to.hasOwnProperty("query")) { >+ url += >+ "?" + >+ Object.keys(this.to.query) >+ .map( >+ queryParam => >+ `${queryParam}=${this.to.query[queryParam]}` >+ ) >+ .join("&"); >+ } >+ return url; >+ }, >+ }, >+ name: "Link", >+}; >+</script> >diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ToolbarButton.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ToolbarButton.vue >index 554b6fa944b..d76d4910429 100644 >--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ToolbarButton.vue >+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ToolbarButton.vue >@@ -1,19 +1,11 @@ > <template> >- <a >- v-if="callback" >- @click="typeof callback === 'string' ? redirect() : callback(this)" >- :class="cssClass" >- style="cursor: pointer" >- > >- <font-awesome-icon v-if="icon" :icon="icon" /> {{ title }} >- </a> >- <router-link v-else :to="to" :class="cssClass" >- ><font-awesome-icon v-if="icon" :icon="icon" /> {{ title }}</router-link >- > >+ <Link v-bind="$props" /> > </template> > > <script> >+import Link from "./Link.vue"; > export default { >+ components: { Link }, > props: { > to: { > type: [String, Object], >@@ -35,37 +27,6 @@ export default { > required: false, > }, > }, >- methods: { >- redirect(url) { >- const redirectParams = url ? url : this.to; >- if (typeof redirectParams === "string") >- window.location.href = this.formatUrl(redirectParams); >- if (typeof redirectParams === "object") { >- const url = this.handleQuery(redirectParams); >- window.open(this.formatUrl(url), "_blank"); >- } >- }, >- formatUrl(url) { >- if (url.includes("http://") || url.includes("https://")) return url; >- if (url.includes("cgi-bin/koha")) >- return `//${window.location.host}/${url}`; >- return `//${url}`; >- }, >- handleQuery(query) { >- let url = this.to.path; >- if (this.to.hasOwnProperty("query")) { >- url += >- "?" + >- Object.keys(this.to.query) >- .map( >- queryParam => >- `${queryParam}=${this.to.query[queryParam]}` >- ) >- .join("&"); >- } >- return url; >- }, >- }, > name: "ToolbarButton", > }; > </script> >diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorDetails.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorDetails.vue >index 9ae5bc3327d..63034ce5e7b 100644 >--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorDetails.vue >+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorDetails.vue >@@ -45,7 +45,7 @@ > </li> > <li v-if="vendor.url" id="vendorWebsite"> > <label>{{ $__("Website") }}:</label> >- <ToolbarButton >+ <Link > :to="{ > path: vendor.url, > }" >@@ -174,7 +174,7 @@ > > <script> > import { inject } from "vue"; >-import ToolbarButton from "../ToolbarButton.vue"; >+import Link from "../Link.vue"; > > export default { > props: { >@@ -211,7 +211,7 @@ export default { > }, > }, > components: { >- ToolbarButton, >+ Link, > }, > }; > </script> >diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorInterfaces.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorInterfaces.vue >index 5506e83a47c..1f658950e81 100644 >--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorInterfaces.vue >+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorInterfaces.vue >@@ -13,7 +13,7 @@ > </li> > <li v-if="vi.uri"> > <label>{{ $__("URI") }}:</label> >- <ToolbarButton >+ <Link > :to="{ > path: vi.uri, > }" >@@ -159,7 +159,7 @@ > > <script> > import { inject } from "vue"; >-import ToolbarButton from "../ToolbarButton.vue"; >+import Link from "../Link.vue"; > > export default { > props: { >@@ -196,7 +196,7 @@ export default { > }, > }, > components: { >- ToolbarButton, >+ Link, > }, > }; > </script> >-- >2.34.1
You cannot view the attachment while viewing its details because your browser does not support IFRAMEs.
View the attachment on a separate page
.
View Attachment As Diff
View Attachment As Raw
Actions:
View
|
Diff
|
Splinter Review
Attachments on
bug 38010
:
174119
|
174120
|
174121
|
174122
|
174123
|
174124
|
174125
|
174126
|
174128
|
174129
|
174130
|
174131
|
174132
|
174133
|
174134
|
174135
|
174136
|
174137
|
174138
|
174139
|
174140
|
174141
|
174142
|
174143
|
174144
|
174145
|
174146
|
174147
|
174148
|
174151
|
174152
|
174153
|
174154
|
174155
|
174156
|
174157
|
174158
|
174159
|
174160
|
174161
|
174162
|
174163
|
174164
|
174165
|
174166
|
174167
|
174168
|
174169
|
174170
|
174171
|
174172
|
174173
|
174174
|
174175
|
174176
|
174177
|
174178
|
174179
|
174194
|
174196
|
174197
|
174198
|
174199
|
174200
|
174201
|
174202
|
174203
|
174204
|
174205
|
174206
|
174207
|
174208
|
174209
|
174210
|
174211
|
174212
|
174213
|
174214
|
174215
|
174216
|
174217
|
174218
|
174220
|
174221
|
174222
|
174223
|
174224
|
174225
|
174226
|
174248
|
174266
|
174267
|
174269
|
174270
|
174273
|
174327
|
174328
|
174329
|
174330
|
174331
|
174332
|
174333
|
174334
|
174335
|
174336
|
174337
|
174338
|
174339
|
174340
|
174341
|
174342
|
174343
|
174344
|
174345
|
174346
|
174347
|
174348
|
174349
|
174350
|
174351
|
174352
|
174353
|
174354
|
174355
|
174356
|
174357
|
174358
|
174359
|
174360
|
174603
|
175098
|
175099
|
175100
|
175101
|
175102
|
175103
|
175104
|
175105
|
175106
|
175107
|
175108
|
175109
|
175110
|
175111
|
175112
|
175113
|
175114
|
175115
|
175116
|
175117
|
175118
|
175119
|
175120
|
175121
|
175122
|
175123
|
175124
|
175125
|
175126
|
175127
|
175128
|
175129
|
175130
|
175131
|
175133
|
175134
|
175135
|
175136
|
175137
|
175167
|
175168
|
175170
|
175240
|
175241
|
175242
|
175243
|
175248
|
175249
|
175266
|
175791
|
175799
|
176547
|
178182
|
178183
|
178184
|
178185
|
178186
|
178187
|
178188
|
178189
|
178190
|
178191
|
178192
|
178193
|
178194
|
178195
|
178196
|
178197
|
178198
|
178199
|
178200
|
178201
|
178202
|
178203
|
178204
|
178205
|
178206
|
178207
|
178208
|
178209
|
178210
|
178211
|
178212
|
178213
|
178214
|
178215
|
178216
|
178217
|
178218
|
178219
|
178220
|
178221
|
178222
|
178223
|
178224
|
178225
|
178226
|
178227
|
178228
|
178229
|
178230
|
178231
|
178232
|
178233
|
178234
|
178235
|
178236
|
178237
|
178238
|
178239
|
178240
|
178241
|
178242
|
181579
|
181585
|
181727
|
181728
|
181729
|
181730
|
181731
|
181732
|
181733
|
181734
|
181735
|
181736
|
181737
|
181738
|
181739
|
181740
|
181741
|
181742
|
181743
|
181744
|
181745
|
181746
|
181747
|
181748
|
181749
|
181750
|
181751
|
181752
|
181753
|
181754
|
181755
|
181756
|
181757
|
181758
|
181759
|
181760
|
181761
|
181762
|
181763
|
181764
|
181765
|
181766
|
181767
|
181768
|
181769
|
181770
|
181771
|
181772
|
181773
|
181774
|
181775
|
181776
|
181777
|
181778
|
181779
|
181780
|
181781
|
181782
|
181783
|
181784
|
181785
|
181786
|
181787
|
181788
|
181789
|
181790
|
181791
|
181792
|
181793
|
181794
|
181795
|
181796
|
181797
|
181798
|
181799
|
181800
|
181801
|
181802
| 181803 |
181804
|
181805
|
181806
|
181807
|
181808
|
181809
|
181810
|
181811
|
181812
|
181813
|
181814
|
181815
|
181816
|
181817
|
181818
|
181819
|
181820
|
181821
|
181891
|
181898
|
181901
|
181963
|
181964
|
182053
|
182351
|
182438