Codebase Update
This commit is contained in:
App Generator
0
apps/templates/.gitkeep
Normal file
0
apps/templates/.gitkeep
Normal file
108
apps/templates/accounts/login.html
Normal file
108
apps/templates/accounts/login.html
Normal file
@ -0,0 +1,108 @@
|
||||
{% extends "layouts/base-fullscreen.html" %}
|
||||
|
||||
{% block title %} Login {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="content">
|
||||
<div class="container">
|
||||
<div class="row pt-5">
|
||||
<div class="col-md-6 mt-5 offset-md-3 pt-5 mt-5">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-header text-center py-4">
|
||||
<h4 class="title">
|
||||
Sign IN
|
||||
</h4>
|
||||
|
||||
<h6 class="card-category">
|
||||
{% if msg %}
|
||||
<span class="text-danger">{{ msg | safe }}</span>
|
||||
{% else %}
|
||||
<span>
|
||||
Add your credentials
|
||||
</span>
|
||||
{% endif %}
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<form role="form" method="post" action="">
|
||||
|
||||
{{ form.hidden_tag() }}
|
||||
|
||||
<div class="card-body px-5 py-3">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Username</label>
|
||||
{{ form.username(class="form-control") }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Password</label>
|
||||
{{ form.password(class="form-control", type="password") }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-footer text-center">
|
||||
<button type="submit" name="login" class="btn btn-fill btn-primary">Login</button>
|
||||
|
||||
<br /><br />
|
||||
|
||||
<p>
|
||||
Don't have an account? <a href="{{ url_for('authentication_blueprint.register') }}" class="text-primary">Register</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{% if config.SOCIAL_AUTH_GITHUB %}
|
||||
|
||||
<div class="text-center">
|
||||
|
||||
<span class="text-muted">or Sign IN with</span>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<div class="text-center mx-auto">
|
||||
|
||||
{% if config.SOCIAL_AUTH_GITHUB %}
|
||||
<a href="{{url_for('authentication_blueprint.login_github')}}" class="btn btn-github btn-sm">
|
||||
<i class="fab fa-github"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<br />
|
||||
|
||||
{% endif %}
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<br />
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
97
apps/templates/accounts/register.html
Normal file
97
apps/templates/accounts/register.html
Normal file
@ -0,0 +1,97 @@
|
||||
{% extends "layouts/base-fullscreen.html" %}
|
||||
|
||||
{% block title %} Register {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="content">
|
||||
<div class="container">
|
||||
<div class="row pt-5">
|
||||
<div class="col-md-6 mt-5 offset-md-3 pt-5 mt-5">
|
||||
<div class="card">
|
||||
<div class="card-header text-center py-4">
|
||||
<h4 class="title">
|
||||
Sign UP
|
||||
</h4>
|
||||
|
||||
<h6 class="card-category">
|
||||
{% if msg %}
|
||||
<span class="text-danger">{{ msg | safe }}</span>
|
||||
{% else %}
|
||||
<span>
|
||||
Add your credentials
|
||||
</span>
|
||||
{% endif %}
|
||||
</h6>
|
||||
|
||||
</div>
|
||||
|
||||
{% if success %}
|
||||
|
||||
<div class="card-footer text-center">
|
||||
<a href="{{ url_for('authentication_blueprint.login') }}"
|
||||
class="btn btn-fill btn-primary">Login</a>
|
||||
</div>
|
||||
|
||||
{% else %}
|
||||
|
||||
<form role="form" method="post" action="">
|
||||
|
||||
{{ form.hidden_tag() }}
|
||||
|
||||
<div class="card-body px-5 py-3">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Username</label>
|
||||
{{ form.username(class="form-control") }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Email</label>
|
||||
{{ form.email(class="form-control", type="email") }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Password</label>
|
||||
{{ form.password(class="form-control", type="password") }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="card-footer text-center">
|
||||
<button type="submit" name="register" class="btn btn-fill btn-primary">Register</button>
|
||||
|
||||
<br /><br />
|
||||
|
||||
<p>
|
||||
Have an account? <a href="{{ url_for('authentication_blueprint.login') }}" class="text-primary">Login</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
630
apps/templates/home/icons.html
Normal file
630
apps/templates/home/icons.html
Normal file
@ -0,0 +1,630 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} UI Icons {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="title">100 Awesome Nucleo Icons</h5>
|
||||
<p class="category">Handcrafted by our friends from <a href="https://nucleoapp.com/?ref=1712">NucleoApp</a></p>
|
||||
</div>
|
||||
<div class="card-body all-icons">
|
||||
<div class="row">
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-alert-circle-exc"></i>
|
||||
<p>icon-alert-circle-exc</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-align-center"></i>
|
||||
<p>icon-align-center</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-align-left-2"></i>
|
||||
<p>icon-align-left-2</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-app"></i>
|
||||
<p>icon-app</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-atom"></i>
|
||||
<p>icon-atom</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-attach-87"></i>
|
||||
<p>icon-attach-87</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-badge"></i>
|
||||
<p>icon-badge</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-bag-16"></i>
|
||||
<p>icon-bag-16</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-bank"></i>
|
||||
<p>icon-bank</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-basket-simple"></i>
|
||||
<p>icon-basket-simple</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-bell-55"></i>
|
||||
<p>icon-bell-55</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-bold"></i>
|
||||
<p>icon-bold</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-book-bookmark"></i>
|
||||
<p>icon-book-bookmark</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-double-right"></i>
|
||||
<p>icon-double-right</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-bulb-63"></i>
|
||||
<p>icon-bulb-63</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-bullet-list-67"></i>
|
||||
<p>icon-bullet-list-67</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-bus-front-12"></i>
|
||||
<p>icon-bus-front-12</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-button-power"></i>
|
||||
<p>icon-button-power</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-camera-18"></i>
|
||||
<p>icon-camera-18</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-calendar-60"></i>
|
||||
<p>icon-calendar-60</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-caps-small"></i>
|
||||
<p>icon-caps-small</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-cart"></i>
|
||||
<p>icon-cart</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-chart-bar-32"></i>
|
||||
<p>icon-chart-bar-32</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-chart-pie-36"></i>
|
||||
<p>icon-chart-pie-36</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-chat-33"></i>
|
||||
<p>icon-chat-33</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-check-2"></i>
|
||||
<p>icon-check-2</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-cloud-download-93"></i>
|
||||
<p>icon-cloud-download-93</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-cloud-upload-94"></i>
|
||||
<p>icon-cloud-upload-94</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-coins"></i>
|
||||
<p>icon-coins</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-compass-05"></i>
|
||||
<p>icon-compass-05</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-controller"></i>
|
||||
<p>icon-controller</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-credit-card"></i>
|
||||
<p>icon-credit-card</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-delivery-fast"></i>
|
||||
<p>icon-delivery-fast</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-email-85"></i>
|
||||
<p>icon-email-85</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-gift-2"></i>
|
||||
<p>icon-gift-2</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-globe-2"></i>
|
||||
<p>icon-globe-2</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-headphones"></i>
|
||||
<p>icon-headphones</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-heart-2"></i>
|
||||
<p>icon-heart-2</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-html5"></i>
|
||||
<p>icon-html5</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-double-left"></i>
|
||||
<p>icon-double-left</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-image-02"></i>
|
||||
<p>icon-image-02</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-istanbul"></i>
|
||||
<p>icon-istanbul</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-key-25"></i>
|
||||
<p>icon-key-25</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-laptop"></i>
|
||||
<p>icon-laptop</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-light-3"></i>
|
||||
<p>icon-light-3</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-link-72"></i>
|
||||
<p>icon-link-72</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-lock-circle"></i>
|
||||
<p>icon-lock-circle</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-map-big"></i>
|
||||
<p>icon-map-big</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-minimal-down"></i>
|
||||
<p>icon-minimal-down</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-minimal-left"></i>
|
||||
<p>icon-minimal-left</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-minimal-right"></i>
|
||||
<p>icon-minimal-right</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-minimal-up"></i>
|
||||
<p>icon-minimal-up</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-mobile"></i>
|
||||
<p>icon-mobile</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-molecule-40"></i>
|
||||
<p>icon-molecule-40</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-money-coins"></i>
|
||||
<p>icon-money-coins</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-notes"></i>
|
||||
<p>icon-notes</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-palette"></i>
|
||||
<p>icon-palette</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-paper"></i>
|
||||
<p>icon-paper</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-pin"></i>
|
||||
<p>icon-pin</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-planet"></i>
|
||||
<p>icon-planet</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-puzzle-10"></i>
|
||||
<p>icon-puzzle-10</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-pencil"></i>
|
||||
<p>icon-pencil</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-satisfied"></i>
|
||||
<p>icon-satisfied</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-scissors"></i>
|
||||
<p>icon-scissors</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-send"></i>
|
||||
<p>icon-send</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-settings-gear-63"></i>
|
||||
<p>icon-settings-gear-63</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-settings"></i>
|
||||
<p>icon-settings</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-wifi"></i>
|
||||
<p>icon-wifi</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-single-02"></i>
|
||||
<p>icon-single-02</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-single-copy-04"></i>
|
||||
<p>icon-single-copy-04</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-sound-wave"></i>
|
||||
<p>icon-sound-wave</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-spaceship"></i>
|
||||
<p>icon-spaceship</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-square-pin"></i>
|
||||
<p>icon-square-pin</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-support-17"></i>
|
||||
<p>icon-support-17</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-tablet-2"></i>
|
||||
<p>icon-tablet-2</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-tag"></i>
|
||||
<p>icon-tag</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-tap-02"></i>
|
||||
<p>icon-tap-02</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-tie-bow"></i>
|
||||
<p>icon-tie-bow</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-time-alarm"></i>
|
||||
<p>icon-time-alarm</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-trash-simple"></i>
|
||||
<p>icon-trash-simple</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-trophy"></i>
|
||||
<p>icon-trophy</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-tv-2"></i>
|
||||
<p>icon-tv-2</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-upload"></i>
|
||||
<p>icon-upload</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-user-run"></i>
|
||||
<p>icon-user-run</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-vector"></i>
|
||||
<p>icon-vector</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-video-66"></i>
|
||||
<p>icon-video-66</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-wallet-43"></i>
|
||||
<p>icon-wallet-43</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-volume-98"></i>
|
||||
<p>icon-volume-98</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-watch-time"></i>
|
||||
<p>icon-watch-time</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-world"></i>
|
||||
<p>icon-world</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-zoom-split"></i>
|
||||
<p>icon-zoom-split</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-refresh-01"></i>
|
||||
<p>icon-refresh-01</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-refresh-02"></i>
|
||||
<p>icon-refresh-02</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-shape-star"></i>
|
||||
<p>icon-shape-star</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-components"></i>
|
||||
<p>icon-components</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-triangle-right-17"></i>
|
||||
<p>icon-triangle-right-17</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-button-pause"></i>
|
||||
<p>icon-button-pause</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
<p>icon-simple-remove</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-simple-add"></i>
|
||||
<p>icon-simple-add</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-simple-delete"></i>
|
||||
<p>icon-simple-delete</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
406
apps/templates/home/index.html
Normal file
406
apps/templates/home/index.html
Normal file
@ -0,0 +1,406 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} Dashboard {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header ">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 text-left">
|
||||
<h5 class="card-category">Total Shipments</h5>
|
||||
<h2 class="card-title">Performance</h2>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="btn-group btn-group-toggle float-right" data-toggle="buttons">
|
||||
<label class="btn btn-sm btn-primary btn-simple active" id="0">
|
||||
<input type="radio" name="options" checked>
|
||||
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">Accounts</span>
|
||||
<span class="d-block d-sm-none">
|
||||
<i class="tim-icons icon-single-02"></i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="btn btn-sm btn-primary btn-simple" id="1">
|
||||
<input type="radio" class="d-none d-sm-none" name="options">
|
||||
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">Purchases</span>
|
||||
<span class="d-block d-sm-none">
|
||||
<i class="tim-icons icon-gift-2"></i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="btn btn-sm btn-primary btn-simple" id="2">
|
||||
<input type="radio" class="d-none" name="options">
|
||||
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">Sessions</span>
|
||||
<span class="d-block d-sm-none">
|
||||
<i class="tim-icons icon-tap-02"></i>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="chartBig1"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header">
|
||||
<h5 class="card-category">Total Shipments</h5>
|
||||
<h3 class="card-title"><i class="tim-icons icon-bell-55 text-primary"></i> 763,215</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="chartLinePurple"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header">
|
||||
<h5 class="card-category">Daily Sales</h5>
|
||||
<h3 class="card-title"><i class="tim-icons icon-delivery-fast text-info"></i> 3,500€</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="CountryChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header">
|
||||
<h5 class="card-category">Completed Tasks</h5>
|
||||
<h3 class="card-title"><i class="tim-icons icon-send text-success"></i> 12,100K</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="chartLineGreen"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-12">
|
||||
<div class="card card-tasks">
|
||||
<div class="card-header ">
|
||||
<h6 class="title d-inline">Tasks(5)</h6>
|
||||
<p class="card-category d-inline">today</p>
|
||||
<div class="dropdown">
|
||||
<button type="button" class="btn btn-link dropdown-toggle btn-icon"
|
||||
data-toggle="dropdown">
|
||||
<i class="tim-icons icon-settings-gear-63"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
|
||||
<a class="dropdown-item" href="#pablo">Action</a>
|
||||
<a class="dropdown-item" href="#pablo">Another action</a>
|
||||
<a class="dropdown-item" href="#pablo">Something else</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body ">
|
||||
<div class="table-full-width table-responsive">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p class="title">Update the Documentation</p>
|
||||
<p class="text-muted">Dwuamish Head, Seattle, WA 8:47 AM</p>
|
||||
</td>
|
||||
<td class="td-actions text-right">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link"
|
||||
data-original-title="Edit Task">
|
||||
<i class="tim-icons icon-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="" checked="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p class="title">GDPR Compliance</p>
|
||||
<p class="text-muted">The GDPR is a regulation that requires businesses to
|
||||
protect the personal data and privacy of Europe citizens for
|
||||
transactions that occur within EU member states.</p>
|
||||
</td>
|
||||
<td class="td-actions text-right">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link"
|
||||
data-original-title="Edit Task">
|
||||
<i class="tim-icons icon-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p class="title">Solve the issues</p>
|
||||
<p class="text-muted">Fifty percent of all respondents said they would be
|
||||
more likely to shop at a company </p>
|
||||
</td>
|
||||
<td class="td-actions text-right">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link"
|
||||
data-original-title="Edit Task">
|
||||
<i class="tim-icons icon-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p class="title">Release v2.0.0</p>
|
||||
<p class="text-muted">Ra Ave SW, Seattle, WA 98116, SUA 11:19 AM</p>
|
||||
</td>
|
||||
<td class="td-actions text-right">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link"
|
||||
data-original-title="Edit Task">
|
||||
<i class="tim-icons icon-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p class="title">Export the processed files</p>
|
||||
<p class="text-muted">The report also shows that consumers will not easily
|
||||
forgive a company once a breach exposing their personal data
|
||||
occurs. </p>
|
||||
</td>
|
||||
<td class="td-actions text-right">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link"
|
||||
data-original-title="Edit Task">
|
||||
<i class="tim-icons icon-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p class="title">Arival at export process</p>
|
||||
<p class="text-muted">Capitol Hill, Seattle, WA 12:34 AM</p>
|
||||
</td>
|
||||
<td class="td-actions text-right">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link"
|
||||
data-original-title="Edit Task">
|
||||
<i class="tim-icons icon-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-12">
|
||||
<div class="card ">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title"> Simple Table</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table tablesorter " id="">
|
||||
<thead class=" text-primary">
|
||||
<tr>
|
||||
<th>
|
||||
Name
|
||||
</th>
|
||||
<th>
|
||||
Country
|
||||
</th>
|
||||
<th>
|
||||
City
|
||||
</th>
|
||||
<th class="text-center">
|
||||
Salary
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
Dakota Rice
|
||||
</td>
|
||||
<td>
|
||||
Niger
|
||||
</td>
|
||||
<td>
|
||||
Oud-Turnhout
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$36,738
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Minerva Hooper
|
||||
</td>
|
||||
<td>
|
||||
Curaçao
|
||||
</td>
|
||||
<td>
|
||||
Sinaai-Waas
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$23,789
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Sage Rodriguez
|
||||
</td>
|
||||
<td>
|
||||
Netherlands
|
||||
</td>
|
||||
<td>
|
||||
Baileux
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$56,142
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Philip Chaney
|
||||
</td>
|
||||
<td>
|
||||
Korea, South
|
||||
</td>
|
||||
<td>
|
||||
Overland Park
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$38,735
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Doris Greene
|
||||
</td>
|
||||
<td>
|
||||
Malawi
|
||||
</td>
|
||||
<td>
|
||||
Feldkirchen in Kärnten
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$63,542
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Mason Porter
|
||||
</td>
|
||||
<td>
|
||||
Chile
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$78,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
// Javascript method's body can be found in assets/js/demos.js
|
||||
demo.initDashboardPageCharts();
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock javascripts %}
|
||||
60
apps/templates/home/login.html
Normal file
60
apps/templates/home/login.html
Normal file
@ -0,0 +1,60 @@
|
||||
{% extends "layouts/base-fullscreen.html" %}
|
||||
|
||||
{% block title %} Login {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="content">
|
||||
<div class="container">
|
||||
<div class="row pt-5">
|
||||
<div class="col-md-6 mt-5 offset-md-3 pt-5 mt-5">
|
||||
<div class="card">
|
||||
<div class="card-header text-center py-4">
|
||||
<h4 class="title">Login to CT ADMIN</h4>
|
||||
</div>
|
||||
<div class="card-body px-5 py-3">
|
||||
<form>
|
||||
<div class="row">
|
||||
<div class="col-md-12 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Username</label>
|
||||
<input type="text" class="form-control" placeholder="Username"
|
||||
value="michael23">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Password</label>
|
||||
<input type="password" class="form-control" placeholder="password"
|
||||
value="example@gmail.com">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div class="card-footer text-center">
|
||||
<button type="submit" class="btn btn-fill btn-primary">Login</button>
|
||||
|
||||
<br /><br />
|
||||
|
||||
<p>
|
||||
Don't have an account? <a href="/register.html" class="text-primary">Register</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
37
apps/templates/home/map.html
Normal file
37
apps/templates/home/map.html
Normal file
@ -0,0 +1,37 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} Maps {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card card-plain">
|
||||
<div class="card-header">
|
||||
Google Maps
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="map" class="map"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Javascript method's body can be found in assets/js/demos.js
|
||||
demo.initGoogleMaps();
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock javascripts %}
|
||||
135
apps/templates/home/notifications.html
Normal file
135
apps/templates/home/notifications.html
Normal file
@ -0,0 +1,135 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} Notifications {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title">Notifications Style</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="alert alert-info">
|
||||
<span>This is a plain notification</span>
|
||||
</div>
|
||||
<div class="alert alert-info">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span>This is a notification with close button.</span>
|
||||
</div>
|
||||
<div class="alert alert-info alert-with-icon" data-notify="container">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span data-notify="icon" class="tim-icons icon-bell-55"></span>
|
||||
<span data-notify="message">This is a notification with close button and icon.</span>
|
||||
</div>
|
||||
<div class="alert alert-info alert-with-icon" data-notify="container">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span data-notify="icon" class="tim-icons icon-bell-55"></span>
|
||||
<span data-notify="message">This is a notification with close button and icon and have many lines. You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title">Notification states</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="alert alert-primary">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span><b> Primary - </b> This is a regular notification made with ".alert-primary"</span>
|
||||
</div>
|
||||
<div class="alert alert-info">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span><b> Info - </b> This is a regular notification made with ".alert-info"</span>
|
||||
</div>
|
||||
<div class="alert alert-success">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span><b> Success - </b> This is a regular notification made with ".alert-success"</span>
|
||||
</div>
|
||||
<div class="alert alert-warning">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span><b> Warning - </b> This is a regular notification made with ".alert-warning"</span>
|
||||
</div>
|
||||
<div class="alert alert-danger">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span><b> Danger - </b> This is a regular notification made with ".alert-danger"</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="places-buttons">
|
||||
<div class="row">
|
||||
<div class="col-md-6 ml-auto mr-auto text-center">
|
||||
<h4 class="card-title">
|
||||
Notifications Places
|
||||
<p class="category">Click to view notifications</p>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-8 ml-auto mr-auto">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<button class="btn btn-primary btn-block" onclick="demo.showNotification('top','left')">Top Left</button>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<button class="btn btn-primary btn-block" onclick="demo.showNotification('top','center')">Top Center</button>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<button class="btn btn-primary btn-block" onclick="demo.showNotification('top','right')">Top Right</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-8 ml-auto mr-auto">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<button class="btn btn-primary btn-block" onclick="demo.showNotification('bottom','left')">Bottom Left</button>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<button class="btn btn-primary btn-block" onclick="demo.showNotification('bottom','center')">Bottom Center</button>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<button class="btn btn-primary btn-block" onclick="demo.showNotification('bottom','right')">Bottom Right</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
47
apps/templates/home/page-403.html
Normal file
47
apps/templates/home/page-403.html
Normal file
@ -0,0 +1,47 @@
|
||||
{% extends "layouts/base-fullscreen.html" %}
|
||||
|
||||
{% block title %} Error 403 {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="content">
|
||||
<div class="container">
|
||||
<div class="row pt-5">
|
||||
<div class="col-md-6 mt-5 offset-md-3 pt-5 mt-5">
|
||||
<div class="card">
|
||||
<div class="card-header text-center py-4">
|
||||
<h3 class="title">
|
||||
Error 403
|
||||
</h3>
|
||||
</div>
|
||||
<div class="card-body px-2 py-2">
|
||||
|
||||
<p class="text-center">
|
||||
Access denied - Please contact support.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div class="card-footer text-center">
|
||||
<a href="/" class="btn btn-fill btn-primary">HOME</a>
|
||||
|
||||
<br /><br />
|
||||
|
||||
<p>
|
||||
Get <a href="#" class="text-primary">Support</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
47
apps/templates/home/page-404.html
Normal file
47
apps/templates/home/page-404.html
Normal file
@ -0,0 +1,47 @@
|
||||
{% extends "layouts/base-fullscreen.html" %}
|
||||
|
||||
{% block title %} Error 404 {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="content">
|
||||
<div class="container">
|
||||
<div class="row pt-5">
|
||||
<div class="col-md-6 mt-5 offset-md-3 pt-5 mt-5">
|
||||
<div class="card">
|
||||
<div class="card-header text-center py-4">
|
||||
<h3 class="title">
|
||||
Error 404
|
||||
</h3>
|
||||
</div>
|
||||
<div class="card-body px-2 py-2">
|
||||
|
||||
<p class="text-center">
|
||||
Page not found - Please contact support.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div class="card-footer text-center">
|
||||
<a href="/" class="btn btn-fill btn-primary">HOME</a>
|
||||
|
||||
<br /><br />
|
||||
|
||||
<p>
|
||||
Get <a href="#" class="text-primary">Support</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
47
apps/templates/home/page-500.html
Normal file
47
apps/templates/home/page-500.html
Normal file
@ -0,0 +1,47 @@
|
||||
{% extends "layouts/base-fullscreen.html" %}
|
||||
|
||||
{% block title %} Error 500 {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="content">
|
||||
<div class="container">
|
||||
<div class="row pt-5">
|
||||
<div class="col-md-6 mt-5 offset-md-3 pt-5 mt-5">
|
||||
<div class="card">
|
||||
<div class="card-header text-center py-4">
|
||||
<h3 class="title">
|
||||
Error 500
|
||||
</h3>
|
||||
</div>
|
||||
<div class="card-body px-2 py-2">
|
||||
|
||||
<p class="text-center">
|
||||
Server ERROR - Please contact support.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div class="card-footer text-center">
|
||||
<a href="/" class="btn btn-fill btn-primary">HOME</a>
|
||||
|
||||
<br /><br />
|
||||
|
||||
<p>
|
||||
Get <a href="#" class="text-primary">Support</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
70
apps/templates/home/register.html
Normal file
70
apps/templates/home/register.html
Normal file
@ -0,0 +1,70 @@
|
||||
{% extends "layouts/base-fullscreen.html" %}
|
||||
|
||||
{% block title %} Register {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="content">
|
||||
<div class="container">
|
||||
<div class="row pt-5">
|
||||
<div class="col-md-6 mt-5 offset-md-3 pt-5 mt-5">
|
||||
<div class="card">
|
||||
<div class="card-header text-center py-4">
|
||||
<h4 class="title">
|
||||
Sign UP
|
||||
</h4>
|
||||
</div>
|
||||
<div class="card-body px-5 py-3">
|
||||
<form>
|
||||
<div class="row">
|
||||
<div class="col-md-12 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Username</label>
|
||||
<input type="text" class="form-control" placeholder="Username"
|
||||
value="michael23">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Email</label>
|
||||
<input type="email" class="form-control" placeholder="email"
|
||||
value="example@gmail.com">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Password</label>
|
||||
<input type="password" class="form-control" placeholder="password"
|
||||
value="example@gmail.com">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div class="card-footer text-center">
|
||||
<button type="submit" class="btn btn-fill btn-primary">Register</button>
|
||||
|
||||
<br /><br />
|
||||
|
||||
<p>
|
||||
Have an account? <a href="/login.html" class="text-primary">Login</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
392
apps/templates/home/rtl.html
Normal file
392
apps/templates/home/rtl.html
Normal file
@ -0,0 +1,392 @@
|
||||
{% extends "layouts/base-rtl.html" %}
|
||||
|
||||
{% block title %} داشبورد متریال توسط تیم خلاق {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header ">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 text-right">
|
||||
<h5 class="card-category">مجموع الشحنات</h5>
|
||||
<h2 class="card-title">أداء</h2>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="btn-group btn-group-toggle" data-toggle="buttons">
|
||||
<label class="btn btn-sm btn-primary btn-simple active" id="0">
|
||||
<input type="radio" name="options" checked>
|
||||
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block"> حسابات</span>
|
||||
<span class="d-block d-sm-none">
|
||||
<i class="tim-icons icon-single-02"></i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="btn btn-sm btn-primary btn-simple" id="1">
|
||||
<input type="radio" class="d-none d-sm-none" name="options">
|
||||
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block"> المشتريات</span>
|
||||
<span class="d-block d-sm-none">
|
||||
<i class="tim-icons icon-gift-2"></i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="btn btn-sm btn-primary btn-simple" id="2">
|
||||
<input type="radio" class="d-none" name="options">
|
||||
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">جلسات</span>
|
||||
<span class="d-block d-sm-none">
|
||||
<i class="tim-icons icon-tap-02"></i>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="chartBig1"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 text-right">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header">
|
||||
<h5 class="card-category">شحنات كاملة</h5>
|
||||
<h3 class="card-title"><i class="tim-icons icon-bell-55 text-primary"></i> 763,215</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="chartLinePurple"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-right">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header">
|
||||
<h5 class="card-category">المبيعات اليومية</h5>
|
||||
<h3 class="card-title"><i class="tim-icons icon-delivery-fast text-info"></i> 3,500€</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="CountryChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-right">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header">
|
||||
<h5 class="card-category">المهام المكتملة</h5>
|
||||
<h3 class="card-title"><i class="tim-icons icon-send text-success"></i> 12,100K</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="chartLineGreen"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-6 text-center">
|
||||
<div class="card card-tasks text-left">
|
||||
<div class="card-header text-right">
|
||||
<h6 class="title d-inline">تتبع</h6>
|
||||
<p class="card-category d-inline">اليوم</p>
|
||||
<div class="dropdown float-left">
|
||||
<a class="btn btn-link dropdown-toggle" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="tim-icons icon-settings-gear-63"></i></a>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
|
||||
<a class="dropdown-item" href="#">عمل</a>
|
||||
<a class="dropdown-item" href="#">عمل آخر</a>
|
||||
<a class="dropdown-item" href="#">شيء آخر هنا</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body ">
|
||||
<div class="table-full-width table-responsive">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-center">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="" checked>
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<p class="title">مركز معالجة موقع محور</p>
|
||||
<p class="text-muted">نص آخر هناالوثائق</p>
|
||||
</td>
|
||||
<td class="td-actions">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="مهمة تحرير">
|
||||
<i class="tim-icons icon-settings"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<p class="title">لامتثال GDPR</p>
|
||||
<p class="text-muted">الناتج المحلي الإجمالي هو نظام يتطلب من الشركات حماية البيانات الشخصية والخصوصية لمواطني أوروبا بالنسبة للمعاملات التي تتم داخل الدول الأعضاء في الاتحاد الأوروبي.</p>
|
||||
</td>
|
||||
<td class="td-actions">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="مهمة تحرير">
|
||||
<i class="tim-icons icon-settings"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<p class="title">القضاياالقضايا</p>
|
||||
<p class="text-muted">سيكونونقال 50٪ من جميع المستجيبين أنهم سيكونون أكثر عرضة للتسوق في شركة</p>
|
||||
</td>
|
||||
<td class="td-actions">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="مهمة تحرير">
|
||||
<i class="tim-icons icon-settings"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="" checked="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<p class="title">تصدير الملفات التي تمت معالجتها</p>
|
||||
<p class="text-muted">كما يبين التقرير أن المستهلكين لن يغفروا شركة بسهولة بمجرد حدوث خرق يعرض بياناتهم الشخصية.</p>
|
||||
</td>
|
||||
<td class="td-actions">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="مهمة تحرير">
|
||||
<i class="tim-icons icon-settings"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="" checked="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<p class="title">الوصول إلى عملية التصدير</p>
|
||||
<p class="text-muted">سياسة السيء إنطلاق في قبل, مساعدة والمانيا أخذ قد. بل أما أمام ماشاء الشتاء،, تكاليف الإقتصادي بـ حين. ٣٠ يتعلّق للإتحاد ولم, وتم هناك مدينة بتحدّي إذ, كان بل عمل</p>
|
||||
</td>
|
||||
<td class="td-actions">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="مهمة تحرير">
|
||||
<i class="tim-icons icon-settings"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<p class="title">الافراج عن v2.0.0</p>
|
||||
<p class="text-muted">عن رئيس طوكيو البولندي لمّ, مايو مرجع وباءت قبل هو, تسمّى الطريق الإقتصادي ذات أن. لغات الإطلاق الفرنسية دار ان, بين بتخصيص الساحة اقتصادية أم. و الآخ</p>
|
||||
</td>
|
||||
<td class="td-actions">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="مهمة تحرير">
|
||||
<i class="tim-icons icon-settings"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="card ">
|
||||
<div class="card-header text-right">
|
||||
<h4 class="card-title">جدول بسيط</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table tablesorter " id="">
|
||||
<thead class=" text-primary">
|
||||
<tr>
|
||||
<th>
|
||||
اسم
|
||||
</th>
|
||||
<th>
|
||||
بلد
|
||||
</th>
|
||||
<th>
|
||||
مدينة
|
||||
</th>
|
||||
<th class="text-center">
|
||||
راتب
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
رايس داكوتا
|
||||
</td>
|
||||
<td>
|
||||
النيجر
|
||||
</td>
|
||||
<td>
|
||||
العود-تورنهاوت
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$36,738
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
مينيرفا هوبر
|
||||
</td>
|
||||
<td>
|
||||
كوراساو
|
||||
</td>
|
||||
<td>
|
||||
Sinaai-واس
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$23,789
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
سيج رودريجيز
|
||||
</td>
|
||||
<td>
|
||||
هولندا
|
||||
</td>
|
||||
<td>
|
||||
بايلي
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$56,142
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
فيليب شانيه
|
||||
</td>
|
||||
<td>
|
||||
كوريا، جنوب
|
||||
</td>
|
||||
<td>
|
||||
اوفرلاند بارك
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$38,735
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
دوريس غرين
|
||||
</td>
|
||||
<td>
|
||||
مالاوي
|
||||
</td>
|
||||
<td>
|
||||
المنع
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$63,542
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
ميسون بورتر
|
||||
</td>
|
||||
<td>
|
||||
تشيلي
|
||||
</td>
|
||||
<td>
|
||||
غلوستر
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$78,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
جون بورتر
|
||||
</td>
|
||||
<td>
|
||||
البرتغال
|
||||
</td>
|
||||
<td>
|
||||
غلوستر
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
// Javascript method's body can be found in assets/js/demos.js
|
||||
demo.initDashboardPageCharts();
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock javascripts %}
|
||||
277
apps/templates/home/tables.html
Normal file
277
apps/templates/home/tables.html
Normal file
@ -0,0 +1,277 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} Tables {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card ">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title"> Simple Table</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table tablesorter " id="">
|
||||
<thead class=" text-primary">
|
||||
<tr>
|
||||
<th>
|
||||
Name
|
||||
</th>
|
||||
<th>
|
||||
Country
|
||||
</th>
|
||||
<th>
|
||||
City
|
||||
</th>
|
||||
<th class="text-center">
|
||||
Salary
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
Dakota Rice
|
||||
</td>
|
||||
<td>
|
||||
Niger
|
||||
</td>
|
||||
<td>
|
||||
Oud-Turnhout
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$36,738
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Minerva Hooper
|
||||
</td>
|
||||
<td>
|
||||
Curaçao
|
||||
</td>
|
||||
<td>
|
||||
Sinaai-Waas
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$23,789
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Sage Rodriguez
|
||||
</td>
|
||||
<td>
|
||||
Netherlands
|
||||
</td>
|
||||
<td>
|
||||
Baileux
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$56,142
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Philip Chaney
|
||||
</td>
|
||||
<td>
|
||||
Korea, South
|
||||
</td>
|
||||
<td>
|
||||
Overland Park
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$38,735
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Doris Greene
|
||||
</td>
|
||||
<td>
|
||||
Malawi
|
||||
</td>
|
||||
<td>
|
||||
Feldkirchen in Kärnten
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$63,542
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Mason Porter
|
||||
</td>
|
||||
<td>
|
||||
Chile
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$78,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="card card-plain">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title"> Table on Plain Background</h4>
|
||||
<p class="category"> Here is a subtitle for this table</p>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table tablesorter " id="">
|
||||
<thead class=" text-primary">
|
||||
<tr>
|
||||
<th>
|
||||
Name
|
||||
</th>
|
||||
<th>
|
||||
Country
|
||||
</th>
|
||||
<th>
|
||||
City
|
||||
</th>
|
||||
<th class="text-center">
|
||||
Salary
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
Dakota Rice
|
||||
</td>
|
||||
<td>
|
||||
Niger
|
||||
</td>
|
||||
<td>
|
||||
Oud-Turnhout
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$36,738
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Minerva Hooper
|
||||
</td>
|
||||
<td>
|
||||
Curaçao
|
||||
</td>
|
||||
<td>
|
||||
Sinaai-Waas
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$23,789
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Sage Rodriguez
|
||||
</td>
|
||||
<td>
|
||||
Netherlands
|
||||
</td>
|
||||
<td>
|
||||
Baileux
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$56,142
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Philip Chaney
|
||||
</td>
|
||||
<td>
|
||||
Korea, South
|
||||
</td>
|
||||
<td>
|
||||
Overland Park
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$38,735
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Doris Greene
|
||||
</td>
|
||||
<td>
|
||||
Malawi
|
||||
</td>
|
||||
<td>
|
||||
Feldkirchen in Kärnten
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$63,542
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Mason Porter
|
||||
</td>
|
||||
<td>
|
||||
Chile
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$78,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
156
apps/templates/home/typography.html
Normal file
156
apps/templates/home/typography.html
Normal file
@ -0,0 +1,156 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} Typography {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header mb-5">
|
||||
<h5 class="card-category">Black Table Heading</h5>
|
||||
<h3 class="card-title">Created using Poppins Font Family</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="typography-line">
|
||||
<h1><span>Header 1</span>The Life of Black Dashboard </h1>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<h2><span>Header 2</span>The Life of Black Dashboard </h2>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<h3><span>Header 3</span>The Life of Black Dashboard </h3>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<h4><span>Header 4</span>The Life of Black Dashboard </h4>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<h5><span>Header 5</span>The Life of Black Dashboard </h5>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<h6><span>Header 6</span>The Life of Black Dashboard </h6>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<p><span>Paragraph</span>
|
||||
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.
|
||||
</p>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Quote</span>
|
||||
<blockquote>
|
||||
<p class="blockquote blockquote-primary">
|
||||
"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at."
|
||||
<br>
|
||||
<br>
|
||||
<small>
|
||||
- Noaa
|
||||
</small>
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Muted Text</span>
|
||||
<p class="text-muted">
|
||||
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...
|
||||
</p>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Primary Text</span>
|
||||
<p class="text-primary">
|
||||
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...</p>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Info Text</span>
|
||||
<p class="text-info">
|
||||
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... </p>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Success Text</span>
|
||||
<p class="text-success">
|
||||
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... </p>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Warning Text</span>
|
||||
<p class="text-warning">
|
||||
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...
|
||||
</p>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Danger Text</span>
|
||||
<p class="text-danger">
|
||||
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... </p>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<h2><span>Small Tag</span>
|
||||
Header with small subtitle <br>
|
||||
<small>Use "small" tag for the headers</small>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Lists</span>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<h5>Unordered List</h5>
|
||||
<ul>
|
||||
<li>List Item</li>
|
||||
<li>List Item</li>
|
||||
<li class="list-unstyled">
|
||||
<ul>
|
||||
<li>List Item</li>
|
||||
<li>List Item</li>
|
||||
<li>List Item</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>List Item</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h5>Ordered List</h5>
|
||||
<ol>
|
||||
<li>List Item</li>
|
||||
<li>List Item</li>
|
||||
<li>List item</li>
|
||||
<li>List Item</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h5>Unstyled List</h5>
|
||||
<ul class="list-unstyled">
|
||||
<li>List Item</li>
|
||||
<li>List Item</li>
|
||||
<li>List item</li>
|
||||
<li>List Item</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h5>Inline List</h5>
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">List1</li>
|
||||
<li class="list-inline-item">List2</li>
|
||||
<li class="list-inline-item">List3</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Code</span>
|
||||
<p>This is
|
||||
<code>.css-class-as-code</code>, an example of an inline code element. Wrap inline code within a
|
||||
<code> <code>...</code></code>tag.
|
||||
</p>
|
||||
<pre>1. #This is an example of preformatted text.<br/>2. #Here is another line of code</pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
159
apps/templates/home/user.html
Normal file
159
apps/templates/home/user.html
Normal file
@ -0,0 +1,159 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} User Profile {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="title">Edit Profile</h5>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<form>
|
||||
|
||||
{% if not current_user.email %}
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-6 pr-md-1">
|
||||
|
||||
<div class="alert alert-warning alert-dismissible fade show" role="alert">
|
||||
<p class="mb-0">
|
||||
Please add an email address.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-6 pr-md-1">
|
||||
<div class="form-group">
|
||||
<label class="form-label {% if not current_user.email %} text-danger {% endif%}">Email Address</label>
|
||||
<input type="email" name="email" class="form-control"
|
||||
{% if current_user.email %} readonly {% endif %}
|
||||
placeholder="Your email Here"
|
||||
value="{% if current_user.email %} {{ current_user.email }} {% endif %}">
|
||||
<section class="display-error-message">
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 pr-md-1">
|
||||
<div class="form-group">
|
||||
<label>Username</label>
|
||||
<input type="text" class="form-control" value="{{current_user.username}}" readonly>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 pr-md-1">
|
||||
<div class="form-group">
|
||||
<label>First Name</label>
|
||||
<input type="text" class="form-control" placeholder="Company" value="Mike">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 pl-md-1">
|
||||
<div class="form-group">
|
||||
<label>Last Name</label>
|
||||
<input type="text" class="form-control" placeholder="Last Name" value="Andrew">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<label>Address</label>
|
||||
<input type="text" class="form-control" placeholder="Home Address" value="Bld Mihail Kogalniceanu, nr. 8 Bl 1, Sc 1, Ap 09">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 pr-md-1">
|
||||
<div class="form-group">
|
||||
<label>City</label>
|
||||
<input type="text" class="form-control" placeholder="City" value="Mike">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Country</label>
|
||||
<input type="text" class="form-control" placeholder="Country" value="Andrew">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 pl-md-1">
|
||||
<div class="form-group">
|
||||
<label>Postal Code</label>
|
||||
<input type="number" class="form-control" placeholder="ZIP Code">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="form-group">
|
||||
<label>About Me</label>
|
||||
<textarea rows="4" cols="80" class="form-control" placeholder="Here can be your description" value="Mike">Lamborghini Mercy, Your chick she so thirsty, I'm in that two seat Lambo.</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<button type="submit" class="btn btn-fill btn-primary">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card card-user">
|
||||
<div class="card-body">
|
||||
<p class="card-text">
|
||||
<div class="author">
|
||||
<div class="block block-one"></div>
|
||||
<div class="block block-two"></div>
|
||||
<div class="block block-three"></div>
|
||||
<div class="block block-four"></div>
|
||||
<a href="javascript:void(0)">
|
||||
<img class="avatar" src="{{ config.ASSETS_ROOT }}/img/emilyz.jpg" alt="...">
|
||||
<h5 class="title">Mike Andrew</h5>
|
||||
</a>
|
||||
<p class="description">
|
||||
Ceo/Co-Founder
|
||||
</p>
|
||||
</div>
|
||||
</p>
|
||||
<div class="card-description">
|
||||
Do not be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="button-container">
|
||||
<button href="javascript:void(0)" class="btn btn-icon btn-round btn-facebook">
|
||||
<i class="fab fa-facebook"></i>
|
||||
</button>
|
||||
<button href="javascript:void(0)" class="btn btn-icon btn-round btn-twitter">
|
||||
<i class="fab fa-twitter"></i>
|
||||
</button>
|
||||
<button href="javascript:void(0)" class="btn btn-icon btn-round btn-google">
|
||||
<i class="fab fa-google-plus"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
35
apps/templates/includes/fixed-plugin.html
Normal file
35
apps/templates/includes/fixed-plugin.html
Normal file
@ -0,0 +1,35 @@
|
||||
<div class="fixed-plugin">
|
||||
<div class="dropdown show-dropdown">
|
||||
<a href="#" data-toggle="dropdown">
|
||||
<i class="fa fa-cog fa-2x"> </i>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="header-title"> Sidebar Background</li>
|
||||
<li class="adjustments-line">
|
||||
<a href="javascript:void(0)" class="switch-trigger background-color">
|
||||
<div class="badge-colors text-center">
|
||||
<span class="badge filter badge-primary active" data-color="primary"></span>
|
||||
<span class="badge filter badge-info" data-color="blue"></span>
|
||||
<span class="badge filter badge-success" data-color="green"></span>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="adjustments-line text-center color-change">
|
||||
<span class="color-label">LIGHT MODE</span>
|
||||
<span class="badge light-badge mr-2"></span>
|
||||
<span class="badge dark-badge ml-2"></span>
|
||||
<span class="color-label">DARK MODE</span>
|
||||
</li>
|
||||
<li class="button-container">
|
||||
<a href="https://appseed.us/product/black-dashboard/" target="_blank"
|
||||
class="btn btn-primary btn-block btn-round">Download</a>
|
||||
|
||||
<a href="https://appseed.us/support/"
|
||||
target="_blank" class="btn btn-default btn-block btn-round">
|
||||
Support
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
7
apps/templates/includes/footer-fullscreen.html
Normal file
7
apps/templates/includes/footer-fullscreen.html
Normal file
@ -0,0 +1,7 @@
|
||||
<footer class="footer px-5 py-4 fixed-bottom">
|
||||
<div class="copyright mx-auto float-none text-center">
|
||||
|
||||
© <a target="_blank" href="https://bit.ly/3fKQZaL">Creative Tim</a> - coded by AppSeed.
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
19
apps/templates/includes/footer.html
Normal file
19
apps/templates/includes/footer.html
Normal file
@ -0,0 +1,19 @@
|
||||
<footer class="footer">
|
||||
<div class="container-fluid">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a target="_blank" href="https://appseed.us/product/black-dashboard/" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a target="_blank" href="https://appseed.us/support/" class="nav-link">
|
||||
Support
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="copyright">
|
||||
© <a target="_blank" href="https://bit.ly/3fKQZaL">Creative Tim</a> - coded by AppSeed.
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
36
apps/templates/includes/navigation-fullscreen.html
Normal file
36
apps/templates/includes/navigation-fullscreen.html
Normal file
@ -0,0 +1,36 @@
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-expand-lg navbar-absolute navbar-transparent mw-100">
|
||||
<div class="container-fluid overflow-hidden">
|
||||
<div class="navbar-wrapper">
|
||||
<div class="navbar-toggle d-inline">
|
||||
<button type="button" class="navbar-toggler">
|
||||
<span class="navbar-toggler-bar bar1"></span>
|
||||
<span class="navbar-toggler-bar bar2"></span>
|
||||
<span class="navbar-toggler-bar bar3"></span>
|
||||
</button>
|
||||
</div>
|
||||
<a class="navbar-brand" href="/">
|
||||
Home
|
||||
</a>
|
||||
</div>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation"
|
||||
aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-bar navbar-kebab"></span>
|
||||
<span class="navbar-toggler-bar navbar-kebab"></span>
|
||||
<span class="navbar-toggler-bar navbar-kebab"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navigation">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="input-group d-flex align-items-center mb-0">
|
||||
<label class="switch theme-switch">
|
||||
<input type="checkbox" class="bsc" checked="">
|
||||
<span class="slider"></span>
|
||||
</label>
|
||||
</li>
|
||||
<li class="separator d-lg-none"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- End Navbar -->
|
||||
|
||||
83
apps/templates/includes/navigation-rtl.html
Normal file
83
apps/templates/includes/navigation-rtl.html
Normal file
@ -0,0 +1,83 @@
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-expand-lg navbar-absolute navbar-transparent">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-wrapper">
|
||||
<div class="navbar-toggle d-inline">
|
||||
<button type="button" class="navbar-toggler">
|
||||
<span class="navbar-toggler-bar bar1"></span>
|
||||
<span class="navbar-toggler-bar bar2"></span>
|
||||
<span class="navbar-toggler-bar bar3"></span>
|
||||
</button>
|
||||
</div>
|
||||
<a class="navbar-brand" href="javascript:void(0)">RTL</a>
|
||||
</div>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-bar navbar-kebab"></span>
|
||||
<span class="navbar-toggler-bar navbar-kebab"></span>
|
||||
<span class="navbar-toggler-bar navbar-kebab"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navigation">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="input-group d-flex align-items-center mb-0">
|
||||
<label class="switch theme-switch">
|
||||
<input type="checkbox" class="bsc" checked="">
|
||||
<span class="slider"></span>
|
||||
</label>
|
||||
</li>
|
||||
<li class="search-bar input-group">
|
||||
<button class="btn btn-link" id="search-button" data-toggle="modal" data-target="#searchModal"><i class="tim-icons icon-zoom-split" ></i>
|
||||
<span class="d-lg-none d-md-block">Search</span>
|
||||
</button>
|
||||
</li>
|
||||
<li class="dropdown nav-item">
|
||||
<a href="javascript:void(0)" class="dropdown-toggle nav-link" data-toggle="dropdown">
|
||||
<div class="notification d-none d-lg-block d-xl-block"></div>
|
||||
<i class="tim-icons icon-sound-wave"></i>
|
||||
<p class="d-lg-none">
|
||||
Notifications
|
||||
</p>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-right dropdown-navbar">
|
||||
<li class="nav-link"><a href="#" class="nav-item dropdown-item">Mike John responded to your email</a></li>
|
||||
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">You have 5 more tasks</a></li>
|
||||
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">Your friend Michael is in town</a></li>
|
||||
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">Another notification</a></li>
|
||||
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">Another one</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown nav-item">
|
||||
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">
|
||||
<div class="photo">
|
||||
<img src="{{ config.ASSETS_ROOT }}/img/anime3.png" alt="Profile Photo">
|
||||
</div>
|
||||
<b class="caret d-none d-lg-block d-xl-block"></b>
|
||||
<p class="d-lg-none">
|
||||
Log out
|
||||
</p>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-navbar">
|
||||
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">Profile</a></li>
|
||||
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">Settings</a></li>
|
||||
<li class="dropdown-divider"></li>
|
||||
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">Log out</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="separator d-lg-none"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="modal modal-search fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModal" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<input type="text" class="form-control" id="inlineFormInputGroup" placeholder="SEARCH">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Navbar -->
|
||||
|
||||
95
apps/templates/includes/navigation.html
Normal file
95
apps/templates/includes/navigation.html
Normal file
@ -0,0 +1,95 @@
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-expand-lg navbar-absolute navbar-transparent">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-wrapper">
|
||||
<div class="navbar-toggle d-inline">
|
||||
<button type="button" class="navbar-toggler">
|
||||
<span class="navbar-toggler-bar bar1"></span>
|
||||
<span class="navbar-toggler-bar bar2"></span>
|
||||
<span class="navbar-toggler-bar bar3"></span>
|
||||
</button>
|
||||
</div>
|
||||
<a class="navbar-brand" href="javascript:void(0)">Dashboard</a>
|
||||
</div>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation"
|
||||
aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-bar navbar-kebab"></span>
|
||||
<span class="navbar-toggler-bar navbar-kebab"></span>
|
||||
<span class="navbar-toggler-bar navbar-kebab"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navigation">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="input-group d-flex align-items-center mb-0">
|
||||
<label class="switch theme-switch">
|
||||
<input type="checkbox" class="bsc" checked="">
|
||||
<span class="slider"></span>
|
||||
</label>
|
||||
</li>
|
||||
<li class="search-bar input-group">
|
||||
<button class="btn btn-link" id="search-button" data-toggle="modal"
|
||||
data-target="#searchModal"><i class="tim-icons icon-zoom-split"></i>
|
||||
<span class="d-lg-none d-md-block">Search</span>
|
||||
</button>
|
||||
</li>
|
||||
<li class="dropdown nav-item">
|
||||
<a href="javascript:void(0)" class="dropdown-toggle nav-link" data-toggle="dropdown">
|
||||
<div class="notification d-none d-lg-block d-xl-block"></div>
|
||||
<i class="tim-icons icon-sound-wave"></i>
|
||||
<p class="d-lg-none">
|
||||
Notifications
|
||||
</p>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-right dropdown-navbar">
|
||||
<li class="nav-link"><a href="#" class="nav-item dropdown-item">Mike John responded to
|
||||
your email</a></li>
|
||||
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">You
|
||||
have 5 more tasks</a></li>
|
||||
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">Your
|
||||
friend Michael is in town</a></li>
|
||||
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">Another
|
||||
notification</a></li>
|
||||
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">Another
|
||||
one</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown nav-item">
|
||||
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">
|
||||
<div class="photo">
|
||||
<img src="{{ config.ASSETS_ROOT }}/img/anime3.png" alt="Profile Photo">
|
||||
</div>
|
||||
<b class="caret d-none d-lg-block d-xl-block"></b>
|
||||
<p class="d-lg-none">
|
||||
Log out
|
||||
</p>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-navbar">
|
||||
<li class="nav-link">
|
||||
<a href="/user.html" class="nav-item dropdown-item">Profile</a>
|
||||
</li>
|
||||
<li class="dropdown-divider"></li>
|
||||
<li class="nav-link">
|
||||
<a href="{{ url_for('authentication_blueprint.logout') }}"
|
||||
class="nav-item dropdown-item">Logout</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="separator d-lg-none"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="modal modal-search fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModal"
|
||||
aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<input type="text" class="form-control" id="inlineFormInputGroup" placeholder="SEARCH">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Navbar -->
|
||||
|
||||
17
apps/templates/includes/scripts.html
Normal file
17
apps/templates/includes/scripts.html
Normal file
@ -0,0 +1,17 @@
|
||||
<!-- Core JS Files -->
|
||||
<script src="{{ config.ASSETS_ROOT }}/js/core/jquery.min.js"></script>
|
||||
<script src="{{ config.ASSETS_ROOT }}/js/core/popper.min.js"></script>
|
||||
<script src="{{ config.ASSETS_ROOT }}/js/core/bootstrap.min.js"></script>
|
||||
<script src="{{ config.ASSETS_ROOT }}/js/plugins/perfect-scrollbar.jquery.min.js"></script>
|
||||
<!-- Google Maps Plugin -->
|
||||
<!-- Place this tag in your head or just before your close body tag. -->
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
|
||||
<!-- Chart JS -->
|
||||
<script src="{{ config.ASSETS_ROOT }}/js/plugins/chartjs.min.js"></script>
|
||||
<!-- Notifications Plugin -->
|
||||
<script src="{{ config.ASSETS_ROOT }}/js/plugins/bootstrap-notify.js"></script>
|
||||
<!-- Control Center for Black Dashboard: parallax effects, scripts for the example pages etc -->
|
||||
<script src="{{ config.ASSETS_ROOT }}/js/black-dashboard.min.js?v=1.0.0"></script>
|
||||
<!-- Black Dashboard DEMO methods, don't include it in your project! -->
|
||||
<script src="{{ config.ASSETS_ROOT }}/demo/demo.js"></script>
|
||||
<script src="{{ config.ASSETS_ROOT }}/js/themeSettings.js"></script>
|
||||
72
apps/templates/includes/sidebar-rtl.html
Normal file
72
apps/templates/includes/sidebar-rtl.html
Normal file
@ -0,0 +1,72 @@
|
||||
<div class="sidebar">
|
||||
<!--
|
||||
Tip 1: You can change the color of the sidebar using: data-color="blue | green | orange | red"
|
||||
-->
|
||||
<div class="sidebar-wrapper">
|
||||
<div class="logo">
|
||||
<a href="/" class="simple-text logo-mini">
|
||||
ط م
|
||||
</a>
|
||||
<a href="/" class="simple-text logo-normal">
|
||||
توقيت الإبداعية
|
||||
</a>
|
||||
</div>
|
||||
<ul class="nav">
|
||||
<li>
|
||||
<a href="/">
|
||||
<i class="tim-icons icon-chart-pie-36"></i>
|
||||
<p>لوحة القيادة</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/icons.html">
|
||||
<i class="tim-icons icon-atom"></i>
|
||||
<p>الرموز</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/map.html">
|
||||
<i class="tim-icons icon-pin"></i>
|
||||
<p>خرائط</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/notifications.html">
|
||||
<i class="tim-icons icon-bell-55"></i>
|
||||
<p>إخطارات</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/user.html">
|
||||
<i class="tim-icons icon-single-02"></i>
|
||||
<p>ملف تعريفي للمستخدم</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/tables.html">
|
||||
<i class="tim-icons icon-puzzle-10"></i>
|
||||
<p>قائمة الجدول</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/typography.html">
|
||||
<i class="tim-icons icon-align-center"></i>
|
||||
<p>طباعة</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/rtl.html">
|
||||
<i class="tim-icons icon-world"></i>
|
||||
<p>دعم RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/login.html">
|
||||
<i class="tim-icons icon-button-power"></i>
|
||||
<p>Logout</p>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
72
apps/templates/includes/sidebar.html
Normal file
72
apps/templates/includes/sidebar.html
Normal file
@ -0,0 +1,72 @@
|
||||
|
||||
<div class="sidebar">
|
||||
<!--
|
||||
Tip 1: You can change the color of the sidebar using: data-color="blue | green | orange | red"
|
||||
-->
|
||||
<div class="sidebar-wrapper">
|
||||
<div class="logo">
|
||||
<a href="javascript:void(0)" class="simple-text logo-mini">
|
||||
CT
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="simple-text logo-normal">
|
||||
Creative Tim
|
||||
</a>
|
||||
</div>
|
||||
<ul class="nav">
|
||||
<li class="{% if 'index' in segment %} active {% endif %} ">
|
||||
<a href="/">
|
||||
<i class="tim-icons icon-chart-pie-36"></i>
|
||||
<p>Dashboard</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="{% if 'user' in segment %} active {% endif %}">
|
||||
<a href="/user.html">
|
||||
<i class="tim-icons icon-single-02"></i>
|
||||
<p>User Profile</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="{% if 'icons' in segment %} active {% endif %}">
|
||||
<a href="/icons.html">
|
||||
<i class="tim-icons icon-atom"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="{% if 'map' in segment %} active {% endif %}">
|
||||
<a href="/map.html">
|
||||
<i class="tim-icons icon-pin"></i>
|
||||
<p>Maps</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="{% if 'notifications' in segment %} active {% endif %}">
|
||||
<a href="/notifications.html">
|
||||
<i class="tim-icons icon-bell-55"></i>
|
||||
<p>Notifications</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="{% if 'tables' in segment %} active {% endif %}">
|
||||
<a href="/tables.html">
|
||||
<i class="tim-icons icon-puzzle-10"></i>
|
||||
<p>Table List</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="{% if 'typography' in segment %} active {% endif %}">
|
||||
<a href="/typography.html">
|
||||
<i class="tim-icons icon-align-center"></i>
|
||||
<p>Typography</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/rtl.html">
|
||||
<i class="tim-icons icon-world"></i>
|
||||
<p>RTL Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ url_for('authentication_blueprint.logout') }}">
|
||||
<i class="tim-icons icon-button-power"></i>
|
||||
<p>Logout</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
68
apps/templates/layouts/base-fullscreen.html
Normal file
68
apps/templates/layouts/base-fullscreen.html
Normal file
@ -0,0 +1,68 @@
|
||||
<!--
|
||||
=========================================================
|
||||
* * Black Dashboard - v1.0.1
|
||||
=========================================================
|
||||
|
||||
* Product Page: https://www.creative-tim.com/product/black-dashboard
|
||||
* Copyright 2019 Creative Tim (https://www.creative-tim.com)
|
||||
|
||||
|
||||
* Coded by Creative Tim
|
||||
|
||||
=========================================================
|
||||
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="{{ config.ASSETS_ROOT }}/img/apple-icon.png">
|
||||
<link rel="icon" type="image/png" href="{{ config.ASSETS_ROOT }}/img/favicon.png">
|
||||
|
||||
<title>
|
||||
Flask Dashboard Black - {% block title %}{% endblock %} | AppSeed
|
||||
</title>
|
||||
|
||||
<!-- Fonts and icons -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700,800" rel="stylesheet"/>
|
||||
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
|
||||
<!-- Nucleo Icons -->
|
||||
<link href="{{ config.ASSETS_ROOT }}/css/nucleo-icons.css" rel="stylesheet"/>
|
||||
<!-- CSS Files -->
|
||||
<link href="{{ config.ASSETS_ROOT }}/css/black-dashboard.css?v=1.0.0" rel="stylesheet"/>
|
||||
<link href="{{ config.ASSETS_ROOT }}/css/theme-switcher.css" rel="stylesheet"/>
|
||||
<!-- CSS Just for demo purpose, don't include it in your project -->
|
||||
<link href="{{ config.ASSETS_ROOT }}/demo/demo.css" rel="stylesheet"/>
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="wrapper">
|
||||
|
||||
{% include 'includes/navigation-fullscreen.html' %}
|
||||
|
||||
<div class="container-fluid">
|
||||
|
||||
{% block content %}{% endblock content %}
|
||||
|
||||
{% include 'includes/footer-fullscreen.html' %}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% include 'includes/fixed-plugin.html' %}
|
||||
|
||||
{% include 'includes/scripts.html' %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
71
apps/templates/layouts/base-rtl.html
Normal file
71
apps/templates/layouts/base-rtl.html
Normal file
@ -0,0 +1,71 @@
|
||||
<!--
|
||||
=========================================================
|
||||
* * Black Dashboard - v1.0.1
|
||||
=========================================================
|
||||
|
||||
* Product Page: https://www.creative-tim.com/product/black-dashboard
|
||||
* Copyright 2019 Creative Tim (https://www.creative-tim.com)
|
||||
|
||||
|
||||
* Coded by Creative Tim
|
||||
|
||||
=========================================================
|
||||
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="{{ config.ASSETS_ROOT }}/img/apple-icon.png">
|
||||
<link rel="icon" type="image/png" href="{{ config.ASSETS_ROOT }}/img/favicon.png">
|
||||
|
||||
<title>
|
||||
Flask Dashboard Black - {% block title %}{% endblock %} | AppSeed
|
||||
</title>
|
||||
|
||||
<!-- Fonts and icons -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700,800" rel="stylesheet" />
|
||||
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
|
||||
<!-- Nucleo Icons -->
|
||||
<link href="{{ config.ASSETS_ROOT }}/css/nucleo-icons.css" rel="stylesheet" />
|
||||
<!-- CSS Files -->
|
||||
<link href="{{ config.ASSETS_ROOT }}/css/black-dashboard.css?v=1.0.0" rel="stylesheet" />
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-rtl/3.4.0/css/bootstrap-rtl.css" rel="stylesheet" />
|
||||
<link href="{{ config.ASSETS_ROOT }}/css/theme-switcher.css" rel="stylesheet"/>
|
||||
<!-- CSS Just for demo purpose, don't include it in your project -->
|
||||
<link href="{{ config.ASSETS_ROOT }}/demo/demo.css" rel="stylesheet" />
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
</head>
|
||||
<body class=" rtl menu-on-right ">
|
||||
|
||||
<div class="wrapper">
|
||||
|
||||
{% include 'includes/sidebar-rtl.html' %}
|
||||
|
||||
<div class="main-panel">
|
||||
|
||||
{% include 'includes/navigation-rtl.html' %}
|
||||
|
||||
{% block content %}{% endblock content %}
|
||||
|
||||
{% include 'includes/footer.html' %}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% include 'includes/fixed-plugin.html' %}
|
||||
|
||||
{% include 'includes/scripts.html' %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
69
apps/templates/layouts/base.html
Normal file
69
apps/templates/layouts/base.html
Normal file
@ -0,0 +1,69 @@
|
||||
<!--
|
||||
=========================================================
|
||||
* * Black Dashboard - v1.0.1
|
||||
=========================================================
|
||||
|
||||
* Product Page: https://www.creative-tim.com/product/black-dashboard
|
||||
* Copyright 2019 Creative Tim (https://www.creative-tim.com)
|
||||
|
||||
|
||||
* Coded by Creative Tim
|
||||
|
||||
=========================================================
|
||||
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="{{ config.ASSETS_ROOT }}/img/apple-icon.png">
|
||||
<link rel="icon" type="image/png" href="{{ config.ASSETS_ROOT }}/img/favicon.png">
|
||||
|
||||
<title>
|
||||
Flask Dashboard Black - {% block title %}{% endblock %} | AppSeed
|
||||
</title>
|
||||
|
||||
<!-- Fonts and icons -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700,800" rel="stylesheet"/>
|
||||
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
|
||||
<!-- Nucleo Icons -->
|
||||
<link href="{{ config.ASSETS_ROOT }}/css/nucleo-icons.css" rel="stylesheet"/>
|
||||
<!-- CSS Files -->
|
||||
<link href="{{ config.ASSETS_ROOT }}/css/black-dashboard.css?v=1.0.0" rel="stylesheet"/>
|
||||
<link href="{{ config.ASSETS_ROOT }}/css/theme-switcher.css" rel="stylesheet"/>
|
||||
<!-- CSS Just for demo purpose, don't include it in your project -->
|
||||
<link href="{{ config.ASSETS_ROOT }}/demo/demo.css" rel="stylesheet"/>
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="wrapper">
|
||||
|
||||
{% include 'includes/sidebar.html' %}
|
||||
|
||||
<div class="main-panel">
|
||||
|
||||
{% include 'includes/navigation.html' %}
|
||||
|
||||
{% block content %}{% endblock content %}
|
||||
|
||||
{% include 'includes/footer.html' %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include 'includes/fixed-plugin.html' %}
|
||||
|
||||
{% include 'includes/scripts.html' %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user