81 lines
4.3 KiB
HTML
81 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="stylesheet" href="css/spectre.css" />
|
|
<link rel="stylesheet" href="css/qrihs.css" />
|
|
<script src="js/qrious.min.js" type="text/javascript"></script>
|
|
<script src="js/index.js" type="text/javascript"></script>
|
|
<title>Q-RIHS</title>
|
|
</head>
|
|
<body>
|
|
<nav class="main">
|
|
<a href="http://www.e-rihs.it/" class="nav-item d-inline-block float-left">
|
|
<img loading="eager" class="img-fit-contain" src="./img/e-rihsit_logo.png" />
|
|
</a>
|
|
<a href="https://www.ispc.cnr.it" class="nav-item d-inline-block float-right">
|
|
<img loading="eager" class="img-fit-contain" src="./img/logo_ispc.png" height="41"/>
|
|
</a>
|
|
</nav>
|
|
<!-- Preload logos for canvas -->
|
|
<img loading="eager" src="./img/e-rihsit_logo.png" class="d-hide" />
|
|
<img loading="eager" src="./img/logo_ispc.png" class="d-hide" />
|
|
|
|
<h1 class="text-center mt-2" style="clear: both">Tracciamento strumenti E-RIHS</h1>
|
|
|
|
<div class="container main">
|
|
<h2 class="text-center">Modalità d'uso</h2>
|
|
<p class="pt-2">
|
|
Riportare nel campo <strong>"Link"</strong> il link alla scheda mirror che l'operatore sul campo può visualizzare in caso di necessità.<br>
|
|
<u>È importante che il link sia alla scheda mirror</u> e non a quella editabile dal responsabile dello strumento, per evitare che
|
|
i dati possano essere erroneamente modificati sul campo.
|
|
<p class="pt-0">
|
|
Per creare il link alla scheda mirror da OneDrive, cliccare con il tasto destro sulla scheda, premere "condividi" nella rotella impostazioni
|
|
selezionare "Personale CNR", Applica e poi cliccare "copia collegamento"
|
|
</p>
|
|
<p class="pt-2">
|
|
Riportare nel campo <strong>"Codice oggetto"</strong> il codice dell'oggetto sul quale va applicata l'etichetta come da colonna A della scheda Excel.<br>
|
|
Si consiglia di creare un codice della forma <code>AAA_00</code>, per es. <code>IRT_01</code>, composto dai seguenti campi:
|
|
<ul>
|
|
<li>
|
|
<code>AAA</code>: codice di 3 lettere - in maiuscolo - che identifica lo strumento e la sua scheda
|
|
</li>
|
|
<li>
|
|
<code>00</code>: numerazione progressiva del singolo oggetto da catalogare all'interno dello
|
|
strumento (può essere il <em>case</em> generale in cui viene trasportato, l'oggetto stesso, i suoi supporti, un faldone in cui
|
|
è contenuta la documentazione). L'idea è di catalogare tutti gli oggetti che compongono lo strumento.
|
|
</li>
|
|
</ul>
|
|
</p>
|
|
|
|
<p class="text-center toast toast-error d-hide" id="error-link">Il link alla scheda è obbligatorio</p>
|
|
<p class="text-center toast toast-error d-hide" id="error-code">Codice oggetto non valido, deve essere della forma AAA_00</p>
|
|
<div class="columns mt-2">
|
|
<div class="mt-2 column col-lg-7 col-xl-8 col-sm-12 p-2">
|
|
<label class="text-bold">Link</label>
|
|
<input class="d-block form-input" type="text" name="link" placeholder="Inserire link a scheda mirror" required />
|
|
<label class="text-bold">Codice oggetto</label>
|
|
<input class="d-block form-input" type="text" name="id-str" placeholder="Inserire codice oggetto (della forma AAA_00)"
|
|
maxlength="6" pattern="[A-Z]{3}_[0-9]{2}" required />
|
|
<button class="btn btn-primary c-hand" id="gen">
|
|
Genera etichetta
|
|
</button>
|
|
<button class="btn btn-primary disabled c-hand ml-2" id="download">
|
|
Scarica PNG
|
|
</button>
|
|
</div>
|
|
<div class="mt-2 column col-lg-5 col-xl-4 col-sm-12 text-center" style="border: #ccc 1px solid;">
|
|
<canvas id="qrcode" width="244" height="420">
|
|
Etichetta strumento
|
|
</canvas>
|
|
<p class="text-center preview">Anteprima</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="container text-center text-italic p-2">
|
|
<p class="p-1">Powered by <a href="https://www.ispc.cnr.it/it_it/2021/04/19/bhilab/">BHiLab</a></p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|