update layout

backstage/templates/layout.html

@@ -23,6 +23,14 @@
     .outerDiv {
       box-sizing: border-box;
     }
+    .btn-primary {
+      background: #808f4c !important;
+      border: 1px solid #808f4c;
+    }
+    .btn-primary:hover {
+      background: #4c660a !important;
+      border: 1px solid #4c660a;
+    }
   </style>
   {% if title %}
   <title>bhouse backstage - {{ title }}</title>
@@ -121,7 +129,8 @@
               <span class="menu-collapsed">聯絡我們</span>
             </div>
           </a>
-          <a href="{{ url_for('blogs.update') }}" class="bg-dark list-group-item list-group-item-action">
+          <a href="#" class="bg-dark list-group-item list-group-item-action" data-toggle="modal"
+            data-target="#passwordModal">
             <div class="d-flex w-100 justify-content-start align-items-center">
               <i class="fas fa-solid fa-gear mr-3"></i>
               <span class="menu-collapsed">前台正式區更新</span>
@@ -137,6 +146,32 @@
           </a>
         </ul><!-- List Group END-->
       </nav><!-- sidebar-container END -->
+      <!-- passwordModal -->
+      <div class="modal fade" id="passwordModal"  data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="passwordModalLabel" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered">
+          <div class="modal-content">
+            <div class="modal-header">
+              <h5 class="modal-title" id="passwordModalLabel">前台正式區更新</h5>
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                <span aria-hidden="true">&times;</span>
+              </button>
+            </div>
+            <div class="modal-body">
+              <div class="input-group">
+                <div class="input-group-prepend">
+                  <span class="input-group-text" id="updatePassword" style="padding-right: 5px;">請輸入密碼：</span>
+                </div>
+                <input type="text" class="form-control" placeholder="Password" aria-label="password" aria-describedby="updatePassword">
+              </div>
+
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+              <button type="button" class="btn btn-primary">更新</button>
+            </div>
+          </div>
+        </div>
+      </div>
       <!-- Modal -->
       <div>
         {% with messages = get_flashed_messages(with_categories=true) %}