Skip to content

Instantly share code, notes, and snippets.

@ppierre
ppierre / FormKitListColors.vue
Created October 16, 2022 08:29
Début fichier composant formkit personnalisé pour liste couleurs
<script setup lang="ts">
import { colors } from "@/types";
defineProps<{
name?: string;
label?: string;
}>();
</script>
<template>
<FormKit
:name="name"
@ppierre
ppierre / types.ts
Created October 14, 2022 07:17
Exemple de type pour matériaux
export const materiaux = [
{
value: "http://url/image/cuir",
label: "Cuir",
},
{
value: "http://url/image/tissu",
label: "Tissu",
},
{
@ppierre
ppierre / types.ts
Created October 9, 2022 16:07
ajout {code:label} liste de couleurs
export const colors = {
"#000000": "Noir",
"#FFFFFF": "Blanc",
"#FF0000": "Rouge",
"#00FF00": "Vert",
"#0000FF": "Bleu",
"#FFFF00": "Jaune",
"#FF00FF": "Magenta",
"#00FFFF": "Cyan",
"#C0C0C0": "Gris clair",
@ppierre
ppierre / FormBasket.vue.js
Last active March 5, 2024 13:50
passage de données à un formulaire
// A placer dans le <script setup lang="ts"> de FormBasket.vue
const props = defineProps<{
data?: Basket;
id?: string;
}>();
const chaussure = ref<Basket>(props.data ?? {});
async function supprimerQuartier() {
const { data, error } = await supabase
.from("Quartier")
.delete()
.match({ code_Quartier: quartierObject.value.code_Quartier });
if (error) {
console.error(
"Erreur à la suppression de ",
quartierObject.value,
"erreur :",
// Charger les données des communes
const { data: listeCommune, error } = await supabase
.from("Commune")
.select("*");
if (error) console.log("n'a pas pu charger la table Commune :", error);
// Les convertir par `map` en un tableau d'objets {value, label} pour FormKit
const optionsCommune = listeCommune?.map((commune) => ({
value: commune.code_Commune,
label: commune.libelle_Commune,
}));
@ppierre
ppierre / FormulaireQuartier.vue
Last active February 4, 2024 13:45
base formulaire new / edit ([id])
<script setup lang="ts">
defineProps<{
id?: string;
}>();
// TODO
</script>
<template>
<FormKit type="form">
<!-- TODO -->
</FormKit>
@ppierre
ppierre / index.vue
Created September 25, 2022 11:06
Simple liste depuis supabase
<script setup lang="ts">
import { supabase } from "../../supabase";
const { data, error } = await supabase.from("quartiercommune").select("*");
if (error) console.log("n'a pas pu charger la table quartiercommune :", error);
</script>
<template>
<section class="flex flex-col">
<h3 class="text-2xl">Liste des quartiers</h3>
<ul>
@ppierre
ppierre / dabblet.css
Created December 16, 2011 06:38
Untitled
.test {
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
column-count: 3;
column-gap: 20px;
}
.col {
-moz-column-count: 2;
LDFLAGS="-L/usr/local/lib -L/sw/lib"
CPPFLAGS="-I/sw/include"