update from test-project

theme/assets/less/styles.less

@@ -0,0 +1,588 @@
+// Variables, Mixins
+@import "variables.less";
+
+// html5
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/* MIX */
+body {
+  margin: 0 0;
+  font-family: @font-primary;
+  font-size: 17px;
+  line-height: 27px;
+  color: @brand-text;
+}
+
+p, ul, li {
+  font-size: 17px;
+  text-align: justify;
+}
+strong {
+  color: @brand-primary;
+}
+
+.font-weight-700 {
+  font-weight: 700;
+}
+
+.padding-0 {
+  padding: 0;
+}
+.padding-lr-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+.padding-bottom-25 {
+  padding-bottom: 25px;
+}
+.pl-20 {
+  padding-left: 20px;
+}
+
+.smad-divider {
+  margin: 20px 0;
+  height: 1px;
+  width: 100%;
+  background-color: @brand-grey;
+}
+
+.smad-line-grey {
+  color: @brand-grey;
+}
+.smad-line-red {
+  color: @brand-primary;
+}
+.text-grey {
+  color: @brand-text-light;
+}
+
+.btn {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+.border-top-grey {
+  border-top: 2px solid @brand-grey;
+}
+.border-bottom-grey {
+  border-bottom: 2px solid @brand-grey;
+}
+
+/** Bootstrap */
+.btn:focus,.btn:active {
+  outline: none !important;
+}
+.btn-primary {
+  color: @brand-text;
+  background-color: @brand-grey;
+  border-color: @brand-grey;
+}
+.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
+  color: @brand-white;
+  background-color: @brand-primary;
+  border-color: @brand-primary;
+}
+.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
+  color: @brand-white;
+  background-color: @brand-primary;
+  border-color: @brand-primary;
+}
+
+
+.btn-default {
+  color: @brand-primary;
+  background-color: @brand-white;
+  border-color: @brand-primary;
+}
+
+.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
+  color: @brand-white;
+  background-color: @brand-primary;
+  border-color: @brand-primary;
+}
+.btn-default.active, .btn-default:active, .btn-default:hover, .open>.dropdown-toggle.btn-default {
+  color: @brand-white;
+  background-color: @brand-primary;
+  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;
+}
+
+.col-centered {
+  margin: 0 auto;
+  float: none;
+}
+/**Table */
+.table {
+  thead {
+    td {
+      color: @brand-text;
+    }
+  }
+
+  tbody {
+    td {
+      color: @brand-text-light;
+    }
+  }
+}
+
+/** TOP */
+#smad-header-section {
+  padding: 10px 10px;
+  background-color: @brand-grey-light;
+
+  .smad-top-first {
+    padding-top: 20px;
+    border-bottom: 1px solid @brand-primary;
+  }
+
+  .smad-top-second {
+    text-align: right;
+  }
+
+  ul {
+    text-align: right;
+    list-style-type: none;
+
+    li {
+      padding: 0px;
+      display: inline-block;
+
+      .smad-header-title {
+        color: @brand-text-light;
+        font-size: 13px;
+      }
+      .smad-desc {
+        padding-right: 10px;
+        color: @brand-text;
+        font-size: 13px;
+      }
+
+    }
+  }
+
+  a.smad-logout {
+    color: @brand-text;
+    font-size: 14px;
+    text-decoration: none;
+
+    &:focus, &:hover {
+      color: @brand-text;
+      text-decoration: none;
+    }
+  }
+}
+
+/** Menu */
+#smad-menu-section {
+
+
+  .smad-heder-title {
+    color: @brand-text;
+    font-weight: 700;
+  }
+
+  .menu-items {
+    padding-top: 35px;
+    padding-bottom: 20px;
+
+    .menu-item {
+      display: inline-block;
+    }
+    ul {
+      list-style-type: none;
+      display: inline-block;
+
+      li {
+        padding: 0 10px;
+        display: inline-block;
+      }
+    }
+  }
+
+}
+
+
+/* Menu form */
+#smad-menu-form-section {
+
+  .smad-border-col {
+    border-right: 2px solid @brand-grey;
+
+    @media screen and (max-width : @screen-md ) {
+      border-right: 0;
+      border-bottom: 2px solid @brand-grey;
+    }
+  }
+
+  .menu-items {
+    padding-top: 45px;
+    padding-bottom: 20px;
+
+    .menu-item {
+      padding-top: 25px;
+      padding-bottom: 65px;
+      display: inline-block;
+
+      a {
+        color: @brand-text;
+        text-decoration: none;
+        font-weight: 700;
+
+        &:focus, &:hover {
+          color: @brand-text;
+          text-decoration: none;
+          font-weight: 700;
+        }
+      }
+
+      input {
+        width: 80px;
+      }
+    }
+  }
+
+  .menu-form-input {
+    padding-top: 25px;
+    padding-bottom: 25px;
+
+    .menu-item {
+
+      display: inline-block;
+
+      a {
+        color: @brand-text;
+        text-decoration: none;
+        font-weight: 700;
+
+        &:focus, &:hover {
+          color: @brand-text;
+          text-decoration: none;
+          font-weight: 700;
+        }
+      }
+
+      input {
+        width: 80px;
+      }
+    }
+  }
+
+}
+
+#smad-generate-link {
+  padding: 60px 60px;
+}
+
+/** Footer */
+footer {
+  position: fixed;
+  height: 75px;
+  bottom: 0;
+  width: 100%;
+}
+
+#smad-footer-section {
+  padding: 28px 0 10px 0;
+  background-color: @brand-secondary;
+  text-align: center;
+
+  ul {
+    text-align: center;
+    list-style-type: none;
+
+    li {
+      padding: 0 30px;
+      display: inline-block;
+
+      @media screen and (max-width : @screen-md ) {
+        padding: 0 10px;
+      }
+      @media screen and (max-width : @screen-xs ) {
+        text-align: center;
+        padding: 0 10px;
+        display: block;
+      }
+
+      a {
+        text-decoration: none;
+        color: @brand-text;
+        text-decoration: none;
+
+        &:focus, &:hover {
+          color: @brand-text;
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+}
+
+
+/**
+ * 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-step.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;
+    background: @brand-grey-light;
+  }
+  .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: 10px 10px;
+          display: inline-block;
+        }
+      }
+    }
+
+    .form-input {
+      padding-top: 35px;
+      padding-bottom: 25px;
+
+      @media screen and (max-width : @screen-md ) {
+        border-top: 1px solid @brand-grey;
+      }
+
+      .form-item {
+        display: inline-block;
+      }
+      .smad-heder-title {
+        padding-top: 3px;
+        font-size: 14px;
+      }
+    }
+  }
+
+  /** 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;
+  }
+}
+
+
+/**
+ * Login
+ */
+#smad-login-section {
+  .main {
+    padding-top: 50px;
+
+    .title-system {
+      padding: 20px 0;
+      color: @brand-text-light;
+      line-height: 20px;
+    }
+
+    .header-title {
+      h4 {
+        padding: 40px 0  30px 0;
+      }
+    }
+
+    .login-button {
+      margin: 20px 0 ;
+      padding: 10px 90px;
+    }
+
+    .first-input {
+      float: right;
+
+      @media (max-width: @screen-md) {
+        float: none;
+      }
+    }
+  }
+}

theme/assets/less/variables.less

@@ -0,0 +1,53 @@
+// Google Fonts
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700");
+
+@font-primary: 'Roboto', sans-serif;
+
+@brand-primary: #d7142d;
+@brand-secondary: #cdcccc;
+
+@brand-white: #fff;
+@brand-grey: @brand-secondary;
+@brand-grey-light: #efefef;
+@brand-dark: #000000;
+
+@brand-error: #ff8585;
+@brand-success: #69b705;
+@brand-link: @brand-secondary;
+@brand-link-active: @brand-primary;
+@brand-link-text: @brand-dark;
+@brand-link-text-active: @brand-white;
+@brand-text: @brand-dark;
+@brand-text-light: #b1b1b1;
+
+
+
+// Extra small screen / phone
+//** Deprecated `@screen-xs` as of v3.0.1
+@screen-xs:                  480px;
+@screen-xxs:                  415px;
+//** Deprecated `@screen-xs-min` as of v3.2.0
+@screen-xs-min:              @screen-xs;
+//** Deprecated `@screen-phone` as of v3.0.1
+@screen-phone:               @screen-xs-min;
+
+// Small screen / tablet
+//** Deprecated `@screen-sm` as of v3.0.1
+@screen-sm:                  768px;
+@screen-sm-min:              @screen-sm;
+//** Deprecated `@screen-tablet` as of v3.0.1
+@screen-tablet:              @screen-sm-min;
+
+// Medium screen / desktop
+//** Deprecated `@screen-md` as of v3.0.1
+@screen-md:                  992px;
+@screen-md-min:              @screen-md;
+//** Deprecated `@screen-desktop` as of v3.0.1
+@screen-desktop:             @screen-md-min;
+
+// Large screen / wide desktop
+//** Deprecated `@screen-lg` as of v3.0.1
+@screen-lg:                  1200px;
+@screen-lg-min:              @screen-lg;
+//** Deprecated `@screen-lg-desktop` as of v3.0.1
+@screen-lg-desktop:          @screen-lg-min;

theme/bocian.php

@@ -4,37 +4,42 @@
 
 class Theme_bocian extends ThemeDefault {
 
-	// function head() { // TODO: echo 'html tag inside <head>'
-	// }
+	function head() {
+		// echo ''; // TODO: dodać bootsrap-theme-bocian
+		echo '<meta name="robots" content="noindex, nofollow">';
+		UI::inlineCSS(dirname(__FILE__) . '/assets/css/styles.css');
+	}
+
+
+	function top() {
+		include dirname(__FILE__) . '/view/top.php';
+	}
 
-	// function top() { // TODO: first tag after body: top menu or header
-	// 	include dirname(__FILE__) . '/Bocian/top.php';
-	// }
+	function footer() {
+		include dirname(__FILE__) . '/view/footer.php';
+		//todo: ujednolicic wczytanie themy widoków i css w jednym katalogu(obecnie css w katalogu static a widoki w katalogu tmp )
+		UI::inlineRawJS(dirname(__FILE__) . '/assets/js/scripts.js');
+	}
+
+	function login($data) {
+		if (is_array($data) && !empty($data)) {
+			extract($data);
+		}
+		include dirname(__FILE__) . '/view/login.php';
+	}
 
-	function footer() { // TODO: before </body>
-		echo '<footer>bocian...</footer>';
-		// include dirname(__FILE__) . '/view/footer.php';
+	function logout($data) {
+		if (is_array($data) && !empty($data)) {
+			extract($data);
+		}
+		include dirname(__FILE__) . '/view/logout.php';
 	}
 
-	// function login($data) { // TODO: login view
-	// 	if (is_array($data) && !empty($data)) {
-	// 		extract($data);
-	// 	}
-	// 	include dirname(__FILE__) . '/view/login.php';
-	// }
-
-	// function logout($data) { // TODO: logout view
-	// 	if (is_array($data) && !empty($data)) {
-	// 		extract($data);
-	// 	}
-	// 	include dirname(__FILE__) . '/view/logout.php';
-	// }
-
-	// function home($data) { // TODO: home page view
-	// 	if (is_array($data) && !empty($data)) {
-	// 		extract($data);
-	// 	}
-	// 	include dirname(__FILE__) . '/view/home.php';
-	// }
+	function home($data) {
+		if (is_array($data) && !empty($data)) {
+			extract($data);
+		}
+		include dirname(__FILE__) . '/view/home.php';
+	}
 
 }

theme/view/footer.php

@@ -0,0 +1,21 @@
+<?php
+  if (!User::logged()) {
+    return;
+  }
+?>
+<footer>
+ <div id="smad-footer-section" class="container-fluid padding-0">
+	 <div class="container">
+		 <div class="row">
+			  <div class="col-lg-12">
+					<ul class="menu-bottom">
+						<li><a href="#" title="O Bocianie">O Bocianie</a></li>
+						<li><a href="#" title="">Funkcje</a></li>
+						<li><a href="#" title="Bezpieczeństwo">Bezpieczeństwo</a></li>
+						<li><a href="#" title="">Kontakt</a></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	</div>
+</footer>

theme/view/home.php

@@ -0,0 +1,157 @@
+<div class="container-fluid">
+    <div>
+        <div>
+            <div id="smad-menu-section">
+                <div class="col-md-6 padding-lr-0">
+                    <div class="menu-items">
+                        <div class="smad-heder-title menu-item"><span class="smad-line-red">|</span> RAPORTY</div>
+                        <div class="menu-item">
+                            <ul>
+                                <li><a href="index.php?_route=ViewTableAjax&namespace=default_db/BI_audit_ENERGA_RUM_KONTRAHENCI_POWIAZANIA/BI_audit_ENERGA_RUM_KONTRAHENCI_POWIAZANIA" title="zobacz raporty" class="btn btn-success">zobacz raporty</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6 padding-lr-0">
+                    <div class="menu-items">
+                        <div class="menu-item smad-heder-title"><span class="smad-line-red">|</span> BAZY DANYCH</div>
+                        <div class="menu-item">
+                            <ul>
+                                <li><a href="index.php?_route=ViewTableAjax&namespace=default_db/BI_audit_KRS/BI_audit_KRS" title="KRS" class="btn btn-success">KRS</a></li>
+                                <li><a href="index.php?_route=ViewTableAjax&namespace=default_db/BI_audit_CEIDG/BI_audit_CEIDG" title="CIDG" class="btn btn-success">CEIDG</a></li>
+                                <li><a href="index.php?_route=ViewTableAjax&namespace=default_db/BI_audit_ENERGA_RUM_KONTRAHENCI" title="RUM" class="btn btn-success">RUM</a></li>
+                                <li><a href="#" title="KSIĘGOWOŚĆ" class="btn btn-success">KSIĘGOWOŚĆ</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="container-fluid">
+    <div>
+        <div>
+            <div id="smad-menu-form-section" class="border-top-grey">
+                <div class="col-md-6 padding-lr-0 smad-border-col">
+                    <div class="menu-items text-center">
+                        <div class="menu-item">
+                            <a href="index.php?_route=UrlAction_BiAuditRaport#PRACOWNICY" title="Pracownicy">
+                                <div>PRACOWNICY</div>
+                                <img src="<?= $this->asset("assets/images/button-red.png"); ?>" alt="Pracownicy" />
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6 padding-lr-0">
+                    <div class="menu-items text-center">
+                        <div class="menu-item">
+                            <a href="index.php?_route=UrlAction_BiAuditRaport#KONTRAHENCI" title="Kontrahenci">
+                                <div>KONTRAHENCI</div>
+                                <img src="<?= $this->asset("assets/images/button-red.png"); ?>" alt="Kontrahenci" />
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-12 border-top-grey border-bottom-grey">
+                    <div class="menu-form-input text-center">
+                        <div class="menu-item smad-heder-title">głębokość powiązań:</div>
+                        <div class="menu-item">
+                            <input type="text" class="form-control smad-depth" placeholder="1-16" value="" />
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<div id="smad-generate-link" class="container-fluid">
+    <div>
+        <div class="text-center">
+            <a href="#" title="GENERUJ RAPORT POWIĄZAŃ" class="btn btn-primary font-weight-700">GENERUJ RAPORT POWIĄZAŃ</a>
+        </div>
+    </div>
+</div>
+
+<script type="text/javascript">
+
+if (localStorage.getItem("Bocian.biAuditForm.depth") === null) {
+  localStorage.setItem('Bocian.biAuditForm.depth', 2);
+}
+
+$(document).ready(function() {
+  clearBIAuditFormLocalStorage();
+  loadCurrentDepthInInput('.smad-depth');
+  updateLocalStorageBiAuditDepth('.smad-depth');
+});
+
+function loadCurrentDepthInInput(idInput) {
+  var depthValue = getItemLocalStorage("Bocian.biAuditForm.depth");
+
+  if ( getItemLocalStorage('Bocian.biAuditForm.depth') === null ) {
+    depthValue = setItemLocalStorage('Bocian.biAuditForm.depth', 2);
+  }
+
+  $(idInput).val(function() {
+     return depthValue;
+  });
+}
+
+function updateLocalStorageBiAuditDepth(idInput) {
+  $(idInput).keyup(function() {
+    delayUpdate(function(){
+      var newValue = $(idInput).val();
+      var responseValue = validateValueDepth(parseInt(newValue));
+      setItemLocalStorage('Bocian.biAuditForm.depth', responseValue);
+      loadCurrentDepthInInput('.smad-depth');
+    }, 1000 );
+  });
+}
+
+function validateValueDepth(newValue) {
+  var value = null;
+  value = newValue;
+
+  if (parseInt(newValue) < 0) {
+      value = 1;
+  }
+
+  if (parseInt(newValue) > 16) {
+    value = 16;
+  }
+
+  return value;
+}
+
+
+var delayUpdate = (function() {
+  var timer = 0;
+  return function(callback, ms) {
+  clearTimeout (timer);
+  timer = setTimeout(callback, ms);
+ };
+})();
+
+// Local storage
+function setItemLocalStorage(key, array) {
+	localStorage.setItem(key, JSON.stringify(array));
+}
+function getItemLocalStorage(key) {
+	var retrievedData = localStorage.getItem(key);
+	var response = JSON.parse(retrievedData);
+
+	return response;
+}
+
+function clearBIAuditFormLocalStorage() {
+  var arrayValue = [];
+  setItemLocalStorage('Bocian.biAuditForm.pracownicyIds', arrayValue);
+  setItemLocalStorage('Bocian.biAuditForm.kontrahenciIds', arrayValue);
+  setItemLocalStorage('Bocian.biAuditForm.pracownicy.filterIdGroup', 0);
+  setItemLocalStorage('Bocian.biAuditForm.kontrahenci.filterIdGroup', 0);
+}
+window.delayUpdate = delayUpdate;
+</script>

theme/view/login.php

@@ -0,0 +1,75 @@
+
+<div id="smad-login-section" class="container-fluid">
+    <div class="container">
+        <div class="row">
+
+            <div class="main">
+                <div class="text-center">
+                    <a href="/" title="AUTONOMICZNE LABORATORIUM ANALITYCZNE"><img src="<?= $this->asset("assets/images/logo-bocian-big.png"); ?>" alt="AUTONOMICZNE LABORATORIUM ANALITYCZNE" /></a>
+                    <div class="title-system">
+                        AUTONOMICZNE <br/>
+                        LABORATORIUM ANALITYCZNE
+                    </div>
+                </div>
+
+                <div class="smad-form-login">
+                    <div class="header-title text-center">
+                        <header>
+                            <h4>ZALOGUJĘ SIĘ</h4>
+                        </header>
+                    </div>
+
+										<form name="LOGIN" action="" method="post" class="form-horizontal" role="form text-center" >
+                        <div class="col-sm-6 col-lg-6">
+                            <div class="form-group col-md-8 col-lg-8 first-input">
+                                <input type="text" name="ADM_ACCOUNT" value="" id="username" class="form-control" placeholder="e-mail">
+                            </div>
+                        </div>
+                        <div class="col-sm-6 col-lg-6">
+                            <div class="form-group col-md-8 col-lg-8 ">
+															<input type="password" name="ADM_PASSWD" class="form-control" placeholder="password">
+                            </div>
+                        </div>
+												<?php if (!empty($errors)) : ?>
+													<div class="form-group">
+														<div class="col-sm-9">
+															<div class="alert alert-danger"><?php echo implode('<br>', $errors); ?></div>
+														</div>
+													</div>
+												<?php endif; ?>
+                        <div class="col-sm-12 col-md-12 col-lg-12 text-center form-group">
+														<input name="LOGIN" type="SUBMIT" value="LOGIN" class="btn btn btn-primary login-button">
+                        </div>
+                        <!-- <div class="col-sm-12 col-md-12 col-lg-12 text-center">
+                            <a href="/" class="text-grey" title="forgot password?">forgot password?</a>
+                        </div> -->
+                    </form>
+                </div>
+                <div class="smad-form-forgot-pass" style="display: none;">
+                    <form role="form text-center">
+                        <div class="col-sm-12 col-lg-12 text-center">
+                            <div class="form-group col-md-6 col-lg-5 col-centered  ">
+                                <input type="text" class="form-control" placeholder="e-mail" id="inputUsernameEmailForgotPass">
+                            </div>
+                        </div>
+                        <div class="col-sm-12 col-md-12 col-lg-12 text-center">
+                            <button type="submit" class="btn btn btn-default login-button">
+                                WYŚLIJ
+                            </button>
+                        </div>
+                        <div class="col-sm-12 col-md-12 col-lg-12 text-center">
+                            <a href="index.php" class="text-grey" title="Zaloguj">zaloguj</a>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- end sm-page -->
+</div>
+<!-- end:sm-wrapper -->
+<script>
+	jQuery(document).ready(function(){
+		document.getElementById('username').focus();
+	});
+</script>

theme/view/logout.php

@@ -0,0 +1,32 @@
+
+
+ <div id="smad-login-section" class="container-fluid">
+    <div class="container">
+        <div class="row">
+
+            <div class="main">
+                <div class="text-center">
+                    <a href="/" title="AUTONOMICZNE LABORATORIUM ANALITYCZNE"><img src="<?= $this->asset("assets/images/logo-bocian-big.png"); ?>" alt="AUTONOMICZNE LABORATORIUM ANALITYCZNE" /></a>
+                    <div class="title-system">
+                        AUTONOMICZNE <br/>
+                        LABORATORIUM ANALITYCZNE
+                    </div>
+                </div>
+
+                <div class="smad-form-forgot-pass text-center">
+										<div class="alert alert-success">
+											Zostałeś wylogowany - <a href="index.php"> zaloguj się </a>
+										</div>
+                </div>
+            </div>
+
+						<script>
+							jQuery(document).ready(function(){
+								document.getElementById('username').focus();
+							});
+						</script>
+        </div>
+    </div>
+    <!-- end sm-page -->
+</div>
+<!-- end:sm-wrapper -->

theme/view/top.php

@@ -0,0 +1,22 @@
+<div id="smad-header-section" class="container-fluid">
+	<div class="row">
+		<div class="col-xs-12 col-sm-2 col-md-2 col-lg-1 brand-logo">
+			<a href="./" title=""><img src="<?= $this->asset("assets/images/logo-bocian.png"); ?>" alt="Bocian" /></a>
+		</div>
+		<div class="col-xs-12 col-sm-10 col-md-10 col-lg-11">
+			<div class="smad-top-first">
+				<ul>
+					<li><div class="smad-header-title">zalogowany jako:</div></li>
+					<li><div class="smad-desc">Jan Kowalski </div></li>
+					<li> <span class="smad-line-grey">|</span>	<a href="index.php?LOGIN=LOGOUT" title="Wyloguj" class="smad-logout"><img src="<?= $this->asset("assets/images/logout.png"); ?>" alt="Wyloguj" /> Wyloguj</a></li>
+				</ul>
+			</div>
+			<div class="smad-top-second">
+				 <ul>
+					 <li><div class="smad-header-title">koniec sesji za:</div></li>
+					 <li><div class="smad-desc"><code id="session-timer" style="padding:2px 5px;font-weight:normal;color:#000;" title="Czas sesji">52:40</code></div></li>
+				 </ul>
+			</div>
+		</div>
+	</div>
+</div>