Compare commits
2 commits
061e72c459
...
68414e3e71
Author | SHA1 | Date | |
---|---|---|---|
|
68414e3e71 | ||
|
d692090022 |
4 changed files with 180 additions and 136 deletions
|
@ -78,6 +78,12 @@ Vue.createApp({
|
|||
],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
window.addEventListener("keydown", this.keyDown);
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener("keydown", this.keyDown);
|
||||
},
|
||||
methods: {
|
||||
search(event) {
|
||||
event.preventDefault();
|
||||
|
@ -189,5 +195,13 @@ Vue.createApp({
|
|||
orderedItems(items) {
|
||||
return items.sort();
|
||||
},
|
||||
keyDown(event) {
|
||||
const keycode = event.code;
|
||||
|
||||
if (this.modalIsVisible && keycode === "Escape") {
|
||||
event.preventDefault();
|
||||
this.modalIsVisible = false;
|
||||
}
|
||||
},
|
||||
},
|
||||
}).mount("#ajouter-album");
|
||||
|
|
|
@ -34,6 +34,11 @@ Vue.createApp({
|
|||
},
|
||||
created() {
|
||||
this.fetch();
|
||||
|
||||
window.addEventListener("keydown", this.keyDown);
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener("keydown", this.keyDown);
|
||||
},
|
||||
methods: {
|
||||
formatParams(param) {
|
||||
|
@ -241,5 +246,16 @@ Vue.createApp({
|
|||
|
||||
return render;
|
||||
},
|
||||
keyDown(event) {
|
||||
const keycode = event.code;
|
||||
if (this.showModalDelete && keycode === "Escape") {
|
||||
event.preventDefault();
|
||||
this.showModalDelete = false;
|
||||
}
|
||||
if (this.showModalShare && keycode === "Escape") {
|
||||
event.preventDefault();
|
||||
this.showModalShare = false;
|
||||
}
|
||||
},
|
||||
},
|
||||
}).mount("#collection");
|
||||
|
|
|
@ -25,10 +25,10 @@ if (typeof item !== "undefined") {
|
|||
this.setTrackList();
|
||||
this.setIdentifiers();
|
||||
|
||||
window.addEventListener("keydown", this.changeImage);
|
||||
window.addEventListener("keydown", this.keyDown);
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener("keydown", this.changeImage);
|
||||
window.removeEventListener("keydown", this.keyDown);
|
||||
},
|
||||
watch: {
|
||||
shareMessage(message) {
|
||||
|
@ -139,10 +139,10 @@ if (typeof item !== "undefined") {
|
|||
this.setImage();
|
||||
},
|
||||
changeImage(event) {
|
||||
event.preventDefault();
|
||||
const direction = event.code;
|
||||
|
||||
if (
|
||||
this.modalIsVisible &&
|
||||
["ArrowRight", "ArrowLeft", "Escape"].indexOf(direction) !==
|
||||
-1
|
||||
) {
|
||||
|
@ -159,6 +159,20 @@ if (typeof item !== "undefined") {
|
|||
|
||||
return true;
|
||||
},
|
||||
keyDown(event) {
|
||||
const keycode = event.code;
|
||||
if (this.modalIsVisible) {
|
||||
this.changeImage(event);
|
||||
}
|
||||
if (this.showModalDelete && keycode === "Escape") {
|
||||
event.preventDefault();
|
||||
this.showModalDelete = false;
|
||||
}
|
||||
if (this.showModalShare && keycode === "Escape") {
|
||||
event.preventDefault();
|
||||
this.showModalShare = false;
|
||||
}
|
||||
},
|
||||
showAllIdentifiers() {
|
||||
this.identifiersMode = "all";
|
||||
this.setIdentifiers();
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
</ul>
|
||||
<ul v-if="track.extraartists && track.extraartists.length > 0" class="sm-hidden">
|
||||
<li v-for="extra in track.extraartists" class=" ml-4">
|
||||
<small>{{extra.role}} : {{extra.name}}</small>
|
||||
<small>{{extra.role}} : <a :href="`/ma-collection?page=1&limit=16&sort=year&order=asc&artist=${extra.name}`">{{extra.name}}</a></small>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
@ -130,4 +130,4 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
Loading…
Reference in a new issue