[text] ezf

Viewer

*** This page was generated with the meta tag "noindex, nofollow". This happened because you selected this option before saving or the system detected it as spam. This means that this page will never get into the search engines and the search bot will not crawl it. There is nothing to worry about, you can still share it with anyone.

copy download embed printName: ezf

<script setup>
import { ref, computed } from "vue";
import { useRoute, useRouter, RouterLink } from "vue-router";
import { useAuthStore } from "../store/auth";
const { isAuthenticated, isAdmin, userData, token } = useAuthStore();
const route = useRoute();
const router = useRouter();
const productId = ref(route.params.productId);
/**
* @param {number|string|Date|VarDate} date
*/
function formatDate(date) {
const options = {year: "numeric", month: "long", day: "numeric"};
return new Date(date).toLocaleDateString("fr-FR", options);
}
</script>
<template>
<div class="row">
<div class="text-center mt-4" data-test-loading>
<div class="spinner-border" role="status">
<span class="visually-hidden">Chargement...</span>
</div>
</div>
<div class="alert alert-danger mt-4" role="alert" data-test-error>
Une erreur est survenue lors du chargement des
<produits class=""></produits>
</div>
<div class="row" data-test-product>
<div class="col-lg-4">
<img
src="https://picsum.photos/id/250/512/512"
alt=""
class="img-fluid rounded mb-3"
data-test-product-picture
/>
<div class="card">
<div class="card-header">
<h5 class="card-title">Compte à rebours</h5>
</div>
<div class="card-body">
<h6 class="card-subtitle mb-2 text-muted" data-test-countdown>
Temps restant : {{ countdown }}
</h6>
</div>
</div>
</div>
<div class="col-lg-8">
<div class="row">
<div class="col-lg-6">
<h1 class="mb-3" data-test-product-name>
Appareil photo argentique
</h1>
</div>
<div class="col-lg-6 text-end">
<RouterLink
:to="{ name: 'ProductEdition', params: { productId: 'TODO' } }"
class="btn btn-primary"
data-test-edit-product
>
Editer
</RouterLink>
<button class="btn btn-danger" data-test-delete-product>
Supprimer
</button>
</div>
</div>
<h2 class="mb-3">Description</h2>
<p data-test-product-description>
Appareil photo argentique classique, parfait pour les amateurs de
photographie
</p>
<h2 class="mb-3">Informations sur l'enchère</h2>
<ul>
<li data-test-product-price>Prix de départ : 17 €</li>
<li data-test-product-end-date>Date de fin : 20 juin 2026</li>
<li>
Vendeur :
<router-link
:to="{ name: 'User', params: { userId: 'TODO' } }"
data-test-product-seller
>
alice
</router-link>
</li>
</ul>
<h2 class="mb-3">Offres sur le produit</h2>
<table class="table table-striped" data-test-bids>
<thead>
<tr>
<th scope="col">Enchérisseur</th>
<th scope="col">Offre</th>
<th scope="col">Date</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<tr v-for="i in 10" :key="i" data-test-bid>
<td>
<router-link
:to="{ name: 'User', params: { userId: 'TODO' } }"
data-test-bid-bidder
>
charly
</router-link>
</td>
<td data-test-bid-price>43 €</td>
<td data-test-bid-date>22 mars 2026</td>
<td>
<button class="btn btn-danger btn-sm" data-test-delete-bid>
Supprimer
</button>
</td>
</tr>
</tbody>
</table>
<p data-test-no-bids>Aucune offre pour le moment</p>
<form data-test-bid-form>
<div class="form-group">
<label for="bidAmount">Votre offre :</label>
<input
type="number"
class="form-control"
id="bidAmount"
data-test-bid-form-price
/>
<small class="form-text text-muted">
Le montant doit être supérieur à 10 €.
</small>
</div>
<button
type="submit"
class="btn btn-primary"
disabled
data-test-submit-bid
>
Enchérir
</button>
</form>
</div>
</div>
</div>
</template>

Editor

You can edit this paste and save as new:

fullscreen copy clear

Syntax Highlighting

Title / Paste Name

Meta robots tag

reCaptcha

File Description

ezf
Paste Code
29 Mar-2024
5.08 Kb

You can Share it:

Latest Code Pastes

Full list

Tools

[text] ezf

Viewer

Editor