updated procesEditor

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

@@ -37,11 +37,13 @@ class Route_UrlAction_ProcesEditor extends RouteBase {// TODO: UrlActionBase @se
 
 		echo "<div id=wrapper class=toggled>";
 		echo "<div id='sidebar-wrapper'><div id=side>";
-		echo "WYSUWANY DIV Z BOKU";
+		echo "";
 		echo "</div></div>";
-		echo "<div id='page-content-wrapper'><div id=main>";
+		echo "<div id='page-content-wrapper'><div class=col-xs-1 id=left style='width:40px;'>";
+		echo "<button class='lButton btn btn-default' id=btnZasoby><p>Zasoby</p></button><button class='lButton btn btn-default' style=top:315px; id=btnProcesy><p>Procesy</p></button>";
+		echo "</div><div class=col-xs-11 id=main>";
 
-		echo 'DIV GŁÓWNY';
+		echo '<center>Uruchamianie aplikacji.</center>';
 
 		echo "</div></div>";
 
@@ -49,12 +51,48 @@ class Route_UrlAction_ProcesEditor extends RouteBase {// TODO: UrlActionBase @se
 		echo "</div>";
 		echo "<script>var BASE_URL = '".Request::getPathUri()."';var mainProces_id = ".$id.";</script>";
 		echo '<script src="static/sweetalert2.min.js"></script>';
-		echo '<script src="static/procesEditor.js"></script>';
+		echo '<script src="static/procesEditor.js?'.time().'"></script>';
 	}
 
 	public function showEditorCss() {
 ?>
 <style type="text/css">
+.activeDrop{
+	background-color:#f1f1f1;
+
+}
+
+#left{
+	padding:0px;
+}
+
+.sDescAdd, .hDescAdd, .step{
+	padding-left:10px;
+}
+
+.lButton{
+
+	position:fixed;
+    top:150px;
+    padding:0px;
+		outline:none;
+    margin:0px;
+    width: 40px;
+    height:160px;
+    z-index:30;
+    border-top-left-radius: 0px;
+		border-bottom-left-radius: 0px;
+}
+
+.lButton p
+{
+		margin-bottom:-50px;
+    -moz-transform:rotate(-90deg);
+    -ms-transform:rotate(-90deg);
+    -o-transform:rotate(-90deg);
+    -webkit-transform:rotate(-90deg);
+}
+
 .ico {
     float: right;
     margin-top: 10px;
@@ -79,6 +117,8 @@ class Route_UrlAction_ProcesEditor extends RouteBase {// TODO: UrlActionBase @se
 #side {
     padding: 15px;
     height: 100%;
+		border-top-style:solid;
+		border-top-width:1px;
     border-right-style: solid;
     border-color: #A61C2E;
     border-width: 2px;
@@ -86,13 +126,106 @@ class Route_UrlAction_ProcesEditor extends RouteBase {// TODO: UrlActionBase @se
 ul {
     list-style: none;
 }
-#side #ulcon {
+
+#advCon{
+	width:870px;
+	min-width:100%;
+}
+
+.detailsTable{
+	color:grey;
+	float:left;
+	display:inline;
+	text-align:center;
+	margin-left:5px;
+	height:23px;
+}
+
+.detailsTable2{
+	color:grey;
+	display:block;
+	font-size:0.8em;
+	text-align:left;
+	margin-left:5px;
+	height:23px;
+}
+
+.textTable{
+	float:left;
+	width:200px;
+	text-overflow:ellipsis;
+	white-space:nowrap;
+  overflow:hidden;
+	cursor:pointer;
+	display:inline-block;
+}
+
+.anim-refresh {
+    -animation: spin .7s infinite linear;
+    -webkit-animation: spin2 .7s infinite linear;
+}
+
+@-webkit-keyframes spin2 {
+    from { -webkit-transform: rotate(0deg);}
+    to { -webkit-transform: rotate(360deg);}
+}
+
+@keyframes spin {
+    from { transform: scale(1) rotate(0deg);}
+    to { transform: scale(1) rotate(360deg);}
+}
+
+.list-group-item{
+	cursor:pointer;
+}
+
+.list-group-item:hover{
+	background-color:#eeeeee;
+}
+
+.list-group-item:hover .glyphicon{
+	opacity:1 !important;
+}
+
+.textTable2{
+	float:left;
+	width:230px;
+	text-overflow:ellipsis;
+	white-space:nowrap;
+  overflow:hidden;
+	cursor:pointer;
+	display:inline-block;
+}
+
+
+.pbody{
+	padding-left:20px;
+	padding-right:20px;
+	text-align:justify;
+}
+
+
+
+.singleAdv{
+float:left;
+height:100%;
+
+width:290px;
+}
+
+#side #adv{
+
+}
+
+#side #ulcon, #side #ulproc, #side #adv {
     background-color: white;
     overflow-y: scroll;
     height: 70% !important;
+		border-style:solid;
+		border-width:1px;
+		border-color:grey;
     margin-top: 10px;
     border-radius: 5px;
-    padding-top: 10px;
     padding-bottom: 10px;
     border-style: solid;
     border-width: 1px;
@@ -102,7 +235,16 @@ ul {
     font-family: tahoma;
     font-size: 13px;
 }
-#side .drag {
+
+.selectedAdv{
+	background-color:#e4e4e4;
+}
+
+.selectedAdv:hover{
+	background-color:#e4e4e4;
+}
+
+#side .dragStyle {
     padding-left: 8px;
     padding-top: 4px;
     padding-bottom: 4px;
@@ -144,11 +286,17 @@ ul {
 .sdesc {
     cursor: pointer;
 }
+
+.goto{
+	padding-left:10px;
+
+}
+
 #side .tabelaName {
     white-space: nowrap;
     margin-right: 10px;
     overflow: hidden;
-    width: 150px;
+    width: 350px;
     float: left;
     text-overflow: ellipsis;
     display: block;
@@ -177,24 +325,26 @@ ul {
 #page-content-wrapper {
     width: 100%;
     position: absolute;
-    padding: 15px;
+		z-index:0 !important;
+    padding-top: 15px;
+		padding-left:0px !important;
 }
 #wrapper.toggled #page-content-wrapper {
     position: absolute;
     margin-right: -300px;
 }
-@media(min-width:1px) {
+
     #wrapper {
         padding-left: 300px;
     }
     #wrapper.toggled {
-        padding-left: 0;
+        padding-left: 0 !important;
     }
     #sidebar-wrapper {
         width: 300px;
     }
     #wrapper.toggled #sidebar-wrapper {
-        width: 0;
+        width: 0 !important;
     }
     #page-content-wrapper {
         padding: 20px;
@@ -217,6 +367,13 @@ ul {
         color: grey;
         cursor: pointer;
     }
+		.goto{
+
+		}
+
+		.editGoto{
+			cursor:pointer;
+		}
     .sdesc {
         display: block;
     }
@@ -234,8 +391,21 @@ ul {
         padding-left: 7px;
     }
     .del {
-        color: red;
+
     }
+
+		.delRes:hover{
+			color:red;
+		}
+
+		.delGoto:hover{
+			color:red;
+			cursor:pointer;
+		}
+
+		.del:hover{
+			color:red;
+		}
     .ids {
         color: grey;
         font-size: 12px;