djLint/tests/jinja_adminlte/examples-projects.html
2021-07-29 13:41:34 -05:00

679 lines
74 KiB
HTML

{% extends "layouts/base.html" %}
{% block title %}Projects {% endblock %}
<!-- Element injected in the BODY element -->
{% block body_class %}
sidebar-mini
{% endblock body_class %}
<!-- Specific Page CSS goes HERE -->
{% block stylesheets %}
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Font Awesome -->
<link rel="stylesheet" href="/static/assets/plugins/fontawesome-free/css/all.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="/static/assets/css/adminlte.min.css">
{% endblock stylesheets %}
{% block content %}
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1>Projects</h1>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item">
<a href="#">Home</a>
</li>
<li class="breadcrumb-item active">
Projects
</li>
</ol>
</div>
</div>
</div>
<!-- /.container-fluid -->
</section>
<!-- Main content -->
<section class="content">
<!-- Default box -->
<div class="card">
<div class="card-header">
<h3 class="card-title">Projects</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
<i class="fas fa-minus"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove">
<i class="fas fa-times"></i>
</button>
</div>
</div>
<div class="card-body p-0">
<table class="table table-striped projects">
<thead>
<tr>
<th style="width: 1%">#</th>
<th style="width: 20%">Project Name</th>
<th style="width: 30%">Team Members</th>
<th>Project Progress</th>
<th style="width: 8%" class="text-center">
Status
</th>
<th style="width: 20%"></th>
</tr>
</thead>
<tbody>
<tr>
<td>#</td>
<td>
<a>AdminLTE v3</a>
<br/>
<small>
Created 01.01.2019
</small>
</td>
<td>
<ul class="list-inline">
<li class="list-inline-item">
<img alt="Avatar" class="table-avatar" src="/static/assets/img/avatar.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar2.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar3.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar4.png">
</li>
</ul>
</td>
<td class="project_progress">
<div class="progress progress-sm">
<div class="progress-bar bg-green"
role="progressbar"
aria-valuenow="57"
aria-valuemin="0"
aria-valuemax="100"
style="width: 57%"></div>
</div>
<small>
57% Complete
</small>
</td>
<td class="project-state">
<span class="badge badge-success">Success</span>
</td>
<td class="project-actions text-right">
<a class="btn btn-primary btn-sm" href="#">
<i class="fas fa-folder"></i>
View
</a>
<a class="btn btn-info btn-sm" href="#">
<i class="fas fa-pencil-alt"></i>
Edit
</a>
<a class="btn btn-danger btn-sm" href="#">
<i class="fas fa-trash"></i>
Delete
</a>
</td>
</tr>
<tr>
<td>#</td>
<td>
<a>AdminLTE v3</a>
<br/>
<small>
Created 01.01.2019
</small>
</td>
<td>
<ul class="list-inline">
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar2.png">
</li>
</ul>
</td>
<td class="project_progress">
<div class="progress progress-sm">
<div class="progress-bar bg-green"
role="progressbar"
aria-valuenow="47"
aria-valuemin="0"
aria-valuemax="100"
style="width: 47%"></div>
</div>
<small>
47% Complete
</small>
</td>
<td class="project-state">
<span class="badge badge-success">Success</span>
</td>
<td class="project-actions text-right">
<a class="btn btn-primary btn-sm" href="#">
<i class="fas fa-folder"></i>
View
</a>
<a class="btn btn-info btn-sm" href="#">
<i class="fas fa-pencil-alt"></i>
Edit
</a>
<a class="btn btn-danger btn-sm" href="#">
<i class="fas fa-trash"></i>
Delete
</a>
</td>
</tr>
<tr>
<td>#</td>
<td>
<a>AdminLTE v3</a>
<br/>
<small>
Created 01.01.2019
</small>
</td>
<td>
<ul class="list-inline">
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar2.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar3.png">
</li>
</ul>
</td>
<td class="project_progress">
<div class="progress progress-sm">
<div class="progress-bar bg-green"
role="progressbar"
aria-valuenow="77"
aria-valuemin="0"
aria-valuemax="100"
style="width: 77%"></div>
</div>
<small>
77% Complete
</small>
</td>
<td class="project-state">
<span class="badge badge-success">Success</span>
</td>
<td class="project-actions text-right">
<a class="btn btn-primary btn-sm" href="#">
<i class="fas fa-folder"></i>
View
</a>
<a class="btn btn-info btn-sm" href="#">
<i class="fas fa-pencil-alt"></i>
Edit
</a>
<a class="btn btn-danger btn-sm" href="#">
<i class="fas fa-trash"></i>
Delete
</a>
</td>
</tr>
<tr>
<td>#</td>
<td>
<a>AdminLTE v3</a>
<br/>
<small>
Created 01.01.2019
</small>
</td>
<td>
<ul class="list-inline">
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar2.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar3.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar4.png">
</li>
</ul>
</td>
<td class="project_progress">
<div class="progress progress-sm">
<div class="progress-bar bg-green"
role="progressbar"
aria-valuenow="60"
aria-valuemin="0"
aria-valuemax="100"
style="width: 60%"></div>
</div>
<small>
60% Complete
</small>
</td>
<td class="project-state">
<span class="badge badge-success">Success</span>
</td>
<td class="project-actions text-right">
<a class="btn btn-primary btn-sm"
href="#">
<i class="fas fa-folder"></i>
View
</a>
<a class="btn btn-info btn-sm"
href="#">
<i class="fas fa-pencil-alt"></i>
Edit
</a>
<a class="btn btn-danger btn-sm"
href="#">
<i class="fas fa-trash"></i>
Delete
</a>
</td>
</tr>
<tr>
<td>
#
</td>
<td>
<a>
AdminLTE v3
</a>
<br/>
<small>
Created 01.01.2019
</small>
</td>
<td>
<ul class="list-inline">
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar4.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar5.png">
</li>
</ul>
</td>
<td class="project_progress">
<div class="progress progress-sm">
<div class="progress-bar bg-green"
role="progressbar"
aria-valuenow="12"
aria-valuemin="0"
aria-valuemax="100"
style="width: 12%"></div>
</div>
<small>
12% Complete
</small>
</td>
<td class="project-state">
<span class="badge badge-success">
Success
</span>
</td>
<td class="project-actions text-right">
<a class="btn btn-primary btn-sm"
href="#">
<i class="fas fa-folder"></i>
View
</a>
<a class="btn btn-info btn-sm"
href="#">
<i class="fas fa-pencil-alt"></i>
Edit
</a>
<a class="btn btn-danger btn-sm"
href="#">
<i class="fas fa-trash"></i>
Delete
</a>
</td>
</tr>
<tr>
<td>
#
</td>
<td>
<a>
AdminLTE v3
</a>
<br/>
<small>
Created 01.01.2019
</small>
</td>
<td>
<ul class="list-inline">
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar2.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar3.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar4.png">
</li>
</ul>
</td>
<td class="project_progress">
<div class="progress progress-sm">
<div class="progress-bar bg-green"
role="progressbar"
aria-valuenow="35"
aria-valuemin="0"
aria-valuemax="100"
style="width: 35%"></div>
</div>
<small>
35% Complete
</small>
</td>
<td class="project-state">
<span class="badge badge-success">
Success
</span>
</td>
<td class="project-actions text-right">
<a class="btn btn-primary btn-sm"
href="#">
<i class="fas fa-folder"></i>
View
</a>
<a class="btn btn-info btn-sm"
href="#">
<i class="fas fa-pencil-alt"></i>
Edit
</a>
<a class="btn btn-danger btn-sm"
href="#">
<i class="fas fa-trash"></i>
Delete
</a>
</td>
</tr>
<tr>
<td>
#
</td>
<td>
<a>
AdminLTE v3
</a>
<br/>
<small>
Created 01.01.2019
</small>
</td>
<td>
<ul class="list-inline">
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar4.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar5.png">
</li>
</ul>
</td>
<td class="project_progress">
<div class="progress progress-sm">
<div class="progress-bar bg-green"
role="progressbar"
aria-valuenow="87"
aria-valuemin="0"
aria-valuemax="100"
style="width: 87%"></div>
</div>
<small>
87% Complete
</small>
</td>
<td class="project-state">
<span class="badge badge-success">
Success
</span>
</td>
<td class="project-actions text-right">
<a class="btn btn-primary btn-sm"
href="#">
<i class="fas fa-folder"></i>
View
</a>
<a class="btn btn-info btn-sm"
href="#">
<i class="fas fa-pencil-alt"></i>
Edit
</a>
<a class="btn btn-danger btn-sm"
href="#">
<i class="fas fa-trash"></i>
Delete
</a>
</td>
</tr>
<tr>
<td>
#
</td>
<td>
<a>
AdminLTE v3
</a>
<br/>
<small>
Created 01.01.2019
</small>
</td>
<td>
<ul class="list-inline">
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar3.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar4.png">
</li>
</ul>
</td>
<td class="project_progress">
<div class="progress progress-sm">
<div class="progress-bar bg-green"
role="progressbar"
aria-valuenow="77"
aria-valuemin="0"
aria-valuemax="100"
style="width: 77%"></div>
</div>
<small>
77% Complete
</small>
</td>
<td class="project-state">
<span class="badge badge-success">
Success
</span>
</td>
<td class="project-actions text-right">
<a class="btn btn-primary btn-sm"
href="#">
<i class="fas fa-folder"></i>
View
</a>
<a class="btn btn-info btn-sm"
href="#">
<i class="fas fa-pencil-alt"></i>
Edit
</a>
<a class="btn btn-danger btn-sm"
href="#">
<i class="fas fa-trash"></i>
Delete
</a>
</td>
</tr>
<tr>
<td>
#
</td>
<td>
<a>
AdminLTE v3
</a>
<br/>
<small>
Created 01.01.2019
</small>
</td>
<td>
<ul class="list-inline">
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar3.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar4.png">
</li>
<li class="list-inline-item">
<img alt="Avatar"
class="table-avatar"
src="/static/assets/img/avatar5.png">
</li>
</ul>
</td>
<td class="project_progress">
<div class="progress progress-sm">
<div class="progress-bar bg-green"
role="progressbar"
aria-valuenow="77"
aria-valuemin="0"
aria-valuemax="100"
style="width: 77%"></div>
</div>
<small>
77% Complete
</small>
</td>
<td class="project-state">
<span class="badge badge-success">
Success
</span>
</td>
<td class="project-actions text-right">
<a class="btn btn-primary btn-sm"
href="#">
<i class="fas fa-folder"></i>
View
</a>
<a class="btn btn-info btn-sm"
href="#">
<i class="fas fa-pencil-alt"></i>
Edit
</a>
<a class="btn btn-danger btn-sm"
href="#">
<i class="fas fa-trash"></i>
Delete
</a>
</td>
</tr>
</tbody>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
{% endblock content %}
<!-- Specific Page JS goes HERE -->
{% block javascripts %}
<!-- jQuery -->
<script src="/static/assets/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="/static/assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="/static/assets/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="/static/assets/js/demo.js"></script>
{% endblock javascripts %}