wip

handlers/barcodes.go

@@ -0,0 +1,20 @@
+package handlers
+
+import (
+	"net/http"
+	"text/template"
+
+	"git.espin.casa/albert/cml04-falcon-ui/storage"
+	"github.com/julienschmidt/httprouter"
+)
+
+func BarcodesHandler(storage storage.Storager) httprouter.Handle {
+	return func(w http.ResponseWriter, r *http.Request, ps httprouter.Params) {
+		t, _ := template.ParseFiles("templates/base.html", "templates/barcodes.html")
+		err := t.Execute(w, nil)
+		if err != nil {
+			http.Error(w, err.Error(), http.StatusInternalServerError)
+			return
+		}
+	}
+}

handlers/hbcp.go

@@ -4,10 +4,11 @@ import (
 	"net/http"
 	"text/template"
 
+	"git.espin.casa/albert/cml04-falcon-ui/storage"
 	"github.com/julienschmidt/httprouter"
 )
 
-func HBCPHandler() httprouter.Handle {
+func HBCPHandler(storage storage.Storager) httprouter.Handle {
 	return func(w http.ResponseWriter, r *http.Request, ps httprouter.Params) {
 		t, _ := template.ParseFiles("templates/base.html", "templates/hbcp.html")
 		err := t.Execute(w, nil)

routes/routes.go

@@ -8,6 +8,7 @@ import (
 
 func CreateRoutes(r *httprouter.Router, storage storage.Storager) {
 	r.GET("/", handlers.IndexHandler())
-	r.GET("/hbcp", handlers.HBCPHandler())
+	r.GET("/hbcp", handlers.HBCPHandler(storage))
+	r.GET("/barcodes", handlers.BarcodesHandler(storage))
 
 }

templates/barcodes.html

@@ -0,0 +1,64 @@
+{{define "title"}}Falcon UI{{end}}
+
+{{define "body"}}
+
+<div class="container is-fluid">
+    <div class="columns">
+        <div class="column is-one-fifth">
+            <aside class="menu">
+                <p class="menu-label">Panel</p>
+                <ul class="menu-list">
+                    <li><a href="/">Inicio</a></li>
+                </ul>
+                <p class="menu-label">Etiquetas leídas</p>
+                <ul class="menu-list">
+                    <li><a>Consultar</a></li>
+                </ul>
+                <p class="menu-label">Paquetes</p>
+                <ul class="menu-list">
+                    <li><a>Consultar</a></li>
+                </ul>
+                <p class="menu-label">Datos de fabricación</p>
+                <ul class="menu-list">
+                    <li><a>Orden de producción</a></li>
+                    <li><a>Orden de cliente</a></li>
+                    <li><a>Orden de corte placa</a></li>
+                    <li><a>Orden de corte layer</a></li>
+                    <li><a href="/hbcp">Hoja BCP</a></li>
+                </ul>
+                <p class="menu-label">Calidad</p>
+                <ul class="menu-list">
+                    <li><a>Normas</a></li>
+                </ul>
+                <p class="menu-label">Etiquetas</p>
+                <ul class="menu-list">
+                    <li><a>Ultimas etiquetas</a></li>
+                </ul>
+            </aside>
+        </div>
+        <div class="column">
+            <nav class="panel is-link">
+                <p class="panel-heading"><i class="far fa-file"></i> Listar códigos leídos</p>
+                <form action="/barcodes">
+                    <div class="panel-block">
+                        <p class="control has-icons-left">
+                            <input class="input is-link has-dropdown is-hoverable has-icons-right" type="datetime-local" id="inicio" name="inicio" />
+                        </p>
+                    </div>
+                    <div class="panel-block">
+                        <div class="buttons">
+                            <button type="submit" class="button is-link is-outlined">
+                                Busqueda
+                            </button>
+                            <button type="reset" class="button is-danger is-outlined">
+                                Reset
+                            </button>
+                        </div>
+                    </div>
+                </form>
+            </nav>
+        </div>
+    </div>
+</div>
+
+{{ end }}

templates/hbcp.html

@@ -42,12 +42,22 @@
                 <form action="/hbcp">
                     <div class="panel-block">
                         <p class="control has-icons-left">
-                            <input class="input is-link" type="text" placeholder="Orden fabricación" />
+                            <input class="input is-link" type="text" id="po" name="po" placeholder="Orden fabricación" />
                             <span class="icon is-left">
                                 <i class="fas fa-search" aria-hidden="true"></i>
                             </span>
                         </p>
                     </div>
+                    <div class="panel-block">
+                        <div class="buttons">
+                            <button type="submit" class="button is-link is-outlined">
+                                Busqueda
+                            </button>
+                            <button type="reset" class="button is-danger is-outlined">
+                                Reset
+                            </button>
+                        </div>
+                    </div>
                 </form>
             </nav>
         </div>

templates/index.html

@@ -13,7 +13,7 @@
                 </ul>
                 <p class="menu-label">Etiquetas leídas</p>
                 <ul class="menu-list">
-                    <li><a>Consultar</a></li>
+                    <li><a href="/barcodes">Consultar</a></li>
                 </ul>
                 <p class="menu-label">Paquetes</p>
                 <ul class="menu-list">