Hugging Face's logo

Spaces:
BitBean
/
company
Sleeping

App Files Community
noranisa commited on
Commit
69ea01e
·
verified ·
1 Parent(s): 84aaa78

Update templates/admin/custom_master.html

Browse files
Files changed (1) hide show
  1. templates/admin/custom_master.html +69 -28
templates/admin/custom_master.html CHANGED
@@ -1,36 +1,54 @@
1
- {# templates/admin/custom_master.html #}
2
- {% extends 'admin/master.html' %}
3
-
4
- {% block head_css %}
5
- {{ super() }}
6
- <!-- Memuat Font Awesome untuk ikon -->
 
 
 
 
 
 
 
 
 
7
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
8
- <!-- Memuat CSS kustom kita -->
9
- <link rel="stylesheet" href="{{ url_for('static', filename='css/admin.css') }}">
10
- {% endblock %}
 
 
 
 
 
 
11
 
12
- {% block body %}
13
  <div class="d-flex admin-layout">
14
  <!-- Sidebar Navigasi -->
15
  <nav class="sidebar">
16
- <div class="sidebar-header">
17
- <a href="{{ admin_view.get_url('.index') }}" class="sidebar-brand">
18
- <img src="{{ get_setting('logo_url', url_for('static', filename='img/logo.png')) }}" alt="Logo">
19
- <span>{{ get_setting('cafe_name', 'Bit & Bean') }}</span>
20
- </a>
21
- </div>
22
  <ul class="nav flex-column">
23
  {% for item in admin_view.menu() %}
24
  <li class="nav-item {{ 'active' if item.is_active(admin_view) else '' }}">
25
- <a class="nav-link" href="{{ item.get_url() }}">{{ item.name }}</a>
 
 
 
26
  </li>
27
  {% endfor %}
28
 
29
  {% for item in admin_view.menu_categories().values() %}
30
- <li class="nav-item nav-category">{{ item.name }}</li>
31
  {% for child in item.get_children() %}
32
  <li class="nav-item {{ 'active' if child.is_active(admin_view) else '' }}">
33
- <a class="nav-link" href="{{ child.get_url() }}">{{ child.name }}</a>
 
 
 
34
  </li>
35
  {% endfor %}
36
  {% endfor %}
@@ -39,17 +57,40 @@
39
 
40
  <!-- Konten Utama -->
41
  <main class="content-wrapper">
42
- <div class="top-bar">
43
- <h1 class="page-title">{{ admin_view.name }}</h1>
44
- <a href="/" target="_blank" class="btn btn-outline-secondary btn-sm">Lihat Situs <i class="fas fa-external-link-alt ml-1"></i></a>
45
- </div>
46
- <div class="page-content">
47
- {% block page_body %}{% endblock %}
 
48
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
49
  </main>
50
  </div>
51
- {% endblock %}
52
 
 
53
  {% block tail %}
54
- {{ super() }}
55
- {% endblock %}
 
 
 
 
 
 
 
1
+ {# templates/admin/custom_master.html (VERSI DIPERBAIKI) #}
2
+ <!DOCTYPE html>
3
+ <html>
4
+ <head>
5
+ <title>{{ get_setting('cafe_name', 'Bit & Bean') }} - {{ admin_view.name or 'Admin' }}</title>
6
+ <meta charset="utf-8">
7
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
8
+ <meta name="viewport" content="width=device-width, initial-scale=1">
9
+
10
+ <!-- Memuat Bootstrap CSS dari Flask-Admin -->
11
+ {% block head_css %}
12
+ <link href="{{ url_for('admin.static', filename='bootstrap/bootstrap4/css/bootstrap.min.css') }}" rel="stylesheet">
13
+ <link href="{{ url_for('admin.static', filename='fa/css/font-awesome.min.css') }}" rel="stylesheet">
14
+ <link href="{{ url_for('admin.static', filename='css/main.css') }}" rel="stylesheet">
15
+ <!-- Font Awesome untuk ikon yang lebih modern -->
16
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
17
+ <!-- Font Poppins -->
18
+ <link rel="preconnect" href="https://fonts.googleapis.com">
19
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
20
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
21
+ <!-- CSS Desain Ulang Kustom kita -->
22
+ <link rel="stylesheet" href="{{ url_for('static', filename='css/admin_restyle.css') }}">
23
+ {% endblock %}
24
+ </head>
25
+ <body>
26
 
 
27
  <div class="d-flex admin-layout">
28
  <!-- Sidebar Navigasi -->
29
  <nav class="sidebar">
30
+ <a href="{{ admin_view.get_url('.index') }}" class="sidebar-brand">
31
+ <img src="{{ get_setting('logo_url', url_for('static', filename='img/logo.png')) }}" alt="Logo">
32
+ <span>{{ get_setting('cafe_name', 'Bit & Bean') }}</span>
33
+ </a>
 
 
34
  <ul class="nav flex-column">
35
  {% for item in admin_view.menu() %}
36
  <li class="nav-item {{ 'active' if item.is_active(admin_view) else '' }}">
37
+ <a class="nav-link" href="{{ item.get_url() }}">
38
+ <i class="menu-icon {{ menu_icons.get(item.name, 'fa-solid fa-circle-question') }}"></i>
39
+ {{ item.name }}
40
+ </a>
41
  </li>
42
  {% endfor %}
43
 
44
  {% for item in admin_view.menu_categories().values() %}
45
+ <li class="nav-category">{{ item.name }}</li>
46
  {% for child in item.get_children() %}
47
  <li class="nav-item {{ 'active' if child.is_active(admin_view) else '' }}">
48
+ <a class="nav-link" href="{{ child.get_url() }}">
49
+ <i class="menu-icon {{ menu_icons.get(child.name, 'fa-solid fa-circle-question') }}"></i>
50
+ {{ child.name }}
51
+ </a>
52
  </li>
53
  {% endfor %}
54
  {% endfor %}
 
57
 
58
  <!-- Konten Utama -->
59
  <main class="content-wrapper">
60
+ <div class="d-flex justify-content-between align-items-center mb-4">
61
+ <h1 class="h3 mb-0 font-weight-bold">{{ admin_view.name }}</h1>
62
+ <div>
63
+ <a href="/" target="_blank" class="btn btn-outline-secondary btn-sm">
64
+ <i class="fas fa-external-link-alt mr-1"></i> Lihat Situs
65
+ </a>
66
+ </div>
67
  </div>
68
+
69
+ <!-- Flash Messages -->
70
+ {% with messages = get_flashed_messages(with_categories=True) %}
71
+ {% if messages %}
72
+ {% for category, message in messages %}
73
+ <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
74
+ {{ message }}
75
+ <button type="button" class="close" data-dismiss="alert" aria-label="Close">
76
+ <span aria-hidden="true">&times;</span>
77
+ </button>
78
+ </div>
79
+ {% endfor %}
80
+ {% endif %}
81
+ {% endwith %}
82
+
83
+ {% block page_body %}{% endblock %}
84
  </main>
85
  </div>
 
86
 
87
+ <!-- Memuat Javascript -->
88
  {% block tail %}
89
+ <script src="{{ url_for('admin.static', filename='vendor/jquery.min.js') }}"></script>
90
+ <script src="{{ url_for('admin.static', filename='bootstrap/bootstrap4/js/bootstrap.bundle.min.js') }}"></script>
91
+ <script src="{{ url_for('admin.static', filename='vendor/moment.min.js') }}"></script>
92
+ <script src="{{ url_for('admin.static', filename='vendor/select2/select2.min.js') }}"></script>
93
+ {% endblock %}
94
+
95
+ </body>
96
+ </html>