Move settings and api-key page to menu

app/dashboard/templates/dashboard/api_key.html

@@ -4,6 +4,8 @@
   API Key
 {% endblock %}
 
+{% set active_page = "api_key" %}
+
 {% block head %}
 {% endblock %}
 

app/dashboard/templates/dashboard/setting.html

@@ -1,7 +1,9 @@
 {% extends 'default.html' %}
 
+{% set active_page = "setting" %}
+
 {% block title %}
-  Setting
+  Settings
 {% endblock %}
 
 {% block default_content %}

templates/header.html

@@ -42,14 +42,6 @@
           </a>
 
           <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
-            <a class="dropdown-item" href="{{ url_for('dashboard.setting') }}">
-              <i class="dropdown-icon fe fe-settings"></i> Settings
-            </a>
-
-            <a class="dropdown-item" href="{{ url_for('dashboard.api_key') }}">
-              <i class="dropdown-icon fe fe-chrome"></i> API Key
-            </a>
-
             <a class="dropdown-item" href="{{ url_for('dashboard.custom_domain') }}">
               <i class="dropdown-icon fe fe-server"></i> Custom Domains
               <span class="badge badge-success">Premium</span>

templates/menu.html

@@ -7,6 +7,21 @@
     </a>
   </li>
 
+  <li class="nav-item">
+    <a href="{{ url_for('dashboard.setting') }}"
+       class="nav-link {{ 'active' if active_page == 'setting' }}">
+      <i class="fe fe-settings"></i>
+      Settings
+    </a>
+  </li>
+
+  <li class="nav-item">
+    <a href="{{ url_for('dashboard.api_key') }}"
+       class="nav-link {{ 'active' if active_page == 'api_key' }}">
+      <i class="fe fe-chrome"></i> API Key
+    </a>
+  </li>
+
   <!--
   <li class="nav-item">
     <a href="{{ url_for('discover.index') }}"