Browse Source

ui is bearable

boyska 5 years ago
parent
commit
762dc2305d
1 changed files with 56 additions and 25 deletions
  1. 56 25
      panelui/res/templates/home.html

+ 56 - 25
panelui/res/templates/home.html

@@ -1,38 +1,69 @@
 <html>
     <head>
         <meta charset="UTF-8">
-        <link rel="stylesheet" href="{{.BaseURL}}static/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-<script src="{{.BaseURL}}static/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
+        <link rel="stylesheet" href="{{.BaseURL}}static/css/bootstrap.min.css" />
     </head>
     <body>
-        <div class="container">
-            <div class="row">
-                <div class="col">
-            Hello, {{.User}}
-            <p>Go to <a class="btn btn-primary" href="/tt-rss/">Feed Reader</a></p>
-                </div>
+
+
+<nav class="navbar navbar-expand-lg navbar-light bg-light">
+  <a class="navbar-brand" href="#">Grog</a>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav mr-auto">
+      <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li>
+    </ul>
+    <ul class="navbar-nav ml-auto">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                {{.User}}
+            </a>
+            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+                <a class="dropdown-item" href="/logout.html">Logout</a>
+                <a class="dropdown-item" href="#">Profile</a>
             </div>
-            <!-- IF hai uno spazio abilitato... -->
-            <div class="row row-pubblicazione"><!-- Il tuo spazio -->
-                <div class="col col-4">
-                    <h3>Feed che stai pubblicando nel tuo spazio</h3>
+    </ul>
+  </div>
+</nav>
+<div class="container">
+    <div class="row">
+        <div class="col-sm-4">
+            <!-- TODO: hai delle notizie non lette... -->
+            <p>Go to <a class="btn btn-primary" href="/tt-rss/">Feed Reader</a></p>
+        </div>
+    </div>
+    <!-- IF hai uno spazio abilitato... -->
+    <div class="row row-pubblicazione"><!-- Il tuo spazio -->
+        <div class="col-sm-6">
+            <div class="card">
+            <h3>Feed che stai pubblicando nel tuo spazio</h3>
 
-                    <ul>
-                        <li>Antani</li>
-                        <li>Sblindola</li>
-                        <li>Tapioco</li>
-                    </ul>
+            <ul>
+                <li>Antani</li>
+                <li>Sblindola</li>
+                <li>Tapioco</li>
+            </ul>
 
-                    <a class="btn btn-light">Aggiungi un nuovo feed</a>
-                </div>
-                <div class="col col-4">
-                    <h3>La tua lista dei feed è attualmente pubblica</h3>
-                    Questo vuol dire che sul tuo spazio chiunque potrà vedere tutti i feed che stai seguendo.
-                    <a class="btn btn-small btn-info">Maggiori informazioni</a>
-                    <a class="btn btn-small btn-warning">Nascondi lista di feed</a>
-                </div>
+            <a class="btn btn-light">Aggiungi un nuovo feed</a>
+            </div>
+        </div>
+        <div class="col-sm-6">
+            <div class="card">
+            <h3>La tua lista dei feed è attualmente pubblica</h3>
+            Questo vuol dire che sul tuo spazio chiunque potrà vedere tutti i feed che stai seguendo.
+            <a class="btn btn-small btn-info">Maggiori informazioni</a>
+            <a class="btn btn-small btn-warning">Nascondi lista di feed</a>
             </div>
         </div>
+    </div>
+</div>
+
+        <!-- TODO: move to static/ -->
+        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+        <script src="{{.BaseURL}}static/js/bootstrap.min.js"></script>
     </body>
 </html>