taskotron landing page: Add drop down menu

inventory/group_vars/taskotron-dev

@@ -53,6 +53,10 @@ resultsdb_frontend_url: http://resultsdb-dev01.qa.fedoraproject.org/resultsdb/
 resultsdb_url: http://resultsdb-dev01.qa.fedoraproject.org/resultsdb_api/api/v2.0
 taskotron_docs_url: https://qa.fedoraproject.org/docs/libtaskotron/latest/
 trigger_distgit_repo_url: http://pkgs.stg.fedoraproject.org/
+instances:
+  - { name: "Production", url: "taskotron.fedoraproject.org"}
+  - { name: "Staging", url: "taskotron.stg.fedoraproject.org"}
+  - { name: "Development", url: "taskotron-dev.fedoraproject.org"}
 
 
 ############################################################

inventory/group_vars/taskotron-prod

@@ -40,6 +40,10 @@ resultsdb_frontend_url: http://resultsdb01.qa.fedoraproject.org/resultsdb
 resultsdb_url: http://resultsdb01.qa.fedoraproject.org/resultsdb_api/api/v2.0
 taskotron_docs_url: https://qa.fedoraproject.org/docs/libtaskotron/latest/
 trigger_distgit_repo_url: http://pkgs.fedoraproject.org/git
+instances:
+  - { name: "Production", url: "taskotron.fedoraproject.org"}
+  - { name: "Staging", url: "taskotron.stg.fedoraproject.org"}
+  - { name: "Development", url: "taskotron-dev.fedoraproject.org"}
 
 ############################################################
 # taskotron details
@@ -47,7 +51,7 @@ trigger_distgit_repo_url: http://pkgs.fedoraproject.org/git
 
 public_artifacts_dir: /srv/taskotron/artifacts
 cgit_root_title: "Taskotron Git Mirror"
-landingpage_title: ""
+landingpage_title: "Production"
 landingpage_instance: "prod"
 settings_dir: /etc/taskotron
 

inventory/group_vars/taskotron-stg

@@ -51,6 +51,10 @@ taskotron_docs_url: https://qa.fedoraproject.org/docs/libtaskotron/latest/
 trigger_distgit_repo_url: http://pkgs.stg.fedoraproject.org
 trigger_critpath_url: https://admin.stg.fedoraproject.org/pkgdb/api/critpath?format=json
 
+instances:
+  - { name: "Production", url: "taskotron.fedoraproject.org"}
+  - { name: "Staging", url: "taskotron.stg.fedoraproject.org"}
+  - { name: "Development", url: "taskotron-dev.fedoraproject.org"}
 
 ############################################################
 # taskotron details

roles/taskotron/taskotron-frontend/files/static/css/style.css

@@ -64,6 +64,25 @@ body {
   color: #639a81 !important;
 }
 
+.dropdown-menu {
+  background-color: #535452;
+  text-transform: uppercase;
+}
+
+.dropdown-menu a {
+  color: #e8e8e8 !important;
+}
+
+.dropdown-menu a:hover {
+  color: #535452 !important;
+}
+
+.production {
+  text-transform: uppercase;
+  color: #639a81 !important;
+  font-size: 10pt;
+}
+
 .development {
   text-transform: uppercase;
   color: #cc6168 !important;

roles/taskotron/taskotron-frontend/templates/landingpage.html.j2

@@ -30,9 +30,17 @@
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
         </button>
-        {% if landingpage_title %}
+        <div class="dropdown">
-        <a class="navbar-brand {{landingpage_title|lower}}">{{landingpage_title}} Instance</a>
+          <a class="navbar-brand {{landingpage_title|lower}} dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
-        {% endif %}
+            {{landingpage_title}} Instance
+            <span class="caret"></span>
+          </a>
+          <ul class="dropdown-menu" style="top: 30px;">
+            {% for instance in instances %}
+              <li><a href="{{instance.url}}">{{instance.name}} Instance</a></li>
+            {% endfor %}
+          </ul>
+        </div>
       </div>
 
       <div id="navbar" class="navbar-collapse collapse navbar-dark">