fin hackaton

This commit is contained in:
Rudy Masson 2022-10-17 09:01:49 +02:00
parent 0f3447adf5
commit b79e8502b1
32 changed files with 364 additions and 49 deletions

View File

@ -7,6 +7,7 @@ export default class GetEvent{
let saisie = $('#saisie');
saisie.focus();
let value;
let $info = $('.info');
let $infoDon = $('#info-don');
let $infoDonneur = $('#info-donneur');
let $infoPsl = $('#info-psl');
@ -17,7 +18,18 @@ export default class GetEvent{
let $typeDon = $('#typeDon');
let $typePoche = $('#typePoche');
let $nbreTube = $('#nbreTube');
let $displayError = $('#error');
let $step = $('#step');
let $indication = $('#indication');
let $evolution = $('#evolution');
let $label = $('#label');
let $type = $('#type');
let $current = $('#current');
let $todo = $('#todo');
let $picturePoche = $('#picturePoche');
let $pictureTube = $('#pictureTube');
let $input = $('#inputRange');
let $displayError = $('.error');
let $displaySuccess = $('.displaySuccess');
document.addEventListener('keydown', function (event) {
saisie.focus();
if(event.code == 'Tab'){
@ -39,6 +51,12 @@ export default class GetEvent{
$naissance.html(new Date(response.data.birthdate).toLocaleDateString());
$typeDon.html(response.data.type_don);
$nbreTube.html(response.data.nbre_tube);
$step.html('Pour passer à la suite');
$indication.html('Scannez le DMU');
$pictureTube.css('display', 'none');
$picturePoche.css('display', 'flex');
$info.css('visibility', 'visible')
saisie.focus();
}
@ -49,81 +67,184 @@ export default class GetEvent{
$naissance.html(new Date(response.data.birthdate).toLocaleDateString());
$typeDon.html(response.data.type_don);
$nbreTube.html(response.data.nbre_tube);
$step.html('Pour passer à la suite');
$indication.html('Scannez le DMU');
$typePoche.html('');
$info.css('visibility', 'visible')
$evolution.css('visibility', 'hidden')
saisie.focus();
}
if(response.data.status == 'error'){
$displayError.css('background', "red");
saisie.focus();
$displayError.css('display', "flex");
setTimeout(() => {
$displayError.css('display', 'none')
}, 5000);
}
break;
case '1':
if(response.data.status == 'success'){
$typePoche.html(response.data.nbre_poche)
$step.html('ETAPE 1 / 2');
$indication.html('Scannez les étiquettes des poches');
saisie.focus();
$evolution.css('visibility', 'visible');
}
if(response.data.status == 'error_donneur'){
$displayError.html('erreur donneur')
$displayError.css('display', "flex");
setTimeout(() => {
$displayError.css('display', 'none')
}, 5000);
saisie.focus();
}
if(response.data.status == 'error_doublon'){
$displayError.html('erreur doublon')
$displayError.css('display', "flex");
setTimeout(() => {
$displayError.css('display', 'none')
}, 5000);
saisie.focus();
}
case '2':
if(response.data.status == 'success'){
saisie.focus();
$typePoche.html(response.data.nbre_poche)
console.log(response.data.nbre_poche)
$current.html(response.data.nbre_poche)
$type.html('Poches');
$todo.html(response.data.nbre_poche_max)
$input.attr('max', response.data.nbre_poche_max)
$input.attr('value', response.data.nbre_poche)
if(response.data.nbre_poche !=response.data.nbre_poche_max ){
$picturePoche.append('<div class="sang"><img src="/poches/Poche_sang.png"></div>')
}
saisie.focus();
}
if(response.data.status == 'final'){
saisie.focus();
$typePoche.html(response.data.nbre_poche)
console.log(response.data.nbre_poche)
$current.html(response.data.nbre_poche)
$input.attr('max', response.data.nbre_poche_max)
$input.attr('value', response.data.nbre_poche)
console.log('valider avec un scan de poche!')
$indication.html('valider avec un scan de poche!');
$picturePoche.append('<div class="sang"><img src="/poches/Poche_sang.png"></div>')
saisie.focus();
}
if(response.data.status == 'error_scan'){
console.log('error_scan');
$displayError.html("Mauvais type d'étiquette")
$displayError.css('display', "flex");
setTimeout(() => {
$displayError.css('display', 'none')
}, 5000);
saisie.focus();
}
if(response.data.status == 'error_doublon'){
console.log('error_doublon');
$displayError.html('Etiquette déjà scannée')
$displayError.css('display', "flex");
setTimeout(() => {
$displayError.css('display', 'none')
}, 5000);
saisie.focus();
}
if(response.data.status == 'error_donneur'){
console.log('error_donneur');
$displayError.html('Ne correspond pas au donneur')
$displayError.css('display', "flex");
setTimeout(() => {
$displayError.css('display', 'none')
}, 5000);
saisie.focus();
}
break;
case '3':
if(response.data.status == "success"){
$picturePoche.css('display', 'none');
$pictureTube.css('display', 'flex');
console.log('valider avec un scan de poche!')
$indication.html('Scannez les étiquettes de tubes!');
$input.attr('max', response.data.nbre_tube_max)
$todo.html(response.data.nbre_tube_max)
$input.attr('value', response.data.nbre_tube_max)
$current.html(response.data.nbre_tube_max)
$type.html('Tubes')
console.log("on passe aux tubes");
}
if(response.data.status == "error_scan"){
console.log("error_scan");
$displayError.html("Mauvais type d'étiquette")
$displayError.css('display', "flex");
setTimeout(() => {
$displayError.css('display', 'none')
}, 5000);
}
break;
case '4':
if(response.data.status == 'success'){
$step.html('ETAPE 2 / 2');
$nbreTube.html(response.data.nbre_tube)
$current.html(response.data.nbre_tube)
$input.attr('max', response.data.nbre_tube_max)
$type.html('Tubes')
$todo.html(response.data.nbre_tube_max)
$input.attr('value', response.data.nbre_tube)
$pictureTube.append('<div class="sang"><img src="/tubes/Tube1.png"></div>')
saisie.focus();
console.log(response.data.nbre_poche)
}
if(response.data.status == 'final'){
$nbreTube.html(response.data.nbre_tube)
$current.html(response.data.nbre_tube)
$input.attr('max', response.data.nbre_tube_max)
$type.html('Tubes')
$todo.html(response.data.nbre_tube_max)
$input.attr('value', response.data.nbre_tube)
$pictureTube.append('<div class="sang"><img src="/tubes/Tube1.png"></div>')
$displaySuccess.css('display', 'flex')
setTimeout(() => {
$displaySuccess.css('display', 'none')
}, 5000);
saisie.focus();
console.log(response.data.nbre_poche)
}
if(response.data.status == 'error_scan'){
console.log('error_scan');
$displayError.html("Mauvais type d'étiquette")
$displayError.css('display', "flex");
setTimeout(() => {
$displayError.css('display', 'none')
}, 5000);
saisie.focus();
}
if(response.data.status == 'error_doublon'){
console.log('error_doublon');
$displayError.html('Etiquette déjà scannée')
$displayError.css('display', "flex");
setTimeout(() => {
$displayError.css('display', 'none')
}, 5000);
saisie.focus();
}
if(response.data.status == 'error_donneur'){
console.log('error_donneur');
$displayError.html('Ne correspond pas au donneur')
$displayError.css('display', "flex");
setTimeout(() => {
$displayError.css('display', 'none')
}, 5000);
saisie.focus();
}

View File

@ -2,25 +2,166 @@
display: flex;
justify-content: center;
align-items: center;
#info-don{
flex: 30%;
flex-direction: column;
visibility: hidden;
}
#step{
color: #007BFF;
padding: 20px;
font-size: 32px;
font-weight: 800;
}
#indication, #label{
border-radius: 50px;
background-color: #007BFF;
color: white;
padding: 8px 20px;
font-weight: 800;
font-size: 32px;
margin: 30px 0;
}
#evolution{
display: flex;
width: 100%;
justify-content: start;
align-items: center;
visibility: hidden;
input[type=range]{
width: 80%;
margin-left: 20px;
}
#info-donneur{
flex: 40%;
}
#info-psl{
flex: 30%;
#label{
width: auto;
}
}
.displaySuccess{
position: absolute;
display: flex;
justify-content: center;
align-items: center;
font-size: 48px;
font-weight: 800;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: green;
color: white;
display: none;
z-index: 10000;
}
#error{
#picturePoche, #pictureTube{
display: flex;
justify-content: start;
align-items: start;
height: 300px;
width: 300px;
background-color: grey;
.sang{
width: auto;
height: 150px;
}
img{
width: 100%;
height: 100%;
object-fit: contain;
}
}
.error{
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 300px;
width: 100%;
background-color: #F44336;
color: white;
display: none;
justify-content: center;
align-items: center;
font-size: 48px;
font-weight: 800;
}
#saisie{
position: absolute;
left:-300px
}
}
/*Badeau supérieur*/
.page_header {
display: grid;
grid-template-columns: 25% 0.75% 30% 44%;
grid-template-rows: 25vh;
grid-template-areas: "barecode sparebar identity gift_spec";
background-color: rgba(5, 5, 59, 0.952);
}
.gift_cb {
display: grid;
grid-template-columns: 100%;
grid-template-rows: 75% 25%;
grid-template-areas:
"cb"
"number_cb";
grid-area: barecode;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin: 10px;
background-color: white;
}
/*
.separator {
grid-area: sparebar;
background-color: black;
}*/
li {
list-style: none;
font-size: large;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
margin: 10px;
}
.page_header .gift_cb .cb_cb {
grid-template-columns: cb;
/*background-color: black;*/
}
.cb_number {
}
.identity {
grid-area: identity;
background-color: white;
margin: 10px;
}
.gift_specificity {
grid-area: gift_spec;
background-color: white;
margin: 10px;
}
/* Bandeau intermédiaire étapes*/
.step {
display: grid;
grid-template-columns: 100%;
grid-template-rows: 15vh 10vh;
grid-template-areas:
"step_number"
"step_message";
background-color: rgba(5, 5, 59, 0.952);
}
.step_state {
grid-area: step_number;
background-color: white;
margin-left: 10px;
margin-right: 10px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 800"><defs><style>.cls-1{fill:#bae1ed;}.cls-2{fill:#8cd0e4;}.cls-3{fill:#72bacc;}.cls-4{fill:#e25a5a;}.cls-5{fill:#ce5555;}.cls-6{fill:#eb6570;}.cls-7{fill:#fff;}.cls-8{fill:#222227;}</style></defs><title>Poche_sang</title><g id="Calque_3" data-name="Calque 3"><path class="cls-1" d="M146.7,217.13h-6.83a28.3,28.3,0,0,0,28.3,28.31h13.66a28.29,28.29,0,0,0,28.3-28.31V210.3a28.29,28.29,0,0,0-28.3-28.3H168.17a28.3,28.3,0,0,0-28.3,28.3v6.83h13.66V210.3a14.65,14.65,0,0,1,14.64-14.64h13.66a14.65,14.65,0,0,1,14.64,14.64v6.83a14.63,14.63,0,0,1-14.64,14.64H168.17a14.63,14.63,0,0,1-14.64-14.64Z"/><path class="cls-2" d="M255,220.06H95a46.85,46.85,0,0,0-46.84,46.85V503.09A87.83,87.83,0,0,0,136,590.93H214a87.83,87.83,0,0,0,87.83-87.84V266.91A46.85,46.85,0,0,0,255,220.06Z"/><path class="cls-3" d="M254.5,220.06h-15c-6.05,90.65-37.08,282.42-190.85,296.59a87.86,87.86,0,0,0,86.79,74.28h78.08a87.83,87.83,0,0,0,87.83-87.84V266.91A46.85,46.85,0,0,0,254.5,220.06Z"/><path class="cls-4" d="M292.11,399.19c-1.35.95-16.69,6.1-18.29,6.72C239.45,419.26,198,410.45,163,404.74c-2.28-.37-4.54-.77-6.8-1.2h-108v99.55A87.83,87.83,0,0,0,136,590.93H214a87.83,87.83,0,0,0,87.83-87.84V403.54Z"/><path class="cls-5" d="M273.3,405.91c-24.68,9.58-53,7.75-80,3.83-28.25,55.35-73.2,100.33-144.68,106.91.2,1.32.44,2.64.7,4,.13.65.29,1.3.44,1.95s.31,1.41.49,2.1.36,1.33.54,2,.37,1.33.57,2,.42,1.32.64,2,.42,1.29.65,1.93.47,1.29.72,1.94.49,1.26.74,1.88.53,1.27.8,1.9l.84,1.85c.29.61.58,1.22.88,1.83s.62,1.22.93,1.83.62,1.18.94,1.76.69,1.21,1,1.82.65,1.12,1,1.67.8,1.24,1.2,1.86.65,1,1,1.53c.54.79,1.11,1.58,1.68,2.35q.64.9,1.32,1.77c.58.76,1.15,1.51,1.76,2.23.36.45.74.88,1.12,1.32s1,1.17,1.5,1.74.83.89,1.24,1.33,1,1.07,1.53,1.6.87.87,1.32,1.3,1,1,1.58,1.51.91.83,1.38,1.24,1.09,1,1.65,1.43l1.42,1.18c.58.46,1.16.92,1.75,1.37s1,.74,1.44,1.09l1.87,1.33c.47.33,1,.67,1.43,1,.68.45,1.37.88,2.05,1.32l1.36.85c.83.5,1.67,1,2.51,1.44.34.19.67.39,1,.57,1.18.64,2.38,1.26,3.59,1.84l1,.48c.89.41,1.79.83,2.7,1.21l1.43.59,2.37.93c.53.2,1.07.37,1.6.56.76.27,1.53.54,2.3.78l1.68.52,2.3.65,1.74.44q1.16.28,2.34.54l1.75.37,2.42.43,1.73.28c.85.12,1.7.22,2.55.32.55.07,1.11.14,1.67.19.94.09,1.89.16,2.84.22l1.42.1c1.43.07,2.87.11,4.32.11h78.08a87.83,87.83,0,0,0,87.83-87.84V403.54l-9.76-4.35C290.24,400.14,274.9,405.29,273.3,405.91Z"/><path class="cls-6" d="M55.93,405.49s18.55-16.59,83.94-11.71,139.56,13.74,154.2,5.41c0,0-36.11,34.61-117.12,20.94S61.79,404.52,55.93,405.49Z"/><path class="cls-1" d="M255,233.73a33.21,33.21,0,0,1,33.18,33.18V503.09A74.25,74.25,0,0,1,214,577.26H136a74.25,74.25,0,0,1-74.17-74.17V266.91A33.21,33.21,0,0,1,95,233.73H255m0-13.67H95a46.85,46.85,0,0,0-46.84,46.85V503.09A87.83,87.83,0,0,0,136,590.93H214a87.83,87.83,0,0,0,87.83-87.84V266.91A46.85,46.85,0,0,0,255,220.06Z"/><rect class="cls-1" x="157.92" y="582.14" width="34.16" height="36.11"/><path class="cls-7" d="M100.35,414.81c0,4.7,5.88,8.52,13.14,8.52h123c7.26,0,13.14-3.82,13.14-8.52V379.37c0-4.71-5.88-8.52-13.14-8.52h-123c-7.26,0-13.14,3.81-13.14,8.52Z"/><path class="cls-8" d="M113.19,393.76H236.81a2.39,2.39,0,1,0,0-4.78H113.19a2.39,2.39,0,0,0,0,4.78"/><path class="cls-8" d="M113.19,408.69H236.81a2.39,2.39,0,0,0,0-4.78H113.19a2.39,2.39,0,0,0,0,4.78"/></g></svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 800"><defs><style>.cls-1{fill:#bae1ed;}.cls-2{fill:#8cd0e4;}.cls-3{fill:#72bacc;}.cls-4{fill:#e25a5a;}.cls-5{fill:#ce5555;}.cls-6{fill:#eb6570;}.cls-7{fill:#fff;}.cls-8{fill:#222227;}.cls-9{fill:#3aaa35;}</style></defs><title>Poche_sang2</title><g id="Calque_3" data-name="Calque 3"><path class="cls-1" d="M146.7,217.13h-6.83a28.3,28.3,0,0,0,28.3,28.31h13.66a28.29,28.29,0,0,0,28.3-28.31V210.3a28.29,28.29,0,0,0-28.3-28.3H168.17a28.3,28.3,0,0,0-28.3,28.3v6.83h13.66V210.3a14.65,14.65,0,0,1,14.64-14.64h13.66a14.65,14.65,0,0,1,14.64,14.64v6.83a14.63,14.63,0,0,1-14.64,14.64H168.17a14.63,14.63,0,0,1-14.64-14.64Z"/><path class="cls-2" d="M255,220.06H95a46.85,46.85,0,0,0-46.84,46.85V503.09A87.83,87.83,0,0,0,136,590.93H214a87.83,87.83,0,0,0,87.83-87.84V266.91A46.85,46.85,0,0,0,255,220.06Z"/><path class="cls-3" d="M254.5,220.06h-15c-6.05,90.65-37.08,282.42-190.85,296.59a87.86,87.86,0,0,0,86.79,74.28h78.08a87.83,87.83,0,0,0,87.83-87.84V266.91A46.85,46.85,0,0,0,254.5,220.06Z"/><path class="cls-4" d="M292.11,399.19c-1.35.95-16.69,6.1-18.29,6.72C239.45,419.26,198,410.45,163,404.74c-2.28-.37-4.54-.77-6.8-1.2h-108v99.55A87.83,87.83,0,0,0,136,590.93H214a87.83,87.83,0,0,0,87.83-87.84V403.54Z"/><path class="cls-5" d="M273.3,405.91c-24.68,9.58-53,7.75-80,3.83-28.25,55.35-73.2,100.33-144.68,106.91.2,1.32.44,2.64.7,4,.13.65.29,1.3.44,1.95s.31,1.41.49,2.1.36,1.33.54,2,.37,1.33.57,2,.42,1.32.64,2,.42,1.29.65,1.93.47,1.29.72,1.94.49,1.26.74,1.88.53,1.27.8,1.9l.84,1.85c.29.61.58,1.22.88,1.83s.62,1.22.93,1.83.62,1.18.94,1.76.69,1.21,1,1.82.65,1.12,1,1.67.8,1.24,1.2,1.86.65,1,1,1.53c.54.79,1.11,1.58,1.68,2.35q.64.9,1.32,1.77c.58.76,1.15,1.51,1.76,2.23.36.45.74.88,1.12,1.32s1,1.17,1.5,1.74.83.89,1.24,1.33,1,1.07,1.53,1.6.87.87,1.32,1.3,1,1,1.58,1.51.91.83,1.38,1.24,1.09,1,1.65,1.43l1.42,1.18c.58.46,1.16.92,1.75,1.37s1,.74,1.44,1.09l1.87,1.33c.47.33,1,.67,1.43,1,.68.45,1.37.88,2.05,1.32l1.36.85c.83.5,1.67,1,2.51,1.44.34.19.67.39,1,.57,1.18.64,2.38,1.26,3.59,1.84l1,.48c.89.41,1.79.83,2.7,1.21l1.43.59,2.37.93c.53.2,1.07.37,1.6.56.76.27,1.53.54,2.3.78l1.68.52,2.3.65,1.74.44q1.16.28,2.34.54l1.75.37,2.42.43,1.73.28c.85.12,1.7.22,2.55.32.55.07,1.11.14,1.67.19.94.09,1.89.16,2.84.22l1.42.1c1.43.07,2.87.11,4.32.11h78.08a87.83,87.83,0,0,0,87.83-87.84V403.54l-9.76-4.35C290.24,400.14,274.9,405.29,273.3,405.91Z"/><path class="cls-6" d="M55.93,405.49s18.55-16.59,83.94-11.71,139.56,13.74,154.2,5.41c0,0-36.11,34.61-117.12,20.94S61.79,404.52,55.93,405.49Z"/><path class="cls-1" d="M255,233.73a33.21,33.21,0,0,1,33.18,33.18V503.09A74.25,74.25,0,0,1,214,577.26H136a74.25,74.25,0,0,1-74.17-74.17V266.91A33.21,33.21,0,0,1,95,233.73H255m0-13.67H95a46.85,46.85,0,0,0-46.84,46.85V503.09A87.83,87.83,0,0,0,136,590.93H214a87.83,87.83,0,0,0,87.83-87.84V266.91A46.85,46.85,0,0,0,255,220.06Z"/><rect class="cls-1" x="157.92" y="582.14" width="34.16" height="36.11"/><path class="cls-7" d="M100.35,414.81c0,4.7,5.88,8.52,13.14,8.52h123c7.26,0,13.14-3.82,13.14-8.52V379.37c0-4.71-5.88-8.52-13.14-8.52h-123c-7.26,0-13.14,3.81-13.14,8.52Z"/><path class="cls-8" d="M113.19,393.76H236.81a2.39,2.39,0,1,0,0-4.78H113.19a2.39,2.39,0,0,0,0,4.78"/><path class="cls-8" d="M113.19,408.69H236.81a2.39,2.39,0,0,0,0-4.78H113.19a2.39,2.39,0,0,0,0,4.78"/></g><g id="Calque_4" data-name="Calque 4"><path class="cls-9" d="M242.24,618.24A67.24,67.24,0,1,1,175,551,67.24,67.24,0,0,1,242.24,618.24Z"/><polygon class="cls-7" points="166.97 660.02 137.68 633.99 146.53 624.03 164.24 639.78 201.15 582.95 212.32 590.2 166.97 660.02"/></g></svg>

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
public/tubes/Tube1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

1
public/tubes/Tube1.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 800"><defs><style>.cls-1{fill:#c5deed;}.cls-2,.cls-6{fill:#fff;}.cls-2{opacity:0.34;}.cls-3{fill:#773fa9;}.cls-4{opacity:0.17;}.cls-5{opacity:0.72;}</style></defs><title>Tube1</title><g id="Tube1"><path class="cls-1" d="M105.68,143.54V531.75c0,26.92,31,48.75,69.32,48.75h0c38.29,0,69.32-21.83,69.32-48.75V143.54Z"/><path class="cls-2" d="M194.92,568.11c-31.46,0-57-20-57-44.67V175.1H112V530.83c0,24.67,25.5,44.67,57,44.67h0a68.21,68.21,0,0,0,31.83-7.62c-1.92.15-3.88.23-5.85.23Z"/><path class="cls-2" d="M180.93,127V519.7c0,8.73,8.62,15.8,19.26,15.8h0c10.63,0,19.26-7.07,19.26-15.8V127Z"/><path class="cls-3" d="M245.15,45.7a8.2,8.2,0,0,0-8.2-8.2H113.05a8.2,8.2,0,0,0-8.2,8.2V152.83h140.3Z"/><rect class="cls-3" x="98.04" y="152.95" width="153.93" height="23.63"/><rect class="cls-2" x="98.04" y="152.95" width="153.93" height="2.96"/><rect class="cls-4" x="98.04" y="173.62" width="153.93" height="2.96"/><path class="cls-4" d="M123.1,46.33a5.33,5.33,0,0,0-5.33,5.33v87a5.34,5.34,0,0,0,10.67,0v-87A5.33,5.33,0,0,0,123.1,46.33Z"/><path class="cls-4" d="M143.86,46.33a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,0,0,10.66,0v-87A5.32,5.32,0,0,0,143.86,46.33Z"/><path class="cls-4" d="M164.62,46.33a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,0,0,10.66,0v-87A5.32,5.32,0,0,0,164.62,46.33Z"/><path class="cls-4" d="M185.38,46.33a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,0,0,10.66,0v-87A5.33,5.33,0,0,0,185.38,46.33Z"/><path class="cls-4" d="M206.14,46.33a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,0,0,10.66,0v-87A5.33,5.33,0,0,0,206.14,46.33Z"/><path class="cls-4" d="M226.9,46.33a5.33,5.33,0,0,0-5.34,5.33v87a5.34,5.34,0,0,0,10.67,0v-87A5.33,5.33,0,0,0,226.9,46.33Z"/><g class="cls-5"><rect class="cls-6" x="126.16" y="287.8" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="359.72" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="304.26" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="317.75" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="331.24" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="344.72" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="431.65" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="376.18" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="389.67" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="403.16" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="416.65" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="503.57" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="448.11" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="461.6" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="475.09" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="488.58" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="232.9" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="246.39" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="259.88" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="273.37" width="14.01" height="3.41"/></g></g></svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 800"><defs><style>.cls-1{fill:#c5deed;}.cls-2,.cls-6{fill:#fff;}.cls-2{opacity:0.34;}.cls-3{fill:#773fa9;}.cls-4{opacity:0.17;}.cls-5{opacity:0.72;}.cls-7{fill:#3aaa35;}</style></defs><title>Tube1_check</title><g id="Calque_17" data-name="Calque 17"><path class="cls-1" d="M110.68,144.54V532.75c0,26.92,31,48.75,69.32,48.75h0c38.29,0,69.32-21.83,69.32-48.75V144.54Z"/><path class="cls-2" d="M199.92,569.11c-31.46,0-57-20-57-44.67V176.1H117V531.83c0,24.67,25.5,44.67,57,44.67h0a68.21,68.21,0,0,0,31.83-7.62c-1.92.15-3.88.23-5.85.23Z"/><path class="cls-2" d="M185.93,128V520.7c0,8.73,8.62,15.8,19.26,15.8h0c10.63,0,19.26-7.07,19.26-15.8V128Z"/><path class="cls-3" d="M250.15,46.7a8.2,8.2,0,0,0-8.2-8.2H118.05a8.2,8.2,0,0,0-8.2,8.2V153.83h140.3Z"/><rect class="cls-3" x="103.04" y="153.95" width="153.93" height="23.63"/><rect class="cls-2" x="103.04" y="153.95" width="153.93" height="2.96"/><rect class="cls-4" x="103.04" y="174.62" width="153.93" height="2.96"/><path class="cls-4" d="M128.1,47.33a5.33,5.33,0,0,0-5.33,5.33v87a5.34,5.34,0,0,0,10.67,0v-87A5.33,5.33,0,0,0,128.1,47.33Z"/><path class="cls-4" d="M148.86,47.33a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,0,0,10.66,0v-87A5.32,5.32,0,0,0,148.86,47.33Z"/><path class="cls-4" d="M169.62,47.33a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,0,0,10.66,0v-87A5.32,5.32,0,0,0,169.62,47.33Z"/><path class="cls-4" d="M190.38,47.33a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,0,0,10.66,0v-87A5.33,5.33,0,0,0,190.38,47.33Z"/><path class="cls-4" d="M211.14,47.33a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,0,0,10.66,0v-87A5.33,5.33,0,0,0,211.14,47.33Z"/><path class="cls-4" d="M231.9,47.33a5.33,5.33,0,0,0-5.34,5.33v87a5.34,5.34,0,0,0,10.67,0v-87A5.33,5.33,0,0,0,231.9,47.33Z"/><g class="cls-5"><rect class="cls-6" x="131.16" y="288.8" width="35.4" height="5.2"/><rect class="cls-6" x="131.16" y="360.72" width="35.4" height="5.2"/><rect class="cls-6" x="131.16" y="305.26" width="14.01" height="3.41"/><rect class="cls-6" x="131.16" y="318.75" width="14.01" height="3.41"/><rect class="cls-6" x="131.16" y="332.24" width="14.01" height="3.41"/><rect class="cls-6" x="131.16" y="345.72" width="14.01" height="3.41"/><rect class="cls-6" x="131.16" y="432.65" width="35.4" height="5.2"/><rect class="cls-6" x="131.16" y="377.18" width="14.01" height="3.41"/><rect class="cls-6" x="131.16" y="390.67" width="14.01" height="3.41"/><rect class="cls-6" x="131.16" y="404.16" width="14.01" height="3.41"/><rect class="cls-6" x="131.16" y="417.65" width="14.01" height="3.41"/><rect class="cls-6" x="131.16" y="504.57" width="35.4" height="5.2"/><rect class="cls-6" x="131.16" y="449.11" width="14.01" height="3.41"/><rect class="cls-6" x="131.16" y="462.6" width="14.01" height="3.41"/><rect class="cls-6" x="131.16" y="476.09" width="14.01" height="3.41"/><rect class="cls-6" x="131.16" y="489.58" width="14.01" height="3.41"/><rect class="cls-6" x="131.16" y="233.9" width="14.01" height="3.41"/><rect class="cls-6" x="131.16" y="247.39" width="14.01" height="3.41"/><rect class="cls-6" x="131.16" y="260.88" width="14.01" height="3.41"/><rect class="cls-6" x="131.16" y="274.37" width="14.01" height="3.41"/></g></g><g id="Calque_24" data-name="Calque 24"><path class="cls-7" d="M262,400a87,87,0,1,1-87-87A87,87,0,0,1,262,400Z"/><polygon class="cls-6" points="169.38 449.86 131.48 416.18 142.92 403.3 165.84 423.67 213.6 350.14 228.05 359.52 169.38 449.86"/></g></svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
public/tubes/Tube2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.5 KiB

1
public/tubes/Tube2.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 800"><defs><style>.cls-1{fill:#c5deed;}.cls-2,.cls-6{fill:#fff;}.cls-2{opacity:0.34;}.cls-3{fill:#203d6d;}.cls-4{opacity:0.17;}.cls-5{opacity:0.72;}</style></defs><title>Tube2</title><g id="tube2"><path class="cls-1" d="M105.68,142.34V694.39A69.32,69.32,0,0,0,175,763.71h0a69.32,69.32,0,0,0,69.32-69.32v-552Z"/><path class="cls-2" d="M206.82,746.92a65.13,65.13,0,0,1-65.13-65.13V173.89H112V692.56a65.13,65.13,0,0,0,65.14,65.13h0a64.9,64.9,0,0,0,36.4-11.11c-2.2.22-4.44.34-6.7.34Z"/><path class="cls-2" d="M180.93,125.81V604.58a19.26,19.26,0,0,0,19.26,19.26h0a19.26,19.26,0,0,0,19.26-19.26V125.81Z"/><path class="cls-3" d="M245.15,44.5a8.2,8.2,0,0,0-8.2-8.21H113.05a8.2,8.2,0,0,0-8.2,8.21V151.62h140.3Z"/><rect class="cls-3" x="98.04" y="151.74" width="153.93" height="23.63"/><rect class="cls-2" x="98.04" y="151.74" width="153.93" height="2.96"/><rect class="cls-4" x="98.04" y="172.41" width="153.93" height="2.96"/><path class="cls-4" d="M123.1,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.34,5.34,0,1,0,10.67,0v-87A5.33,5.33,0,0,0,123.1,45.12Z"/><path class="cls-4" d="M143.86,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.32,5.32,0,0,0,143.86,45.12Z"/><path class="cls-4" d="M164.62,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.32,5.32,0,0,0,164.62,45.12Z"/><path class="cls-4" d="M185.38,45.12a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.33,5.33,0,0,0,185.38,45.12Z"/><path class="cls-4" d="M206.14,45.12a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.33,5.33,0,0,0,206.14,45.12Z"/><path class="cls-4" d="M226.9,45.12a5.33,5.33,0,0,0-5.34,5.33v87a5.34,5.34,0,1,0,10.67,0v-87A5.33,5.33,0,0,0,226.9,45.12Z"/><g class="cls-5"><rect class="cls-6" x="126.16" y="286.59" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="358.51" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="303.05" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="316.54" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="330.03" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="343.51" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="430.44" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="374.97" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="388.46" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="401.95" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="415.44" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="502.36" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="446.9" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="460.39" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="473.88" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="487.37" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="574.29" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="518.82" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="532.31" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="545.8" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="559.29" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="646.21" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="590.75" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="604.24" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="617.73" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="631.22" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="231.69" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="245.18" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="258.67" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="272.16" width="14.01" height="3.41"/></g></g></svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 800"><defs><style>.cls-1{fill:#c5deed;}.cls-2,.cls-6{fill:#fff;}.cls-2{opacity:0.34;}.cls-3{fill:#203d6d;}.cls-4{opacity:0.17;}.cls-5{opacity:0.72;}.cls-7{fill:#3aaa35;}</style></defs><title>Tube2_check</title><g id="Calque_18" data-name="Calque 18"><path class="cls-1" d="M105.68,142.34V694.39A69.32,69.32,0,0,0,175,763.71h0a69.32,69.32,0,0,0,69.32-69.32v-552Z"/><path class="cls-2" d="M206.82,746.92a65.13,65.13,0,0,1-65.13-65.13V173.89H112V692.56a65.13,65.13,0,0,0,65.14,65.13h0a64.9,64.9,0,0,0,36.4-11.11c-2.2.22-4.44.34-6.7.34Z"/><path class="cls-2" d="M180.93,125.81V604.58a19.26,19.26,0,0,0,19.26,19.26h0a19.26,19.26,0,0,0,19.26-19.26V125.81Z"/><path class="cls-3" d="M245.15,44.5a8.2,8.2,0,0,0-8.2-8.21H113.05a8.2,8.2,0,0,0-8.2,8.21V151.62h140.3Z"/><rect class="cls-3" x="98.04" y="151.74" width="153.93" height="23.63"/><rect class="cls-2" x="98.04" y="151.74" width="153.93" height="2.96"/><rect class="cls-4" x="98.04" y="172.41" width="153.93" height="2.96"/><path class="cls-4" d="M123.1,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.34,5.34,0,1,0,10.67,0v-87A5.33,5.33,0,0,0,123.1,45.12Z"/><path class="cls-4" d="M143.86,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.32,5.32,0,0,0,143.86,45.12Z"/><path class="cls-4" d="M164.62,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.32,5.32,0,0,0,164.62,45.12Z"/><path class="cls-4" d="M185.38,45.12a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.33,5.33,0,0,0,185.38,45.12Z"/><path class="cls-4" d="M206.14,45.12a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.33,5.33,0,0,0,206.14,45.12Z"/><path class="cls-4" d="M226.9,45.12a5.33,5.33,0,0,0-5.34,5.33v87a5.34,5.34,0,1,0,10.67,0v-87A5.33,5.33,0,0,0,226.9,45.12Z"/><g class="cls-5"><rect class="cls-6" x="126.16" y="286.59" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="358.51" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="303.05" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="316.54" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="330.03" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="343.51" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="430.44" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="374.97" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="388.46" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="401.95" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="415.44" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="502.36" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="446.9" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="460.39" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="473.88" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="487.37" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="574.29" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="518.82" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="532.31" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="545.8" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="559.29" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="646.21" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="590.75" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="604.24" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="617.73" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="631.22" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="231.69" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="245.18" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="258.67" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="272.16" width="14.01" height="3.41"/></g></g><g id="Calque_23" data-name="Calque 23"><path class="cls-7" d="M262,400a87,87,0,1,1-87-87A87,87,0,0,1,262,400Z"/><polygon class="cls-6" points="164.38 449.86 126.48 416.18 137.92 403.3 160.84 423.67 208.6 350.14 223.05 359.52 164.38 449.86"/></g></svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
public/tubes/Tube3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

1
public/tubes/Tube3.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 800"><defs><style>.cls-1{fill:#c5deed;}.cls-2,.cls-6{fill:#fff;}.cls-2{opacity:0.34;}.cls-3{fill:#f39de4;}.cls-4{opacity:0.17;}.cls-5{opacity:0.72;}</style></defs><title>Tube3</title><g id="Calque_13" data-name="Calque 13"><path class="cls-1" d="M105.68,142.34V694.39A69.32,69.32,0,0,0,175,763.71h0a69.32,69.32,0,0,0,69.32-69.32v-552Z"/><path class="cls-2" d="M206.82,746.92a65.13,65.13,0,0,1-65.13-65.13V173.89H112V692.56a65.13,65.13,0,0,0,65.14,65.13h0a64.9,64.9,0,0,0,36.4-11.11c-2.2.22-4.44.34-6.7.34Z"/><path class="cls-2" d="M180.93,125.81V604.58a19.26,19.26,0,0,0,19.26,19.26h0a19.26,19.26,0,0,0,19.26-19.26V125.81Z"/><path class="cls-3" d="M245.15,44.5a8.2,8.2,0,0,0-8.2-8.21H113.05a8.2,8.2,0,0,0-8.2,8.21V151.62h140.3Z"/><rect class="cls-3" x="98.04" y="151.74" width="153.93" height="23.63"/><rect class="cls-2" x="98.04" y="151.74" width="153.93" height="2.96"/><rect class="cls-4" x="98.04" y="172.41" width="153.93" height="2.96"/><path class="cls-4" d="M123.1,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.34,5.34,0,1,0,10.67,0v-87A5.33,5.33,0,0,0,123.1,45.12Z"/><path class="cls-4" d="M143.86,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.32,5.32,0,0,0,143.86,45.12Z"/><path class="cls-4" d="M164.62,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.32,5.32,0,0,0,164.62,45.12Z"/><path class="cls-4" d="M185.38,45.12a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.33,5.33,0,0,0,185.38,45.12Z"/><path class="cls-4" d="M206.14,45.12a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.33,5.33,0,0,0,206.14,45.12Z"/><path class="cls-4" d="M226.9,45.12a5.33,5.33,0,0,0-5.34,5.33v87a5.34,5.34,0,1,0,10.67,0v-87A5.33,5.33,0,0,0,226.9,45.12Z"/><g class="cls-5"><rect class="cls-6" x="126.16" y="286.59" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="358.51" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="303.05" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="316.54" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="330.03" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="343.51" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="430.44" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="374.97" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="388.46" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="401.95" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="415.44" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="502.36" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="446.9" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="460.39" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="473.88" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="487.37" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="574.29" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="518.82" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="532.31" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="545.8" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="559.29" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="646.21" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="590.75" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="604.24" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="617.73" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="631.22" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="231.69" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="245.18" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="258.67" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="272.16" width="14.01" height="3.41"/></g></g></svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 800"><defs><style>.cls-1{fill:#c5deed;}.cls-2,.cls-6{fill:#fff;}.cls-2{opacity:0.34;}.cls-3{fill:#f39de4;}.cls-4{opacity:0.17;}.cls-5{opacity:0.72;}.cls-7{fill:#3aaa35;}</style></defs><title>Tube3_check</title><g id="Calque_19" data-name="Calque 19"><path class="cls-1" d="M115.68,142.34V694.39A69.32,69.32,0,0,0,185,763.71h0a69.32,69.32,0,0,0,69.32-69.32v-552Z"/><path class="cls-2" d="M216.82,746.92a65.13,65.13,0,0,1-65.13-65.13V173.89H122V692.56a65.13,65.13,0,0,0,65.14,65.13h0a64.9,64.9,0,0,0,36.4-11.11c-2.2.22-4.44.34-6.7.34Z"/><path class="cls-2" d="M190.93,125.81V604.58a19.26,19.26,0,0,0,19.26,19.26h0a19.26,19.26,0,0,0,19.26-19.26V125.81Z"/><path class="cls-3" d="M255.15,44.5a8.2,8.2,0,0,0-8.2-8.21H123.05a8.2,8.2,0,0,0-8.2,8.21V151.62h140.3Z"/><rect class="cls-3" x="108.04" y="151.74" width="153.93" height="23.63"/><rect class="cls-2" x="108.04" y="151.74" width="153.93" height="2.96"/><rect class="cls-4" x="108.04" y="172.41" width="153.93" height="2.96"/><path class="cls-4" d="M133.1,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.34,5.34,0,1,0,10.67,0v-87A5.33,5.33,0,0,0,133.1,45.12Z"/><path class="cls-4" d="M153.86,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.32,5.32,0,0,0,153.86,45.12Z"/><path class="cls-4" d="M174.62,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.32,5.32,0,0,0,174.62,45.12Z"/><path class="cls-4" d="M195.38,45.12a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.33,5.33,0,0,0,195.38,45.12Z"/><path class="cls-4" d="M216.14,45.12a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.33,5.33,0,0,0,216.14,45.12Z"/><path class="cls-4" d="M236.9,45.12a5.33,5.33,0,0,0-5.34,5.33v87a5.34,5.34,0,1,0,10.67,0v-87A5.33,5.33,0,0,0,236.9,45.12Z"/><g class="cls-5"><rect class="cls-6" x="136.16" y="286.59" width="35.4" height="5.2"/><rect class="cls-6" x="136.16" y="358.51" width="35.4" height="5.2"/><rect class="cls-6" x="136.16" y="303.05" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="316.54" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="330.03" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="343.51" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="430.44" width="35.4" height="5.2"/><rect class="cls-6" x="136.16" y="374.97" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="388.46" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="401.95" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="415.44" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="502.36" width="35.4" height="5.2"/><rect class="cls-6" x="136.16" y="446.9" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="460.39" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="473.88" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="487.37" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="574.29" width="35.4" height="5.2"/><rect class="cls-6" x="136.16" y="518.82" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="532.31" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="545.8" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="559.29" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="646.21" width="35.4" height="5.2"/><rect class="cls-6" x="136.16" y="590.75" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="604.24" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="617.73" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="631.22" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="231.69" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="245.18" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="258.67" width="14.01" height="3.41"/><rect class="cls-6" x="136.16" y="272.16" width="14.01" height="3.41"/></g></g><g id="Calque_25" data-name="Calque 25"><path class="cls-7" d="M262,400a87,87,0,1,1-87-87A87,87,0,0,1,262,400Z"/><polygon class="cls-6" points="164.61 449.86 126.72 416.18 138.16 403.3 161.08 423.67 208.83 350.14 223.28 359.52 164.61 449.86"/></g></svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
public/tubes/Tube4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

1
public/tubes/Tube4.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 800"><defs><style>.cls-1{fill:#c5deed;}.cls-2,.cls-6{fill:#fff;}.cls-2{opacity:0.34;}.cls-3{fill:#eab82d;}.cls-4{opacity:0.17;}.cls-5{opacity:0.72;}</style></defs><title>Tube4</title><g id="Calque_14" data-name="Calque 14"><path class="cls-1" d="M120.91,141V693.1a69.32,69.32,0,0,0,69.32,69.32h0a69.32,69.32,0,0,0,69.32-69.32V141Z"/><path class="cls-2" d="M222.05,745.63a65.13,65.13,0,0,1-65.13-65.14V172.6H127.21V691.27a65.13,65.13,0,0,0,65.14,65.13h0a64.9,64.9,0,0,0,36.4-11.11c-2.2.22-4.44.34-6.7.34Z"/><path class="cls-2" d="M196.16,124.52V603.29a19.26,19.26,0,0,0,19.26,19.26h0a19.26,19.26,0,0,0,19.26-19.26V124.52Z"/><path class="cls-3" d="M260.38,43.2a8.2,8.2,0,0,0-8.21-8.2H128.28a8.2,8.2,0,0,0-8.2,8.2V150.33h140.3Z"/><rect class="cls-3" x="113.27" y="150.45" width="153.93" height="23.63"/><rect class="cls-2" x="113.27" y="150.45" width="153.93" height="2.96"/><rect class="cls-4" x="113.27" y="171.12" width="153.93" height="2.96"/><path class="cls-4" d="M138.33,43.83A5.33,5.33,0,0,0,133,49.16v87a5.34,5.34,0,0,0,10.67,0v-87A5.33,5.33,0,0,0,138.33,43.83Z"/><path class="cls-4" d="M159.09,43.83a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,0,0,10.66,0v-87A5.32,5.32,0,0,0,159.09,43.83Z"/><path class="cls-4" d="M179.85,43.83a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,0,0,10.66,0v-87A5.33,5.33,0,0,0,179.85,43.83Z"/><path class="cls-4" d="M200.61,43.83a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,0,0,10.66,0v-87A5.33,5.33,0,0,0,200.61,43.83Z"/><path class="cls-4" d="M221.37,43.83A5.33,5.33,0,0,0,216,49.16v87a5.34,5.34,0,0,0,10.67,0v-87A5.33,5.33,0,0,0,221.37,43.83Z"/><path class="cls-4" d="M242.12,43.83a5.33,5.33,0,0,0-5.33,5.33v87a5.34,5.34,0,0,0,10.67,0v-87A5.33,5.33,0,0,0,242.12,43.83Z"/><g class="cls-5"><rect class="cls-6" x="141.39" y="285.3" width="35.4" height="5.2"/><rect class="cls-6" x="141.39" y="357.22" width="35.4" height="5.2"/><rect class="cls-6" x="141.39" y="301.76" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="315.25" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="328.74" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="342.22" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="429.15" width="35.4" height="5.2"/><rect class="cls-6" x="141.39" y="373.68" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="387.17" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="400.66" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="414.15" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="501.07" width="35.4" height="5.2"/><rect class="cls-6" x="141.39" y="445.61" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="459.1" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="472.59" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="486.08" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="573" width="35.4" height="5.2"/><rect class="cls-6" x="141.39" y="517.53" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="531.02" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="544.51" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="558" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="644.92" width="35.4" height="5.2"/><rect class="cls-6" x="141.39" y="589.46" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="602.95" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="616.44" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="629.93" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="230.4" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="243.89" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="257.38" width="14.01" height="3.41"/><rect class="cls-6" x="141.39" y="270.87" width="14.01" height="3.41"/></g></g></svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 800"><defs><style>.cls-1{fill:#c5deed;}.cls-2,.cls-6{fill:#fff;}.cls-2{opacity:0.34;}.cls-3{fill:#eab82d;}.cls-4{opacity:0.17;}.cls-5{opacity:0.72;}.cls-7{fill:#3aaa35;}</style></defs><title>Tube4_check</title><g id="Calque_20" data-name="Calque 20"><path class="cls-1" d="M105.68,142.34V694.39A69.32,69.32,0,0,0,175,763.71h0a69.32,69.32,0,0,0,69.32-69.32v-552Z"/><path class="cls-2" d="M206.82,746.92a65.13,65.13,0,0,1-65.13-65.13V173.89H112V692.56a65.13,65.13,0,0,0,65.14,65.13h0a64.9,64.9,0,0,0,36.4-11.11c-2.2.22-4.44.34-6.7.34Z"/><path class="cls-2" d="M180.93,125.81V604.58a19.26,19.26,0,0,0,19.26,19.26h0a19.26,19.26,0,0,0,19.26-19.26V125.81Z"/><path class="cls-3" d="M245.15,44.5a8.2,8.2,0,0,0-8.2-8.21H113.05a8.2,8.2,0,0,0-8.2,8.21V151.62h140.3Z"/><rect class="cls-3" x="98.04" y="151.74" width="153.93" height="23.63"/><rect class="cls-2" x="98.04" y="151.74" width="153.93" height="2.96"/><rect class="cls-4" x="98.04" y="172.41" width="153.93" height="2.96"/><path class="cls-4" d="M123.1,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.34,5.34,0,1,0,10.67,0v-87A5.33,5.33,0,0,0,123.1,45.12Z"/><path class="cls-4" d="M143.86,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.32,5.32,0,0,0,143.86,45.12Z"/><path class="cls-4" d="M164.62,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.32,5.32,0,0,0,164.62,45.12Z"/><path class="cls-4" d="M185.38,45.12a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.33,5.33,0,0,0,185.38,45.12Z"/><path class="cls-4" d="M206.14,45.12a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.33,5.33,0,0,0,206.14,45.12Z"/><path class="cls-4" d="M226.9,45.12a5.33,5.33,0,0,0-5.34,5.33v87a5.34,5.34,0,1,0,10.67,0v-87A5.33,5.33,0,0,0,226.9,45.12Z"/><g class="cls-5"><rect class="cls-6" x="126.16" y="286.59" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="358.51" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="303.05" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="316.54" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="330.03" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="343.51" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="430.44" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="374.97" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="388.46" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="401.95" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="415.44" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="502.36" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="446.9" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="460.39" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="473.88" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="487.37" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="574.29" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="518.82" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="532.31" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="545.8" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="559.29" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="646.21" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="590.75" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="604.24" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="617.73" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="631.22" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="231.69" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="245.18" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="258.67" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="272.16" width="14.01" height="3.41"/></g></g><g id="Calque_27" data-name="Calque 27"><path class="cls-7" d="M262,400a87,87,0,1,1-87-87A87,87,0,0,1,262,400Z"/><polygon class="cls-6" points="164.61 449.86 126.72 416.18 138.16 403.3 161.08 423.67 208.83 350.14 223.28 359.52 164.61 449.86"/></g></svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
public/tubes/Tube5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

1
public/tubes/Tube5.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 800"><defs><style>.cls-1{fill:#c5deed;}.cls-2,.cls-6{fill:#fff;}.cls-2{opacity:0.34;}.cls-3{fill:#773fa9;}.cls-4{opacity:0.17;}.cls-5{opacity:0.72;}</style></defs><title>Tube5</title><g id="Calque_15" data-name="Calque 15"><path class="cls-1" d="M105.68,142.34V694.39A69.32,69.32,0,0,0,175,763.71h0a69.32,69.32,0,0,0,69.32-69.32v-552Z"/><path class="cls-2" d="M206.82,746.92a65.13,65.13,0,0,1-65.13-65.13V173.89H112V692.56a65.13,65.13,0,0,0,65.14,65.13h0a64.9,64.9,0,0,0,36.4-11.11c-2.2.22-4.44.34-6.7.34Z"/><path class="cls-2" d="M180.93,125.81V604.58a19.26,19.26,0,0,0,19.26,19.26h0a19.26,19.26,0,0,0,19.26-19.26V125.81Z"/><path class="cls-3" d="M245.15,44.5a8.2,8.2,0,0,0-8.2-8.21H113.05a8.2,8.2,0,0,0-8.2,8.21V151.62h140.3Z"/><rect class="cls-3" x="98.04" y="151.74" width="153.93" height="23.63"/><rect class="cls-2" x="98.04" y="151.74" width="153.93" height="2.96"/><rect class="cls-4" x="98.04" y="172.41" width="153.93" height="2.96"/><path class="cls-4" d="M123.1,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.34,5.34,0,1,0,10.67,0v-87A5.33,5.33,0,0,0,123.1,45.12Z"/><path class="cls-4" d="M143.86,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.32,5.32,0,0,0,143.86,45.12Z"/><path class="cls-4" d="M164.62,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.32,5.32,0,0,0,164.62,45.12Z"/><path class="cls-4" d="M185.38,45.12a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.33,5.33,0,0,0,185.38,45.12Z"/><path class="cls-4" d="M206.14,45.12a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.33,5.33,0,0,0,206.14,45.12Z"/><path class="cls-4" d="M226.9,45.12a5.33,5.33,0,0,0-5.34,5.33v87a5.34,5.34,0,1,0,10.67,0v-87A5.33,5.33,0,0,0,226.9,45.12Z"/><g class="cls-5"><rect class="cls-6" x="126.16" y="286.59" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="358.51" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="303.05" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="316.54" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="330.03" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="343.51" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="430.44" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="374.97" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="388.46" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="401.95" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="415.44" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="502.36" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="446.9" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="460.39" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="473.88" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="487.37" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="574.29" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="518.82" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="532.31" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="545.8" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="559.29" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="646.21" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="590.75" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="604.24" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="617.73" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="631.22" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="231.69" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="245.18" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="258.67" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="272.16" width="14.01" height="3.41"/></g></g></svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 800"><defs><style>.cls-1{fill:#c5deed;}.cls-2,.cls-6{fill:#fff;}.cls-2{opacity:0.34;}.cls-3{fill:#773fa9;}.cls-4{opacity:0.17;}.cls-5{opacity:0.72;}.cls-7{fill:#3aaa35;}</style></defs><title>Tube5_check</title><g id="Calque_21" data-name="Calque 21"><path class="cls-1" d="M105.68,142.34V694.39A69.32,69.32,0,0,0,175,763.71h0a69.32,69.32,0,0,0,69.32-69.32v-552Z"/><path class="cls-2" d="M206.82,746.92a65.13,65.13,0,0,1-65.13-65.13V173.89H112V692.56a65.13,65.13,0,0,0,65.14,65.13h0a64.9,64.9,0,0,0,36.4-11.11c-2.2.22-4.44.34-6.7.34Z"/><path class="cls-2" d="M180.93,125.81V604.58a19.26,19.26,0,0,0,19.26,19.26h0a19.26,19.26,0,0,0,19.26-19.26V125.81Z"/><path class="cls-3" d="M245.15,44.5a8.2,8.2,0,0,0-8.2-8.21H113.05a8.2,8.2,0,0,0-8.2,8.21V151.62h140.3Z"/><rect class="cls-3" x="98.04" y="151.74" width="153.93" height="23.63"/><rect class="cls-2" x="98.04" y="151.74" width="153.93" height="2.96"/><rect class="cls-4" x="98.04" y="172.41" width="153.93" height="2.96"/><path class="cls-4" d="M123.1,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.34,5.34,0,1,0,10.67,0v-87A5.33,5.33,0,0,0,123.1,45.12Z"/><path class="cls-4" d="M143.86,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.32,5.32,0,0,0,143.86,45.12Z"/><path class="cls-4" d="M164.62,45.12a5.33,5.33,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.32,5.32,0,0,0,164.62,45.12Z"/><path class="cls-4" d="M185.38,45.12a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.33,5.33,0,0,0,185.38,45.12Z"/><path class="cls-4" d="M206.14,45.12a5.32,5.32,0,0,0-5.33,5.33v87a5.33,5.33,0,1,0,10.66,0v-87A5.33,5.33,0,0,0,206.14,45.12Z"/><path class="cls-4" d="M226.9,45.12a5.33,5.33,0,0,0-5.34,5.33v87a5.34,5.34,0,1,0,10.67,0v-87A5.33,5.33,0,0,0,226.9,45.12Z"/><g class="cls-5"><rect class="cls-6" x="126.16" y="286.59" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="358.51" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="303.05" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="316.54" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="330.03" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="343.51" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="430.44" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="374.97" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="388.46" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="401.95" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="415.44" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="502.36" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="446.9" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="460.39" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="473.88" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="487.37" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="574.29" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="518.82" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="532.31" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="545.8" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="559.29" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="646.21" width="35.4" height="5.2"/><rect class="cls-6" x="126.16" y="590.75" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="604.24" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="617.73" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="631.22" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="231.69" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="245.18" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="258.67" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="272.16" width="14.01" height="3.41"/></g></g><g id="Calque_28" data-name="Calque 28"><path class="cls-7" d="M262,400a87,87,0,1,1-87-87A87,87,0,0,1,262,400Z"/><polygon class="cls-6" points="159.61 449.86 121.72 416.18 133.16 403.3 156.08 423.67 203.83 350.14 218.28 359.52 159.61 449.86"/></g></svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
public/tubes/Tube6.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

1
public/tubes/Tube6.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 800"><defs><style>.cls-1{fill:#c5deed;}.cls-2,.cls-6{fill:#fff;}.cls-2{opacity:0.34;}.cls-3{fill:#ac3039;}.cls-4{opacity:0.17;}.cls-5{opacity:0.72;}</style></defs><title>Tube6</title><g id="Calque_16" data-name="Calque 16"><path class="cls-1" d="M105.58,141.51l.18,388.21c0,26.92,31.06,48.73,69.35,48.72h0c38.28,0,69.31-21.86,69.3-48.78l-.18-388.21Z"/><path class="cls-2" d="M195,566c-31.45,0-57-20-57-44.65l-.16-348.33h-26l.16,355.73c0,24.67,25.52,44.65,57,44.64h0a68.16,68.16,0,0,0,31.83-7.64Q198,566,195,566Z"/><path class="cls-2" d="M180.83,125,181,517.64c0,8.72,8.63,15.79,19.26,15.79h0c10.64,0,19.26-7.09,19.26-15.81l-.18-392.69Z"/><path class="cls-3" d="M245,43.61a8.2,8.2,0,0,0-8.21-8.2l-123.89.06a8.2,8.2,0,0,0-8.2,8.2l.05,107.13,140.3-.06Z"/><rect class="cls-3" x="97.95" y="150.89" width="153.93" height="23.63"/><rect class="cls-2" x="97.95" y="150.89" width="153.93" height="2.96"/><rect class="cls-4" x="97.96" y="171.56" width="153.93" height="2.96"/><path class="cls-4" d="M123,44.29a5.33,5.33,0,0,0-5.33,5.33l0,87a5.33,5.33,0,1,0,10.66,0l0-87A5.33,5.33,0,0,0,123,44.29Z"/><path class="cls-4" d="M143.73,44.28a5.33,5.33,0,0,0-5.33,5.33l0,87a5.33,5.33,0,1,0,10.66,0l0-87A5.33,5.33,0,0,0,143.73,44.28Z"/><path class="cls-4" d="M164.48,44.27a5.33,5.33,0,0,0-5.33,5.33l0,87a5.34,5.34,0,1,0,10.67,0l0-87A5.33,5.33,0,0,0,164.48,44.27Z"/><path class="cls-4" d="M185.24,44.26a5.33,5.33,0,0,0-5.33,5.33l0,87a5.34,5.34,0,1,0,10.67,0l0-87A5.33,5.33,0,0,0,185.24,44.26Z"/><path class="cls-4" d="M206,44.25a5.33,5.33,0,0,0-5.33,5.33l0,87a5.33,5.33,0,1,0,10.66,0l0-87A5.32,5.32,0,0,0,206,44.25Z"/><path class="cls-4" d="M226.76,44.24a5.33,5.33,0,0,0-5.33,5.33l0,87a5.33,5.33,0,1,0,10.66,0l0-87A5.33,5.33,0,0,0,226.76,44.24Z"/><g class="cls-5"><rect class="cls-6" x="126.14" y="285.75" width="35.4" height="5.2"/><rect class="cls-6" x="126.17" y="357.67" width="35.4" height="5.2"/><rect class="cls-6" x="126.15" y="302.21" width="14.01" height="3.41"/><rect class="cls-6" x="126.15" y="315.7" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="329.19" width="14.01" height="3.41"/><rect class="cls-6" x="126.16" y="342.68" width="14.01" height="3.41"/><rect class="cls-6" x="126.2" y="429.6" width="35.4" height="5.2"/><rect class="cls-6" x="126.18" y="374.14" width="14.01" height="3.41"/><rect class="cls-6" x="126.18" y="387.63" width="14.01" height="3.41"/><rect class="cls-6" x="126.19" y="401.12" width="14.01" height="3.41"/><rect class="cls-6" x="126.2" y="414.61" width="14.01" height="3.41"/><rect class="cls-6" x="126.24" y="501.52" width="35.4" height="5.2"/><rect class="cls-6" x="126.21" y="446.06" width="14.01" height="3.41"/><rect class="cls-6" x="126.22" y="459.55" width="14.01" height="3.41"/><rect class="cls-6" x="126.22" y="473.04" width="14.01" height="3.41"/><rect class="cls-6" x="126.23" y="486.53" width="14.01" height="3.41"/><rect class="cls-6" x="126.11" y="230.86" width="14.01" height="3.41"/><rect class="cls-6" x="126.12" y="244.35" width="14.01" height="3.41"/><rect class="cls-6" x="126.13" y="257.84" width="14.01" height="3.41"/><rect class="cls-6" x="126.13" y="271.33" width="14.01" height="3.41"/></g></g></svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 800"><defs><style>.cls-1{fill:#c5deed;}.cls-2,.cls-6{fill:#fff;}.cls-2{opacity:0.34;}.cls-3{fill:#ac3039;}.cls-4{opacity:0.17;}.cls-5{opacity:0.72;}.cls-7{fill:#3aaa35;}</style></defs><title>Tube6_check</title><g id="Calque_22" data-name="Calque 22"><path class="cls-1" d="M105.67,141.51l.17,388.21c0,26.92,31.06,48.73,69.35,48.72h0c38.29,0,69.31-21.86,69.3-48.78l-.18-388.21Z"/><path class="cls-2" d="M195.1,566c-31.45,0-57-20-57-44.65L138,173.06H112l.16,355.73c0,24.67,25.52,44.65,57,44.64h0A68.22,68.22,0,0,0,201,565.8q-2.9.24-5.86.24Z"/><path class="cls-2" d="M180.91,125l.18,392.69c0,8.72,8.63,15.79,19.27,15.79h0c10.63,0,19.25-7.09,19.25-15.81l-.18-392.69Z"/><path class="cls-3" d="M245.1,43.61a8.21,8.21,0,0,0-8.21-8.2L113,35.47a8.19,8.19,0,0,0-8.2,8.2l0,107.13,140.3-.06Z"/><rect class="cls-3" x="98.04" y="150.89" width="153.93" height="23.63"/><rect class="cls-2" x="98.03" y="150.89" width="153.93" height="2.96"/><rect class="cls-4" x="98.04" y="171.56" width="153.93" height="2.96"/><path class="cls-4" d="M123.05,44.29a5.33,5.33,0,0,0-5.33,5.33l0,87a5.33,5.33,0,1,0,10.66,0l0-87A5.33,5.33,0,0,0,123.05,44.29Z"/><path class="cls-4" d="M143.81,44.28a5.33,5.33,0,0,0-5.33,5.33l0,87a5.33,5.33,0,1,0,10.66,0l0-87A5.33,5.33,0,0,0,143.81,44.28Z"/><path class="cls-4" d="M164.57,44.27a5.33,5.33,0,0,0-5.33,5.33l0,87a5.33,5.33,0,1,0,10.66,0l0-87A5.33,5.33,0,0,0,164.57,44.27Z"/><path class="cls-4" d="M185.32,44.26A5.32,5.32,0,0,0,180,49.59l0,87a5.33,5.33,0,1,0,10.66,0l0-87A5.33,5.33,0,0,0,185.32,44.26Z"/><path class="cls-4" d="M206.08,44.25a5.33,5.33,0,0,0-5.33,5.33l0,87a5.34,5.34,0,1,0,10.67,0l0-87A5.33,5.33,0,0,0,206.08,44.25Z"/><path class="cls-4" d="M226.84,44.24a5.33,5.33,0,0,0-5.33,5.33l0,87a5.34,5.34,0,1,0,10.67,0l0-87A5.34,5.34,0,0,0,226.84,44.24Z"/><g class="cls-5"><rect class="cls-6" x="126.22" y="285.75" width="35.4" height="5.2"/><rect class="cls-6" x="126.25" y="357.67" width="35.4" height="5.2"/><rect class="cls-6" x="126.23" y="302.21" width="14.01" height="3.41"/><rect class="cls-6" x="126.23" y="315.7" width="14.01" height="3.41"/><rect class="cls-6" x="126.24" y="329.19" width="14.01" height="3.41"/><rect class="cls-6" x="126.25" y="342.68" width="14.01" height="3.41"/><rect class="cls-6" x="126.29" y="429.6" width="35.4" height="5.2"/><rect class="cls-6" x="126.26" y="374.14" width="14.01" height="3.41"/><rect class="cls-6" x="126.27" y="387.63" width="14.01" height="3.41"/><rect class="cls-6" x="126.27" y="401.12" width="14.01" height="3.41"/><rect class="cls-6" x="126.28" y="414.61" width="14.01" height="3.41"/><rect class="cls-6" x="126.32" y="501.52" width="35.4" height="5.2"/><rect class="cls-6" x="126.29" y="446.06" width="14.01" height="3.41"/><rect class="cls-6" x="126.3" y="459.55" width="14.01" height="3.41"/><rect class="cls-6" x="126.31" y="473.04" width="14.01" height="3.41"/><rect class="cls-6" x="126.31" y="486.53" width="14.01" height="3.41"/><rect class="cls-6" x="126.2" y="230.86" width="14.01" height="3.41"/><rect class="cls-6" x="126.2" y="244.35" width="14.01" height="3.41"/><rect class="cls-6" x="126.21" y="257.84" width="14.01" height="3.41"/><rect class="cls-6" x="126.21" y="271.33" width="14.01" height="3.41"/></g></g><g id="Calque_29" data-name="Calque 29"><path class="cls-7" d="M262,400a87,87,0,1,1-87-87A87,87,0,0,1,262,400Z"/><polygon class="cls-6" points="164.61 449.86 126.72 416.18 138.16 403.3 161.08 423.67 208.83 350.14 223.28 359.52 164.61 449.86"/></g></svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@ -49,6 +49,7 @@ class ApiController extends AbstractController
'step'=> '0',
'codeBarre'=>$don->GetCodeBarre(),
'nbre_tube'=>$don->getNbreTube(),
'nbre_tubemax'=>$don->getNbreTube(),
'type_don'=> $don->getDonCat()->getName(),
'nom'=>$don->getDonneur()->getLastname(),
'prenom'=>$don->getDonneur()->getFirstname(),
@ -72,8 +73,7 @@ class ApiController extends AbstractController
}else{
return $this->json(['data'=>[
'step'=>'0',
'status'=>'error',
'codebarre'=>$codeBarre
'status'=>'error_scan'
]
]);
}
@ -85,15 +85,17 @@ class ApiController extends AbstractController
$dmuCatNumber = $this->dmuCatRepository->findOneByCodeBarre($codeBarre)->getPocheNumber();
$session->set('step', 2);
$session->set('nbre_poche' , $dmuCatNumber);
$session->set('nbre_poche_max' , $dmuCatNumber);
return $this->json(['data'=>[
'step'=> '1',
'status'=>'success',
'nbre_poche'=>$dmuCatNumber,
'nbre_poche_max'=>$dmuCatNumber
]]);
}else{
return $this->json(['data'=>[
'step'=> '1',
'status'=>'error',
'status'=>'error_scan',
'codebarre'=>$codeBarre
]
]);
@ -123,16 +125,15 @@ class ApiController extends AbstractController
'status'=>'error_doublon'
]]);
}
if($nbrePoche > 1){
if($nbrePoche > 1 ){
$session->set('nbre_poche', $nbrePoche - 1);
return $this->json(['data'=>[
'step'=> '2',
'status'=>'success',
'nbre_poche'=>$nbrePoche - 1
'nbre_poche'=>$nbrePoche - 1,
'nbre_poche_max'=>$session->get('nbre_poche_max')
]
]);
}else{
$session->set('step', 3);
$session->set('nbre_poche', 0);
@ -140,6 +141,7 @@ class ApiController extends AbstractController
'step'=> '2',
'status'=>'final',
'nbre_poche'=>$nbrePoche - 1,
'nbre_poche_max'=>$session->get('nbre_poche_max')
]
]
);
@ -158,6 +160,8 @@ class ApiController extends AbstractController
return $this->json(['data'=>[
'step'=>'3',
'status'=>'success',
'nbre_tube_max'=>$session->get('nbre_tube_max'),
]]);
}else{
return $this->json(['data'=>[
@ -193,6 +197,7 @@ class ApiController extends AbstractController
return $this->json(['data'=>[
'step'=>'4',
'status'=>'success',
'nbre_tube_max'=>$session->get('nbre_tube_max'),
'nbre_tube'=>$nbreTube - 1
]
]);
@ -232,7 +237,10 @@ class ApiController extends AbstractController
$session->set('don_code_barre' , $don->getCodeBarre());
$session->set('categorie_don' , $don->getDonCat()->getName());
$session->set('nbre_tube', $don->getNbreTube());
$session->set('nbre_tube_max', $don->getNbreTube());
$session->set('liste_poche', []);
$session->remove('nbre_poche');
$session->remove('nbre_poche_max');
$session->set('liste_tube', []);
$session->set('donneur', $don->getDonneur()->getFirstname() . ' ' . $don->getDonneur()->getLastname());
$session->set('step', 1);

View File

@ -15,32 +15,63 @@
{% endblock %}
</head>
<body>
<div class="displaySuccess">
<div>Félicitation, procédure terminée</div>
</div>
<div class="error"></div>
<form action="">
<input type="text" id="saisie">
</form>
<div class="container">
<div class="info">
<div id="info-don">
<h2>numéro de don</h2>
<header class="page_header">
<div class="gift_cb">
<div class="cb_cb">
</div>
<div class="cb_number">
<span id="don"></span>
</div>
<div id="info-donneur">
<span id="nom"></span>
<span id="prenom"></span>
<span id="naissance"></span>
</div>
<div id="info-psl">
<span id="typeDon"></span>
<span id="typePoche"></span>
<span id="nbreTube"></span>
</div>
<div class="identity">
<ul>
<li>Nom d'usage : <span id="nom"></span> <span id="prenom"></span></li>
<li>Date de naissance : <span id="naissance"></span></li>
</ul>
</div>
<div class="gift_specificity">
<ul>
<li>Type de don : <span id="typeDon"></span></li>
<li>Type de DMU : <span id="typePoche"></span></li>
<li>Nombre de tubes : <span id="nbreTube"></span></li>
</ul>
</div>
</header>
<main>
<div class="container">
<div class="info">
<div id="step">
1 / 2
</div>
<div id="indication">
Scanner le code du don!
</div>
<div id="evolution">
<div id="label">
<span id="type"></span>
<span> : </span>
<span id="current"></span>
<span> / </span>
<span id="todo"></span>
</div>
<input id="inputRange" type="range" step="1" min="0" max="" value="">
</div>
<div id="picturePoche">
</div>
<div id="pictureTube">
</div>
</div>
</div>
</div>
<div class="container">
<div class="wrapper">
<div id="error"></div>
</div>
</div>
</main>
{{ encore_entry_script_tags('app') }}
</body>
</html>