xxxxxxxxxx1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8">5
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">6
<meta http-equiv="x-ua-compatible" content="ie=edge">7
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />8
9
<title>GARAUDE SAS</title>10
11
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">12
13
<link href="https://shambhala.ws/wp-content/MDB-Pro_4.19.1/css/bootstrap.min.css" rel="stylesheet">14
15
<link href="https://shambhala.ws/wp-content/MDB-Pro_4.19.1/css/mdb.min.css" rel="stylesheet">16
17
<link href="https://shambhala.ws/wp-content/MDB-Pro_4.19.1/css/style.css" rel="stylesheet">18
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">19
20
21
<script type="text/javascript" src="https://shambhala.ws/wp-content/MDB-Pro_4.19.1/js/jquery.min.js"></script>22
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>23
<script src="https://unpkg.com/popper.js@1.12.6/dist/umd/popper.js" integrity="sha384-fA23ZRQ3G/J53mElWqVJEGJzU0sTs+SvzG8fXVWP+kJQ1lwFAOkcUOysnlKJC33U" crossorigin="anonymous"></script>24
25
26
<script type="text/javascript" src="https://shambhala.ws/wp-content/MDB-Pro_4.19.1/js/bootstrap.min.js"></script>27
28
<script type="text/javascript" src="https://shambhala.ws/wp-content/MDB-Pro_4.19.1/js/mdb.min.js"></script>29
<script type="text/javascript"src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>30
31
32
</head>33
<body class='hidden-sn white-skin'>34
35
<header>36
37
<div id="slide-out" class="side-nav sn-bg-4">38
<ul class="custom-scrollbar" style="height:100%;overflow-y:auto;">39
40
<li>41
<div class="logo-wrapper waves-dark">42
<a href="#"><img src="https://storage.googleapis.com/garaude-images/logo-garaude2.jpg" class="img-fluid flex-center"></a>43
</div>44
</li>45
46
47
48
<li>49
<ul class="collapsible collapsible-accordion">50
<li><a class="collapsible-header waves-effect" href="#"><i class="fas fa-plus"></i>Ajouter Pierre</a></li>51
<li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-chevron-right"></i> Entrées Pierres <i class="fas fa-angle-down rotate-icon"></i></a>52
<div class="collapsible-body">53
<ul>54
<li><a href="#" class="waves-effect">Confiés</a>55
</li>56
<li><a href="#" class="waves-effect">Achats</a>57
</li>58
<li><a href="#" class="waves-effect">Importations</a>59
</li>60
<li><a href="#" class="waves-effect">Retours Clients</a>61
</li>62
</ul>63
</div>64
</li>65
<li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-chevron-right"></i> Sorties Pierres <i class="fas fa-angle-down rotate-icon"></i></a>66
<div class="collapsible-body">67
<ul>68
<li><a href="#" class="waves-effect">Selections</a>69
</li>70
<li><a href="#" class="waves-effect">Vente</a>71
</li>72
<li><a href="#" class="waves-effect">Retours Fournisseur</a>73
</li>74
<li><a href="#" class="waves-effect">Facture libre</a>75
</li>76
</ul>77
</div>78
</li>79
<li><a class="collapsible-header waves-effect" href="#"><i class="fas fa-plus"></i>Ajouter Objet</a></li>80
<li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-chevron-right"></i> Entrées Objets <i class="fas fa-angle-down rotate-icon"></i></a>81
<div class="collapsible-body">82
<ul>83
<li><a href="#" class="waves-effect">Confiés</a>84
</li>85
<li><a href="#" class="waves-effect">Achats</a>86
</li>87
<li><a href="#" class="waves-effect">Importations</a>88
</li>89
<li><a href="#" class="waves-effect">Retours</a>90
</li>91
</ul>92
</div>93
</li>94
<li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-chevron-right"></i>Sortie Objets <i class="fas fa-angle-down rotate-icon"></i></a>95
<div class="collapsible-body">96
<ul>97
<li><a href="#" class="waves-effect">Vente</a>98
</li>99
<li><a href="#" class="waves-effect">Retours</a>100
</li>101
<li><a href="#" class="waves-effect">Facture libre</a>102
</li>103
</ul>104
</div>105
</li>106
<li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-chevron-right"></i>Stock <i class="fas fa-angle-down rotate-icon"></i></a>107
<div class="collapsible-body">108
<ul>109
<li><a href="#" class="waves-effect">Commerciale</a>110
</li>111
<li><a href="#" class="waves-effect">Douanier</a>112
</li>113
<li><a href="#" class="waves-effect">P.P.</a>114
</li>115
<li><a href="#" class="waves-effect">Fiscal</a>116
</li>117
<li><a href="#" class="waves-effect">Journalier</a>118
</li>119
<li><a href="#" class="waves-effect">Historique</a>120
</li>121
</ul>122
</div>123
</li>124
<li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-chevron-right"></i>Listes<i class="fas fa-angle-down rotate-icon"></i></a>125
<div class="collapsible-body">126
<ul>127
<li><a href="#" class="waves-effect">Selections</a>128
</li>129
<li><a href="#" class="waves-effect">Confiés entrés</a>130
</li>131
<li><a href="#" class="waves-effect">Confiés sorties</a>132
</li>133
<li><a href="#" class="waves-effect">Factures ventes</a>134
</li>135
</ul>136
</div>137
</li>138
<li><a class="collapsible-header waves-effect" href="#"><i class="far fa-address-book"></i>Fournisseurs/Clients</a></li>139
</ul>140
</li>141
142
</ul>143
<div class="sidenav-bg mask-strong"></div>144
</div>145
146
147
<nav class="navbar fixed-top navbar-toggleable-md navbar-expand-lg double-nav">148
149
<div class="float-left">150
<a href="#" data-activates="slide-out" class="button-collapse"><i class="fa fa-bars"></i></a>151
</div>152
<div class="float-left" style="margin-left:20px;">153
<div class="dropdown">154
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">155
MODES156
</button>157
<div class="dropdown-menu" aria-labelledby="dropdownMenuMenu">158
<div class="form-group">159
160
<form id="form_mode">161
<input type="hidden" name="jquery" value="1">162
163
<div class="form-check">164
<input type="checkbox" class="form-check-input mode" id="Garaude" checked>165
<label class="form-check-label" for="Garaude">Garaude</label>166
</div>167
<div class="form-check">168
<input type="checkbox" class="form-check-input mode" id="Vente" checked>169
<label class="form-check-label" for="Vente">Vente</label>170
</div>171
<div class="form-check">172
<input type="checkbox" class="form-check-input mode" id="Retour" checked>173
<label class="form-check-label" for="Retour">Retour</label>174
</div>175
<div class="form-check">176
<input type="checkbox" class="form-check-input mode" id="Out" checked>177
<label class="form-check-label" for="Out">Out</label>178
</div>179
</form>180
</div>181
</div>182
</div>183
</div>184
</div>185
186
<div class="breadcrumb-dn mr-auto">187
<p>GARAUDE</p>188
</div>189
<ul class="nav navbar-nav nav-flex-icons ml-auto">190
<li class="nav-item">191
192
<li class="nav-item avatar"><a class="nav-link p-0" href="#">193
<img src="https://storage.googleapis.com/garaude-images/avatars/avatar_Bernard_Spiegeleer20200612_16-38-59.png" class="rounded-circle z-depth-0" height="35">194
<br><span style="font-size:10px">spigolo</span> </a></li>195
</ul>196
</nav>197
198
</header>199
200
201
<main>202
</main>203
204
205
<footer>206
</footer>207
</body>208
</html>xxxxxxxxxx1
2
.navbar {3
z-index: 1040;4
}5
.side-nav {6
margin-top: 100px !important;7
}8
9
.double-nav .breadcrumb-dn p {10
color: #fff;11
}12
13
14
.ui-autocomplete {15
position: absolute;16
top: 100%;17
left: 0;18
z-index: 10000;19
float: left;20
display: none;21
min-width: 140px; 22
padding: 4px 0;23
margin: 0 0 10px 25px;24
list-style: none;25
font-size:0.8rem;26
27
background-color: #ffffff;28
border-color: #ccc;29
border-color: rgba(0, 0, 0, 0.2);30
border-style: solid;31
border-width: 1px;32
-webkit-border-radius: 5px;33
-moz-border-radius: 5px;34
border-radius: 5px;35
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);36
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);37
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);38
-webkit-background-clip: padding-box;39
-moz-background-clip: padding;40
background-clip: padding-box;41
*border-right-width: 2px;42
*border-bottom-width: 2px;43
}44
.ui-menu-item {45
padding:5px;46
}47
.ui-helper-hidden-accessible {48
border: 0;49
clip: rect(0 0 0 0);50
height: 1px;51
margin: -1px;52
overflow: hidden;53
padding: 0;54
position: absolute;55
width: 1px;56
}57
.ui-menu-item > a.ui-corner-all {58
display: block;59
padding: 3px 15px;60
clear: both;61
font-weight: normal;62
line-height: 20px;63
color: #555555;64
white-space: nowrap;65
text-decoration: none;66
}67
68
.ui-state-hover, .ui-state-active {69
color: #ffffff;70
text-decoration: none;71
background-color: #0088cc;72
border-radius: 0px;73
-webkit-border-radius: 0px;74
-moz-border-radius: 0px;75
background-image: none;76
}77
78
/* CSS Document */79
80
body ,td ,th{81
font-family: Helvetica, Verdana, sans-serif;82
font-size: 14 px;83
background-color: white;84
}85
86
input, textarea, select {87
font-family: "MS Sans Serif", Helvetica, sans-serif;88
font-size: 14px;89
}90
91
a, a:visited {92
color: #0000d0;93
}94
a:hover {95
color: #5050ff;96
}97
98
body {99
text-align: left;100
/*background-image:url(garaude_bground.gif); */ 101
}102
103
104
h3 {105
font-size: 18px;106
color: #333333;107
text-align: center; 108
}109
acronym {110
cursor:help;111
}112
113
.vedit {114
background-color: #999999;115
font-size: 14px;116
border-collapse: collapse;117
border: #606060 2px solid;118
}119
.vedit td {120
padding: 3px;121
padding-left: 7px;122
background-color: #FFFFFF;123
border: #a0a0a0 1px solid;124
}125
.vedit td input, .vedit td textarea, .vedit td select {126
font-size: 12pt;127
border: #909090 1px solid;128
}129
.vedit th {130
padding: 3px;131
padding-right: 7px;132
text-align: right;133
background-color: #FFFFFF;134
font-weight: normal;135
136
137
}138
139
140
.hedit {141
font-size: 14px;142
border-collapse: collapse;143
border: #606060 1px solid;144
}145
.hedit th {146
padding: 3px;147
background-color: #FFFFFF;148
border: #909090 1px solid;149
color:#666666;150
}151
.hedit td {152
padding: 3px;153
background-color: #F9F9E9;154
border: #909090 1px solid;155
}156
.hedit tr .odd td {157
background-color: #F0F0FF;158
}159
h1 {160
font-size: 20px;161
text-transform: uppercase;162
}163
h2 {164
font-size: 18px;165
text-transform: uppercase;166
}167
.popup {168
font-size: 12px;169
color: #000000;170
background-color: #FFFF99;171
font-style: italic;172
}173
.deleted {174
color: #FFFFFF;175
background-color: #FF0000;176
}177
thead {178
display : table-header-group; 179
}180
181
tbody {182
display:table-row-group;183
} 184
185
186
div.auto_complete {187
width: 600px;188
background: #fff;189
color: #FF0000; 190
position:relative;191
z-index:10000 !important; 192
193
}194
div.auto_complete ul {195
border:1px solid #888;196
margin:0;197
padding:0;198
width:100%;199
list-style-type:none;200
}201
div.auto_complete ul li {202
margin:0;203
padding:3px;204
}205
div.auto_complete ul li.selected { 206
background-color: #ffb; 207
}208
div.auto_complete ul strong.highlight { 209
color: #800; 210
margin:0;211
padding:0;212
}213
214
215
/* css added for bootstrap216
body { padding-top: 70px; }*/217
218
219
/* icons !be sure to escape any characters, such as # to %23 when specifying hex color values). When no dimensions are specified via width and height on the <svg>, the icon will fill the available space.220
221
The viewBox attribute is required if you wish to resize icons with background-size. Note that the xmlns attribute is required.*/ 222
223
224
225
226
227
228
229
230
xxxxxxxxxx1
2
$(document).ready(function() {3
4
// SideNav Button Initialization5
$(".button-collapse").sideNav();6
// SideNav Scrollbar Initialization7
8
}); 9
10
$(document).ready(function() {11
$(".mode").click(function() {12
var value1 = $('#Garaude').prop('checked') == false ? 0: 1; 13
var value2 = $("#Vente").prop('checked') == false ? 0: 1;14
var value3 = $("#Retour").prop('checked') == false ? 0: 1; 15
var value4 = $("#Out").prop('checked') == false ? 0: 1;16
17
$.ajax({18
url: 'ajax/edit_mode.php',19
data: { GARAUDE: value1, VENTE: value2, RETOUR: value3 , OUT: value4 , jquery :1},20
type: 'post',21
dataType: 'json',22
23
});24
});25
});26
27
Console errors: 0