YaWK  24.1
Yet another WebKit
template-redesign.php
Go to the documentation of this file.
1 <?php
2 
3 use YAWK\alert;
4 use YAWK\backend;
5 use YAWK\db;
6 use YAWK\language;
7 use YAWK\settings;
8 use YAWK\template;
9 use YAWK\user;
10 
11 /** @var $db db */
12 /** @var $lang language */
13 ?>
14 <!-- color picker -->
15 <script type="text/javascript" src="../system/engines/jquery/jscolor/jscolor.js"></script>
16 <!-- TAB collapse -->
17 <script type="text/javascript" src="../system/engines/jquery/bootstrap-tabcollapse.js"></script>
18 <!-- Bootstrap toggle css -->
19 <link rel="stylesheet" href="../system/engines/bootstrap-toggle/css/bootstrap-toggle.css">
20 <!-- Bootstrap toggle js -->
21 <script type="text/javascript" src="../system/engines/bootstrap-toggle/js/bootstrap-toggle.min.js"></script>
22 <!-- Javascript for positions tab -->
23 <script type="text/javascript">
24  /* reminder: check if form has changed and warns the user that he needs to save. */
25  $(document).ready(function () {
26 
27  // re-init js color to fix dynamic loading
28  jscolor.init();
29 
30  // TRY TO DISABLE CTRL-S browser hotkey
31  function saveHotkey() {
32  // simply disables save event for chrome
33  $(window).keypress(function (event) {
34  if (!(event.which === 115 && (navigator.platform.match("Mac") ? event.metaKey : event.ctrlKey)) && !(event.which === 19)) return true;
35  event.preventDefault();
36  formmodified=0; // do not warn user, just save.
37  return false;
38  });
39  // used to process the cmd+s and ctrl+s events
40  $(document).keydown(function (event) {
41  if (event.which === 83 && (navigator.platform.match("Mac") ? event.metaKey : event.ctrlKey)) {
42  event.preventDefault();
43  $('#savebutton').click(); // SAVE FORM AFTER PRESSING STRG-S hotkey
44  formmodified=0; // do not warn user, just save.
45  // save(event);
46  return false;
47  }
48  });
49  }
50  saveHotkey();
51 
52  formmodified=0; // status
53  $('form *').change(function(){ // if form has changed
54  formmodified=1; // set status
55  $('#savebutton').click(function(){ // if user clicked save
56  formmodified=0; // do not warn user, just save.
57  });
58  $('#addbutton').click(function(){ // if user clicked add new theme
59  formmodified=0; // do not warn user, just save the new theme.
60  });
61  });
62 
63  // now the function:
64  window.onbeforeunload = confirmExit; // before close
65  function confirmExit() { // dialog
66  if (formmodified === 1) { // if form has changed
67  return "<?php echo $lang['LEAVE_REQUEST']; ?>";
68  }
69  }
70  $(function() {
71  // for bootstrap 3 use 'shown.bs.tab', for bootstrap 2 use 'shown' in the next line
72  $('a[data-toggle="tab"]').on('shown.bs.tab', function () {
73  // save the latest tab; use cookies if you like 'em better:
74  localStorage.setItem('lastTab', $(this).attr('href'));
75  });
76  // go to the latest tab, if it exists:
77  const lastTab = localStorage.getItem('lastTab');
78  if (lastTab) {
79  $('[href="' + lastTab + '"]').tab('show');
80  // to work correctly, we need to lowercase
81  const activeTab = lastTab.toLowerCase();
82  // and remove the first char (#)
83  const activeFolder = activeTab.slice(1);
84  // all done: set select default selected option
85  $('select option[value="'+activeFolder+'"]').prop('selected', true);
86  }
87  });
88 
89  // call tabCollapse: make the default bootstrap tabs responsive for handheld devices
90  $('#tabs').tabCollapse({
91  tabsClass: 'hidden-sm hidden-xs',
92  accordionClass: 'visible-sm visible-xs'
93  });
94 
95  // fire bootstrap tooltip
96  $('[data-toggle="tooltip"]').tooltip();
97 
98  // JS that controlls the btn-light + btn-dark navbar switches
99  // this makes it easier to switch between light + dark navbar colors
100  $('#btn-navbar-light, #btn-navbar-dark').click(function (event) {
101  // no default action
102  event.preventDefault();
103 
104  // set vars of col 1
105  const font_menucolor = $('#font-menucolor');
106  const brand_menucolor = $('#brand-menucolor');
107  const brandhover_menucolor = $('#brandhover-menucolor');
108  const fonthover_menucolor = $('#fonthover-menucolor');
109  const fontactive_menucolor = $('#fontactive-menucolor');
110  const fontdisabled_menucolor = $('#fontdisabled-menucolor');
111  const fontshadow_menucolor = $('#fontshadow-menucolor');
112 
113  // set consts of col 2
114  const default_menubgcolor = $('#default-menubgcolor');
115  const active_menubgcolor = $('#active-menubgcolor');
116  const toggle_menu_bgcolor = $('#toggle-menu-bgcolor');
117  const toggle_menu_bordercolor = $('#toggle-menu-bordercolor');
118  const iconbar_menubgcolor = $('#iconbar-menubgcolor');
119  const border_menubgcolor = $('#border-menubgcolor');
120 
121  // set consts of col 3
122  const background_menudropdowncolor = $('#background-menudropdowncolor');
123  const hoverbg_menudropdowncolor = $('#hoverbg-menudropdowncolor');
124  const activebg_menudropdowncolor = $('#activebg-menudropdowncolor');
125  const border_menudropdowncolor = $('#border-menudropdowncolor');
126  const font_menudropdowncolor = $('#font-menudropdowncolor');
127  const fonthover_menudropdowncolor = $('#fonthover-menudropdowncolor');
128  const fontactive_menudropdowncolor = $('#fontactive-menudropdowncolor');
129  const disabled_menudropdowncolor = $('#disabled-menudropdowncolor');
130 
131  // check if btn-light is clicked
132  if (this.id === 'btn-navbar-light') {
133  /* change colors of fields to navbar-light values */
134  // navbar text color
135  (font_menucolor).val("777777");
136  (font_menucolor).css('background-color', '#777777').css('color', '#FFF');
137  // brand color
138  (brand_menucolor).val("777777"); // set value
139  (brand_menucolor).css('background-color', '#777777').css('color', '#FFF'); // set color
140  // brand hover color
141  (brandhover_menucolor).val("5E5E5E"); // set value
142  (brandhover_menucolor).css('background-color', '#5E5E5E').css('color', '#FFF'); // set color
143  // font hover color
144  (fonthover_menucolor).val("333333"); // set value
145  (fonthover_menucolor).css('background-color', '#333333').css('color', '#FFF'); // set color
146  // font active color
147  (fontactive_menucolor).val("555555"); // set value
148  (fontactive_menucolor).css('background-color', '#555555').css('color', '#FFF'); // set color
149  // font disabled color
150  (fontdisabled_menucolor).val("CCCCCC"); // set value
151  (fontdisabled_menucolor).css('background-color', '#CCCCCC').css('color', '#333'); // set color
152  // font shadow color
153  (fontshadow_menucolor).val("CCCCCC"); // set value
154  (fontshadow_menucolor).css('background-color', '#CCCCCC').css('color', '#333'); // set color
155 
156  /* COL 2 */
157  // navbar bg color
158  (default_menubgcolor).val("F8F8F8"); // set value
159  (default_menubgcolor).css('background-color', '#F8F8F8').css('color', '#333'); // set color
160  // active bg color
161  (active_menubgcolor).val("E7E7E7"); // set value
162  (active_menubgcolor).css('background-color', '#E7E7E7').css('color', '#333'); // set color
163  // menu toggle bg color
164  (toggle_menu_bgcolor).val("DDDDDD"); // set value
165  (toggle_menu_bgcolor).css('background-color', '#DDDDDD').css('color', '#333'); // set color
166  // menu toggle border color
167  (toggle_menu_bordercolor).val("CCCCCC"); // set value
168  (toggle_menu_bordercolor).css('background-color', '#CCCCCC').css('color', '#FFF'); // set color
169  // toggle iconbar color
170  (iconbar_menubgcolor).val("888888"); // set value
171  (iconbar_menubgcolor).css('background-color', '#888888').css('color', '#FFF'); // set color
172  // menu border color
173  (border_menubgcolor).val("E7E7E7"); // set value
174  (border_menubgcolor).css('background-color', '#E7E7E7').css('color', '#333'); // set color
175 
176  /* COL 3 */
177  // dropdown bg color
178  (background_menudropdowncolor).val("FFFFFF"); // set value
179  (background_menudropdowncolor).css('background-color', '#FFFFFF').css('color', '#333'); // set color
180  // dropdown hover bg color
181  (hoverbg_menudropdowncolor).val("F5F5F5"); // set value
182  (hoverbg_menudropdowncolor).css('background-color', '#F5F5F5').css('color', '#333'); // set color
183  // dropdown active color
184  (activebg_menudropdowncolor).val("337AB7"); // set value
185  (activebg_menudropdowncolor).css('background-color', '#337AB7').css('color', '#333'); // set color
186  // dropdown border color
187  (border_menudropdowncolor).val("CCCCCC"); // set value
188  (border_menudropdowncolor).css('background-color', '#CCCCCC').css('color', '#333'); // set color
189  // dropdown font color
190  (font_menudropdowncolor).val("333333"); // set value
191  (font_menudropdowncolor).css('background-color', '#333333').css('color', '#FFF'); // set color
192  // dropdown font hover color
193  (fonthover_menudropdowncolor).val("262626"); // set value
194  (fonthover_menudropdowncolor).css('background-color', '#262626').css('color', '#FFF'); // set color
195  // dropdown font active color
196  (fontactive_menudropdowncolor).val("FFFFFF"); // set value
197  (fontactive_menudropdowncolor).css('background-color', '#FFFFFF').css('color', '#333'); // set color
198  // dropdown font disabled color
199  (disabled_menudropdowncolor).val("777777"); // set value
200  (disabled_menudropdowncolor).css('background-color', '#777777').css('color', '#333'); // set color
201 
202  }
203  // check if btn-dark is clicked
204  else if (this.id === 'btn-navbar-dark') {
205  /* change colors of fields to navbar-dark values */
206  // navbar text color
207  (font_menucolor).val("F8F8F8");
208  (font_menucolor).css('background-color', '#F8F8F8').css('color', '#333');
209  // brand color
210  (brand_menucolor).val("F8F8F8"); // set value
211  (brand_menucolor).css('background-color', '#F8F8F8').css('color', '#333'); // set color
212  // brand hover color
213  (brandhover_menucolor).val("F8F8F8"); // set value
214  (brandhover_menucolor).css('background-color', '#F8F8F8').css('color', '#333'); // set color
215  // font hover color
216  (fonthover_menucolor).val("FFFFFF"); // set value
217  (fonthover_menucolor).css('background-color', '#FFFFFF').css('color', '#333'); // set color
218  // font disabled color
219  (fontdisabled_menucolor).val("333333"); // set value
220  (fontdisabled_menucolor).css('background-color', '#333333').css('color', '#FFF'); // set color
221  // font shadow color
222  (fontshadow_menucolor).val("CCCCCC"); // set value
223  (fontshadow_menucolor).css('background-color', '#CCC').css('color', '#333'); // set color
224 
225  /* COL 2 */
226  // navbar bg color
227  (default_menubgcolor).val("343A40"); // set value
228  (default_menubgcolor).css('background-color', '#343A40').css('color', '#FFF'); // set color
229  // active bg color
230  (active_menubgcolor).val("424A52"); // set value
231  (active_menubgcolor).css('background-color', '#424A52').css('color', '#FFF'); // set color
232  // menu toggle bg color
233  (toggle_menu_bgcolor).val("3E454D"); // set value
234  (toggle_menu_bgcolor).css('background-color', '#3E454D').css('color', '#FFF'); // set color
235  // menu toggle border color
236  (toggle_menu_bordercolor).val("CCC"); // set value
237  (toggle_menu_bordercolor).css('background-color', '#CCC').css('color', '#333'); // set color
238  // toggle iconbar color
239  (iconbar_menubgcolor).val("CCC"); // set value
240  (iconbar_menubgcolor).css('background-color', '#CCC').css('color', '#333'); // set color
241  // menu border color
242  (border_menubgcolor).val("2B3036"); // set value
243  (border_menubgcolor).css('background-color', '#2B3036').css('color', '#FFF'); // set color
244 
245  /* COL 3 */
246  // dropdown bg color
247  (background_menudropdowncolor).val("343A40"); // set value
248  (background_menudropdowncolor).css('background-color', '#343A40').css('color', '#FFF'); // set color
249  // dropdown hover bg color
250  (hoverbg_menudropdowncolor).val("424A52"); // set value
251  (hoverbg_menudropdowncolor).css('background-color', '#424A52').css('color', '#FFF'); // set color
252  // dropdown active color
253  (activebg_menudropdowncolor).val("3E454D"); // set value
254  (activebg_menudropdowncolor).css('background-color', '#3E454D').css('color', '#FFF'); // set color
255  // dropdown border color
256  (border_menudropdowncolor).val("2B3036"); // set value
257  (border_menudropdowncolor).css('background-color', '#2B3036').css('color', '#FFF'); // set color
258  // dropdown font color
259  (font_menudropdowncolor).val("F8F8F8"); // set value
260  (font_menudropdowncolor).css('background-color', '#F8F8F8').css('color', '#333'); // set color
261  // dropdown font hover color
262  (fonthover_menudropdowncolor).val("FFFFFF"); // set value
263  (fonthover_menudropdowncolor).css('background-color', '#FFFFFF').css('color', '#333'); // set color
264  // dropdown font active color
265  (fontactive_menudropdowncolor).val("555555"); // set value
266  (fontactive_menudropdowncolor).css('background-color', '#555555').css('color', '#FFF'); // set color
267  // dropdown font disabled color
268  (disabled_menudropdowncolor).val("333333"); // set value
269  (disabled_menudropdowncolor).css('background-color', '#333333').css('color', '#FFF'); // set color
270 
271  }
272  });
273 
274 
275  });
276 </script>
277 
278 <?php
279 // new template object if not exists
280 if (!isset($template)) { $template = new template(); }
281 // new user object if not exists
282 if (!isset($user)) { $user = new user($db); }
283 
284 // check, if a session is already running
285 if (!isset($_SESSION) || (empty($_SESSION)))
286 { // if not...
287  session_start();
288  $_SESSION['template'] = $template;
289 }
290 
291 // get ID of current active template
292 $selectedTemplateID = settings::getSetting($db, "selectedTemplate");
293 // load properties of current active template
294 $template->loadProperties($db, $selectedTemplateID);
295 // previewButton is an empty string - why? this should be checked
296 $previewButton = "";
297 // load all template settings into array
298 $templateSettings = template::getAllSettingsIntoArray($db, $user);
299 // get current bootstrap version
300 if (!$template->bootstrapVersion = $template->checkBootstrapVersion($db, $template->id, $lang))
301 {
302  alert::draw("danger", $lang['ERROR'], $lang['FRAMEWORK_FALSE'], "", 0);
303 }
304 else if($template->bootstrapVersion == "X")
305 {
306  alert::draw("danger", $lang['ERROR'], $lang['FRAMEWORK_MULTIPLE_FALSE'], "", 0);
307 }
308 ?>
309 <?php
310 // TEMPLATE WRAPPER - HEADER & breadcrumbs
311 echo "
312  <!-- Content Wrapper. Contains page content -->
313  <div class=\"content-wrapper\" id=\"content-FX\">
314  <!-- Content Header (Page header) -->
315  <section class=\"content-header\">";
316 // draw Title on top
317 echo backend::getTitle($lang['TPL'], $lang['DESIGN']);
318 echo backend::getTemplateBreadcrumbs($lang);
319 echo"</section><!-- Main content -->
320  <section class=\"content\">";
321 /* page content start here */
322 ?>
323 <form id="template-edit-form" action="index.php?page=template-save&action=template-redesign&id=<?php echo $template->id; ?>" method="POST">
324  <!-- title header -->
325  <!-- REDESIGN -->
326  <div class="box">
327  <div class="box-body">
328  <div class="col-md-10">
329  <?php echo "<h4><i class=\"fa fa-paint-brush\"></i> &nbsp;$lang[DESIGN] <small>$lang[DESIGN_DETAILS]</small></h4>"; ?>
330  </div>
331  <div class="col-md-2">
332  <button class="btn btn-success pull-right" id="savebutton" name="save" style="margin-top:2px;"><i class="fa fa-check"></i>&nbsp;&nbsp;<?php echo $lang['DESIGN_SAVE']; ?></button>
333  </div>
334  </div>
335  </div>
336 
337  <div class="box">
338  <div class="box-body">
339 
340  <!-- Nav tabs -->
341  <ul class="nav nav-tabs" id="undertabs">
342 
343  <?php
344  if ($template->bootstrapVersion == "3")
345  {
346  echo "
347  <li>
348  <a href=\"#menu\" aria-controls=\"menu\" data-toggle=\"tab\"><i class=\"fa fa-bars\"></i>
349  &nbsp; $lang[MENU]</a>
350  </li>
351  <li>
352  <a href=\"#bootstrap\" aria-controls=\"bootstrap\" data-toggle=\"tab\"><i class=\"fa fa-sticky-note-o\"></i>
353  &nbsp; $lang[BOOTSTRAP3]</a>
354  </li>
355  <li>
356  <a href=\"#buttons\" aria-controls=\"buttons\" role=\"tab\" data-toggle=\"tab\"><i class=\"fa fa-toggle-on\"></i>
357  &nbsp; $lang[FORMS]</a>
358  </li>
359  <li>
360  <a href=\"#images\" aria-controls=\"images\" role=\"tab\" data-toggle=\"tab\"><i class=\"fa fa-picture-o\"></i>
361  &nbsp; $lang[IMAGES]</a>
362  </li>";
363  }
364  elseif ($template->bootstrapVersion == "4")
365  {
366  echo
367  "<li>
368  <a href=\"#bs4-navbar\" aria-controls=\"bs4-navbar\" data-toggle=\"tab\"><i class=\"fa fa-bars\"></i>
369  &nbsp; $lang[NAVBAR]</a>
370  </li>
371  <li>
372  <a href=\"#bs4-cards\" aria-controls=\"bs4-cards\" data-toggle=\"tab\"><i class=\"fa fa-sticky-note-o\"></i>
373  &nbsp; $lang[CARDS]</a>
374  </li>
375  <li>
376  <a href=\"#images\" aria-controls=\"images\" role=\"tab\" data-toggle=\"tab\"><i class=\"fa fa-picture-o\"></i>
377  &nbsp; $lang[IMAGES]</a>
378  </li>
379  <li>
380  <a href=\"#buttons\" aria-controls=\"buttons\" role=\"tab\" data-toggle=\"tab\"><i class=\"fa fa-toggle-on\"></i>
381  &nbsp; $lang[FORMS]</a>
382  </li>";
383  }
384  ?>
385 
386  </ul>
387 
388 
389  <!-- bootstrap -->
390  <div class="tab-content">
391 
392  <?php
393  if ($template->bootstrapVersion == "3")
394  {
395  echo "
396  <div class=\"tab-pane active fade in\" id=\"menu\">
397  <h3>$lang[GLOBAL_MENU] <small>$lang[NAVBAR]</small></h3>
398  <div class=\"row animated fadeIn\">
399  <div class=\"col-md-3\">
400  <div class=\"box box-default\">
401  <div class=\"box-header\">
402  <h3 class=\"box-title\">$lang[MENU] $lang[FONT] <small>$lang[COLORS]</small></h3>
403  </div>
404  <div class=\"box-body\">
405  <!-- menu font colors -menucolor -->";
406  $template->getFormElements($db, $templateSettings, 10, $lang, $user);
407  echo "</div>
408  </div>
409  </div>
410 
411  <div class=\"col-md-3\">
412  <div class=\"box box-default\">
413  <div class=\"box-header\">
414  <h3 class=\"box-title\">$lang[MENU] $lang[BG] <small>$lang[COLORS]</small></h3>
415  </div>
416  <div class=\"box-body\">
417  <!-- menu background color -menubgcolor -->";
418  $template->getFormElements($db, $templateSettings, 11, $lang, $user);
419  echo "</div>
420  </div>
421  </div>
422 
423  <div class=\"col-md-3\">
424  <div class=\"box box-default\">
425  <div class=\"box-header\">
426  <h3 class=\"box-title\">$lang[MENU] $lang[DROPDOWN] <small>$lang[COLORS]</small></h3>
427  </div>
428  <div class=\"box-body\">
429  <!-- menu background color -menudropdowncolor -->";
430  $template->getFormElements($db, $templateSettings, 12, $lang, $user);
431  echo "
432  </div>
433  </div>
434  </div>
435 
436  <div class=\"col-md-3\">
437  <div class=\"box box-default\">
438  <div class=\"box-header\">
439  <h3 class=\"box-title\">$lang[MENU] $lang[NAVBAR] <small>$lang[POSITIONING]</small></h3>
440  </div>
441  <div class=\"box-body\">
442  <!-- menu navbar margin top -navbar-marginTop -->";
443  $template->getFormElements($db, $templateSettings, 13, $lang, $user);
444  echo "
445  </div>
446  </div>
447  </div>
448  </div>
449 </div>
450 
451 <!-- WELL,LISTGROUP, JUMBOTRON -->
452 <div class=\"tab-pane fade in\" id=\"bootstrap\">
453  <h3>$lang[BOOTSTRAP3] <small>$lang[SETTINGS]</small></h3>
454  <div class=\"row animated fadeIn\">
455  <div class=\"col-md-3\">
456  <div class=\"box box-default\">
457  <div class=\"box-header\">
458  <h3 class=\"box-title\">$lang[WELL] $lang[BOX] <small>$lang[DESIGN]</small></h3>
459  </div>
460  <div class=\"box-body\">
461  <!-- well box design well- -->";
462  $template->getFormElements($db, $templateSettings, 14, $lang, $user);
463  echo "
464  </div>
465  </div>
466  </div>
467 
468  <div class=\"col-md-3\">
469  <div class=\"box box-default\">
470  <div class=\"box-header\">
471  <h3 class=\"box-title\">$lang[LIST_GROUP] <small>$lang[DESIGN]</small></h3>
472  </div>
473  <div class=\"box-body\">
474  <!-- listgroup design listgroup- -->";
475  $template->getFormElements($db, $templateSettings, 15, $lang, $user);
476  echo "
477  </div>
478  </div>
479  </div>
480 
481  <div class=\"col-md-3\">
482  <div class=\"box box-default\">
483  <div class=\"box-header\">
484  <h3 class=\"box-title\">$lang[JUMBOTRON] <small>$lang[BOX] $lang[DESIGN]</small></h3>
485  </div>
486  <div class=\"box-body\">
487  <!-- jumbotron design jumbotron- -->";
488  $template->getFormElements($db, $templateSettings, 16, $lang, $user);
489  echo "
490  </div>
491  </div>
492  </div>
493 
494  <div class=\"col-md-3\">
495  <div class=\"box box-default\">
496  <div class=\"box-header\">
497  <h3 class=\"box-title\">... <small>...</small></h3>
498  </div>
499  <div class=\"box-body\">
500 
501  </div>
502  </div>
503  </div>
504  </div>
505 </div>
506 
507 <!-- BUTTONS -->
508 <div class=\"tab-pane fade in\" id=\"buttons\">
509  <h3>$lang[FORMS] <small>$lang[AND] $lang[BUTTONS] </small></h3>
510  <div class=\"row animated fadeIn\">
511 
512  <div class=\"col-md-4\">
513  <!-- btn basic settings -->
514  <div class=\"box box-default\">
515  <div class=\"box-header\">
516  <h3 class=\"box-title\">$lang[BUTTON] <small>$lang[FONT] $lang[AND] $lang[BORDER] $lang[SETTINGS]</small></h3>
517  </div>
518  <div class=\"box-body\">
519  <!-- btn settings btn- -->";
520  $template->getFormElements($db, $templateSettings, 17, $lang, $user);
521  echo "
522  </div>
523  </div>
524  </div>
525 
526  <div class=\"col-md-4\">
527  <div class=\"box box-default\">
528  <div class=\"box-header\">
529  <h3 class=\"box-title\">$lang[FORM] <small>$lang[SETTINGS]</small></h3>
530  </div>
531  <div class=\"box-body\">
532  <!-- form settings form- -->";
533  $template->getFormElements($db, $templateSettings, 25, $lang, $user);
534  echo "
535  </div>
536  </div>
537  </div>
538 
539  <div class=\"col-md-4\">
540  <div class=\"box box-default\">
541  <div class=\"box-header\">
542  <h3 class=\"box-title\">$lang[FORM] <small>$lang[SETTINGS]</small></h3>
543  </div>
544  <div class=\"box-body\">
545  <!-- form settings form- -->";
546  $template->getFormElements($db, $templateSettings, 51, $lang, $user);
547  echo "
548  </div>
549  </div>
550  </div>
551  </div>
552 
553  <div class=\"row animated fadeIn\">
554  <div class=\"col-md-2\">
555  <div class=\"box box-default\">
556  <div class=\"box-header\">
557  <h3 class=\"box-title\">Default <small>Button</small></h3>
558  </div>
559  <div class=\"box-body\">
560  <!-- btn default btn-default -->";
561  $template->getFormElements($db, $templateSettings, 18, $lang, $user);
562  echo "
563  </div>
564  </div>
565  </div>
566  <div class=\"col-md-2\">
567  <div class=\"box box-default\">
568  <div class=\"box-header\">
569  <h3 class=\"box-title\">Primary <small>Button</small></h3>
570  </div>
571  <div class=\"box-body\">
572  <!-- btn primary btn-primary -->";
573  $template->getFormElements($db, $templateSettings, 19, $lang, $user);
574  echo "
575  </div>
576  </div>
577  </div>
578  <div class=\"col-md-2\">
579  <div class=\"box box-default\">
580  <div class=\"box-header\">
581  <h3 class=\"box-title\">Success <small>Button</small></h3>
582  </div>
583  <div class=\"box-body\">
584  <!-- btn success btn-success -->";
585  $template->getFormElements($db, $templateSettings, 20, $lang, $user);
586  echo "
587  </div>
588  </div>
589  </div>
590  <div class=\"col-md-2\">
591  <div class=\"box box-default\">
592  <div class=\"box-header\">
593  <h3 class=\"box-title\">Warning <small>Button</small></h3>
594  </div>
595  <div class=\"box-body\">
596  <!-- btn warning btn-warning -->";
597  $template->getFormElements($db, $templateSettings, 21, $lang, $user);
598  echo "
599  </div>
600  </div>
601  </div>
602  <div class=\"col-md-2\">
603  <div class=\"box box-default\">
604  <div class=\"box-header\">
605  <h3 class=\"box-title\">Danger <small>Button</small></h3>
606  </div>
607  <div class=\"box-body\">
608  <!-- btn danger btn-danger -->";
609  $template->getFormElements($db, $templateSettings, 22, $lang, $user);
610  echo "
611  </div>
612  </div>
613  </div>
614  <div class=\"col-md-2\">
615  <div class=\"box box-default\">
616  <div class=\"box-header\">
617  <h3 class=\"box-title\">Info <small>Button</small></h3>
618  </div>
619  <div class=\"box-body\">
620  <!-- btn info btn-info -->";
621  $template->getFormElements($db, $templateSettings, 23, $lang, $user);
622  echo "
623  </div>
624  </div>
625  </div>
626  </div>
627 </div>
628 
629 <!-- IMAGES -->
630 <div class=\"tab-pane fade in\" id=\"images\">
631  <h3>$lang[IMAGE] <small>$lang[SETTINGS]</small></h3>
632  <div class=\"row animated fadeIn\">
633  <div class=\"col-md-3\">
634  <div class=\"box box-default\">
635  <div class=\"box-header\">
636  <h3 class=\"box-title\">$lang[IMAGE] <small>$lang[EFFECTS]</small></h3>
637  </div>
638  <div class=\"box-body\">
639  <!-- image settings img- -->";
640  $template->getFormElements($db, $templateSettings, 24, $lang, $user);
641  echo "
642  </div>
643  </div>
644  </div>
645 
646  <div class=\"col-md-3\">
647  <div class=\"box box-default\">
648  <div class=\"box-header\">
649  <h3 class=\"box-title\">Any other thing <small>here...</small></h3>
650  </div>
651  <div class=\"box-body\">
652 
653  </div>
654  </div>
655  </div>
656 
657  <div class=\"col-md-3\">
658  <div class=\"box box-default\">
659  <div class=\"box-header\">
660  <h3 class=\"box-title\">Any other thing <small>here...</small></h3>
661  </div>
662  <div class=\"box-body\">
663 
664  </div>
665  </div>
666  </div>
667  </div>
668 </div>";
669  }
670  else if ($template->bootstrapVersion == "4")
671  {
672  echo"<!-- NAVBAR -->
673 <div class=\"tab-pane fade in\" id=\"bs4-navbar\">
674  <h3>$lang[NAVBAR] <small>$lang[GLOBALMENU] $lang[SETTINGS]</small></h3>
675  <div class=\"row animated fadeIn\">
676  <div class=\"col-md-3\">
677  <div class=\"box box-default\">
678  <div class=\"box-header\">
679  <h3 class=\"box-title\">$lang[MENU] $lang[FONT] <small>$lang[COLORS]</small></h3>
680  <div class=\"text-center\">
681  <button id=\"btn-navbar-light\" class=\"btn btn-light\">Navbar Light</button>&nbsp;&nbsp;
682  <button id=\"btn-navbar-dark\" class=\"btn btn-dark\">Navbar Dark</button>
683  </div>
684  </div>
685  <div class=\"box-body\">
686  <!-- menu font colors -menucolor -->";
687  $template->getFormElements($db, $templateSettings, 10, $lang, $user);
688  echo "</div>
689  </div>
690  </div>
691 
692  <div class=\"col-md-3\">
693  <div class=\"box box-default\">
694  <div class=\"box-header\">
695  <h3 class=\"box-title\">$lang[MENU] $lang[BG] <small>$lang[AND_BORDER]</small></h3>
696  </div>
697  <div class=\"box-body\">
698  <!-- menu background color -menubgcolor -->";
699  $template->getFormElements($db, $templateSettings, 11, $lang, $user);
700  echo "</div>
701  </div>
702  </div>
703 
704  <div class=\"col-md-3\">
705  <div class=\"box box-default\">
706  <div class=\"box-header\">
707  <h3 class=\"box-title\">$lang[MENU] $lang[DROPDOWN] <small>$lang[COLORS]</small></h3>
708  </div>
709  <div class=\"box-body\">
710  <!-- menu background color -menudropdowncolor -->";
711  $template->getFormElements($db, $templateSettings, 12, $lang, $user);
712  echo "
713  </div>
714  </div>
715  </div>
716 
717  <div class=\"col-md-3\">
718  <div class=\"box box-default\">
719  <div class=\"box-header\">
720  <h3 class=\"box-title\">$lang[MENU] $lang[NAVBAR] <small>$lang[POSITIONING]</small></h3>
721  </div>
722  <div class=\"box-body\">
723  <!-- menu navbar margin top -navbar-marginTop -->";
724  $template->getFormElements($db, $templateSettings, 13, $lang, $user);
725  echo "
726  </div>
727  </div>
728  </div>
729  </div>
730 </div>";
731 
732  echo"<!-- IMAGES -->
733 <div class=\"tab-pane fade in\" id=\"images\">
734  <h3>$lang[IMAGE] <small>$lang[SETTINGS]</small></h3>
735  <div class=\"row animated fadeIn\">
736  <div class=\"col-md-3\">
737  <div class=\"box box-default\">
738  <div class=\"box-header\">
739  <h3 class=\"box-title\">$lang[IMAGE] <small>$lang[EFFECTS]</small></h3>
740  </div>
741  <div class=\"box-body\">
742  <!-- image settings img- -->";
743  $template->getFormElements($db, $templateSettings, 24, $lang, $user);
744  echo "
745  </div>
746  </div>
747  </div>
748 
749  <div class=\"col-md-3\">
750  <div class=\"box box-default\">
751  <div class=\"box-header\">
752  <h3 class=\"box-title\">$lang[JUMBOTRON] <small>$lang[SETTINGS]</small></h3>
753  </div>
754  <div class=\"box-body\">
755  <!-- jumbotron settings bs4 -->";
756  $template->getFormElements($db, $templateSettings, 16, $lang, $user);
757  echo"</div>
758  </div>
759  </div>
760 
761  <div class=\"col-md-3\">
762  <div class=\"box box-default\">
763  <div class=\"box-header\">
764  <h3 class=\"box-title\">$lang[LIST_GROUP] <small>$lang[SETTINGS]</small></h3>
765  </div>
766  <div class=\"box-body\">";
767  $template->getFormElements($db, $templateSettings, 15, $lang, $user);
768  echo"</div>
769  </div>
770  </div>
771  </div>
772 </div>";
773 
774  echo "<!-- CARDS TAB -->
775 <div class=\"tab-pane fade in\" id=\"bs4-cards\">
776  <h3>$lang[BOOTSTRAP4] <small>$lang[CARDS]</small></h3>
777  <div class=\"row animated fadeIn\">
778  <div class=\"col-md-3\">
779  <div class=\"box box-default\">
780  <div class=\"box-header\">
781  <h3 class=\"box-title\">$lang[CARDS] <small>$lang[BODY]</small></h3>
782  </div>
783  <div class=\"box-body\">
784  <!-- card body -->";
785  $template->getFormElements($db, $templateSettings, 60, $lang, $user);
786  echo "
787  </div>
788  </div>
789  </div>
790 
791  <div class=\"col-md-3\">
792  <div class=\"box box-default\">
793  <div class=\"box-header\">
794  <h3 class=\"box-title\">$lang[CARDS] <small>$lang[HEADER]</small></h3>
795  </div>
796  <div class=\"box-body\">
797  <!-- card header -->";
798  $template->getFormElements($db, $templateSettings, 59, $lang, $user);
799  echo "
800  </div>
801  </div>
802  </div>
803 
804  <div class=\"col-md-3\">
805  <div class=\"box box-default\">
806  <div class=\"box-header\">
807  <h3 class=\"box-title\">$lang[CARDS] <small>$lang[FOOTER]</small></h3>
808  </div>
809  <div class=\"box-body\">
810  <!-- card footer -->";
811  $template->getFormElements($db, $templateSettings, 61, $lang, $user);
812  echo "
813  </div>
814  </div>
815  </div>
816 
817  <div class=\"col-md-3\">
818  <div class=\"box box-default\">
819  <div class=\"box-header\">
820  <h3 class=\"box-title\">$lang[CARDS] <small>$lang[SETTINGS]</small></h3>
821  </div>
822  <div class=\"box-body\">
823  <!-- card link settings -->";
824  $template->getFormElements($db, $templateSettings, 58, $lang, $user);
825  echo "
826  </div>
827  </div>
828  </div>
829  </div>
830 </div>";
831 
832 
833  echo"<!-- BUTTONS -->
834 <div class=\"tab-pane fade in\" id=\"buttons\">
835  <h3>$lang[FORMS] <small>$lang[AND] $lang[BUTTONS] </small></h3>
836  <div class=\"row animated fadeIn\">
837 
838  <div class=\"col-md-4\">
839  <!-- btn basic settings -->
840  <div class=\"box box-default\">
841  <div class=\"box-header\">
842  <h3 class=\"box-title\">$lang[BUTTON] <small>$lang[FONT] $lang[AND] $lang[BORDER] $lang[SETTINGS]</small></h3>
843  </div>
844  <div class=\"box-body\">
845  <!-- btn settings btn- -->";
846  $template->getFormElements($db, $templateSettings, 17, $lang, $user);
847  echo "
848  </div>
849  </div>
850  </div>
851 
852  <div class=\"col-md-4\">
853  <div class=\"box box-default\">
854  <div class=\"box-header\">
855  <h3 class=\"box-title\">$lang[FORM] <small>$lang[SETTINGS]</small></h3>
856  </div>
857  <div class=\"box-body\">
858  <!-- form settings form- -->";
859  $template->getFormElements($db, $templateSettings, 25, $lang, $user);
860  echo "
861  </div>
862  </div>
863  </div>
864 
865  <div class=\"col-md-4\">
866  <div class=\"box box-default\">
867  <div class=\"box-header\">
868  <h3 class=\"box-title\">$lang[FORM] <small>$lang[SETTINGS]</small></h3>
869  </div>
870  <div class=\"box-body\">
871  <!-- form settings form- -->";
872  $template->getFormElements($db, $templateSettings, 51, $lang, $user);
873  echo "
874  </div>
875  </div>
876  </div>
877  </div>
878 
879  <div class=\"row animated fadeIn\">
880  <div class=\"col-md-2\">
881  <div class=\"box box-default\">
882  <div class=\"box-header\">
883  <h3 class=\"box-title\">Default <small>Button</small></h3>
884  </div>
885  <div class=\"box-body\">
886  <!-- btn default btn-default -->";
887  $template->getFormElements($db, $templateSettings, 18, $lang, $user);
888  echo "
889  </div>
890  </div>
891  </div>
892  <div class=\"col-md-2\">
893  <div class=\"box box-default\">
894  <div class=\"box-header\">
895  <h3 class=\"box-title\">Primary <small>Button</small></h3>
896  </div>
897  <div class=\"box-body\">
898  <!-- btn primary btn-primary -->";
899  $template->getFormElements($db, $templateSettings, 19, $lang, $user);
900  echo "
901  </div>
902  </div>
903  </div>
904  <div class=\"col-md-2\">
905  <div class=\"box box-default\">
906  <div class=\"box-header\">
907  <h3 class=\"box-title\">Success <small>Button</small></h3>
908  </div>
909  <div class=\"box-body\">
910  <!-- btn success btn-success -->";
911  $template->getFormElements($db, $templateSettings, 20, $lang, $user);
912  echo "
913  </div>
914  </div>
915  </div>
916  <div class=\"col-md-2\">
917  <div class=\"box box-default\">
918  <div class=\"box-header\">
919  <h3 class=\"box-title\">Warning <small>Button</small></h3>
920  </div>
921  <div class=\"box-body\">
922  <!-- btn warning btn-warning -->";
923  $template->getFormElements($db, $templateSettings, 21, $lang, $user);
924  echo "
925  </div>
926  </div>
927  </div>
928  <div class=\"col-md-2\">
929  <div class=\"box box-default\">
930  <div class=\"box-header\">
931  <h3 class=\"box-title\">Danger <small>Button</small></h3>
932  </div>
933  <div class=\"box-body\">
934  <!-- btn danger btn-danger -->";
935  $template->getFormElements($db, $templateSettings, 22, $lang, $user);
936  echo "
937  </div>
938  </div>
939  </div>
940  <div class=\"col-md-2\">
941  <div class=\"box box-default\">
942  <div class=\"box-header\">
943  <h3 class=\"box-title\">Info <small>Button</small></h3>
944  </div>
945  <div class=\"box-body\">
946  <!-- btn info btn-info -->";
947  $template->getFormElements($db, $templateSettings, 23, $lang, $user);
948  echo "
949  </div>
950  </div>
951  </div>
952  </div>
953 </div>";
954  }
955  ?>
956 
957  </div>
958 
959 
960  </div>
961  </div>
962 </form>
$lang
print $lang['FILEMAN_UPLOAD']
Definition: filemanager.php:385
YAWK\alert
Throws a fancy Bootstrap Alert (success, info, warning or danger)
Definition: alert.php:19
YAWK\backend
Backend class serves a few useful functions for the admin backend.
Definition: backend.php:27
YAWK\db
Mysqli database class; returns db connection object.
Definition: db.php:16
YAWK\language
The language class - support multilingual backend.
Definition: language.php:17
YAWK\settings
Settings class: get and set YaWK system settings.
Definition: settings.php:9
YAWK\template
The template controller - get and set template settings.
Definition: template.php:16
YAWK\user
The default user class. Provide all functions to handle the user object.
Definition: user.php:17
window
function window
Definition: fuckAdBlock.js:8
on
FuckAdBlock prototype on
Definition: fuckAdBlock.js:227
event
c jPlayer event
Definition: jquery.jplayer.min.js:16
type
type
Definition: menu-new.php:35
title
print $page title
Definition: page-edit.php:377
i
function i(e, t)
Definition: plyr.js:1
nbsp
<!-- backend language -->< h3 >< i class="fa fa-language"></i > & nbsp
Definition: settings-language.php:206
name
$template name
Definition: template-assets.php:26
$templateSettings
$templateSettings
Definition: template-redesign.php:298
$previewButton
$previewButton
Definition: template-redesign.php:296
$selectedTemplateID
if(!isset($template)) if(!isset($user)) if(!isset($_SESSION)||(empty($_SESSION))) $selectedTemplateID
Definition: template-redesign.php:292
ready
document ready(function() { $('a[data-confirm]').click(function(ev) { modal='#dataConfirmModal';var href=$(this).attr('href');var title=$(this).attr('title');var icon=$(this).attr('data-icon');if(!icon) { icon='fa fa-trash-o';} if(!$(modal).length) { $('body').append('< div id="dataConfirmModal" class="modal fade" role="dialog" aria-labelledby="dataConfirmLabel" aria-hidden="true">< div class="modal-dialog">< div class="modal-content">< div class="modal-header">< button type="button" class="close" data-dismiss="modal" aria-hidden="true">< i class="fa fa-times"></i ></button >< br >< div class="col-md-1">< h3 class="modal-title">< i class="'+icon+'"></i ></h3 ></div >< div class="col-md-11">< h3 class="modal-title" id="dataConfirmLabel">'+title+'</h3 ></div ></h3 ></div >< div class="modal-body"></div >< div class="modal-footer">< button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true">Abbrechen</button >< a type="button" class="btn btn-danger" id="dataConfirmOK">< i class="'+icon+'"></i > L &ouml;schen</a ></div ></div ></div ></div >');} $(modal).find('.modal-body').text($(this).attr('data-confirm'));$('#dataConfirmOK').attr('href', href);$(modal).modal({show:true});return false;});$('#terminateUser').click(function() { var terminate=window.confirm("ACHTUNG!\nDas wird Deinen Account permanent deaktivieren.\n"+"Bist Du Dir sicher, dass Du das tun willst?");if(terminate===true) { var terminateUser=window.confirm("Bist Du Dir wirklich ganz sicher?\n"+"Diese Aktion kann nicht rueckgaengig gemacht werden.");if(terminateUser===true) { $.get('system/templates/YaWK-bootstrap3/js/terminate-user.php', function(data) { if(data==="true") { setTimeout("window.location='logout.html'", 0);} else { alert("Fehler: "+data);} });} } });function dismissNotifications() { $.ajax({ url:'js/dismiss-notifications.php', type:'POST', success:function(data) { if(!data) { alert('Something went wrong!');return false;} } });$("#bell-label").fadeOut();$('#notification-header').html('You have 0 notifications');$('#notification-menu').fadeOut();} $("#dismiss").click(function() { dismissNotifications();});function disableButtons(delay) { $('#loginButton').removeClass().addClass('btn btn-success disabled').attr('id', 'LOGIN_FORBIDDEN');$('#resetPasswordButton').removeClass().addClass('btn btn-danger disabled');setTimeout(function() { $('#LOGIN_FORBIDDEN').attr('id', 'loginButton').removeClass().addClass('btn btn-success');$('#resetPasswordButton').removeClass().addClass('btn btn-danger');}, delay);} $("#loginButton").click(function(){ if($('#loginButton').length > 0) { if($('#loginButton').hasClass('btn') &&$('#loginButton').hasClass('btn-success') &&$('#loginButton').hasClass('disabled')) { } else { $("#loginForm").submit();disableButtons(10000);} } else if($('#LOGIN_FORBIDDEN').length > 0) { if($('#LOGIN_FORBIDDEN').hasClass('btn') &&$('#LOGIN_FORBIDDEN').hasClass('btn-success') &&$('#LOGIN_FORBIDDEN').hasClass('disabled')) { } else { } } });$("#blockedBtn").hover(function() { $("#blockedBtn").hide();$("#askBtn").fadeIn(820);});})