updated Bocian from yellowgroup git

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

@@ -9,10 +9,10 @@ class Route_UrlAction_BiAuditRaport extends RouteBase {
 
 	public function defaultAction() {
 		UI::topSection();
-		UI::startContainer();
+		//UI::startContainer();
 
 		echo '<div class="container-bi_audit_raport"></div>';
-		try {
+		/*try {
 
 			$items = ACL::getAclByNamespace('default_db/BI_audit_ENERGA_RUM_KONTRAHENCI_POWIAZANIA/BI_audit_ENERGA_RUM_KONTRAHENCI_POWIAZANIA')->buildQuery([
 				'cols' => [ // TODO:? propertyName = []
@@ -43,8 +43,18 @@ class Route_UrlAction_BiAuditRaport extends RouteBase {
 		} catch (Exception $e) {
 			DBG::log($e);
 			UI::alert('danger', $e->getMessage());
-		}
-		UI::endContainer();
+		}*/
+
+		UI::inlineJS(__FILE__ . '.view.js', [
+			'URL_FETCH_TEST' => $this->getLink('fetchEnergaRumKontrahenciPowiazaniaAjax'),
+			'URL_FETCH_TEST_KRS' => $this->getLink('fetchTestKrsAjax'),
+			'URL_FETCH_TEST_CEIDG' => $this->getLink('fetchTestCeidgAjax'),
+			'URL_FETCH_PRACOWNICY' => $this->getLink('fetchPracownicyAjax'),
+			'DBG' => V::get('DBG', 0, $_GET),
+		]);
+
+
+		//UI::endContainer();
 		UI::footerSection();
 	}
 
@@ -100,7 +110,7 @@ public function showPowiazaniaEnergaRumKontrahenciPowiazania($items) {
 	$view = '<form class="form-horizontal" method="post">
 						<table class="table table-bordered table-hover table-striped" height=5>
 									 <thead>
-										 <tr style="text-align:center; background-color:lightgray">
+										 <tr style="">
 										 		<td width=1><input type="checkbox" name="checkAll" id="checkAll" /></td>
 											 <td width=1>ID</td>
 											 <td>Adnotacje</td>
@@ -268,7 +278,7 @@ public function showPowiazaniaEnergaRumKontrahenciPowiazania($items) {
 			'__args' => $args,
 			'body' => [
 				'items' => $items,
-				'view' => $this->showPracownicy($items),
+				'view' => $this->htmlViewEmployees($items)
 			]
 		];
 	}
@@ -278,7 +288,7 @@ public function showPowiazaniaEnergaRumKontrahenciPowiazania($items) {
 	$view = '<form class="form-horizontal" method="post">
 						<table class="table table-bordered table-hover table-striped" height=5>
 									 <thead>
-										 <tr style="text-align:center; background-color:lightgray">
+										 <tr>
 										 		<td width=1><input type="checkbox" name="checkAll" id="checkAll" /></td>
 											 <td width=1>ID</td>
 											 <td>Imię/Imiona</td>
@@ -364,4 +374,154 @@ public function showPowiazaniaEnergaRumKontrahenciPowiazania($items) {
 		];
 	}
 
+	public function htmlViewEmployees($items) {
+
+		$viewEployees = '
+		<!-- start:employees-section-->
+<div id="smad-employees-section">
+		<div class="container-fluid">
+				<div class="row">
+						<div class="container padding-lr-0">
+								<div id="smad-menu-section">
+										<div class="col-sm-12 col-md-6 padding-lr-0">
+												<div class="menu-items">
+														<div class="smad-heder-title menu-item"><span class="smad-line-red">|</span> PRACOWNICY</div>
+												</div>
+										</div>
+										<div class="col-sm-12 col-md-6 padding-lr-0">
+												<div class="form-steps">
+														<!-- start:form steps wizard -->
+														<div class="row smad-wizard" style="border-bottom:0;">
+																<div class="col-xs-4 col-md-4 smad-wizard-step complete"><!-- complited line -->
+																		<div class="text-center smad-wizard-stepnum">&nbsp;</div>
+																		<div class="progress"><div class="progress-bar"></div></div>
+																		<a href="#" class="smad-wizard-dot"></a>
+																		<div class="smad-wizard-info complete text-center">
+																				<div class="step-item">Krok 1</div>
+																				<div class="step-title ">PRACOWNICY</div>
+																		</div>
+																</div>
+
+																<div class="col-xs-4 col-md-4 smad-wizard-step ">
+																		<div class="text-center smad-wizard-stepnum">&nbsp;</div>
+																		<div class="progress"><div class="progress-bar"></div></div>
+																		<a href="#" class="smad-wizard-dot"></a>
+																		<div class="smad-wizard-info  text-center">
+																				<div class="step ">Krok 2</div>
+																				<div class="step-title ">KONTRAHENCI</div>
+																		</div>
+																</div>
+
+																<div class="col-xs-4 col-md-4 smad-wizard-step ">
+																		<div class="text-center smad-wizard-stepnum">&nbsp;</div>
+																		<div class="progress"><div class="progress-bar"></div></div>
+																		<a href="#" class="smad-wizard-dot"></a>
+																		<div class="smad-wizard-info text-center">
+																				<div class="step ">Krok 3</div>
+																				<div class="step-title ">SZUKANIE POWIĄZAŃ</div>
+																		</div>
+																</div>
+														</div>
+														<!-- end:form steps wizard -->
+												</div>
+										</div>
+								</div>
+						</div>
+				</div>
+		</div>
+
+		<div class="container-fluid">
+				<div class="container padding-lr-0">
+						<div class="smad-divider"></div>
+				</div>
+		</div>
+		<!-- start:filters -->
+		<div class="container-fluid">
+				<div class="row">
+						<div class="container">
+								<div class="smad-employees-form-section" class="border-top-grey">
+										<div class="col-md-9 smad-border-col">
+												<div class="menu-items">
+														<div class="menu-item">
+																<ul class="padding-0">
+																		<li>
+																				<span class="button-checkbox">
+																						<button type="button" class="btn" data-color="grey-border">WSZYSCY</button>
+																						<input type="checkbox" class="hidden" checked />
+																				</span>
+																		</li>
+																		<li>
+																				 <span class="button-checkbox">
+																						<button type="button" class="btn btn-grey-border" data-color="grey-border">WYSOKIEGO RYZYKA</button>
+																						<input type="checkbox" class="hidden"  />
+																				</span>
+																		</li>
+																		<li><a href="#" title="STWÓRZ GRUPĘ" class="btn btn-default-red" data-color-noactive="">+ STWÓRZ GRUPĘ</a></li>
+																</ul>
+														</div>
+												</div>
+										</div>
+										<div class="col-md-3">
+												<div class="form-input">
+														<div class="form-item col-md-8 smad-heder-title">głębokość powiązań:</div>
+														<div class="form-item col-md-4">
+																<input type="depth" class="form-control" placeholder="1-16" />
+														</div>
+												</div>
+										</div>
+								</div>
+						</div>
+				</div>
+		</div>
+		<!-- end:filters -->
+
+		<!-- start:list employees -->
+		<div class="container-fluid">
+				<div class="row">
+						<div class="container padding-0 smad-employees-list-head">
+								<div class="col-md-6">
+										<header>
+												<h2 class="title">Wszyscy</h2>
+										</header>
+										<div class="desc">
+												Lorem Ipsum jest tekstem stosowanym jako przykładowy wypełniacz w przemyśle poligraficznym.
+										</div>
+								</div>
+								<div class="col-md-6">
+										<div class="menu-items">
+												<div class="menu-item">
+														<ul class="padding-0">
+																<li><a href="#" title="IMPORT PRACOWNIKÓW" class="btn btn-grey-border" data-color-noactive="">IMPORT PRACOWNIKÓW</a></li>
+																<li><a href="#" title="DODAJ PRACOWNIKÓW" class="btn btn-grey-border" data-color-noactive="">+ DODAJ PRACOWNIKÓW</a></li>
+														</ul>
+												</div>
+										</div>
+								</div>
+						</div>
+				</div>
+		</div>
+		<div class="container-fluid">
+				<div class="container  padding-0">
+						' . $this->showPracownicy($items)  . '
+				</div>
+		</div>
+		<!-- end:list employees -->
+
+		<!-- start:bottom buttons -->
+		<div class="container-fluid smad-employees-bottom-navigation">
+				<div class="container padding-0">
+						<div class="col-lg-6 ">
+								<a href="#" title="PRZENIEŚ DO GRUPY" class="btn btn-grey-border">PRZENIEŚ DO GRUPY</a>
+						</div>
+						<div class="col-lg-6 text-right">
+								<a href="#" title="DODAJ DO ANALIZY" class="btn btn-default">DODAJ DO ANALIZY</a>
+						</div>
+				</div>
+		</div>
+		<!-- end:bottom buttons -->
+</div>
+<!-- start:employees-section -->
+		';
+		return $viewEployees;
+	}
 }

SE/static/theme_bocian/assets/less/styles.less

@@ -33,6 +33,12 @@ strong {
   color: @brand-primary;
 }
 
+.smad-divider {
+  margin: 20px 0;
+  height: 1px;
+  width: 100%;
+  background-color: @brand-grey;
+}
 .font-weight-700 {
   font-weight: 700;
 }
@@ -70,6 +76,9 @@ strong {
 }
 
 /** Bootstrap */
+.btn:focus,.btn:active {
+  outline: none !important;
+}
 .btn-primary {
   color: @brand-text;
   background-color: @brand-grey;
@@ -86,6 +95,7 @@ strong {
   border-color: @brand-primary;
 }
 
+
 .btn-default {
   color: @brand-primary;
   background-color: @brand-white;
@@ -103,6 +113,41 @@ strong {
   border-color: @brand-primary;
 }
 
+
+.btn-default-red {
+  color: @brand-white!important;
+  background-color: @brand-primary;
+  border-color: @brand-primary;
+}
+
+.btn-default-red.active.focus, .btn-default-red.active:focus, .btn-default-red.active:hover, .btn-default-red:active.focus, .btn-default-red:active:focus, .btn-default-red:active:hover, .open>.dropdown-toggle.btn-default-red.focus, .open>.dropdown-toggle.btn-default-red:focus, .open>.dropdown-toggle.btn-default-red:hover {
+  color: @brand-primary!important;
+  background-color: @brand-white;
+  border-color: @brand-primary;
+}
+.btn-default-red.active, .btn-default-red:active, .btn-default-red:hover, .open>.dropdown-toggle.btn-default-red {
+  color: @brand-primary!important;
+  background-color: @brand-white;
+  border-color: @brand-primary;
+}
+
+.btn-grey-border {
+  color: @brand-secondary!important;
+  background-color: @brand-white;
+  border-color: @brand-secondary;
+}
+
+.btn-grey-border.active.focus, .btn-grey-border.active:focus, .btn-grey-border.active:hover, .btn-grey-border:active.focus, .btn-grey-border:active:focus, .btn-grey-border:active:hover, .open>.dropdown-toggle.btn-grey-border.focus, .open>.dropdown-toggle.btn-grey-border:focus, .open>.dropdown-toggle.btn-grey-border:hover {
+  color: @brand-white!important;
+  background-color: @brand-secondary;
+  border-color: @brand-secondary;
+}
+.btn-grey-border.active, .btn-grey-border:active, .btn-grey-border:hover, .open>.dropdown-toggle.btn-grey-border {
+  color: @brand-white!important;
+  background-color: @brand-secondary;
+  border-color: @brand-secondary;
+}
+
 /** TOP */
 #smad-header-section {
   padding: 10px 10px;
@@ -252,7 +297,7 @@ strong {
 }
 
 /** Footer */
-#smad-footer-section{
+#smad-footer-section {
   padding: 28px 0 10px 0;
   background-color: @brand-secondary;
   text-align: center;
@@ -287,3 +332,172 @@ strong {
     }
   }
 }
+
+
+/**
+ * Employees
+ */
+#smad-employees-section {
+  /*Form Wizard*/
+  .smad-wizard {
+    margin-top: 0px;
+  }
+  .smad-wizard {
+    border-bottom: solid 1px #e0e0e0;
+    padding: 0 0 10px 0;
+  }
+  .smad-wizard > .smad-wizard-step {
+    padding: 0;
+    position: relative;
+  }
+  .smad-wizard > .smad-wizard-step + .smad-wizard-step {
+  }
+  .smad-wizard > .smad-wizard-step .smad-wizard-stepnum {
+    color: #595959;
+    font-size: 16px;
+    margin-bottom: 5px;
+  }
+  .smad-wizard-info {
+    color: #999;
+    font-size: 14px;
+
+    .step-item {
+
+      .step-title {
+        color: @brand-text-light;
+      }
+    }
+  }
+
+  .smad-wizard-info.complete {
+    .step-item {
+      color: @brand-primary;
+    }
+
+    .step-title {
+      color: @brand-text;
+    }
+  }
+
+  .smad-wizard > .smad-wizard-step > .smad-wizard-dot {
+    position: absolute;
+    width: 30px;
+    height: 30px;
+    display: block;
+    background: none;
+    top: 48px;
+    left: 50%;
+    margin-top: -15px;
+    margin-left: -15px;
+    border-radius: 50%;
+  }
+  .smad-wizard > .smad-wizard-step > .smad-wizard-dot:after {
+    content: ' ';
+    width: 14px;
+    height: 14px;
+    background: @brand-white;
+    border-radius: 50px;
+    position: absolute;
+    top: 8px;
+    left: 8px;
+    border: 2px solid @brand-primary;
+  }
+  .smad-wizard > .smad-wizard-step > .progress {
+    position: relative;
+    border-radius: 0px;
+    height: 3px;
+    box-shadow: none;
+    margin: 20px 0;
+  }
+  .smad-wizard > .smad-wizard-step > .progress > .progress-bar {
+    width: 0px;
+    box-shadow: none;
+    background: @brand-grey;
+  }
+  .smad-wizard > .smad-wizard-step.complete > .progress > .progress-bar {
+    width: 100%;
+  }
+  .smad-wizard > .smad-wizard-step.active > .progress > .progress-bar {
+    width: 50%;
+  }
+  .smad-wizard > .smad-wizard-step:first-child.active > .progress > .progress-bar {
+    width: 0%;
+  }
+  .smad-wizard > .smad-wizard-step:last-child.active > .progress > .progress-bar {
+    width: 100%;
+  }
+  .smad-wizard > .smad-wizard-step.disabled > .smad-wizard-dot {
+    background-color: @brand-grey;
+  }
+  .smad-wizard > .smad-wizard-step.disabled > .smad-wizard-dot:after {
+    opacity: 0;
+  }
+  .smad-wizard > .smad-wizard-step:first-child > .progress {
+    left: 50%;
+    width: 50%;
+  }
+  .smad-wizard > .smad-wizard-step:last-child > .progress {
+    width: 50%;
+  }
+  .smad-wizard > .smad-wizard-step.disabled a.smad-wizard-dot {
+    pointer-events: none;
+  }
+  /*END Form Wizard*/
+  /** Form employes */
+  .smad-employees-form-section {
+
+    .menu-items {
+      padding-top: 20px;
+      padding-bottom: 20px;
+
+      .menu-item {
+        display: inline-block;
+      }
+      ul {
+        list-style-type: none;
+        display: inline-block;
+
+        li {
+          padding: 0 10px;
+          display: inline-block;
+        }
+      }
+    }
+  }
+
+  /** form list employes */
+  .smad-employees-list-head {
+    padding: 15px 0px;
+    background-color: @brand-grey-light;
+    .title {
+
+    }
+    .desc {
+      font-size: 15px;
+      line-height: 20px;
+    }
+
+    .menu-items {
+      padding-top: 30px;
+      padding-bottom: 20px;
+      float: right;
+
+      .menu-item {
+        display: inline-block;
+      }
+      ul {
+        list-style-type: none;
+        display: inline-block;
+
+        li {
+          padding: 0 10px;
+          display: inline-block;
+        }
+      }
+    }
+  }
+
+  .smad-employees-bottom-navigation {
+    padding: 30px 0;
+  }
+}