GithubHelp home page GithubHelp logo

regisenguehard / tiquettes Goto Github PK

View Code? Open in Web Editor NEW

This project forked from pantaflex44/tiquettes

0.0 0.0 0.0 2.22 MB

Générateur d'étiquettes pour tableaux / armoires électriques.

Home Page: https://pantaflex44.github.io/Tiquettes/

License: MIT License

JavaScript 72.19% CSS 18.64% HTML 9.18%

tiquettes's Introduction

Tiquettes

Générateur d'étiquettes pour tableaux / armoires électriques.


https://pantaflex44.github.io/Tiquettes/

Faire un don: https://www.paypal.com/donate/?hosted_button_id=MCKGAHRE6QE54

Licence: MIT
Auteur: Christophe LEMOINE <pantaflex (at) hotmail (dot) fr>
Création: 26/05/2024


Tiquettes

Le projet

Tout commence par l'initialisation de son projet.

Deux possibilités:

  • Créer un nouveau projet
  • Importer un projet sauvegarder

Nouveau projet

Créer un nouveau projet par défaut

Nouveau projet

L'application définie automatiquement un tableau électrique de 4 rangées, 13 modules par rangée avec une hauteur des étiquettes de 30mm.

Bien évidement vous pouvez modifier ces valeurs en agissant sur les réglages proposés. Commencez par le réglage du nombre de modules, puis de rangées, et finissez avec la hauteur des étiquettes.

Le nouveau tableau s'ajustera automatiquement.

Importer un projet sauvegardé

Tiquettes vous propose d'importer et d'exporter votre travail pour l'archiver ou y retravailler ultérieurement. Une sauvegarde automatique de votre session de travail est aussi intégrée au système.

Pour importer un projet, cliquez sur le bouton Importer puis chargez le fichier correspondant à votre projet. Immédiatement, celui-ci s'affichera dans la zone de travail!

Résumé du projet

Une fois le projet chargé, vous retrouverez un résumé de ses propriétés au dessus de la zone de travail.

Nouveau projet

En premier, se regroupe le nom donné au projet ainsi que la version d'exportation. Cette version se met automatiquement à jour au moment de chaque exportation.

🛈 Bon à savoir

Pour modifier le nom du projet, cliquez dessus puis validez les modifications avec la touche Entrée de votre clavier. A contrario, la touche Echap annule les modifcations.

Modifier le nom du projet

Puis, vous retrouvez les dates de travail ainsi que le descriptif technique.

L'éditeur

Descriptif

Un tableau peut comporter de 1 à 15 rangées, 13, 18 ou 24 modules par rangée.

Chaque module peut avoir une largeur et/ou une position réglable en fonction de la place disponible autour de lui. Vous pourrez l'étendre jusqu'à rencontrer, soit le bout de la rangée, soit un autre module déja défini. Vous devrez libérer celui-ci pour pousuivre son expansion. Idem pour le déplacer, seulement possible dans les espaces libres.

Menu contextuel du haut

Menu contextuel du haut

Le symbole + vous permet d'agrandir le module d'une largeur sur sa droite.

Le symbole - vous permet de réduire le module d'une largeur.

Le symbole vous permet de déplacer le module d'une position sur la gauche.

Le symbole vous permet de déplacer le module d'une position sur la droite.

Menu contextuel du bas

Menu contextuel du bas

Le symbole Corbeille (ou la touche Suppr du clavier) permet de libérer le module. Il perdra son identifiant, son icône, et sa définition mais conservera sa taille. Il pourra donc de nouveau être englobé dans l'agrandissement des modules précédents.

Le symbole Crayon (ou la touche Entrée du clavier) permet d'éditer le module en question.

Manipuler les rangées

Au cours de l'édition de votre planche d'étiquette, il peut parfois être utile d'insérer et/ou de supprimer une rangée.

Pour insérer une rangée, cliquez sur le raccourci présent entre chacune des rangées éxistantes:

Insérer une rangée

Pour supprimer une rangée, cliquez sur l'icone corbeille, à gauche du nom de la rangée souhaitée:

Supprimer une rangée

Raccourcies claviers / souris

Lors de la définition de votre planche d'étiquettes, vous pouvez utiliser votre clavier pour interagir sur les rangées et les modules.

  • Pour faire défiler les rangées verticalement, vous pouvez utiliser les flèches haut et bas de votre clavier, l'ascenseur de la fenètre ou la roulette de votre souris.
  • Pour faire défiler les rangées horizontalement, vous pouvez utiliser l'ascenseur de la fenètre ou la roulette de votre souris (en appuyant simultanement sur une des touches shift de votre clavier).
  • Pour déplacer un module horizontalement, sélectionnez le avec votre souris, puis appuyez sur les flèches gauche et droite de votre clavier.
  • Pour redimensionner un module, sélectionnez le avec votre souris, puis appuyez sur les touches + et - de votre clavier.

Edition d'un module

Après avoir cliqué sur le symbole d'édition d'un module, une fenêtre popup s'ouvre et vous offre la possibilité d'affiner sa définition.

Edition d'un module

  • Identifiant : Identifiant technique du module. Seules les lettres, chiffres et le caractère point son acceptés.
  • Description : Une très courte description du module. Les retours à la ligne sont pris en compte.
  • Pictogramme : Une petite image illustrant l'environement du module.

Décorer ses étiquettes

Sélection du thème

A chacun son style, à chaque coffret sa marque, quoi de mieux que de pouvoir décorer ses étiquettes au style de la marque du matériel installé?

Sélectionnez le thème de votre choix puis admirez le style de vos étiquettes changez en temps réel!

Sélection du thème

  • Thème Simple

Thème Simple

  • Thème Minimal

Thème Minimal

  • Thème Schneider - Standard

Thème Schneider - Standard

  • Thème Schneider - Alternatif

Thème Schneider - Alternatif

  • Thème Schneider - Nouveau format - Logements

Thème Schneider - Nouveau format - Logements

  • Thème Schneider - Nouveau format - Tertiaire

Thème Schneider - Nouveau format - Tertiaire

  • Thème Hager - Ancien format - Logements

Thème Hager - Ancien format - Logements

  • Thème Hager - Ancien format - Tertiaire

Thème Hager - Ancien format - Tertiaire

  • Thème Hager - Nouveau format - Logements

Thème Hager - Nouveau format - Logements

  • Thème Hager - Nouveau format - Tertiaire

Thème Hager - Nouveau format - Tertiaire

  • Thème Legrand - Monochrome - Logements

Thème Legrand - Monochrome - Logements

  • Thème Legrand - Monochrome - Tertiaire

Thème Legrand - Monochrome - Tertiaire

  • Thème Legrand - Couleur - Logements

Thème Legrand - Couleur - Logements

  • Thème Legrand - Couleur - Tertiaire

Thème Legrand - Couleur - Tertiaire

Nomenclature / Résumé

Tiquettes vous propose de résumer votre projet.

La nomenclature est générée automatiquement en fonction des définitions indiquées dans l'éditeur.

Nomenclature

Immortaliser son travail

Immortaliser

Une fois vos étiquettes réalisées, vous pourrez les imprimer en cliquant sur le bouton adéquat.

Sélectionnez le mode paysage pour simplifier la mise en page.

🛈 Bon à savoir

Choisissez d'imprimer le fond et les images pour avoir un rendu tel votre écran.

Imprimez toujours en taille réelle sans ajustement de la page. Surtout valable si vous souhaitez imprimer un projet préalablement enregistré en PDF. Acrobat Reader, notamment, ajuste par défaut le document au format papier sélectionné.

Fin!

tiquettes's People

Contributors

pantaflex44 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.