Compare commits

..

2 commits

Author SHA1 Message Date
Damien Broqua
68414e3e71 Added link to artists for extra info 2024-02-04 15:40:01 +01:00
Damien Broqua
d692090022 Added Escape keydown gesture 2024-02-04 15:37:42 +01:00
4 changed files with 180 additions and 136 deletions

View file

@ -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");

View file

@ -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");

View file

@ -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();

View file

@ -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>