update PHP Excel

style/_products.scss

@@ -1,14 +1,18 @@
-#product {
-	#progress {
-		display:none;
-		margin-top:10px;
-		overflow:hidden;
-		border: 1px dashed #CCC;
-	}
+#products {
 
-	#progress .bar {
-		width:0%;
-		height:18px;
-		background:#CCC;
+	table {
+		width:100%;
 	}
+	
+	table tr {
+		margin:0.3em 0;
+	}
+	
+	table tr td {
+		padding:0.2em 0.5em;
+		margin:0.3em 0.5em;
+		background-color:#C0CAE0;
+	}
+	
+	
 }

style/_template.scss

@@ -62,6 +62,7 @@
 	left:0;
 	right:0;
 	bottom:1em;
+	overflow:auto;
 }
 
 /* Template - Footer */

style/jsgrid.css

@@ -0,0 +1,126 @@
+/*
+ * jsGrid v1.3.1 (http://js-grid.com)
+ * (c) 2015 Artem Tabalin
+ * Licensed under MIT (https://github.com/tabalinas/jsgrid/blob/master/LICENSE)
+ */
+
+.jsgrid {
+    position: relative;
+    overflow: hidden;
+    font-size: 1em;
+}
+
+.jsgrid, .jsgrid *, .jsgrid *:before, .jsgrid *:after {
+    box-sizing: border-box;
+}
+
+.jsgrid input,
+.jsgrid textarea,
+.jsgrid select {
+    font-size: 1em;
+}
+
+.jsgrid-grid-header {
+    overflow-x: hidden;
+    overflow-y: scroll;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+}
+
+.jsgrid-grid-body {
+    overflow-x: auto;
+    overflow-y: scroll;
+    -webkit-overflow-scrolling: touch;
+}
+
+.jsgrid-table {
+    width: 100%;
+    table-layout: fixed;
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+.jsgrid-table td {
+    padding: 0.5em 0.5em;
+}
+
+.jsgrid-table td,
+.jsgrid-table th {
+    box-sizing: border-box;
+}
+
+.jsgrid-align-left {
+    text-align: left;
+}
+
+.jsgrid-align-center {
+    text-align: center;
+}
+
+.jsgrid-align-right {
+    text-align: right;
+}
+
+.jsgrid-header-row > th {
+    padding: .5em .5em;
+}
+
+.jsgrid-filter-row input,
+.jsgrid-filter-row textarea,
+.jsgrid-filter-row select,
+.jsgrid-edit-row input,
+.jsgrid-edit-row textarea,
+.jsgrid-edit-row select,
+.jsgrid-insert-row input,
+.jsgrid-insert-row textarea,
+.jsgrid-insert-row select {
+    width: 90%;
+    padding: .3em .5em;
+}
+
+.jsgrid-filter-row input[type='checkbox'],
+.jsgrid-edit-row input[type='checkbox'],
+.jsgrid-insert-row input[type='checkbox'] {
+    width: auto;
+}
+
+.jsgrid-header-row > th,
+.jsgrid-filter-row > td,
+.jsgrid-insert-row > td,
+.jsgrid-edit-row > td {
+    text-align: center;
+}
+
+.jsgrid-selected-row td {
+    cursor: pointer;
+}
+
+.jsgrid-nodata-row td {
+    padding: .5em 0;
+    text-align: center;
+}
+
+.jsgrid-header-sort {
+    cursor: pointer;
+}
+
+.jsgrid-pager {
+    padding: .5em 0;
+}
+
+.jsgrid-pager-nav-button {
+    padding: .2em .6em;
+}
+
+.jsgrid-pager-nav-inactive-button {
+    display: none;
+    pointer-events: none;
+}
+
+.jsgrid-pager-page {
+    padding: .2em .6em;
+}

style/pedidor.css

@@ -749,16 +749,6 @@ th {
   width: auto; }
 
 /* line 2, _products.scss */
-#product #progress {
-  display: none;
-  margin-top: 10px;
-  overflow: hidden;
-  border: 1px dashed #CCC; }
-/* line 9, _products.scss */
-#product #progress .bar {
-  width: 0%;
-  height: 18px;
-  background: #CCC; }
 
 /* Global Classes */
 /* line 17, pedidor.scss */
@@ -798,14 +788,14 @@ input, textarea, button, .button {
 input[type=button], input[type=submit], button, .button {
   border: none;
   cursor: pointer;
-  background: #3B4C77;
+  background-color: #3B4C77;
   color: #FFFFFF;
   font-weight: bold;
   display: inline-block; }
 
 /* line 55, pedidor.scss */
 input[type=button]:hover, input[type=submit]:hover, button:hover, .button:hover {
-  background: #ECD153;
+  background-color: #ECD153;
   color: #3B4C77; }
 
 /* line 60, pedidor.scss */
@@ -864,3 +854,150 @@ input[type=button].no_text, input[type=submit].no_text, button.no_text, .button.
   color: red; }
 
 /*# sourceMappingURL=pedidor.css.map */
+
+
+
+
+
+
+
+/* MANUALLY ADDED - START */
+
+#container #menu {
+	top:calc(4em + 122px);
+}
+
+#container #main {
+	overflow: auto;
+	top:calc(9em + 122px);
+	bottom:0;
+}
+
+#container #footer {
+	bottom:-1em;
+	line-height:0.6em;
+	right:0;
+	font-size:0.6em;
+}
+
+#container #footer, #container #footer a {
+	color:#C0CAE0;
+}
+
+#main > div {
+	position:relative;
+	height:100%;
+}
+
+#menu ul li a {
+	display:inline-block;
+}
+
+.fa.spinner:before {
+	content: "\f110";
+}
+
+.feedback.error {
+	background-color:#FFDEDE;
+}
+
+.feedback.success {
+	background-color:#B7FFA9;
+}
+
+.jsgrid .jsgrid-button {
+/*	background:none;*/
+
+}
+
+.jsgrid .jsgrid-button:hover {
+	background-color:transparent;
+}
+
+.jsgrid-insert-row > td {
+	background-color:#B7FFA9;
+}
+
+.jsgrid-insert-row > td > input, .jsgrid-filter-row > td > input {
+	background-color:white;
+}
+
+.jsgrid-filter-row > td {
+	background-color:#D7DCE6;
+}
+
+.jsgrid .jsgrid-mode-button {
+	background:none;
+}
+
+.fa.excel:before {
+	content:"\f1c3";
+}
+.fa.add:before {
+	content:"\f055";
+}
+.fa.followup:before {
+	content:"\f06e";
+}
+
+#products #product_list {
+	position:relative;
+	margin-top:1em;
+}
+
+#products #product_menu {
+	position:relative;
+	height:2em;
+	border-radius:3px;
+}
+
+#products #product_menu a {
+	text-decoration: none;
+	font-weight: normal;
+	margin-right:0.5em;
+}
+
+#container #header {
+	background:url("../images/logo_solo_70.png") 1em 50% no-repeat;
+	background-color: rgb(240, 235, 235);
+	top: -1em;
+	left: -1em;
+	right: -1em;
+	height: 6.5em;
+	border-bottom:1px solid #CCC;
+}
+
+#container #header #exit {
+	margin-top:calc(1em / 2);
+	z-index:1000;
+}
+
+#container #menu {
+	height:4.5em;
+	top:0;
+	left:5.5em;
+}
+#container #menu ul {
+	text-align: left;
+	width:calc(100% - 3em);
+}
+
+#container #menu ul li a {
+	padding:1.1em 1em;
+}
+
+#container #menu ul li a .fa {
+}
+
+#container #main {
+	top:6.25em;
+}
+
+body {
+	font-family:Calibri, Arial;
+}
+
+/* + inputs */
+
+/* MANNUALLY ADDED - END */
+