From 3b8b45c25da1764585ee69f824686ce37ecd6bf9 Mon Sep 17 00:00:00 2001 From: Quentin Bramas <bramas@unistra.fr> Date: Mon, 11 Nov 2024 16:35:55 +0100 Subject: [PATCH] =?UTF-8?q?cr=C3=A9ation=20tag=20is=20selected=20by=20defa?= =?UTF-8?q?ult=20and=20removed=20upon=20search?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 2 +- src/components/GitCheatSheet.tsx | 10 +++++----- src/routes/index.tsx | 18 +++++++++++------- 3 files changed, 17 insertions(+), 13 deletions(-) diff --git a/package.json b/package.json index e8d2491..113b1ad 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "example-basic", + "name": "example-basique", "type": "module", "scripts": { "dev": "vinxi dev", diff --git a/src/components/GitCheatSheet.tsx b/src/components/GitCheatSheet.tsx index 099e8b2..5113652 100644 --- a/src/components/GitCheatSheet.tsx +++ b/src/components/GitCheatSheet.tsx @@ -86,14 +86,14 @@ Cela permet une collaboration efficace en garantissant que chaque membre de l'é description: 'Afficher l’état des fichiers dans le répertoire de travail.', example: 'git status', result: 'Liste des fichiers modifiés, ajoutés ou supprimés par rapport à la dernière validation.', - tag: 'basic', + tag: 'basique', }, { command: ['git add <fichier>', 'git add <dossier>'], description: 'Dit à git que l\'on souhaite sauvegarder ce fichier ou ce dossier.', example: 'git add .', result: 'Ajoute tout les fichiers du dossier courant.', - tag: 'basic', + tag: 'basique', }, { command: ['git commit -am "message"'], @@ -101,21 +101,21 @@ Cela permet une collaboration efficace en garantissant que chaque membre de l'é long_description: 'Les fichiers qu\'on à ajouté avec \'git add\' dans le passé sont sauvegarder localement. On pourra retrouver leur contenu à tout moment. Cependant, ils ne sont pas sauvegarder sur le serveur distant ou partagés avec d\'autre. Pour cela il faut "pousser" les modifications avec la command "git push".', example: 'git commit -am "résolution de TP1"', result: 'Un nouveau commit est créé avec le message "résolution de TP1".', - tag: 'basic', + tag: 'basique', }, { command: ['git push'], description: 'Envoyer les modifications locales vers le dépôt distant.', example: 'git push origin main', result: 'Les modifications sont envoyées à la branche "main" du dépôt distant.', - tag: 'basic', + tag: 'basique', }, { command: ['git pull'], description: 'Récupérer les modifications depuis le dépôt distant.', example: 'git pull origin main', result: 'Les modifications de la branche "main" sont fusionnées dans votre branche locale.', - tag: 'basic', + tag: 'basique', }, { common: 'Gestion des conflits', diff --git a/src/routes/index.tsx b/src/routes/index.tsx index 5a30725..3bead2e 100644 --- a/src/routes/index.tsx +++ b/src/routes/index.tsx @@ -9,10 +9,17 @@ const App = () => { const [search, setSearch] = createSignal(''); const [selectedCommand, setSelectedCommand] = createSignal(null); - const [tags, setTags] = createSignal(''); + const [tags, setTags] = createSignal('création'); const filteredCommands = () => gitCommands.filter((cmd) => { + if(search().trim() == '') + { + // Filtrer par tags + const matchesTags = (!tags() || tags() == cmd.tag); + return matchesTags; + } + // if cmd.command is an array, join it let cmd_command = Array.isArray(cmd.command) ? cmd.command.join(' ') : cmd.command; // Filtrer par recherche @@ -20,10 +27,7 @@ const App = () => { cmd_command.toLowerCase().includes(search().toLowerCase()) || cmd.description.toLowerCase().includes(search().toLowerCase()); - // Filtrer par tags - const matchesTags = (!tags() || tags() == cmd.tag); - - return matchesSearch && matchesTags; + return matchesSearch; }); return ( @@ -34,9 +38,9 @@ const App = () => { onInput={(e) => setSearch(e.currentTarget.value)} /> <div class="tags"> - {['création', 'basic', 'conflits', 'avancé'].map((tag) => ( + {['création', 'basique', 'conflits', 'avancé'].map((tag) => ( <button - class={`tag-button ${tag == tags() ? 'active' : ''}`} + class={`tag-button ${tag == tags() && search().trim() == '' ? 'active' : ''}`} onClick={() => { if (tags() !== tag) { setTags(tag); -- GitLab