Diagramação de página e novo layout de debug

gmfc · Mar 2, 2017 · 2c66fe1 · 2c66fe1
1 parent 52319b4
commit 2c66fe1
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 13 deletions.
diff --git a/HELP.md b/HELP.md
diff --git a/src/DebugController.js b/src/DebugController.js
@@ -160,19 +160,19 @@ function findPlat() {
 		$('#ports').empty();
 		ports.forEach(function(port) {
 			counter++;
-			$('#ports').append('<div class="ui divider"></div>');
-			$('#ports').append('<p>comName: ' + port.comName + ' </p>');
-			$('#ports').append('<p>manufacturer: ' + port.manufacturer + ' </p>');
-			$('#ports').append('<p>serialNumber: ' + port.serialNumber + ' </p>');
-			$('#ports').append('<p>pnpId: ' + port.pnpId + ' </p>');
-			$('#ports').append('<p>locationId: ' + port.locationId + ' </p>');
-			$('#ports').append('<p>vendorId: ' + port.vendorId + ' </p>');
-			$('#ports').append('<p>productId: ' + port.productId + ' </p>');
-
+			$('#ports').append('<div class="eight wide column"><div class="ui raised segments" id="portN' + counter + '"></div></div>');
+			$('#portN' + counter).append('<div class="ui segment" id="namePortN' + counter + '"><p>manufacturer: ' + port.manufacturer + ' </p></div>');
+			$('#portN' + counter).append('<div class="ui blue secondary segment"><p>comName: ' + port.comName + ' </p></div>');
+			$('#portN' + counter).append('<div class="ui secondary segment"><p>serialNumber: ' + port.serialNumber + ' </p></div>');
+			$('#portN' + counter).append('<div class="ui secondary segment"><p>pnpId: ' + port.pnpId + ' </p></div>');
+			$('#portN' + counter).append('<div class="ui secondary segment"><p>locationId: ' + port.locationId + ' </p></div>');
+			$('#portN' + counter).append('<div class="ui secondary segment"><p>vendorId: ' + port.vendorId + ' </p></div>');
+			$('#portN' + counter).append('<div class="ui secondary segment"><p>productId: ' + port.productId + ' </p></div>');
 
 			if (port.manufacturer.indexOf('Arduino') !== -1 && !found) {
 				connect(port.comName);
 				found = true;
+				$('#namePortN' + counter).addClass("blue message");
 			}
 			if (counter === ports.length && !found) {
 				btERR('Porta não encontrada!');

diff --git a/ui/about.html b/ui/about.html
@@ -20,7 +20,7 @@
         }
 
         .main.container {
-            margin-top: 7em;
+            margin-top: 20px;
         }
 
         .ui.menu .item {

diff --git a/ui/debug.html b/ui/debug.html
@@ -22,7 +22,7 @@
         }
 
         .main.container {
-            margin-top: 7em;
+            margin-top: 20px;
         }
 
         .ui.menu .item {
@@ -57,6 +57,12 @@
     <!-- /MENU -->
     <div class="ui main container">
         <div class="ui right aligned container">
+            <a href="./debug.html">
+                <button class="ui labeled icon button">
+          <i class="refresh icon"></i>
+          Reset
+        </button>
+            </a>
             <div class="ui labeled button" tabindex="0" id="bt" data-tooltip="Não suba na plataforma" data-position="left center">
                 <div class="ui button" id="label">
                     <i class="usb icon" id="ico"></i>
@@ -89,7 +95,7 @@
                 </tbody>
             </table>
             <h4 id="raw"></h4>
-            <div id="ports">
+            <div class="ui grid" id="ports">
             </div>
         </div>
 

diff --git a/ui/help.html b/ui/help.html
@@ -20,7 +20,7 @@
         }
 
         .main.container {
-            margin-top: 7em;
+            margin-top: 20px;
         }
 
         .ui.menu .item {