Home Explore Help
Sign In
LBP
/
iDashboard-PHP
mirror of https://github.com/causefx/iDashboard-PHP.git
4
0
Fork 0
Files Issues 0 Wiki
Tree: 1.06
Branches Tags
iDashboard-PHP
/
settings.php

settings.php 40 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920 
  1. <?php
    2. 

  2. 

  3. error_reporting (E_ALL ^ E_NOTICE);
    4. 

  4. 

  5. try {
    6. 

  6.     
    7. 

  7.     $config = parse_ini_file('settings.ini.php', true);
    8. 

  8. 

  9. } catch(Exception $e) {
    10. 

  10.     
    11. 

  11.     die('<b>Unable to read settings.ini.php. Did you rename it from example.ini.php?</b><br><br>Error message: ' .$e->getMessage());
    12. 

  12. 

  13. }
    14. 

  14. 

  15. function githubVersion (){
    16. 

  16.     
    17. 

  17.     $html = "https://github.com/causefx/iDashboard-PHP/releases/latest";
    18. 

  18.     
    19. 

  19.     $doc = new DOMDocument();
    20. 

  20.     
    21. 

  21.     $doc->loadHTMLFile($html);
    22. 

  22.     
    23. 

  23.     $xpath = new DomXpath($doc);
    24. 

  24. 

  25.     $version = $xpath->query('//span[@class="css-truncate-target"]')->item(0)->nodeValue;
    26. 

  26.     
    27. 

  27.     if(!isset($version)){
    28. 

  28. 

  29.         $version = "null";
    30. 

  30.     }
    31. 

  31.     
    32. 

  32.     return $version;
    33. 

  33.         
    34. 

  34. }
    35. 

  35. 

  36. $githubVersion = githubVersion();
    37. 

  37. 

  38. $currentVersion = "1.06";
    39. 

  39. 

  40. foreach ($config as $keyname => $section) {
    41. 

  41.     
    42. 

  42.     if(($keyname == "general")) {
    43. 

  43.         
    44. 

  44.         $cookiepass = $section["password"];
    45. 

  45.         
    46. 

  46.         $backgroundColor = $section["tabcolor"];
    47. 

  47.     
    48. 

  48.     }
    49. 

  49.     
    50. 

  50. }
    51. 

  51. 

  52. if($currentVersion == $githubVersion){
    53. 

  53.     
    54. 

  54.     $versionText = "You're Up-To-Date!";
    55. 

  55.     $versionIcon = "check";
    56. 

  56.     $versionColor = "#5cb85c";
    57. 

  57.     
    58. 

  58. }elseif($githubVersion == "null"){
    59. 

  59.     
    60. 

  60.     $versionText = "Failed to check for update!";
    61. 

  61.     $versionIcon = "question";
    62. 

  62.     $versionColor = "#f0ad4e";
    63. 

  63.     
    64. 

  64. }elseif($currentVersion < $githubVersion){
    65. 

  65.     
    66. 

  66.     $versionText = "New Version is out <a href=\"https://github.com/causefx/iDashboard-PHP/archive/master.zip\"> Download Here</a>";
    67. 

  67.     $versionIcon = "times";
    68. 

  68.     $versionColor = "#d9534f";
    69. 

  69.     
    70. 

  70. }
    71. 

  71. 

  72. if($_COOKIE["logged"] !== $cookiepass){
    73. 

  73.     
    74. 

  74.     echo "<!DOCTYPE html>";
    75. 

  75.     echo "<head>";
    76. 

  76.     echo "<title>Form submitted</title>";
    77. 

  77.     echo "<script type='text/javascript'>window.location.replace('setup.php');</script>";
    78. 

  78.     echo "</head>";
    79. 

  79.     echo "<body></body></html>";
    80. 

  80.     die;
    81. 

  81. 

  82. }
    83. 

  83. 

  84. if(isset($_GET["action"])){$action = $_GET["action"];}
    85. 

  85. 

  86. if($action == "logout"){
    87. 

  87.     
    88. 

  88.     if (isset($_COOKIE['logged'])) {
    89. 

  89.         
    90. 

  90.         unset($_COOKIE['logged']);
    91. 

  91.         setcookie('logged', '', time() - 3600, '/');
    92. 

  92.         
    93. 

  93.     }
    94. 

  94.     
    95. 

  95.     sleep(.5);
    96. 

  96.     echo "<!DOCTYPE html>";
    97. 

  97.     echo "<head>";
    98. 

  98.     echo "<title>Logout</title>";
    99. 

  99.     echo "<script type='text/javascript'>window.parent.location.reload();</script>";
    100. 

  100.     echo "</head>";
    101. 

  101.     echo "<body></body></html>";
    102. 

  102.     
    103. 

  103. }
    104. 

  104. 

  105. if($action == "dontbugme"){
    106. 

  106. 

  107.     setcookie("dontbugme", "true", time() + (86400 * 365), "/");
    108. 

  108.     sleep(.5);
    109. 

  109.     echo "<!DOCTYPE html>";
    110. 

  110.     echo "<head>";
    111. 

  111.     echo "<title>Dont bug me scrub</title>";
    112. 

  112.     echo "<script type='text/javascript'>window.location.replace('settings.php');</script>";
    113. 

  113.     echo "</head>";
    114. 

  114.     echo "<body></body></html>";
    115. 

  115.     
    116. 

  116. }
    117. 

  117. 

  118. function write_ini_file($content, $path) { 
    119. 

  119. 

  120.     if (!$handle = fopen($path, 'w')) {
    121. 

  121.         
    122. 

  122.         
    123. 

  123.         return false; 
    124. 

  124.     }
    125. 

  125. 

  126.     $success = fwrite($handle, $content);
    127. 

  127.     fclose($handle); 
    128. 

  128.     return $success; 
    129. 

  129. 

  130. }
    131. 

  131. 

  132. $configfile = 'settings.ini.php';
    133. 

  133. 

  134. if(array_key_exists('category-0', $_POST) == true){
    135. 

  135.     
    136. 

  136.     foreach ($config as $keyname => $section) { if(($keyname == "general")) { $nopass = $section["password"]; } }
    137. 

  137.     if(empty($_POST["password-0"])){ $_POST["password-0"] = $nopass;}
    138. 

  138.     if(strlen($_POST["password-0"]) < 50){ $_POST["password-0"] = password_hash($_POST["password-0"], PASSWORD_DEFAULT); }     
    139. 

  139.     
    140. 

  140.     setcookie("logged", $_POST["password-0"], time() + (86400 * 7), "/");
    141. 

  141.     
    142. 

  142.     $sampleData .= '; <?php die("Access denied"); ?>' . "\r\n";
    143. 

  143.     
    144. 

  144.     $getGroup = 0;
    145. 

  145. 

  146.     foreach ($_POST as $parameter => $value) {
    147. 

  147.         
    148. 

  148.         $splitParameter = explode('-', $parameter);
    149. 

  149.         
    150. 

  150.         if ($value == "on")
    151. 

  151.             $value = "true";
    152. 

  152. 

  153.         if($splitParameter[0] == "group"){
    154. 

  154.             
    155. 

  155.             if($value > $getGroup){
    156. 

  156.                 
    157. 

  157.                 $getGroup++;
    158. 

  158.                 
    159. 

  159.             }
    160. 

  160.             
    161. 

  161.         }
    162. 

  162.         
    163. 

  163.         if($splitParameter[0] == "category"){
    164. 

  164.             
    165. 

  165.             $sampleData .= "[" . $value . "]\r\n";
    166. 

  166.         
    167. 

  167.         }else{
    168. 

  168.             
    169. 

  169.             $sampleData .= $splitParameter[0] . " = \"" . $value . "\"\r\n";
    170. 

  170.         
    171. 

  171.         }
    172. 

  172. 

  173.     }
    174. 

  174.     
    175. 

  175.     //$sampleData .= "[groups]\r\n";
    176. 

  176.     
    177. 

  177.     $sampleData .= "groups = \"" . $getGroup . "\"\r\n";
    178. 

  178. 

  179.     if($action == "write"){
    180. 

  180.         
    181. 

  181.         write_ini_file($sampleData, $configfile);
    182. 

  182.         sleep(.5);
    183. 

  183.         echo "<!DOCTYPE html>";
    184. 

  184.         echo "<head>";
    185. 

  185.         echo "<title>Form submitted</title>";
    186. 

  186.         echo "<script type='text/javascript'>window.parent.location.reload();</script>";
    187. 

  187.         echo "</head>";
    188. 

  188.         echo "<body></body></html>";
    189. 

  189.         
    190. 

  190.     }
    191. 

  191. 

  192. }
    193. 

  193.                                                 
    194. 

  194. ?>
    195. 

  195. 

  196. <!doctype html>
    197. 

  197. <html>
    198. 

  198. 

  199.     <head>
    200. 

  200. 

  201.         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    202. 

  202.         <meta name="apple-mobile-web-app-capable" content="yes" />
    203. 

  203.         <meta name="mobile-web-app-capable" content="yes" />
    204. 

  204.         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    205. 

  205.         <meta name="msapplication-tap-highlight" content="no" />
    206. 

  206.         <link rel="shortcut icon" href="favicon.ico" type="image/ico"/>
    207. 

  207.         <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css'>
    208. 

  208.         <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'>
    209. 

  209.         <!-- Bootstrap -->
    210. 

  210.         <link rel="stylesheet" href="css/bootstrap.min.css"/>
    211. 

  211.         <!-- Font Awesome -->
    212. 

  212.         <link rel="stylesheet" href="css/font-awesome.min.css"/>
    213. 

  213.         <!-- Bootstrap-Iconpicker -->
    214. 

  214.         <link rel="stylesheet" href="css/bootstrap-iconpicker.min.css"/>
    215. 

  215.         <!--test-->
    216. 

  216.         <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    217. 

  217.         <link href="css/bootstrap-colorpicker.min.css" rel="stylesheet">
    218. 

  218.         <!--end test-->
    219. 

  219.         
    220. 

  220.         <style>
    221. 

  221.             
    222. 

  222.             body {
    223. 

  223.                 margin: 10px;
    224. 

  224.                 background-color: <?=$backgroundColor;?>;
    225. 

  225.             }
    226. 

  226.             
    227. 

  227.             .well {
    228. 

  228.                 background-color: white;
    229. 

  229.             }
    230. 

  230. 

  231.             .fa {
    232. 

  232.                 min-width: 14px;
    233. 

  233.             }
    234. 

  234. 

  235.             .form-inline .form-control,
    236. 

  236.             .form-inline .btn {
    237. 

  237.                 margin-bottom: 8px;
    238. 

  238.             }
    239. 

  239. 

  240.             .form-group {
    241. 

  241.                 width: 100%;
    242. 

  242.             }
    243. 

  243. 

  244.             input[type=checkbox].css-checkbox {
    245. 

  245.                 position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
    246. 

  246.             }
    247. 

  247. 

  248.             input[type=checkbox].css-checkbox + label.css-label {
    249. 

  249.                 padding-left:55px;
    250. 

  250.                 height:30px; 
    251. 

  251.                 display:inline-block;
    252. 

  252.                 line-height:30px;
    253. 

  253.                 background-repeat:no-repeat;
    254. 

  254.                 background-position: 0 0;
    255. 

  255.                 font-size:14px;
    256. 

  256.                 vertical-align:middle;
    257. 

  257.                 cursor:pointer;
    258. 

  258.             }
    259. 

  259. 

  260.             input[type=checkbox].css-checkbox:checked + label.css-label {
    261. 

  261.                 background-position: 0 -30px;
    262. 

  262.             }
    263. 

  263.             label.css-label {
    264. 

  264.                 background-image:url(img/check.png);
    265. 

  265.                 -webkit-touch-callout: none;
    266. 

  266.                 -webkit-user-select: none;
    267. 

  267.                 -khtml-user-select: none;
    268. 

  268.                 -moz-user-select: none;
    269. 

  269.                 -ms-user-select: none;
    270. 

  270.                 user-select: none;
    271. 

  271.             }
    272. 

  272.             hr {
    273. 

  273.                 display: block;
    274. 

  274.                 height: 1px;
    275. 

  275.                 border: 0;
    276. 

  276.                 border-top: 1px solid #ccc;
    277. 

  277.                 margin: 1em 0 auto;
    278. 

  278.                 padding: 0;
    279. 

  279.             }
    280. 

  280.             
    281. 

  281.         </style>
    282. 

  282.         
    283. 

  283.     </head>
    284. 

  284.         
    285. 

  285.     <body> 
    286. 

  286. 

  287.         <form action="?action=write" method="post" name="adminForm" class="form-inline">
    288. 

  288. 

  289.             <?php if($_COOKIE["dontbugme"] !== "true"){
    290. 

  290.     
    291. 

  291.                 echo "<div class=\"alert alert-warning\">";
    292. 

  292.                 echo "<a href=\"#\" class=\"close\" data-dismiss=\"alert\" aria-label=\"close\">&times;</a>";
    293. 

  293.                 echo "<strong>Tip!</strong> Choose an option from below to change some settings. <strong><a href=\"?action=dontbugme\">Dont Remind Me Again!</a></strong></div>";
    294. 

  294.             
    295. 

  295.             }?>
    296. 

  296.             
    297. 

  297.             <div class="btn-group btn-group-justified">
    298. 

  298.                 
    299. 

  299.                 <div class="btn-group"><button data-toggle="collapse" data-target="#general" type="button" class="btn btn-primary">General</button></div>
    300. 

  300.                 <div class="btn-group"><button data-toggle="collapse" data-target="#color" type="button" class="btn btn-primary">Colors</button></div>
    301. 

  301.                 <div class="btn-group"><button data-toggle="collapse" data-target="#tabs" type="button" class="btn btn-primary">Tabs</button></div>
    302. 

  302.                 <div class="btn-group"><a href="?action=logout" class="btn btn-warning" role="button">Logout</a></div>
    303. 

  303.                 <div class="btn-group"><button type="submit" class="btn btn-success">Save</button></div>
    304. 

  304.                 
    305. 

  305.             </div>
    306. 

  306.             
    307. 

  307.             <?php foreach ($config as $keyname => $section) {
    308. 

  308.             
    309. 

  309.                 if(($keyname == "general")) {
    310. 

  310.                     
    311. 

  311.                     echo "<div id=\"general\" class=\"collapse\">";
    312. 

  312.                     echo "<div class=\"form-group clearfix well well-sm\" style=\"padding-bottom: 0px;p adding-top: 10px; margin-bottom: 5px; background-color: $versionColor\"><span class=\"btn btn-inactive \" type=\"button\"><span class=\"fa fa-$versionIcon\"></span></span> Current Version:[<strong>$currentVersion</strong>] - GitHub Version: [<strong>" . $githubVersion . "</strong>] - <strong>$versionText</strong></div>  <br>";
    313. 

  313.                     echo "<div class=\"form-group clearfix well well-sm\" style=\"padding-bottom: 0px; padding-top: 10px; margin-bottom: 5px;\">";
    314. 

  314.                     echo "<input type=\"hidden\" name=\"category-0\" class=\"form-control\" value=\"general\">";
    315. 

  315.                     echo "<input type=\"hidden\" name=\"version-0\" class=\"form-control\" value=\"$currentVersion\">";
    316. 

  316.                     echo "<span class=\"btn btn-inactive \" type=\"button\"><span class=\"fa fa-cog\"></span></span> ";
    317. 

  317.                     echo "<div style=\"margin-bottom: 8px\" class=\"input-group\"><div class=\"input-group-addon\">Title</div>";
    318. 

  318.                     echo "<input style=\"margin-bottom: 0px\" type=\"text\" name=\"title-0\" class=\"form-control\" value=\"" . $section["title"] ."\"></div> ";
    319. 

  319.                     echo "<div style=\"margin-bottom: 8px\" class=\"input-group\"><div class=\"input-group-addon\">Password</div>";
    320. 

  320.                     echo "<input style=\"margin-bottom: 0px\" type=\"password\" name=\"password-0\" class=\"form-control\" placeholder=\"Leave Blank if no change\" value=\"\"></div> ";
    321. 

  321.                     if($section['useicons'] == "true"){echo "<input type=\"checkbox\" name=\"useicons-0\" id=\"useicons-0\" class=\"css-checkbox\" checked> ";}else {echo "<input type=\"checkbox\" name=\"useicons-0\" id=\"useicons-0\" class=\"css-checkbox\"> ";}
    322. 

  322.                     echo "<label for=\"useicons-0\" class=\"css-label\">Icons</label>  ";
    323. 

  323.                     if($section['usemargins'] == "true"){echo "<input type=\"checkbox\" name=\"usemargins-0\" id=\"usemargins-0\" class=\"css-checkbox\" checked> ";}else {echo "<input type=\"checkbox\" name=\"usemargins-0\" id=\"usemargins-0\" class=\"css-checkbox\"> ";}
    324. 

  324.                     echo "<label for=\"usemargins-0\" class=\"css-label\">Margins</label>  </div></div>";
    325. 

  325.                     echo"<div id=\"color\" class=\"collapse\">";
    326. 

  326.                     echo "<div class=\"form-group clearfix well well-sm\" style=\"padding-bottom: 0px;p adding-top: 10px; margin-bottom: 5px;\">";
    327. 

  327.                     echo "<span class=\"btn btn-inactive \" type=\"button\"><span class=\"fa fa-eyedropper\"></span></span> ";
    328. 

  328.                     echo "<div style=\"margin-bottom: 8px\" id=\"bg\" class=\"input-group colorpicker-component\"><div class=\"input-group-addon\">Bg&nbsp;</div>";
    329. 

  329.                     echo "<input style=\"margin-bottom: 0px\" id=\"bgText\" name=\"bg-0\" type=\"text\" data-format=\"hex\" value=\"" . $section["bg"] ."\" class=\"form-control\"/>";
    330. 

  330.                     echo "<span class=\"input-group-addon\"><i></i></span>";
    331. 

  331.                     echo "</div>  ";
    332. 

  332.                     echo "<div style=\"margin-bottom: 8px\" id=\"tabborder\" class=\"input-group colorpicker-component\"><div class=\"input-group-addon\">Tab Border</div>";
    333. 

  333.                     echo "<input style=\"margin-bottom: 0px\" id=\"tabborderText\" name=\"tabborder-0\" type=\"text\" data-format=\"hex\" value=\"" . $section["tabborder"] ."\" class=\"form-control\"/>";
    334. 

  334.                     echo "<span class=\"input-group-addon\"><i></i></span>";
    335. 

  335.                     echo "</div>  ";
    336. 

  336.                     echo "<div style=\"margin-bottom: 8px\" id=\"tabhighlight\" class=\"input-group colorpicker-component\"><div class=\"input-group-addon\">Tab Highlight</div>";
    337. 

  337.                     echo "<input style=\"margin-bottom: 0px\" id=\"tabhighlightText\" name=\"tabhighlight-0\" type=\"text\" data-format=\"hex\" value=\"" . $section["tabhighlight"] ."\" class=\"form-control\"/>";
    338. 

  338.                     echo "<span class=\"input-group-addon\"><i></i></span>";
    339. 

  339.                     echo "</div>  ";
    340. 

  340.                     echo "<br><span class=\"btn btn-inactive \" type=\"button\"><span class=\"fa fa-paint-brush\"></span></span> ";
    341. 

  341.                     echo "<div style=\"margin-bottom: 8px\" id=\"tabcoloractive\" class=\"input-group colorpicker-component\"><div class=\"input-group-addon\">Tab</div>";
    342. 

  342.                     echo "<input style=\"margin-bottom: 0px\" id=\"tabcoloractiveText\" name=\"tabcoloractive-0\" type=\"text\" data-format=\"hex\" value=\"" . $section["tabcoloractive"] ."\" class=\"form-control\"/>";
    343. 

  343.                     echo "<span class=\"input-group-addon\"><i></i></span>";
    344. 

  344.                     echo "</div>  ";
    345. 

  345.                     echo "<div style=\"margin-bottom: 8px\" id=\"fontcoloractive\" class=\"input-group colorpicker-component\"><div class=\"input-group-addon\">Font Color</div>";
    346. 

  346.                     echo "<input style=\"margin-bottom: 0px\" id=\"fontcoloractiveText\" name=\"fontcoloractive-0\" type=\"text\" data-format=\"hex\" value=\"" . $section["fontcoloractive"] ."\" class=\"form-control\"/>";
    347. 

  347.                     echo "<span class=\"input-group-addon\"><i></i></span>";
    348. 

  348.                     echo "</div>  ";
    349. 

  349.                     echo "<div style=\"margin-bottom: 8px\" id=\"tabshadowactive\" class=\"input-group colorpicker-component\"><div class=\"input-group-addon\">Tab &nbsp;Shadow</div>";
    350. 

  350.                     echo "<input style=\"margin-bottom: 0px\" id=\"tabshadowactiveText\" name=\"tabshadowactive-0\" type=\"text\" data-format=\"hex\" value=\"" . $section["tabshadowactive"] ."\" class=\"form-control\"/>";
    351. 

  351.                     echo "<span class=\"input-group-addon\"><i></i></span>";
    352. 

  352.                     echo "</div>  ";
    353. 

  353.                     echo "<br><span class=\"btn btn-inactive disabled\" type=\"button\"><span class=\"fa fa-paint-brush\"></span></span> ";
    354. 

  354.                     echo "<div style=\"margin-bottom: 8px\" id=\"tabcolor\" class=\"input-group colorpicker-component\"><div class=\"input-group-addon\">Tab</div>";
    355. 

  355.                     echo "<input style=\"margin-bottom: 0px\" id=\"tabcolorText\" name=\"tabcolor-0\" type=\"text\" data-format=\"hex\" value=\"" . $section["tabcolor"] ."\" class=\"form-control\"/>";
    356. 

  356.                     echo "<span class=\"input-group-addon\"><i></i></span>";
    357. 

  357.                     echo "</div>  ";
    358. 

  358.                     echo "<div style=\"margin-bottom: 8px\" id=\"fontcolor\" class=\"input-group colorpicker-component\"><div class=\"input-group-addon\">Font Color</div>";
    359. 

  359.                     echo "<input style=\"margin-bottom: 0px\" id=\"fontcolorText\" name=\"fontcolor-0\" type=\"text\" data-format=\"hex\" value=\"" . $section["fontcolor"] ."\" class=\"form-control\"/>";
    360. 

  360.                     echo "<span class=\"input-group-addon\"><i></i></span>";
    361. 

  361.                     echo "</div> ";
    362. 

  362.                     echo "<div style=\"margin-bottom: 8px\" id=\"tabshadow\" class=\"input-group colorpicker-component\"><div class=\"input-group-addon\">Tab &nbsp;Shadow</div>";
    363. 

  363.                     echo "<input style=\"margin-bottom: 0px\" id=\"tabshadowText\" name=\"tabshadow-0\" type=\"text\" data-format=\"hex\" value=\"" . $section["tabshadow"] ."\" class=\"form-control\"/>";
    364. 

  364.                     echo "<span class=\"input-group-addon\"><i></i></span>";
    365. 

  365.                     echo "</div></div> ";
    366. 

  366.                     echo "<div class=\"form-group clearfix well well-sm\" style=\"padding-bottom: 0px;p adding-top: 10px; margin-bottom: 5px;\">";
    367. 

  367.                     echo "<span class=\"btn btn-inactive \" type=\"button\"><span class=\"fa fa-eye\"></span></span> ";
    368. 

  368.                     echo "<button onclick=\"defaultTheme()\" class=\"btn btn-default\">Default</button> ";
    369. 

  369.                     echo "<button onclick=\"plexTheme()\" class=\"btn btn-info\" style=\"background-color: #cc7c2a; border-color: #975c20;\">Plex</button> ";
    370. 

  370.                     echo "<button onclick=\"Theme1()\" class=\"btn btn-info\">Theme 1</button> ";
    371. 

  371.                     echo "<button onclick=\"Theme2()\" class=\"btn btn-success\">Theme 2</button> ";
    372. 

  372.                     echo "<button onclick=\"Theme3()\" class=\"btn btn-warning\">Theme 3</button> ";
    373. 

  373.                     echo "<button onclick=\"Theme4()\" class=\"btn btn-primary\">Theme 4</button> ";
    374. 

  374.                     echo "<button onclick=\"Theme5()\" class=\"btn btn-danger\">Theme 5</button> ";
    375. 

  375.                     echo "</div> </div>";
    376. 

  376.                     
    377. 

  377.                 }
    378. 

  378.             
    379. 

  379.             }?>
    380. 

  380.             
    381. 

  381.             <div id="tabs" class="collapse">
    382. 

  382.                 
    383. 

  383.                 <div class="btn-group"><button data-toggle="collapse" data-target="#groupnames" type="button" class="btn btn-primary">Edit Group Names</button></div>
    384. 

  384.                 
    385. 

  385.                 <div id="tagsForm" class="sortable">
    386. 

  386. 

  387.                     <?php $i = 0;
    388. 

  388.                     
    389. 

  389.                     foreach ($config as $keyname => $section) {
    390. 

  390. 

  391.                         if(($keyname !== "general") && ($keyname !== "groups")) {
    392. 

  392.                             
    393. 

  393.                             if(!isset($section['group'])){
    394. 

  394.                                 
    395. 

  395.                                 $section['group'] = "1";
    396. 

  396.                             
    397. 

  397.                             }?>  
    398. 

  398. 

  399.                             <div class="form-group clearfix well well-sm" style="padding-bottom: 0px; padding-top: 10px; margin-bottom: 5px;">
    400. 

  400.                                 
    401. 

  401.                                 <span class="btn btn-default move" type="button"><span class="fa fa-arrows"></span></span>
    402. 

  402.                                 
    403. 

  403.                                 <div style="margin-bottom: 8px" class="input-group">
    404. 

  404.                                     
    405. 

  405.                                     <div class="input-group-addon">Name</div>
    406. 

  406.                                     
    407. 

  407.                                     <input style="margin-bottom: 0px" type="text" name="category-<?=$i;?>" class="form-control" value="<?=$keyname;?>">
    408. 

  408.                                 
    409. 

  409.                                 </div>
    410. 

  410.                                 
    411. 

  411.                                 <div style="margin-bottom: 8px" class="input-group">
    412. 

  412.                                     
    413. 

  413.                                     <div class="input-group-addon">URL</div>
    414. 

  414.                                     
    415. 

  415.                                     <input style="margin-bottom: 0px" type="text" name="url-<?=$i;?>" class="form-control" placeholder="url" value="<?=$section['url']?>">
    416. 

  416.                                 
    417. 

  417.                                 </div>
    418. 

  418.                                 
    419. 

  419.                                 <div style="margin-bottom: 8px" class="input-group">
    420. 

  420.                                     
    421. 

  421.                                     <div class="input-group-addon">Group</div>
    422. 

  422.                                     
    423. 

  423.                                     <input style="margin-bottom: 0px; width: 35px" type="text" name="group-<?=$i;?>" class="form-control" placeholder="1" value="<?=$section['group']?>">
    424. 

  424.                                 
    425. 

  425.                                 </div>
    426. 

  426.                                 
    427. 

  427.                                 <button data-placement="left" data-cols="5" data-rows="5" class="btn btn-default" name="icon-<?=$i;?>" role="iconpicker" data-iconset="fontawesome" data-icon="<?=$section['icon']?>"></button>
    428. 

  428.                                 
    429. 

  429.                                 <?php if($section['default'] == "true"){echo '<input type="radio" name="default" checked>';}else {echo '<input type="radio" name="default">';}?> <label> Default</label>
    430. 

  430.                                 
    431. 

  431.                                 <?php if($section['enabled'] == "true"){echo '<input type="checkbox" name="enabled-' . $i .'" id="enabled-' . $keyname . '" class="css-checkbox" checked>';}else {echo '<input type="checkbox" name="enabled-' . $i .'" id="enabled-' . $keyname . '" class="css-checkbox">';}?>      
    432. 

  432.                                 <label for="enabled-<?=$keyname;?>" class="css-label">Enabled</label> 
    433. 

  433.                                 
    434. 

  434.                                 <?php if($section['guest'] == "true"){echo '<input type="checkbox" name="guest-' . $i .'" id="guest-' . $keyname . '" class="css-checkbox" checked>';}else {echo '<input type="checkbox" name="guest-' . $i .'" id="guest-' . $keyname . '" class="css-checkbox">';}?>
    435. 

  435.                                 <label for="guest-<?=$keyname;?>" class="css-label">Guest</label> &nbsp;&nbsp;
    436. 

  436.                                 
    437. 

  437.                                 <button style="float: right;" class="btn btn-danger deleteGroup" id="remScnt" type="button"><span class="fa fa-trash"></span></button>
    438. 

  438.                             
    439. 

  439.                             </div>
    440. 

  440. 

  441.                         <?php }
    442. 

  442.                         
    443. 

  443.                         $i++;
    444. 

  444.                         
    445. 

  445.                     }?>
    446. 

  446. 

  447.                 </div>
    448. 

  448.                 
    449. 

  449.                 <div id="groupnames" class="collapse">
    450. 

  450.                     
    451. 

  451.                     <input type="hidden" name="category-x" class="form-control" value="groups">
    452. 

  452.                 
    453. 

  453.                     <?php 
    454. 

  454.                     
    455. 

  455.                     $alphabet = range('A', 'Z');
    456. 

  456. 

  457.                     //echo $alphabet[3]; // returns D
    458. 

  458.                     //echo array_search('D', $alphabet); // returns 3
    459. 

  459.                     
    460. 

  460.                     foreach ($config as $keyname => $section) {
    461. 

  461. 

  462.                         if(($keyname == "groups")) {
    463. 

  463.                     
    464. 

  464.                             if($section['groups'] > count($section)){
    465. 

  465.                                 
    466. 

  466.                                 echo "<div class=\"form-group clearfix well well-sm\" style=\"padding-bottom: 0px; padding-top: 10px; margin-bottom: 5px;\">";                            
    467. 

  467.                                 
    468. 

  468.                                 foreach(range(1,$section['groups']) as $index) {
    469. 

  469.                                     
    470. 

  470.                                     echo "<span class=\"btn btn-inactive \" type=\"button\"><span class=\"fa fa-folder-open\"></span></span> ";
    471. 

  471.                                     
    472. 

  472.                                     echo "<div style=\"margin-bottom: 8px\" class=\"input-group\"><div class=\"input-group-addon\">Group-". $alphabet[$index - 1] . "</div>";
    473. 

  473.                                     
    474. 

  474.                                     echo "<input style=\"margin-bottom: 0px\" type=\"text\" name=\"group" . $alphabet[$index - 1] . "-xx\" class=\"form-control\" value=\"" . $section["title"] . "\"></div> <br>";
    475. 

  475. 

  476.                                 }
    477. 

  477.                                 
    478. 

  478.                                 echo "</div>";
    479. 

  479.                                 
    480. 

  480.                             }else{
    481. 

  481.                                 
    482. 

  482.                                 echo "<div class=\"form-group clearfix well well-sm\" style=\"padding-bottom: 0px; padding-top: 10px; margin-bottom: 5px;\">";                            
    483. 

  483.                                 
    484. 

  484.                                 foreach(range(1,$section['groups']) as $index) {
    485. 

  485.                                     
    486. 

  486.                                     $groupLetter = $alphabet[$index - 1];
    487. 

  487.                                     
    488. 

  488.                                     echo "<span class=\"btn btn-inactive \" type=\"button\"><span class=\"fa fa-folder-open\"></span></span> ";
    489. 

  489.                                     
    490. 

  490.                                     echo "<div style=\"margin-bottom: 8px\" class=\"input-group\"><div class=\"input-group-addon\">Group-" . $index . "</div>";
    491. 

  491.                                     
    492. 

  492.                                     echo "<input style=\"margin-bottom: 0px\" type=\"text\" name=\"group" . $groupLetter . "-xx\" class=\"form-control\" value=\"" . $section["group$groupLetter"] . "\"></div> <br>";
    493. 

  493. 

  494.                                 }
    495. 

  495.                                 
    496. 

  496.                                 echo "</div>";
    497. 

  497.                                 
    498. 

  498.                             }
    499. 

  499.                             
    500. 

  500.                         }
    501. 

  501.     
    502. 

  502.                     }?>
    503. 

  503.                 
    504. 

  504.                 </div>
    505. 

  505. 

  506.                 <div class="form-group clearfix">
    507. 

  507. 

  508.                     <button class="btn btn-primary" id="addScnt" type="button"><span class="fa fa-plus"></span></button> 
    509. 

  509. 

  510.                     <button class="btn btn-success" type="submit"> Save Settings </button>
    511. 

  511. 

  512.                 </div>
    513. 

  513.             
    514. 

  514.             </div>
    515. 

  515. 

  516.         </form>
    517. 

  517. 

  518.         <script type="text/javascript" src="https://code.jquery.com/jquery-1.4.3.min.js"></script>
    519. 

  519. 

  520.         <script>
    521. 

  521.             
    522. 

  522.             $(function () {
    523. 

  523.                 
    524. 

  524.                 $('#tabcoloractive').colorpicker({
    525. 

  525.                     
    526. 

  526.                     format: "hex",
    527. 

  527.                     align: "left",
    528. 

  528.                     colorSelectors: {
    529. 

  529.                         
    530. 

  530.                         '#777777': '#777777',
    531. 

  531.                         '#337ab7': '#337ab7',
    532. 

  532.                         '#5cb85c': '#5cb85c',
    533. 

  533.                         '#5bc0de': '#5bc0de',
    534. 

  534.                         '#f0ad4e': '#f0ad4e',
    535. 

  535.                         '#d9534f': '#d9534f'
    536. 

  536.                         
    537. 

  537.                     }
    538. 

  538.                     
    539. 

  539.                 });
    540. 

  540.                 
    541. 

  541.             });
    542. 

  542.             
    543. 

  543.         </script>
    544. 

  544.         
    545. 

  545.         <script>
    546. 

  546.             
    547. 

  547.             $(function () {
    548. 

  548.                 
    549. 

  549.                 $('#fontcoloractive').colorpicker({
    550. 

  550.                     
    551. 

  551.                     format: "hex",
    552. 

  552.                     align: "left",
    553. 

  553.                     colorSelectors: {
    554. 

  554.                         
    555. 

  555.                         '#777777': '#777777',
    556. 

  556.                         '#337ab7': '#337ab7',
    557. 

  557.                         '#5cb85c': '#5cb85c',
    558. 

  558.                         '#5bc0de': '#5bc0de',
    559. 

  559.                         '#f0ad4e': '#f0ad4e',
    560. 

  560.                         '#d9534f': '#d9534f'
    561. 

  561.                         
    562. 

  562.                     }
    563. 

  563.                     
    564. 

  564.                 });
    565. 

  565.                 
    566. 

  566.             });
    567. 

  567.             
    568. 

  568.         </script>
    569. 

  569.         
    570. 

  570.         <script>
    571. 

  571.             
    572. 

  572.             $(function () {
    573. 

  573.                 
    574. 

  574.                 $('#tabcolor').colorpicker({
    575. 

  575.                     
    576. 

  576.                     format: "hex",
    577. 

  577.                     align: "left",
    578. 

  578.                     colorSelectors: {
    579. 

  579.                         
    580. 

  580.                         '#777777': '#777777',
    581. 

  581.                         '#337ab7': '#337ab7',
    582. 

  582.                         '#5cb85c': '#5cb85c',
    583. 

  583.                         '#5bc0de': '#5bc0de',
    584. 

  584.                         '#f0ad4e': '#f0ad4e',
    585. 

  585.                         '#d9534f': '#d9534f'
    586. 

  586.                         
    587. 

  587.                     }
    588. 

  588.                     
    589. 

  589.                 });
    590. 

  590.                 
    591. 

  591.             });
    592. 

  592.             
    593. 

  593.         </script>
    594. 

  594.         
    595. 

  595.         <script>
    596. 

  596.             
    597. 

  597.             $(function () {
    598. 

  598.                 
    599. 

  599.                 $('#fontcolor').colorpicker({
    600. 

  600.                     
    601. 

  601.                     format: "hex",
    602. 

  602.                     align: "left",
    603. 

  603.                     colorSelectors: {
    604. 

  604.                         
    605. 

  605.                         '#777777': '#777777',
    606. 

  606.                         '#337ab7': '#337ab7',
    607. 

  607.                         '#5cb85c': '#5cb85c',
    608. 

  608.                         '#5bc0de': '#5bc0de',
    609. 

  609.                         '#f0ad4e': '#f0ad4e',
    610. 

  610.                         '#d9534f': '#d9534f'
    611. 

  611.                         
    612. 

  612.                     }
    613. 

  613.                     
    614. 

  614.                 });
    615. 

  615.                 
    616. 

  616.             });
    617. 

  617.             
    618. 

  618.         </script>
    619. 

  619.         
    620. 

  620.         <script>
    621. 

  621.             
    622. 

  622.             $(function () {
    623. 

  623.                 
    624. 

  624.                 $('#tabshadowactive').colorpicker({
    625. 

  625.                     
    626. 

  626.                     format: "hex",
    627. 

  627.                     align: "left",
    628. 

  628.                     colorSelectors: {
    629. 

  629.                         
    630. 

  630.                         '#777777': '#777777',
    631. 

  631.                         '#337ab7': '#337ab7',
    632. 

  632.                         '#5cb85c': '#5cb85c',
    633. 

  633.                         '#5bc0de': '#5bc0de',
    634. 

  634.                         '#f0ad4e': '#f0ad4e',
    635. 

  635.                         '#d9534f': '#d9534f'
    636. 

  636.                         
    637. 

  637.                     }
    638. 

  638.                     
    639. 

  639.                 });
    640. 

  640.                 
    641. 

  641.             });
    642. 

  642.             
    643. 

  643.         </script>
    644. 

  644.         
    645. 

  645.         <script>
    646. 

  646.             
    647. 

  647.             $(function () {
    648. 

  648.                 
    649. 

  649.                 $('#tabshadow').colorpicker({
    650. 

  650.                     
    651. 

  651.                     format: "hex",
    652. 

  652.                     align: "left",
    653. 

  653.                     colorSelectors: {
    654. 

  654.                         
    655. 

  655.                         '#777777': '#777777',
    656. 

  656.                         '#337ab7': '#337ab7',
    657. 

  657.                         '#5cb85c': '#5cb85c',
    658. 

  658.                         '#5bc0de': '#5bc0de',
    659. 

  659.                         '#f0ad4e': '#f0ad4e',
    660. 

  660.                         '#d9534f': '#d9534f'
    661. 

  661.                         
    662. 

  662.                     }
    663. 

  663.                     
    664. 

  664.                 });
    665. 

  665.                 
    666. 

  666.             });
    667. 

  667.             
    668. 

  668.         </script>
    669. 

  669.         
    670. 

  670.         <script>
    671. 

  671.             
    672. 

  672.             $(function () {
    673. 

  673.                 
    674. 

  674.                 $('#tabborder').colorpicker({
    675. 

  675.                     
    676. 

  676.                     format: "hex",
    677. 

  677.                     align: "left",
    678. 

  678.                     colorSelectors: {
    679. 

  679.                         
    680. 

  680.                         '#777777': '#777777',
    681. 

  681.                         '#337ab7': '#337ab7',
    682. 

  682.                         '#5cb85c': '#5cb85c',
    683. 

  683.                         '#5bc0de': '#5bc0de',
    684. 

  684.                         '#f0ad4e': '#f0ad4e',
    685. 

  685.                         '#d9534f': '#d9534f'
    686. 

  686.                         
    687. 

  687.                     }
    688. 

  688.                     
    689. 

  689.                 });
    690. 

  690.                 
    691. 

  691.             });
    692. 

  692.             
    693. 

  693.         </script>
    694. 

  694.         
    695. 

  695.         <script>
    696. 

  696.             
    697. 

  697.             $(function () {
    698. 

  698.                 
    699. 

  699.                 $('#bg').colorpicker({
    700. 

  700.                     
    701. 

  701.                     format: "hex",
    702. 

  702.                     align: "left",
    703. 

  703.                     colorSelectors: {
    704. 

  704.                         
    705. 

  705.                         '#777777': '#777777',
    706. 

  706.                         '#337ab7': '#337ab7',
    707. 

  707.                         '#5cb85c': '#5cb85c',
    708. 

  708.                         '#5bc0de': '#5bc0de',
    709. 

  709.                         '#f0ad4e': '#f0ad4e',
    710. 

  710.                         '#d9534f': '#d9534f'
    711. 

  711.                         
    712. 

  712.                     }
    713. 

  713.                     
    714. 

  714.                 });
    715. 

  715.                 
    716. 

  716.             });
    717. 

  717.             
    718. 

  718.         </script>
    719. 

  719.         
    720. 

  720.         <script>
    721. 

  721.             
    722. 

  722.             $(function () {
    723. 

  723.                 
    724. 

  724.                 $('#tabhighlight').colorpicker({
    725. 

  725.                     
    726. 

  726.                     format: "hex",
    727. 

  727.                     align: "left",
    728. 

  728.                     colorSelectors: {
    729. 

  729.                         
    730. 

  730.                         '#777777': '#777777',
    731. 

  731.                         '#337ab7': '#337ab7',
    732. 

  732.                         '#5cb85c': '#5cb85c',
    733. 

  733.                         '#5bc0de': '#5bc0de',
    734. 

  734.                         '#f0ad4e': '#f0ad4e',
    735. 

  735.                         '#d9534f': '#d9534f'
    736. 

  736.                         
    737. 

  737.                     }
    738. 

  738.                     
    739. 

  739.                 });
    740. 

  740.                 
    741. 

  741.             });
    742. 

  742.             
    743. 

  743.         </script>
    744. 

  744.         
    745. 

  745.         <script type='text/javascript'>
    746. 

  746. 

  747.             $(function() {
    748. 

  748.                 
    749. 

  749.                 var scntDiv = $('#tagsForm');
    750. 

  750.                 var i = <?=$i?>;
    751. 

  751. 

  752.                 $('#addScnt').on('click', function() {
    753. 

  753.                     
    754. 

  754.                     $('<div class="form-group clearfix ui-sortable-handle well well-sm" style="padding-bottom: 0px; padding-top: 10px; margin-bottom: 5px;"> <span class="btn btn-default move" type="button"><span class="fa fa-arrows"></span></span> <div style="margin-bottom: 8px" class="input-group"><div class="input-group-addon">Name</div><input style="margin-bottom: 0px" name="category-' + i +'" class="form-control" placeholder="Tag" value="New Tab"></div> <div style="margin-bottom: 8px" class="input-group"><div class="input-group-addon">URL</div><input style="margin-bottom: 0px" type="text" name="url-' + i +'" class="form-control" placeholder="url" value="Add URL"></div> <div style="margin-bottom: 8px" class="input-group"><div class="input-group-addon">Group</div><input style="margin-bottom: 0px; width: 35px" type="text" name="group-' + i +'" class="form-control" placeholder="1" value="1"></div> <button data-placement="left" data-cols="5" data-rows="5" class="btn btn-default iconpicker" name="icon-' + i +'" role="iconpicker" data-iconset="fontawesome" data-icon="fa-question"><i class="fa fa-play-circle-o"></i><input type="hidden" name="icon-' + i +'" value="fa-play-circle-o"><span class="caret"></span></button> <input type="radio" name="default"> <label> Default</label><input type="checkbox" name="enabled-' + i +'" id="enabled-' + i +'" class="css-checkbox" checked> <label for="enabled-' + i +'" class="css-label">Enabled</label> <input type="checkbox" name="guest-' + i +'" id="guest-' + i +'" class="css-checkbox"> <label for="guest-' + i +'" class="css-label">Guest</label> <button style="float: right" class="btn btn-danger deleteGroup" id="remScnt" type="button"><span class="fa fa-trash"></span></button></div>').appendTo(scntDiv);
    755. 

  755.                     i++;    
    756. 

  756.                     return false;
    757. 

  757. 

  758.                 });
    759. 

  759. 

  760.                 $(document).on('click','#remScnt', function() {
    761. 

  761. 

  762.                     $(this).closest('div').remove();
    763. 

  763.                     i--;
    764. 

  764. 

  765.                     return false;
    766. 

  766.                     
    767. 

  767.                 });
    768. 

  768. 

  769.             });
    770. 

  770. 

  771.         </script>
    772. 

  772.         
    773. 

  773.         <script>
    774. 

  774.             
    775. 

  775.             function defaultTheme() {
    776. 

  776.                 
    777. 

  777.                 document.getElementById("bgText").value = "#f2f2f2";
    778. 

  778.                 document.getElementById("tabborderText").value = "#cecece";
    779. 

  779.                 document.getElementById("tabhighlightText").value = "#f44343";
    780. 

  780.                 document.getElementById("tabcoloractiveText").value = "#ffffff";
    781. 

  781.                 document.getElementById("fontcoloractiveText").value = "#f44343";
    782. 

  782.                 document.getElementById("tabshadowactiveText").value = "#808080";
    783. 

  783.                 document.getElementById("tabcolorText").value = "#ffffff";
    784. 

  784.                 document.getElementById("fontcolorText").value = "#000000";
    785. 

  785.                 document.getElementById("tabshadowText").value = "#c7c6c6";
    786. 

  786.                 
    787. 

  787.             }
    788. 

  788.         </script>
    789. 

  789.         
    790. 

  790.         <script>
    791. 

  791.             
    792. 

  792.             function Theme1() {
    793. 

  793.                 
    794. 

  794.                 document.getElementById("bgText").value = "#d1d1d1";
    795. 

  795.                 document.getElementById("tabborderText").value = "#ffffff";
    796. 

  796.                 document.getElementById("tabhighlightText").value = "#5bc0de";
    797. 

  797.                 document.getElementById("tabcoloractiveText").value = "#ffffff";
    798. 

  798.                 document.getElementById("fontcoloractiveText").value = "#000000";
    799. 

  799.                 document.getElementById("tabshadowactiveText").value = "#777777";
    800. 

  800.                 document.getElementById("tabcolorText").value = "#5bc0de";
    801. 

  801.                 document.getElementById("fontcolorText").value = "#ffffff";
    802. 

  802.                 document.getElementById("tabshadowText").value = "#777777";
    803. 

  803.                 
    804. 

  804.             }
    805. 

  805.         </script>
    806. 

  806.         
    807. 

  807.         <script>
    808. 

  808.             
    809. 

  809.             function Theme2() {
    810. 

  810.                 
    811. 

  811.                 document.getElementById("bgText").value = "#d1d1d1";
    812. 

  812.                 document.getElementById("tabborderText").value = "#ffffff";
    813. 

  813.                 document.getElementById("tabhighlightText").value = "#5cb85c";
    814. 

  814.                 document.getElementById("tabcoloractiveText").value = "#ffffff";
    815. 

  815.                 document.getElementById("fontcoloractiveText").value = "#000000";
    816. 

  816.                 document.getElementById("tabshadowactiveText").value = "#777777";
    817. 

  817.                 document.getElementById("tabcolorText").value = "#5cb85c";
    818. 

  818.                 document.getElementById("fontcolorText").value = "#ffffff";
    819. 

  819.                 document.getElementById("tabshadowText").value = "#777777";
    820. 

  820.                 
    821. 

  821.             }
    822. 

  822.             
    823. 

  823.         </script>
    824. 

  824.         
    825. 

  825.         <script>
    826. 

  826.             
    827. 

  827.             function Theme3() {
    828. 

  828.                 
    829. 

  829.                 document.getElementById("bgText").value = "#d1d1d1";
    830. 

  830.                 document.getElementById("tabborderText").value = "#ffffff";
    831. 

  831.                 document.getElementById("tabhighlightText").value = "#f0ad4e";
    832. 

  832.                 document.getElementById("tabcoloractiveText").value = "#ffffff";
    833. 

  833.                 document.getElementById("fontcoloractiveText").value = "#000000";
    834. 

  834.                 document.getElementById("tabshadowactiveText").value = "#777777";
    835. 

  835.                 document.getElementById("tabcolorText").value = "#f0ad4e";
    836. 

  836.                 document.getElementById("fontcolorText").value = "#ffffff";
    837. 

  837.                 document.getElementById("tabshadowText").value = "#777777";
    838. 

  838.                 
    839. 

  839.             }
    840. 

  840.             
    841. 

  841.         </script>
    842. 

  842.         
    843. 

  843.         <script>
    844. 

  844.             function Theme4() {
    845. 

  845.                 
    846. 

  846.                 document.getElementById("bgText").value = "#d1d1d1";
    847. 

  847.                 document.getElementById("tabborderText").value = "#ffffff";
    848. 

  848.                 document.getElementById("tabhighlightText").value = "#337ab7";
    849. 

  849.                 document.getElementById("tabcoloractiveText").value = "#ffffff";
    850. 

  850.                 document.getElementById("fontcoloractiveText").value = "#000000";
    851. 

  851.                 document.getElementById("tabshadowactiveText").value = "#777777";
    852. 

  852.                 document.getElementById("tabcolorText").value = "#337ab7";
    853. 

  853.                 document.getElementById("fontcolorText").value = "#ffffff";
    854. 

  854.                 document.getElementById("tabshadowText").value = "#777777";
    855. 

  855.                 
    856. 

  856.             }
    857. 

  857.             
    858. 

  858.         </script>
    859. 

  859.         
    860. 

  860.         <script>
    861. 

  861.             
    862. 

  862.             function Theme5() {
    863. 

  863.                 
    864. 

  864.                 document.getElementById("bgText").value = "#d1d1d1";
    865. 

  865.                 document.getElementById("tabborderText").value = "#ffffff";
    866. 

  866.                 document.getElementById("tabhighlightText").value = "#d9534f";
    867. 

  867.                 document.getElementById("tabcoloractiveText").value = "#ffffff";
    868. 

  868.                 document.getElementById("fontcoloractiveText").value = "#000000";
    869. 

  869.                 document.getElementById("tabshadowactiveText").value = "#777777";
    870. 

  870.                 document.getElementById("tabcolorText").value = "#d9534f";
    871. 

  871.                 document.getElementById("fontcolorText").value = "#ffffff";
    872. 

  872.                 document.getElementById("tabshadowText").value = "#777777";
    873. 

  873.                 
    874. 

  874.             }
    875. 

  875.             
    876. 

  876.         </script>
    877. 

  877.         
    878. 

  878.         <script>
    879. 

  879.             
    880. 

  880.             function plexTheme() {
    881. 

  881.                 
    882. 

  882.                 document.getElementById("bgText").value = "#8b8b8b";
    883. 

  883.                 document.getElementById("tabborderText").value = "#1f1f1f";
    884. 

  884.                 document.getElementById("tabhighlightText").value = "#cc7c2a";
    885. 

  885.                 document.getElementById("tabcoloractiveText").value = "#f5bc32";
    886. 

  886.                 document.getElementById("fontcoloractiveText").value = "#000000";
    887. 

  887.                 document.getElementById("tabshadowactiveText").value = "#808080";
    888. 

  888.                 document.getElementById("tabcolorText").value = "#1f1f1f";
    889. 

  889.                 document.getElementById("fontcolorText").value = "#ffffff";
    890. 

  890.                 document.getElementById("tabshadowText").value = "#c7c6c6";
    891. 

  891.                 
    892. 

  892.             }
    893. 

  893.             
    894. 

  894.         </script>
    895. 

  895. 

  896.         <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>          
    897. 

  897. 

  898.         <script src='https://code.jquery.com/ui/1.11.2/jquery-ui.min.js'></script>
    899. 

  899. 

  900.         <script>$( "#tagsForm" ).sortable({connectWith: ".sortable"});</script>
    901. 

  901. 

  902.         <!-- jQuery -->
    903. 

  903.         <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    904. 

  904. 

  905.         <!-- Bootstrap -->
    906. 

  906.         <script type="text/javascript" src="js/bootstrap.min.js"></script>
    907. 

  907. 

  908.         <!-- Bootstrap-Iconpicker Iconset for Font Awesome -->
    909. 

  909.         <script type="text/javascript" src="js/iconset-fontawesome-4.2.0.min.js"></script>
    910. 

  910. 

  911.         <!-- Bootstrap-Iconpicker -->
    912. 

  912.         <script type="text/javascript" src="js/bootstrap-iconpicker.min.js"></script>
    913. 

  913.         
    914. 

  914.         <script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
    915. 

  915.         
    916. 

  916.         <script src="js/bootstrap-colorpicker.js"></script>
    917. 

  917. 

  918.     </body>
    919. 

  919.     
    920. 

  920. </html>
    921.