updated procesEditor

SE/se-lib/Route/UrlAction/ProcesEditor.php

@@ -126,6 +126,7 @@ class Route_UrlAction_ProcesEditor extends RouteBase {// TODO: UrlActionBase @se
 					<button class='lButton btn btn-default' style="top:315px" id="btnProcesy"><p>Procesy</p></button>
 					<!--<button class='lButton btn btn-default' id="btnPhotos" style="top:480px"><p>Zdjęcia</p></button>-->
 				</div>
+<div class=col-md-12 ><a id=toggleMenu style=cursor:pointer;>Przełącz menu</a></div>
 				<div id="main" style="margin-left:40px">
 					<center>Uruchamianie aplikacji.</center>
 				</div>
@@ -168,6 +169,10 @@ class Route_UrlAction_ProcesEditor extends RouteBase {// TODO: UrlActionBase @se
 	padding-left:10px;
 }
 
+#clipboard{
+	color:black;
+}
+
 .lButton{
 	-webkit-transform: translate3d(0,0,0);
     position:fixed;
@@ -279,19 +284,19 @@ ul {
 	border-width:1px;
 }
 
-.upload-drop-zone {
-  height: 100px;
-  border-width: 2px;
-  margin-bottom: 0px;
-}
 
 /* skin.css Style*/
-.upload-drop-zone {
+#inp {
+	height: 100px;
+  border-width: 2px;
+  margin-bottom: 0px;
   color: #ccc;
   border-style: dashed;
   border-color: #ccc;
   line-height: 100px;
-  text-align: center
+  text-align: center;
+	display:block;
+	width:100%;
 }
 .upload-drop-zone.drop {
   color: #222;

SE/static/procesEditor.js

@@ -8,6 +8,9 @@ $(document).ready(function() {
     var generatedId = new Array();
     var deletedRes = new Array();
     var dialog = 0;
+    $("#SE-menu").hide();
+    $("#SE-menu-sub").hide();
+    var menuShow = false
     var zasobTree = new Array();
 
     var perms = [
@@ -56,6 +59,19 @@ $(document).ready(function() {
     var newSteps = 0;
     var newRes = 0;
 
+    $(document).on('click', '#toggleMenu' ,function(e){
+      e.preventDefault();
+      if(!menuShow){
+      $("#SE-menu").show();
+      $("#SE-menu-sub").show();
+      menuShow = true;
+    }else{
+      menuShow = false;
+      $("#SE-menu").hide();
+      $("#SE-menu-sub").hide();
+    }
+    });
+
     function loadResources() {
         $("#main").html("<center>Pobieranie danych o zasobach.</center>");
         var sFiltr = "";
@@ -1104,7 +1120,11 @@ $(document).ready(function() {
 
             $(data).find("featureMember").each(function() {
                 var type = 0;
-                result += "<div class='drag list-group-item liProc' data-droptype=1 data-opis='" + $(this).find("OPIS").text() + "' data-desc='" + $(this).find("DESC").text() + "' data-id=" + $(this).find("ID").text() + " ><div class=textTable><span class=handle> # </span>" + $(this).find("DESC").text() + "</div><div class=detailsTable> [" + $(this).find("ID").text() + "]</div><div class='glyphicon glyphicon-triangle-right' style=opacity:0.4;float:right;></div><div class=clearfix></div></div>";
+                result += "<div class='drag list-group-item liProc' data-droptype=1 data-opis='" + $(this).find("OPIS").text() + "' data-desc='" + $(this).find("DESC").text() + "' data-id=" + $(this).find("ID").text() + " >";
+                result += "<div class=textTable><span class=handle> # </span>";
+                result += $(this).find("DESC").text()
+                result += "</div><div class=detailsTable> [" + $(this).find("ID").text() + "]</div>";
+                result += "<div class='glyphicon glyphicon-triangle-right' style=opacity:0.4;float:right;></div><div class=clearfix></div></div>";
 
 
             });
@@ -1225,17 +1245,11 @@ $(document).ready(function() {
           <h4>Wrzuć pliki do swojego schowka</h4>
           <input id="inp" type='file'>
 
-          <div class="progress">
-            <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
-              <span class="sr-only">60% Complete</span>
-            </div>
-          </div>
-          </div>
           <h4>Pliki w schowku</h4>`;
           console.log("test");
           $(side).append(form);
-          var schowek = '<ul>';
-          schowek += '<li>';
+          var schowek = '<ul class="list-group" id=clipboard>';
+          schowek += '<li class="list-group-item">';
           schowek += 'Test';
           schowek += '</li>';
 
@@ -1271,7 +1285,15 @@ $(document).ready(function() {
                 var type = 0;
                 if ($(this).find("TYPE").text() == "DZIAL" || $(this).find("TYPE").text() == "PODMIOT" || $(this).find("TYPE").text() == "STANOWISKO")
                     type = 1;
-                result += "<div class='drag list-group-item liAdv' data-typename='" + $(this).find("TYPE").text() + "' data-id=" + $(this).find("ID").text() + " data-type=" + type + " data-desc='" + $(this).find("DESC").text() + "' data-opis='" + $(this).find("OPIS").text() + "'  title='" + $(this).find("DESC").text() + "'><div class=textTable2><span class=handle> # </span>" + $(this).find("DESC").text() + "</div><div class='glyphicon glyphicon-triangle-right' style=opacity:0.4;float:right; style=float:left;></div><div class=clearfix></div><div class=detailsTable2>[" + $(this).find("ID").text() + "] " + $(this).find("TYPE").text() + "</div></div>";
+                result += "<div class='drag list-group-item liAdv'";
+                result += "data-typename='" + $(this).find("TYPE").text() + "' data-id=" + $(this).find("ID").text() + " data-type=" + type + " data-desc='" + $(this).find("DESC").text() + "' data-opis='" + $(this).find("OPIS").text() + "'"
+                result += "title='" + $(this).find("DESC").text() + "'>"
+                result += "<div class=textTable2>"
+                result += "<span class=handle> # </span>" + $(this).find("DESC").text() + "</div>"
+                result += "<div class='glyphicon glyphicon-triangle-right' style=opacity:0.4;float:right; style=float:left;></div>"
+                result += "<div class=clearfix></div>"
+                result += "<div class=detailsTable2>[" + $(this).find("ID").text() + "] " + $(this).find("TYPE").text() + "</div>"
+                result += "</div>";
 
 
             });
@@ -1575,7 +1597,7 @@ $(document).ready(function() {
         var id = getIndexById($(this).closest(".drop").data("id"));
         var resId = getResById(id, $(this).closest(".liRes").data("id"), type);
         $(this).hide();
-        showTree(state[id][type][resId]["tree"], $(this));
+        showTree( state[id][type][resId]["tree"], $(this) );
     });
 
     function showTree(arr, target) {
@@ -1781,6 +1803,11 @@ $(document).ready(function() {
         filtr = 0;
         selectedArea = false;
         state = [];
+        newSteps = 0;
+        newRes = 0;
+        deletedId = [];
+        deletedRes = [];
+        generatedId = [];
 
         if (false && localStorage.getItem("state" + mainProces_id) !== null) {
             state = JSON.parse(localStorage.getItem("state" + mainProces_id));
@@ -1797,10 +1824,7 @@ $(document).ready(function() {
 
         } else {
             $("#main").html("<center>Synchronizowanie danych z serwerem.</center>");
-            newSteps = 0;
-            newRes = 0;
-            deletedId = [];
-            deletedRes = [];
+
             var id = mainProces_id;
             var link = BASE_URL + '/wfs-data.php/default_db/?SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&TYPENAME=p5_default_db:CRM_PROCES&SRSNAME=EPSG:3003&Filter=<ogc:Filter><ogc:Or><ogc:PropertyIsEqualTo><ogc:PropertyName>ID</ogc:PropertyName><ogc:Literal>' + id + '</ogc:Literal></ogc:PropertyIsEqualTo></ogc:Or></ogc:Filter>';
             //console.log(link);