From 8ffcf6c9e0a6a4e09ec1187d748af47b7c5f20cb Mon Sep 17 00:00:00 2001
From: Hubert <hubert@poipoi.org>
Date: Sat, 3 Jul 2021 07:38:12 +0200
Subject: [PATCH] tabs

---
 templates/git.html | 65 +++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 64 insertions(+), 1 deletion(-)

diff --git a/templates/git.html b/templates/git.html
index 13f72d1..97306fc 100644
--- a/templates/git.html
+++ b/templates/git.html
@@ -3,13 +3,76 @@
 {% block content %}
 <div class="w3-bar">
 
-    <span class="w3-bar-item">{{repo.owner.name}}/{{repo.name}}</span>
+    <span class="w3-bar-item"><span class="w3-xxlarge">{{repo.owner.name}}/{{repo.name}}</span></span>
     <span class="w3-bar-item w3-right"><button class="w3-button w3-round w3-border">Fork</button></span>
     <span class="w3-bar-item w3-right"><button class="w3-button w3-round w3-border">Star</button></span>
     <span class="w3-bar-item w3-right"><button class="w3-button w3-round w3-border">Follow</button></span>
 
 </div>
 
+<div class="w3-bar w3-light-grey">
+    <button class="w3-bar-item w3-button repotablink w3-grey" onclick="openCity(event,'Code')">Code</button>
+    <button class="w3-bar-item w3-button repotablink" onclick="openCity(event,'Issues')">Issues</button>
+    <button class="w3-bar-item w3-button repotablink" onclick="openCity(event,'Pull')">Pull requests</button>
+    <button class="w3-bar-item w3-button repotablink" onclick="openCity(event,'Projects')">Projects</button>
+    <button class="w3-bar-item w3-button repotablink" onclick="openCity(event,'Versions')">Versions</button>
+    <button class="w3-bar-item w3-button repotablink" onclick="openCity(event,'Wiki')">Wiki</button>
+    <button class="w3-bar-item w3-button repotablink" onclick="openCity(event,'Activity')">Activity</button>
+</div>
+
+<div id="Code" class="w3-container w3-border repoview">
+    <h2>Code</h2>
+    <p>London is the capital city of England.</p>
+</div>
+
+<div id="Issues" class="w3-container w3-border repoview" style="display:none">
+    <h2>Issues</h2>
+    <p>Paris is the capital of France.</p>
+</div>
+
+<div id="Pull" class="w3-container w3-border repoview" style="display:none">
+    <h2>Pull</h2>
+    <p>Tokyo is the capital of Japan.</p>
+</div>
+
+<div id="Projects" class="w3-container w3-border repoview" style="display:none">
+    <h2>Projects</h2>
+    <p>Tokyo is the capital of Japan.</p>
+</div>
+
+
+<div id="Versions" class="w3-container w3-border repoview" style="display:none">
+    <h2>Versions</h2>
+    <p>Tokyo is the capital of Japan.</p>
+</div>
+
+
+<div id="Wiki" class="w3-container w3-border repoview" style="display:none">
+    <h2>Wiki</h2>
+    <p>Tokyo is the capital of Japan.</p>
+</div>
+
+
+<div id="Activity" class="w3-container w3-border repoview" style="display:none">
+    <h2>Activity</h2>
+    <p>Tokyo is the capital of Japan.</p>
+</div>
+
+<script>
+    function openCity(evt, viewName) {
+        var i, x, tablinks;
+        x = document.getElementsByClassName("repoview");
+        for (i = 0; i < x.length; i++) {
+            x[i].style.display = "none";
+        }
+        tablinks = document.getElementsByClassName("repotablink");
+        for (i = 0; i < x.length; i++) {
+            tablinks[i].className = tablinks[i].className.replace(" w3-grey", "");
+        }
+        document.getElementById(viewName).style.display = "block";
+        evt.currentTarget.className += " w3-grey";
+    }
+</script>
 
     {% for (dir, prev) in root %}/<a href="{{prev}}">{{dir}}</a>{% endfor %}