SvelteSpecifyLabels Svelte Themes

Sveltespecifylabels

A proof of concept for generating labels from Specify data extracts using a Svelte app

Specimen labels using Svelte

A web app for generating specimen labels with a range of options, and intended to make generating labels a breeze for those still doing it in MS Word. Originally made for making labels from Specify extracts, because HTML is just easier, and built with Svelte, a beautiful front end framework for building web apps, hence the name of this repository.

This tool is running live at at labels.nscf.org.za, the easiest is to use it there. If you want to run it locally, follow the installation steps below.

This is not a label designing tool like we have in most collection management databases, it is for generating labels using generic (opinionated) templates.

(Note to maintainer/s: this tool is published on the NSCF web hosting platform as a set of static files directly via FTP).

Installation

You will need to have the following software downloaded AND installed on your machine (downloading and installing are not the same thing):

Create a folder on your hard drive (name it whatever you like), then open that folder. Click in the address bar of the folder and type cmd and hit enter to open a command window. Copy paste the following command into the command window and press enter: git clone https://github.com/NSCF/SvelteSpecifyLabels.git. This will download the label tool onto your machine.

When it's done, type cd sveltespecifylabels in the command window and enter, then npm install and enter, then npm run dev and enter. The command window will show you a URL that you need to copy and paste into your web browser, and press enter.

You only need to do the clone and install once. Then each time you want to make labels, just open the command window in the SvelteSpecifyLabels folder, and run npm run dev. Make sure to check the GitHub repo from time to time for updates. If there are updates since you last used the tool, run git pull before running npm run dev. If it breaks after a pull, try npm install before npm run dev as there may be new dependencies included.

Usage

When the app is running in your browser go to Info (menu bar at the top) for usage instructions.

Rest assured that none of your data is saved anywhere or sent over the internet. You (or someone who knows Javascript) are welcome to check the code in this repo to confirm this.

Field headings/mappings

The input CSV file must have reasonable field headings in order for the fields to be added to the label. The headings in the file are mapped to Darwin Core fields and some additional specimen/accession specific fields.

There is a link on the home page to an example CSV file, which includes comments in the field headings with more information.

Your field headings don't have to match these headings perfectly. You can use the field mappings section to map your dataset fields to the label fields. These mappings will also be saved.

To see all the fields that are used you can go to the src/lib/ folder and fieldMappings.js in a text editor. This shows you the fields that are included on the labels and their alternative names (aliases) that they can have in the input file.

Languages

We hope to make this tool available in several different languages to make it more user friendly to a broader audience. If you would like to contribute a translation (the various labels, links and buttons, as well the more lengthy help/info page), please follow the standard process for forking and cloning a Github repo, and create a pull request with your translation. Short phrases are in src/i18n/lang.js, and the help/info pages are in src/components/langs (copy paste an existing file, rename it, and then translate). Please use the relevant ISO 639-3 language code. You can add the translations using a simple text editor like Notepad (not MS Word), or alternatively download and install VS Code for a richer, more colourful text editing experience.

Feedback

If you encounter errors or have suggestions, please make use of the Issues feature in Github: https://github.com/NSCF/SvelteSpecifyLabels/issues

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes