basic bootstrap interface

8723f8be · Francesc Guasch · 13fee886 · 8723f8be · 8723f8be · 8723f8be
Commit 8723f8be authored Apr 24, 2016 by Francesc Guasch
--- a/README.md
+++ b/README.md
@@ -10,7 +10,7 @@ Read docs/INSTALL.md
 ### Development
 To run it in development mode issue those commands in two different terminals:

-    $ morbo ./bin/rvd_front.pl
+    $ morbo ./rvd_front.pl
    $ sudo ./bin/rvd_back.pl

 ### Production

--- a/bin/rvd_front.pl
+++ b/bin/rvd_front.pl
@@ -36,9 +36,12 @@ any '/' => sub {
        }
        push @error,("Access denied");
    }
-    $c->render(login => $login ,template => 'index' , id_base => $id_base
-                    , error => \@error
-                    , base => list_bases());
+    $c->render(
+                    template => 'bootstrap/main' 
+                    ,id_base => $id_base
+                      ,login => $login 
+                      ,error => \@error
+                       ,base => list_bases());
 };

 get '/ip' => sub {

--- a/templates/bootstrap/header.html.ep
+++ b/templates/bootstrap/header.html.ep
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
+</head>
--- a/templates/bootstrap/main.html.ep
+++ b/templates/bootstrap/main.html.ep
+
+<!DOCTYPE html>
+<html>
+%= include 'bootstrap/header'
+<body role="document">
+    %= include 'bootstrap/navigation'
+    <div class="container theme-showcase" role="main">
+    <div class="jumbotron">
+        <h2></h2>
+    </div>
+    </div>
+    %= include 'bootstrap/scripts'
+</body>
+</html>
--- a/templates/bootstrap/navigation.html.ep
+++ b/templates/bootstrap/navigation.html.ep
+<nav class="navbar navbar-inverse navbar-fixed-top">
+    <div class="container">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a class="navbar-brand" href="/">Ravada</a>
+        </div>
+        <div id="navbar" class="navbar-collapse collapse">
+          <ul class="nav navbar-nav">
+            <li class="dropdown">
+            </li>
+            <li><a href="/login.html">Login</a></li>
+          </ul>
+        </div><!--/.nav-collapse -->
+    </div>
+</nav>
--- a/templates/bootstrap/scripts.html.ep
+++ b/templates/bootstrap/scripts.html.ep
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>