· 9 years ago · Sep 20, 2016, 11:16 AM
1 <?php
2 if($userData['rola'] != 1){
3 echo 'Nie posiadasz uprawnień.';
4 exit();
5}
6 ?>
7 <!-- Content Header (Page header) -->
8 <section class="content-header">
9 <h1>
10 Produkty
11 </h1>
12 </section>
13 <!-- Main content -->
14 <section class="content">
15
16
17 <div class="box">
18 <div class="box-header">
19 <h3 class="box-title"><?php idKategoria($wybranakategoria);?></h3>
20 </div>
21 <!-- /.box-header -->
22 <div class="box-body">
23 <table id="example1" class="table table-bordered table-striped">
24 <thead>
25 <tr>
26 <th>Zdjęcie</th>
27 <th>Kod produktu</th>
28 <th>Nazwa</th>
29 <th>Opis</th>
30 <th>Ilość</th>
31 <th>Jednostka</th>
32 <th>Cena netto</th>
33 <th>Akcja</th>
34 </tr>
35 </thead>
36 <tbody>
37 <?php
38 connection();
39 if($wybranakategoria == ""){
40 $q_produkty = mysql_query("SELECT * FROM produkty") //wyświetlanie listy produktów
41 or die('BÅ‚Ä…d zapytania');
42 }else{
43 $q_produkty = mysql_query("SELECT * FROM produkty WHERE kategoria='$wybranakategoria'") //wyświetlanie listy produktów z wybranej kategorii
44 or die('BÅ‚Ä…d zapytania');
45 }
46 if(mysql_num_rows($q_produkty) > 0) {
47 while($r_produkty = mysql_fetch_assoc($q_produkty)) {
48 echo '<tr>';
49 echo '<td class="col-xs-1"><img src="images/'.$r_produkty['kod_produktu'].'.jpg"></td>';
50 echo '<td class="col-xs-1">'.$r_produkty['kod_produktu'].'</td>';
51 echo '<td class="col-xs-2">'.$r_produkty['nazwa'].'</td>';
52 echo '<td class="col-xs-3">'.$r_produkty['opis'].'</td>';
53 if($r_produkty['ilosc'] < 100 and $r_produkty['ilosc'] > 1){
54 echo '<td class="col-xs-1" style="color: #eaba47;"><b>'.$r_produkty['ilosc'].'</b></td>';
55 }elseif($r_produkty['ilosc'] == 0){
56 echo '<td class="col-xs-1" style="color: #ce3327;"><b>0</b></td>';
57 }else{
58 echo '<td class="col-xs-1">'.$r_produkty['ilosc'].'</td>';
59 }
60 echo '<td class="col-xs-1">'.$r_produkty['jednostka'].'</td>';
61 echo '<td class="col-xs-1">'.$r_produkty['cena'].'PLN</td>';
62 ?>
63
64 <td class="col-xs-2">
65 <center>
66 <div class="btn-group">
67 <button type="button" class="btn btn-warning" data-toggle="modal" data-target="#produkt_edit"
68 data-id="<?php echo $r_produkty['id'];?>">Edytuj</button>
69
70 <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#produkt_delete"
71 data-id="<?php echo $r_produkty['id'];?>">Usuń</button>
72 </div>
73 </center>
74 </td>
75
76 <?php
77 echo '</tr>';
78 }
79 }
80 function idKategoria($id){ //konwertowanie ID kategorii na nazwÄ™
81 if($id == 0){
82 echo 'Wszystkie produkty';
83 }else{
84 $q_cat_name = mysql_query("SELECT * FROM kategorie WHERE id = $id")
85 or die('BÅ‚Ä…d zapytania');
86 if(mysql_num_rows($q_cat_name) > 0) {
87 while($r_cat_name = mysql_fetch_assoc($q_cat_name)) {
88 echo $r_cat_name['nazwa'];
89 }
90 }
91
92 }
93 }
94 ?>
95 </tbody>
96 </table>
97 </div>
98 <!-- /.box-body -->
99
100 <div class="modal fade" id="produkt_edit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
101 <div class="modal-dialog" role="document">
102 <div class="modal-content">
103 <div class="modal-header">
104 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
105 <h4 class="modal-title" id="modalTitle"></h4>
106 </div>
107 <div class="modal-body">
108 <div id="modalContent">Trwa ładowanie elementów...</div>
109 </div>
110 <div class="modal-footer">
111 <button type="button" class="btn btn-default" id="closeedit" data-dismiss="modal">Zamknij</button>
112 <button type="button" class="btn btn-success" id="submitbutton_edit">Zapisz i zamknij</button>
113 </div>
114 </div>
115 </div>
116 </div>
117 <script>
118 $('#produkt_edit').on('show.bs.modal', function (event) {
119 var button = $(event.relatedTarget);
120 var id_elementu = button.data('id'); //id elementu wybranego w tabeli
121 //alert(id_elementu);
122 var modal = $(this);
123 modal.find('#modalTitle').text('Edytuj produkt (ID:' + id_elementu + ')');
124 //modal.find('#modalContent').text('ID ' + id_elementu);
125 $.ajax({
126 url: 'includes/produkt_edit/show.php', //post do show.php
127 type: 'post',
128 data: {
129 id: id_elementu,
130 secret_key: 'b25b3ca677234' //klucz, bez tego nie uruchomisz show.php
131 },
132 error: function() {
133 modal.find('#modalContent').text('Wystąpił błąd podczas pobierania danych. Problem zgłoś administratorowi systemu.');
134 },
135 dataType: 'html',
136 success: function(data) {
137 modal.find('#modalContent').html(data); //wszystko poszlo ok, wpisujemy to co zwrócił show.php do modala
138 },
139 type: 'POST'
140 });
141 //cd
142 $('#submitbutton_edit').click(function(){ //po kliknięciu zapisz wysylamy dane
143 //szykujemy dane które zostaną przsłane ajaxem do edit.php
144 var xkod_produktu = $("input[name=kod_produktu]").val();
145 var xkategoria = $("input[name=kategoria]").val();
146 var xnazwa = $("input[name=nazwa]").val();
147 var xopis = $("input[name=opis]").val();
148 var xilosc = $("input[name=ilosc]").val();
149 var xjednostka = $("input[name=jednostka]").val();
150 var xcena = $("input[name=cena]").val();
151 $.ajax({
152 url: 'includes/produkt_edit/edit.php', //post do delete.php znowu, ale z dodatkowa zmienna
153 type: 'post',
154 data: {
155 id: id_elementu,
156 secret_key: 'b25b3ca677234', //klucz - bez niego edit.php nie zostanie wykonany
157 kod_produktu: xkod_produktu,
158 kategoria: xkategoria,
159 nazwa: xnazwa,
160 opis: xopis,
161 ilosc: xilosc,
162 jednostka: xjednostka,
163 cena: xcena,
164 },
165 error: function() {
166 modal.find('#modalContent').text('Wystąpił błąd podczas aktualizacji tego obiektu.');
167 },
168 dataType: 'html',
169 success: function(data) {
170 modal.find('#modalContent').html(data); //zwraca komunikat o usunieciu obiektu
171 },
172 type: 'POST'
173 });
174 //cd
175 $('#submitbutton_edit').hide();
176 $('#closeedit').text('Zamknij');
177 $('#closeedit').click(function(){
178 location.reload(); //odświeżenie listy użytkowników, tak aby po usunieciu nie pojawiał się obiekt ktorego nie ma
179 })
180 })
181 })
182 </script>
183
184 <div class="modal fade" id="produkt_delete" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
185 <div class="modal-dialog" role="document">
186 <div class="modal-content">
187 <div class="modal-header">
188 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
189 <h4 class="modal-title" id="modalTitle"></h4>
190 </div>
191 <div class="modal-body">
192 <div id="modalContent">Trwa ładowanie elementów...</div>
193 </div>
194 <div class="modal-footer">
195 <button type="button" class="btn btn-default" id="cancel"data-dismiss="modal">Anuluj</button>
196 <button type="button" class="btn btn-danger" id="submitbutton_del">Usuń obiekt</button>
197 </div>
198 </div>
199 </div>
200 </div>
201 <script>
202 $('#produkt_delete').on('show.bs.modal', function (event) {
203 var button = $(event.relatedTarget);
204 var id_elementu = button.data('id'); //id elementu wybranego w tabeli do usuniecia
205 //alert(id_elementu);
206 var modal = $(this);
207 modal.find('#modalTitle').text('Usuń produkt (ID:' + id_elementu + ')');
208 //modal.find('#modalContent').text('ID ' + id_elementu);
209 $.ajax({
210 url: 'includes/produkt_edit/delete.php', //post do delete.php
211 type: 'post',
212 data: {
213 id: id_elementu,
214 secret_key: 'b25b3ca61125' //klucz, bez niego nie da sie wywolac delete.php / usunac obiektu
215 },
216 error: function() {
217 modal.find('#modalContent').text('Wystąpił błąd podczas pobierania danych. Problem zgłoś administratorowi systemu.');
218 },
219 dataType: 'html',
220 success: function(data) {
221 modal.find('#modalContent').html(data); //wpisuje do modala HTML z delete.php
222 },
223 type: 'POST'
224 });
225 //btn
226 $('#submitbutton_del').click(function(){ //klikniecie przycisku usun obiekt w modalu - czyli potwierdzenie usuniecia
227 //alert('klikniety usun: ' + id_elementu);
228 $.ajax({
229 url: 'includes/produkt_edit/delete.php', //post do delete.php znowu, ale z dodatkowa zmienna
230 type: 'post',
231 data: {
232 id: id_elementu,
233 secret_key: 'b25b3ca61125',
234 submit_produkt_delete: '1', //zmienna ktora potwierdza usuniecie
235 },
236 error: function() {
237 modal.find('#modalContent').text('Wystąpił błąd podczas usuwania tego elementu.');
238 },
239 dataType: 'html',
240 success: function(data) {
241 modal.find('#modalContent').html(data); //zwraca komunikat o usunieciu obiektu
242 },
243 type: 'POST'
244 });
245 $("#submitbutton_del").hide(); //jesli potwierdzisz usuniecie chowa przycisk do potwierdzenia
246 $("#cancel").html('Zamknij'); //zmienia tekst przycisku do zamykania modala z Anluluj na Zamknij
247 //$("#cancel").attr('class', 'btn btn-success'); //przycisk do zamykania robi siÄ™ zielony
248 $('#cancel').click(function(){
249 location.reload(); //odświeżenie listy użytkowników, tak aby po usunieciu nie pojawiał się obiekt ktorego nie ma
250 })
251 })
252 })
253 </script>
254 <div class="control-sidebar-bg"></div>
255
256
257 </div>
258 <!-- /.box -->
259 </section>
260
261
262
263
264 <!-- /.content -->
265 <!-- jQuery 2.2.3 -->
266 <script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
267<!-- Bootstrap 3.3.6 -->
268<script src="bootstrap/js/bootstrap.min.js"></script>
269<!-- DataTables -->
270<script src="plugins/datatables/jquery.dataTables.min.js"></script>
271<script src="plugins/datatables/dataTables.bootstrap.min.js"></script>
272<!-- SlimScroll -->
273<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
274<!-- FastClick -->
275<script src="plugins/fastclick/fastclick.js"></script>
276<!-- AdminLTE App -->
277<script src="dist/js/app.min.js"></script>
278<!-- AdminLTE for demo purposes -->
279<script src="dist/js/demo.js"></script>
280<!-- page script -->
281<script>
282 $(function () {
283 $('#example1').DataTable({
284 "paging": true,
285 "lengthChange": false,
286 "searching": true,
287 "ordering": true,
288 "info": true,
289 "autoWidth": true,
290 });
291 });
292
293</script>