artlef/bibliomane
1
0
Fork 0
Code Issues 11 Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

WIP: Add + on book list element
All checks were successful
Test / runtest (push) Successful in 2h10m39s
Details

Browse Source
This commit is contained in:
Arthur Lefebvre
2025-10-14 16:51:43 +02:00
parent 8e7eed7712
commit ddb48d9ced
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
front/src/BookListElement.vue
View File

@@ -3,6 +3,7 @@
const props = defineProps({ const props = defineProps({
title: String, title: String,
author: String, author: String,
id: BigInt,
imagePath: String, imagePath: String,
}); });
const imagePathOrDefault = (props.imagePath == "" || typeof props.imagePath === 'undefined') ? "../defaultbook.png" : props.imagePath; const imagePathOrDefault = (props.imagePath == "" || typeof props.imagePath === 'undefined') ? "../defaultbook.png" : props.imagePath;
@@ -11,8 +12,15 @@ const imagePathOrDefault = (props.imagePath == "" || typeof props.imagePath ===
</script> </script>
<template> <template>
<div class="box container has-background-dark"> <div class="columns box container has-background-dark">
<div class="media"> <div class="column is-narrow">
<button class="button">
<span class="icon" title="Add">
<b-icon-plus />
</span>
</button>
</div>
<div class="media column">
<div class="media-left"> <div class="media-left">
<figure class="image mb-3"> <figure class="image mb-3">
<img v-bind:src="imagePathOrDefault" v-bind:alt="title"> <img v-bind:src="imagePathOrDefault" v-bind:alt="title">