Skip to content

Commit 48c2605

Browse files
app-generatorapp-generator
authored
Merge pull request #2 from app-generator/sample
added some customizable page
2 parents 630e8b8 + c8f47b6 commit 48c2605

File tree

9 files changed

+898
-1
lines changed

9 files changed

+898
-1
lines changed

‎app1/templates/custom_billing.html‎

Lines changed: 324 additions & 0 deletions
Large diffs are not rendered by default.

‎app1/templates/custom_table.html‎

Lines changed: 250 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,250 @@
1+
{% extends "layouts/base.html" %}
2+
{% load i18n static %}
3+
4+
{% block title %} Tables {% endblock title %}
5+
6+
{% block overlay %}
7+
<div class="min-height-300 bg-primary position-absolute w-100"></div>
8+
{% endblock overlay %}
9+
10+
{% block content %}
11+
<div class="container-fluid py-4">
12+
<div class="row">
13+
<div class="col-12">
14+
<div class="card mb-4">
15+
<div class="card-header pb-0">
16+
<h6>Authors table</h6>
17+
</div>
18+
<div class="card-body px-0 pt-0 pb-2">
19+
<div class="table-responsive p-0">
20+
<table class="table align-items-center mb-0">
21+
<thead>
22+
<tr>
23+
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Author</th>
24+
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">Function</th>
25+
<th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Status</th>
26+
<th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Employed</th>
27+
<th class="text-secondary opacity-7"></th>
28+
</tr>
29+
</thead>
30+
<tbody>
31+
<tr>
32+
<td>
33+
<div class="d-flex px-2 py-1">
34+
<div>
35+
<img src="{% static 'img/team-2.jpg' %}" class="avatar avatar-sm me-3" alt="user1">
36+
</div>
37+
<div class="d-flex flex-column justify-content-center">
38+
<h6 class="mb-0 text-sm">Author Name</h6>
39+
<p class="text-xs text-secondary mb-0">Author Email</p>
40+
</div>
41+
</div>
42+
</td>
43+
<td>
44+
<p class="text-xs font-weight-bold mb-0">Manager</p>
45+
<p class="text-xs text-secondary mb-0">Organization</p>
46+
</td>
47+
<td class="align-middle text-center text-sm">
48+
<span class="badge badge-sm bg-gradient-success">Online</span>
49+
</td>
50+
<td class="align-middle text-center">
51+
<span class="text-secondary text-xs font-weight-bold">23/04/18</span>
52+
</td>
53+
<td class="align-middle">
54+
<a href="javascript:;" class="text-secondary font-weight-bold text-xs" data-toggle="tooltip" data-original-title="Edit user">
55+
Edit
56+
</a>
57+
</td>
58+
</tr>
59+
<tr>
60+
<td>
61+
<div class="d-flex px-2 py-1">
62+
<div>
63+
<img src="{% static 'img/team-3.jpg' %}" class="avatar avatar-sm me-3" alt="user2">
64+
</div>
65+
<div class="d-flex flex-column justify-content-center">
66+
<h6 class="mb-0 text-sm">Author Name</h6>
67+
<p class="text-xs text-secondary mb-0">Author Email</p>
68+
</div>
69+
</div>
70+
</td>
71+
<td>
72+
<p class="text-xs font-weight-bold mb-0">Programator</p>
73+
<p class="text-xs text-secondary mb-0">Developer</p>
74+
</td>
75+
<td class="align-middle text-center text-sm">
76+
<span class="badge badge-sm bg-gradient-secondary">Offline</span>
77+
</td>
78+
<td class="align-middle text-center">
79+
<span class="text-secondary text-xs font-weight-bold">11/01/19</span>
80+
</td>
81+
<td class="align-middle">
82+
<a href="javascript:;" class="text-secondary font-weight-bold text-xs" data-toggle="tooltip" data-original-title="Edit user">
83+
Edit
84+
</a>
85+
</td>
86+
</tr>
87+
<tr>
88+
<td>
89+
<div class="d-flex px-2 py-1">
90+
<div>
91+
<img src="{% static 'img/team-4.jpg' %}" class="avatar avatar-sm me-3" alt="user3">
92+
</div>
93+
<div class="d-flex flex-column justify-content-center">
94+
<h6 class="mb-0 text-sm">Author Name</h6>
95+
<p class="text-xs text-secondary mb-0">Author Email</p>
96+
</div>
97+
</div>
98+
</td>
99+
<td>
100+
<p class="text-xs font-weight-bold mb-0">Executive</p>
101+
<p class="text-xs text-secondary mb-0">Projects</p>
102+
</td>
103+
<td class="align-middle text-center text-sm">
104+
<span class="badge badge-sm bg-gradient-success">Online</span>
105+
</td>
106+
<td class="align-middle text-center">
107+
<span class="text-secondary text-xs font-weight-bold">19/09/17</span>
108+
</td>
109+
<td class="align-middle">
110+
<a href="javascript:;" class="text-secondary font-weight-bold text-xs" data-toggle="tooltip" data-original-title="Edit user">
111+
Edit
112+
</a>
113+
</td>
114+
</tr>
115+
</tbody>
116+
</table>
117+
</div>
118+
</div>
119+
</div>
120+
</div>
121+
</div>
122+
<div class="row">
123+
<div class="col-12">
124+
<div class="card mb-4">
125+
<div class="card-header pb-0">
126+
<h6>Projects table</h6>
127+
</div>
128+
<div class="card-body px-0 pt-0 pb-2">
129+
<div class="table-responsive p-0">
130+
<table class="table align-items-center justify-content-center mb-0">
131+
<thead>
132+
<tr>
133+
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Project</th>
134+
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">Budget</th>
135+
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">Status</th>
136+
<th class="text-uppercase text-secondary text-xxs font-weight-bolder text-center opacity-7 ps-2">Completion</th>
137+
<th></th>
138+
</tr>
139+
</thead>
140+
<tbody>
141+
<tr>
142+
<td>
143+
<div class="d-flex px-2">
144+
<div>
145+
<img src="{% static 'img/small-logos/logo-spotify.svg' %}" class="avatar avatar-sm rounded-circle me-2" alt="spotify">
146+
</div>
147+
<div class="my-auto">
148+
<h6 class="mb-0 text-sm">Project Name</h6>
149+
</div>
150+
</div>
151+
</td>
152+
<td>
153+
<p class="text-sm font-weight-bold mb-0">$2,500</p>
154+
</td>
155+
<td>
156+
<span class="text-xs font-weight-bold">working</span>
157+
</td>
158+
<td class="align-middle text-center">
159+
<div class="d-flex align-items-center justify-content-center">
160+
<span class="me-2 text-xs font-weight-bold">60%</span>
161+
<div>
162+
<div class="progress">
163+
<div class="progress-bar bg-gradient-info" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div>
164+
</div>
165+
</div>
166+
</div>
167+
</td>
168+
<td class="align-middle">
169+
<button class="btn btn-link text-secondary mb-0">
170+
<i class="fa fa-ellipsis-v text-xs"></i>
171+
</button>
172+
</td>
173+
</tr>
174+
<tr>
175+
<td>
176+
<div class="d-flex px-2">
177+
<div>
178+
<img src="{% static 'img/small-logos/logo-invision.svg' %}" class="avatar avatar-sm rounded-circle me-2" alt="invision">
179+
</div>
180+
<div class="my-auto">
181+
<h6 class="mb-0 text-sm">Project Name</h6>
182+
</div>
183+
</div>
184+
</td>
185+
<td>
186+
<p class="text-sm font-weight-bold mb-0">$5,000</p>
187+
</td>
188+
<td>
189+
<span class="text-xs font-weight-bold">done</span>
190+
</td>
191+
<td class="align-middle text-center">
192+
<div class="d-flex align-items-center justify-content-center">
193+
<span class="me-2 text-xs font-weight-bold">100%</span>
194+
<div>
195+
<div class="progress">
196+
<div class="progress-bar bg-gradient-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
197+
</div>
198+
</div>
199+
</div>
200+
</td>
201+
<td class="align-middle">
202+
<button class="btn btn-link text-secondary mb-0" aria-haspopup="true" aria-expanded="false">
203+
<i class="fa fa-ellipsis-v text-xs"></i>
204+
</button>
205+
</td>
206+
</tr>
207+
<tr>
208+
<td>
209+
<div class="d-flex px-2">
210+
<div>
211+
<img src="{% static 'img/small-logos/logo-jira.svg' %}" class="avatar avatar-sm rounded-circle me-2" alt="jira">
212+
</div>
213+
<div class="my-auto">
214+
<h6 class="mb-0 text-sm">Project Name</h6>
215+
</div>
216+
</div>
217+
</td>
218+
<td>
219+
<p class="text-sm font-weight-bold mb-0">$3,400</p>
220+
</td>
221+
<td>
222+
<span class="text-xs font-weight-bold">canceled</span>
223+
</td>
224+
<td class="align-middle text-center">
225+
<div class="d-flex align-items-center justify-content-center">
226+
<span class="me-2 text-xs font-weight-bold">30%</span>
227+
<div>
228+
<div class="progress">
229+
<div class="progress-bar bg-gradient-danger" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="30" style="width: 30%;"></div>
230+
</div>
231+
</div>
232+
</div>
233+
</td>
234+
<td class="align-middle">
235+
<button class="btn btn-link text-secondary mb-0" aria-haspopup="true" aria-expanded="false">
236+
<i class="fa fa-ellipsis-v text-xs"></i>
237+
</button>
238+
</td>
239+
</tr>
240+
241+
</tbody>
242+
</table>
243+
</div>
244+
</div>
245+
</div>
246+
</div>
247+
</div>
248+
{% include 'includes/footer.html' %}
249+
</div>
250+
{% endblock content %}

