Add files via upload

Public/js/home-js.php

@@ -46,6 +46,7 @@
  $CUDOZ=filter_input(INPUT_GET, "cu", FILTER_SANITIZE_STRING);
 ?>
  
+ var myToolsOnIntID;
 
  function showHowTo() {
  
@@ -88,6 +89,77 @@
   <?PHP endif; ?>                
  }  
 
+function settingsOn() {
+  $(".settingson").hide();
+  $(".magicjar1").show();
+  $(".magicjar2").show();
+  $(".magicjar3").show();
+  $(".settingsoff").show();
+  setTimeout("settingsOff()",6000);
+}  
+
+function settingsOff() {
+  $(".settingsoff").hide("slow");
+  $(".magicjar1").hide("slow");
+  $(".magicjar2").hide("slow");
+  $(".magicjar3").hide("slow");
+  $(".settingson").show();
+}  
+
+function toolsOn() {
+  settingsOn();
+  $(".tools").show("slow");
+    
+  clearInterval(myToolsOnIntID);
+}  
+
+function setJar1On() {
+  $(".magicjar1").css("background","url(/res/magicjar1.png)");
+  $(".magicjar1").css("background-size","120px 120px");
+  document.getElementsByClassName("magicjar1")[0].onclick=setJar1Off;
+  document.getElementById("txtMagicJar1").value="1";
+  document.getElementById("frmUpload").submit();
+}
+
+function setJar1Off() {
+  $(".magicjar1").css("background","url(/res/magicjar1dis.png)");
+  $(".magicjar1").css("background-size","120px 120px");
+  document.getElementsByClassName("magicjar1")[0].onclick=setJar1On;
+  document.getElementById("txtMagicJar1").value="0"; 
+  document.getElementById("frmUpload").submit();
+}
+
+function setJar2On() {
+  $(".magicjar2").css("background","url(/res/magicjar2.png)");
+  $(".magicjar2").css("background-size","120px 120px");
+  document.getElementsByClassName("magicjar2")[0].onclick=setJar2Off;
+  document.getElementById("txtMagicJar2").value="1"; 
+  document.getElementById("frmUpload").submit();
+}
+
+function setJar2Off() {
+  $(".magicjar2").css("background","url(/res/magicjar2dis.png)");
+  $(".magicjar2").css("background-size","120px 120px");
+  document.getElementsByClassName("magicjar2")[0].onclick=setJar2On;
+  document.getElementById("txtMagicJar2").value="0";
+  document.getElementById("frmUpload").submit();
+}
+
+function setJar3On() {
+  $(".magicjar3").css("background","url(/res/magicjar3.png)");
+  $(".magicjar3").css("background-size","120px 120px");
+  document.getElementsByClassName("magicjar3")[0].onclick=setJar3Off;
+  document.getElementById("txtMagicJar3").value="1";
+  document.getElementById("frmUpload").submit();
+}
+
+function setJar3Off() {
+  $(".magicjar3").css("background","url(/res/magicjar3dis.png)");
+  $(".magicjar3").css("background-size","120px 120px");
+  document.getElementsByClassName("magicjar3")[0].onclick=setJar3On;
+  document.getElementById("txtMagicJar3").value="0";
+}
+ 
  function startApp() {
 
    hidePassword();
@@ -166,6 +238,11 @@ $("div.dragover").on("drop", function(e) {
     for (var i = 0; i < count; i++) {
       //alert(" File " + i + ":\n(" + (typeof files[i]) + ") : <" + files[i] + " > " +
       //       files[i].name + " " + files[i].size + " " + files[i].type + "\n");
+      if (files[i].size > <?PHP echo(APP_FILE_MAX_SIZE); ?>) {
+        alert("ERROR: file size (" + files[i].size +") exceeds app limit: <?PHP echo(APP_FILE_MAX_SIZE); ?>");
+        return;
+      }
+      
       fd.append("filesdd[]", files[i]);
     }
 
@@ -226,6 +303,9 @@ function setContentPos() {
   <?PHP endif; ?>
   $(".dragover").css("height", h + "px");
   $(".dragover").css("width", w + "px");
+
+  newleft=parseInt(window.innerWidth - 145);
+  $(".tools").css("left",newleft+"px");
   
   mytop = parseInt(window.innerHeight - ($("#passworddisplay").height() + 60));
   $("#passworddisplay").css("top", mytop+"px");
@@ -244,11 +324,15 @@ window.addEventListener("load", function() {
   setTimeout("setContentPos()", 500);
   setTimeout("setFooterPos()", 1000);
 
+  <?PHP if ($CURRENT_VIEW ==ADMIN_VIEW): ?>
+  myToolsOnIntID = setInterval("toolsOn()", 2000);
+ <?PHP else: ?>
   // display cudoz
   for (i=1;i<=<?PHP echo($CUDOZ);?>;i++) {
     $("#cudozentry"+i).get(0).src="/res/chicca_<?PHP echo($shortLang);?>.png";
   }  
-
+ <?PHP endif; ?>
+  
   setTimeout("_startApp()", 10000);
 
 }, true);