-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.php
132 lines (94 loc) · 3.68 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<?php
$id_tag = str_replace("." , "" , uniqid("inv_", true));
?>
<!DOCTYPE html>
<html>
<head>
<?php include('includes/head.php'); ?>
<!--CSS-->
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<?php include('includes/header.php'); ?>
<section class="index--contenus-infos">
<div class="index--infos">
Inventory vous donne la possibilité d'inventorier plus facilement.
<br><br>
Vous pouvez donc recenser le nombre d'article que vous voulez, comme par exemple le stock de votre magasin.
<br>Mais vous pouvez également l'utiliser à des fins personnels,
<br> entre autres lors de vos voyages pour garder une trace du contenu de votre valise.
<br><br>
Grâce à Inventory vous pouvez même recevoir votre inventaire par mail ou même<br> le télécharger au format PDF pour ensuite pouvoir l'imprimer !
</div>
</section>
<div class="index--button">
<a class="btn btn-1 btn-1a " id="sliding-link" href="#goto">Commencer votre inventaire</a>
</div>
<div style="position:absolute;" id="goto"></div>
<div class="index--contain-input">
<button class="btn-ajout" onclick="fAddText()">+ Ajouter un emplacement</button>
<button class="btn-supprimer" onclick="fDelText()">- Supprimer un emplacement</button>
<br><br><br><br><br>
<form id="form" action="php/saveinventaire.php" method="POST">
<input type="hidden" name="id_tag" value="<?php echo $id_tag; ?>">
<div id="papa">
<div id="id__1" class="index--input-single">
<input class="input--element" name="1__nom" type="text" placeholder="Contain" required/>
<input class="input--quantite" name="1__quantite" type="number" placeholder="Quantité" required/>
</div>
<div id="id__2" class="index--input-single">
<input class="input--element" name="2__nom" type="text" placeholder="Contain" required/>
<input class="input--quantite" name="2__quantite" type="number" placeholder="Quantité" min="0" required/>
</div>
<div id="id__3" class="index--input-single">
<input class="input--element" name="3__nom" type="text" placeholder="Contain" required/>
<input class="input--quantite" name="3__quantite" type="number" placeholder="Quantité" min="0" required/>
</div>
</div>
<button type="submit" class="btn-submit">Créer votre Inventaire</button>
</form>
<div id="add_button">
<br><br><br><br><br>
<button class="btn-ajout" onclick="fAddText()">+ Ajouter un emplacement</button>
<button class="btn-supprimer" onclick="fDelText()">- Supprimer un emplacement</button>
</div>
</div>
<?php include('includes/footer.php'); ?>
</body>
<script>
document.querySelector('#add_button').style.display ='none' ;
let i = 3;
function fAddText() {
i = i+1;
let parent = document.querySelector('#papa');
let child = document.createElement('div');
child.id = 'id__'+i;
child.classList.add('index--input-single');
child.innerHTML = '<input class="input--element" name="'+i+'__nom" type="text" placeholder="Contain" required/> <input class="input--quantite" name="'+i+'__quantite" type="number" placeholder="Quantité" min="0" required/>';
parent.append(child);
if(i >= 10){
document.querySelector('#add_button').style.display ='block' ;
}
return i;
}
function fDelText(){
if(i >= 2){
const x = document.querySelector('#id__'+i+'');
x.remove();
i--;
if( i < 10 ){
document.querySelector('#add_button').style.display ='none' ;
}
return i;
}
}
</script>
<script>
//smooth scrool
$("#sliding-link").click(function(e) {
e.preventDefault();
var aid = $(this).attr("href");
$('html,body').animate({scrollTop: $(aid).offset().top},'slow');
});
</script>
</html>