‎app1/templates/includes/fixed-plugin.html‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
<div class="fixed-plugin">
2+
<a class="fixed-plugin-button text-dark position-fixed px-3 py-2">
3+
<i class="fa fa-cog py-2"> </i>
4+
</a>
5+
<div class="card shadow-lg">
6+
<div class="card-header pb-0 pt-3 ">
7+
<div class="float-start">
8+
<h5 class="mt-3 mb-0">Custom Configurator</h5>
9+
<p>See our dashboard options.</p>
10+
</div>
11+
<div class="float-end mt-4">
12+
<button class="btn btn-link text-dark p-0 fixed-plugin-close-button">
13+
<i class="fa fa-close"></i>
14+
</button>
15+
</div>
16+
<!-- End Toggle Button -->
17+
</div>
18+
<hr class="horizontal dark my-1">
19+
<div class="card-body pt-sm-3 pt-0 overflow-auto">
20+
<!-- Sidebar Backgrounds -->
21+
<div>
22+
<h6 class="mb-0">Custom Sidebar Colors</h6>
23+
</div>
24+
<a href="javascript:void(0)" class="switch-trigger background-color">
25+
<div class="badge-colors my-2 text-start">
26+
<span class="badge filter bg-gradient-primary active" data-color="primary" onclick="sidebarColor(this)"></span>
27+
<span class="badge filter bg-gradient-dark" data-color="dark" onclick="sidebarColor(this)"></span>
28+
<span class="badge filter bg-gradient-info" data-color="info" onclick="sidebarColor(this)"></span>
29+
<span class="badge filter bg-gradient-success" data-color="success" onclick="sidebarColor(this)"></span>
30+
<span class="badge filter bg-gradient-warning" data-color="warning" onclick="sidebarColor(this)"></span>
31+
<span class="badge filter bg-gradient-danger" data-color="danger" onclick="sidebarColor(this)"></span>
32+
</div>
33+
</a>
34+
<!-- Sidenav Type -->
35+
<div class="mt-3">
36+
<h6 class="mb-0">Custom Sidenav Type</h6>
37+
<p class="text-sm">Choose between 2 different sidenav types.</p>
38+
</div>
39+
<div class="d-flex">
40+
<button class="btn bg-gradient-primary w-100 px-3 mb-2 active me-2" data-class="bg-white" onclick="sidebarType(this)">White</button>
41+
<button class="btn bg-gradient-primary w-100 px-3 mb-2" data-class="bg-default" onclick="sidebarType(this)">Dark</button>
42+
</div>
43+
<p class="text-sm d-xl-none d-block mt-2">You can change the sidenav type just on desktop view.</p>
44+
<!-- Navbar Fixed -->
45+
<div class="d-flex my-3">
46+
<h6 class="mb-0">Navbar Fixed</h6>
47+
<div class="form-check form-switch ps-0 ms-auto my-auto">
48+
<input class="form-check-input mt-1 ms-auto" type="checkbox" id="navbarFixed" onclick="navbarFixed(this)">
49+
</div>
50+
</div>
51+
<hr class="horizontal dark my-sm-4">
52+
<div class="mt-2 mb-5 d-flex">
53+
<h6 class="mb-0">Light / Dark</h6>
54+
<div class="form-check form-switch ps-0 ms-auto my-auto">
55+
<input class="form-check-input mt-1 ms-auto" type="checkbox" id="dark-version" onclick="darkMode(this)">
56+
</div>
57+
</div>
58+
<a class="btn bg-gradient-dark w-100" href="https://www.creative-tim.com/product/argon-dashboard">Free Download</a>
59+
<a class="btn btn-outline-dark w-100" href="https://www.creative-tim.com/learning-lab/bootstrap/license/argon-dashboard">View documentation</a>
60+
<div class="w-100 text-center">
61+
<a class="github-button" href="https://github.com/creativetimofficial/argon-dashboard" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star creativetimofficial/argon-dashboard on GitHub">Star</a>
62+
<h6 class="mt-3">Thank you for sharing!</h6>
63+
<a href="https://twitter.com/intent/tweet?text=Check%20Argon%20Dashboard%20made%20by%20%40CreativeTim%20%23webdesign%20%23dashboard%20%23bootstrap5&amp;url=https%3A%2F%2Fwww.creative-tim.com%2Fproduct%2Fargon-dashboard" class="btn btn-dark mb-0 me-2" target="_blank">
64+
<i class="fab fa-twitter me-1" aria-hidden="true"></i> Tweet
65+
</a>
66+
<a href="https://www.facebook.com/sharer/sharer.php?u=https://www.creative-tim.com/product/argon-dashboard" class="btn btn-dark mb-0 me-2" target="_blank">
67+
<i class="fab fa-facebook-square me-1" aria-hidden="true"></i> Share
68+
</a>
69+
</div>
70+
</div>
71+
</div>
72+
</div>

