184 container = $('<div style="overflow: hidden; position: relative; margin: 5px;"></div>'); |
184 container = $('<div style="overflow: hidden; position: relative; margin: 5px;"></div>'); |
185 addButton = $('<div style="float: right; margin-right: 15px;"><img style="position: relative; margin-top: 2px;" ' + |
185 addButton = $('<div style="float: right; margin-right: 15px;"><img style="position: relative; margin-top: 2px;" ' + |
186 'src="images/add.png"/><span style="margin-left: 4px; position: relative; top: -3px;">Nieuw</span></div>'); |
186 'src="images/add.png"/><span style="margin-left: 4px; position: relative; top: -3px;">Nieuw</span></div>'); |
187 impButton = $('<div style="float: right; margin-right: 50px;"><img style="position: relative; margin-top: 2px;" ' + |
187 impButton = $('<div style="float: right; margin-right: 50px;"><img style="position: relative; margin-top: 2px;" ' + |
188 'src="images/add.png"/><span style="margin-left: 4px; position: relative; top: -3px;">Import</span></div>'); |
188 'src="images/add.png"/><span style="margin-left: 4px; position: relative; top: -3px;">Import</span></div>'); |
|
189 expButton = $('<div style="float: right; margin-right: 50px;"><img style="position: relative; margin-top: 2px;" ' + |
|
190 'src="images/database.png"/><span style="margin-left: 4px; position: relative; top: -3px;">Export</span></div>'); |
189 container.append(addButton); |
191 container.append(addButton); |
190 container.append(impButton); |
192 container.append(impButton); |
|
193 container.append(expButton); |
191 statusbar.append(container); |
194 statusbar.append(container); |
192 addButton.jqxButton({ theme: theme, width: 90, height: 20 }); |
195 addButton.jqxButton({ theme: theme, width: 90, height: 20 }); |
193 impButton.jqxButton({ theme: theme, width: 90, height: 20 }); |
196 impButton.jqxButton({ theme: theme, width: 90, height: 20 }); |
|
197 expButton.jqxButton({ theme: theme, width: 90, height: 20 }); |
194 // add new row. |
198 // add new row. |
195 addButton.click(function(event) { |
199 addButton.click(function(event) { |
196 editrow = -1; |
200 editrow = -1; |
197 $('#name').val('Nieuwe stijl'); |
201 $('#name').val('Nieuwe stijl'); |
198 $('#category').val(''); |
202 $('#category').val(''); |
218 $('#examples').val(''); |
222 $('#examples').val(''); |
219 $('#popupWindow').jqxWindow('open'); |
223 $('#popupWindow').jqxWindow('open'); |
220 }); |
224 }); |
221 impButton.click(function(event) { |
225 impButton.click(function(event) { |
222 window.location.href = 'import_ingredients.php?select=styles'; |
226 window.location.href = 'import_ingredients.php?select=styles'; |
|
227 }); |
|
228 expButton.click(function(event) { |
|
229 window.open('export_styles.php'); |
223 }); |
230 }); |
224 }, |
231 }, |
225 filterable: true, |
232 filterable: true, |
226 filtermode: 'excel', |
233 filtermode: 'excel', |
227 columns: [ |
234 columns: [ |