adam.goldsmith/assetLabelGen
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Use data from snipeit export, also render name as word, add mac address

Browse Source
This commit is contained in:
Adam Goldsmith 2020-01-30 22:46:12 -05:00
parent a80ef31d25
commit f2d207e540
4 changed files with 42 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
computerLabel.css
View File

@ -14,7 +14,7 @@ body {
width: calc(146.64pt - 4.32pt); width: calc(146.64pt - 4.32pt);
height: calc(69.12pt - 4.08pt); height: calc(69.12pt - 4.08pt);
position: relative; position: relative;
padding-top: 2mm; padding-top: 1.9mm;
overflow: hidden; overflow: hidden;
} }
@ -36,6 +36,18 @@ body {
.text-content { .text-content {
margin-left: 1ex; margin-left: 1ex;
font-family: monospace;
line-height: 0.9;
}
.name {
font-size: 30;
line-height: 0.8;
margin-bottom: .1em;
}
.mac {
font-size: 10;
} }
.barcode { .barcode {

3
computerLabel.html
View File

@ -7,6 +7,9 @@
<img class="qrcode" /> <img class="qrcode" />
<span class="text-content"> <span class="text-content">
<div class="name"></div> <div class="name"></div>
<div class="hostname"></div>
<div class="mac"></div>
<div class="tag"></div>
</span> </span>
</div> </div>
<img class="barcode" /> <img class="barcode" />

37
computerLabel.js
View File

@ -1,26 +1,39 @@
import QRCode from "qrcode";
import JsBarcode from "jsbarcode"; import JsBarcode from "jsbarcode";
import { toWords as numberToWords } from "number-to-words";
import QRCode from "qrcode";
import data from "./export-computers-assets-2020-01-30.json";
async function renderLabels() { async function renderLabels() {
const template = document.querySelector("#labelTemplate"); const template = document.querySelector("#labelTemplate");
const URL_BASE = "https://inv.claremontmakerspace.org/"; const URL_BASE = "https://inv.claremontmakerspace.org/";
const assetTag = "TSMS00001";
const assetName = "Laptop1";
let clone = document.importNode(template.content, true); for (const asset of data.data) {
const {
"Asset Tag": assetTag,
"Asset Name": assetName,
"MAC Address": mac
} = asset;
let clone = document.importNode(template.content, true);
let qrcode = await QRCode.toDataURL(URL_BASE + assetTag, { margin: 0 }); let qrcode = await QRCode.toDataURL(URL_BASE + assetTag, { margin: 0 });
clone.querySelector(".qrcode").src = qrcode; clone.querySelector(".qrcode").src = qrcode;
JsBarcode(clone.querySelector(".barcode"), assetTag, { JsBarcode(clone.querySelector(".barcode"), assetTag, {
displayValue: false, displayValue: false,
margin: 0 margin: 0
}); });
clone.querySelector(".name").textContent = assetName; let name = numberToWords(assetName.match(/[0-9]+$/)[0]).toUpperCase();
document.body.appendChild(clone); clone.querySelector(".name").textContent = name;
clone.querySelector(".hostname").textContent = assetName;
clone.querySelector(".mac").textContent = mac;
clone.querySelector(".tag").textContent = assetTag;
document.body.appendChild(clone);
}
} }
window.addEventListener("load", renderLabels); window.addEventListener("load", renderLabels);

1
package.json
View File

@ -5,6 +5,7 @@
], ],
"dependencies": { "dependencies": {
"jsbarcode": "^3.11.0", "jsbarcode": "^3.11.0",
"number-to-words": "^1.2.4",
"qrcode": "^1.4.4" "qrcode": "^1.4.4"
} }
} }