html menu wip

ipfs · Jun 15, 2015 · f8db567 · f8db567
1 parent eb520fe
commit f8db567
Show file tree

Hide file tree

Showing 18 changed files with 29,679 additions and 78 deletions.
diff --git a/wizard/css/bootstrap.min.css → css/bootstrap.min.css b/wizard/css/bootstrap.min.css → css/bootstrap.min.css
diff --git a/wizard/css/wizard.css → css/help.css b/wizard/css/wizard.css → css/help.css
@@ -10,6 +10,10 @@
 		height: 50;
 }
 
+#error_row {
+		display: none;
+}
+
 #header h3 {
 		color: white;
 		margin-top: 15px;

diff --git a/css/menu.css b/css/menu.css
@@ -0,0 +1,43 @@
+html {
+		width: 240px;
+		padding: 10px;
+		background: #eee;
+}
+
+.panel {
+		padding: 4px;
+		margin-top: 10px;
+		margin-bottom: 0;
+}
+
+.bound {
+		background: white;
+		padding: 4px;
+}
+
+#logo {
+		display: table;
+		width: 100%;		
+}
+
+.control {
+		display: block;
+		margin-top: 6px;
+}
+
+.toggle { 
+		height: 32px !important;
+		width: 64px !important;
+}
+
+.cell {
+		width: 33%;
+		display: table-cell;
+		text-align: center;
+		padding-bottom: 6px;
+}
+
+.version {
+		text-align: center;
+		margin-bottom: 4px;
+}
diff --git a/deploy.sh b/deploy.sh
@@ -0,0 +1,5 @@
+standard index.js || exit
+rm -R pkg
+sudo rm -R /home/mumin/Desktop/x64
+npm run package
+sudo cp -R pkg/0.1.0/linux/x64 /home/mumin/Desktop
diff --git a/help/css/bootstrap.min.css b/help/css/bootstrap.min.css
diff --git a/help/css/help.css b/help/css/help.css
@@ -0,0 +1,30 @@
+#logo {
+		height: 25px;
+		padding-left: 20px;
+		margin: 12px;
+}
+
+#header {
+		background: black;
+		padding: 0;
+		height: 50;
+}
+
+#error_row {
+		display: none;
+}
+
+#header h3 {
+		color: white;
+		margin-top: 15px;
+}
+
+h3 {
+		font-size: 18px;
+		text-transform: uppercase;
+}
+
+.panel-heading {
+		text-transform: uppercase;
+		font-weight: bold;
+}
diff --git a/wizard/wizard.html → help/help.html b/wizard/wizard.html → help/help.html
@@ -3,19 +3,18 @@
 				<title>IPFS Setup wizard</title>
         <meta charset="utf-8"/>
 				<link rel="stylesheet" href="css/bootstrap.min.css"/>
-				<link rel="stylesheet" href="css/wizard.css"/>
+				<link rel="stylesheet" href="css/help.css"/>
 		</head>
 		<body>
 				<div id="header" class="row">
 						<div class="col-xs-2">
 								<img id="logo" src="img/logo.png"/>
 						</div>
 						<div class="col-xs-7">
-								<h3>setup wizard</h3>
 						</div>
 				</div>
 				<br/>
-				<div class="row">
+				<div id="error_row" class="row">
 						<div class="col-xs-9 col-xs-offset-2">
 								<div class="panel panel-danger">
 										<div class="panel-heading">
@@ -26,19 +25,20 @@ <h3>setup wizard</h3>
 								</div>
 						</div>
 				</div>
-				<!-- <div class="row"> -->
-				<!-- 		<div class="col-xs-9 col-xs-offset-2"> -->
-				<!-- 				<div class="panel panel-default"> -->
-				<!-- 						<div class="panel-heading"> -->
-				<!-- 								Initialize node -->
-				<!-- 						</div> -->
-				<!-- 						<div class="panel-body"> -->
-				<!-- 								<p>You need to initialize your local node, this only needs to be done once</p> -->
-				<!-- 								<button class="btn btn-active" onclick="initialize()">Initialize</button> -->
-				<!-- 						</div> -->
-				<!-- 				</div> -->
-				<!-- 		</div> -->
-				<!-- </div> -->
+
+				<div class="row">
+						<div class="col-xs-9 col-xs-offset-2">
+								<div class="panel panel-default">
+										<div class="panel-heading">
+												Status
+										</div>
+										<div class="panel-body">
+												Your daemon is not running, console unavailable
+										</div>										
+								</div>
+						</div>
+				</div>
+
 				<script src="js/wizard.js"></script>
 		</body>
 </html>
diff --git a/wizard/img/logo.png → help/img/logo.png b/wizard/img/logo.png → help/img/logo.png
diff --git a/wizard/js/wizard.js → help/js/help.js b/wizard/js/wizard.js → help/js/help.js
@@ -7,6 +7,10 @@ function initialize () {
 }
 
 ipc.on('err', function (err) {
-  var error = window.document.getElementById('error')
-  error.innerHTML = '<pre>' + err + '</pre>'
+  if (err) {
+    var error = window.document.getElementById('error')
+    error.innerHTML = '<pre>' + err + '</pre>'
+  } else {
+
+  }
 })
diff --git a/html/help.html b/html/help.html
@@ -0,0 +1,44 @@
+<html>
+		<head>
+				<title>IPFS Setup wizard</title>
+        <meta charset="utf-8"/>
+				<link rel="stylesheet" href="css/bootstrap.min.css"/>
+				<link rel="stylesheet" href="css/help.css"/>
+		</head>
+		<body>
+				<div id="header" class="row">
+						<div class="col-xs-2">
+								<img id="logo" src="img/logo.png"/>
+						</div>
+						<div class="col-xs-7">
+						</div>
+				</div>
+				<br/>
+				<div id="error_row" class="row">
+						<div class="col-xs-9 col-xs-offset-2">
+								<div class="panel panel-danger">
+										<div class="panel-heading">
+												 Error
+										</div>
+										<div class="panel-body" id="error">
+										</div>
+								</div>
+						</div>
+				</div>
+
+				<div class="row">
+						<div class="col-xs-9 col-xs-offset-2">
+								<div class="panel panel-default">
+										<div class="panel-heading">
+												Status
+										</div>
+										<div class="panel-body">
+												Your daemon is not running, console unavailable
+										</div>										
+								</div>
+						</div>
+				</div>
+
+				<script src="js/wizard.js"></script>
+		</body>
+</html>
diff --git a/html/menu.html b/html/menu.html
@@ -0,0 +1,13 @@
+<html>
+		<head>
+				<meta charset="utf-8"/>
+				<title>Example App</title>
+				<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css"/>
+				<link rel="stylesheet" href="../node_modules/bootstrap-toggle/css/bootstrap2-toggle.css"/>
+				<link rel="stylesheet" href="../css/menu.css"/>
+				<script src="../js/menu.js"></script>
+		</head>
+		<body>
+				<div id="menu-app"/>
+		</body>
+</html>
diff --git a/img/logo.png b/img/logo.png