‎app1/templates/includes/footer.html‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<footer class="footer pt-3 ">
2+
<div class="container-fluid">
3+
<div class="row align-items-center justify-content-lg-between">
4+
<div class="col-lg-6 mb-lg-0 mb-4">
5+
<div class="copyright text-center text-sm text-muted text-lg-start">
6+
© <script>
7+
document.write(new Date().getFullYear())
8+
</script>,
9+
made with <i class="fa fa-heart"></i> by
10+
<a href="https://www.creative-tim.com" class="font-weight-bold" target="_blank">Creative Tim</a>
11+
for a better web.
12+
</div>
13+
</div>
14+
<div class="col-lg-6">
15+
<ul class="nav nav-footer justify-content-center justify-content-lg-end">
16+
<li class="nav-item">
17+
<a href="https://www.creative-tim.com" class="nav-link text-muted" target="_blank">Custom footer 1</a>
18+
</li>
19+
<li class="nav-item">
20+
<a href="https://www.creative-tim.com/presentation" class="nav-link text-muted" target="_blank">Custom footer 2</a>
21+
</li>
22+
<li class="nav-item">
23+
<a href="https://www.creative-tim.com/blog" class="nav-link text-muted" target="_blank">Custom footer 3</a>
24+
</li>
25+
<li class="nav-item">
26+
<a href="https://www.creative-tim.com/license" class="nav-link pe-0 text-muted" target="_blank">Custom footer 4</a>
27+
</li>
28+
</ul>
29+
</div>
30+
</div>
31+
</div>
32+
</footer>

0 commit comments

Comments
 (0)