CPI
/
ordr3
1
0
Fork 0
Code Issues Pull Requests Releases 1 Wiki Activity
Browse Source

added full layout template

funding-tag
Holger Frey 5 years ago
parent
f6955ce4b0
commit
bec7055a73
3 changed files with 164 additions and 2 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 11
      ordr3/static/script.js
  2. 87
      ordr3/static/style.css
  3. 68
      ordr3/templates/layout_full.jinja2

11
ordr3/static/script.js
Unescape View File

@ -36,4 +36,15 @@ $(function() {
$(".o3-reg-username").val(user_name); $(".o3-reg-username").val(user_name);
}); });
$(".o3-copy").on("click", function(event) {
var target = $(event.delegateTarget)
var $temp = $("<input>");
$("body").append($temp);
$temp.val($(target).html()).select();
document.execCommand("copy");
$temp.remove();
$(target).fadeOut( 100 ).delay( 100 ).fadeIn( 100 );
});
}); });

87
ordr3/static/style.css
Unescape View File

@ -38,3 +38,90 @@
.form-group.deform-form-buttons { .form-group.deform-form-buttons {
margin-top:2em; margin-top:2em;
} }
.o3-details.o3-show-details .bi-eye-slash,
.o3-details.o3-hide-details .bi-eye {
display:none;
}
.o3-details.o3-hide-details .bi-eye-slash,
.o3-details.o3-show-details .bi-eye {
display:inline;
}
.o3-users-link:hover .badge.badge-light{
color: #fff;
background-color: #343a40;
}
.dropdown-toggle::after {
display:none;
}
.o3-head-space {
margin-top: 3.5rem;
}
.o3-head-space .col-2, .o3-head-space .col-5, .o3-head-space .col-10 {
padding-top:1rem;
}
.o3-sidebar {
position: sticky;
z-index: 1000;
min-height: calc(100vh - 3.5rem);
box-shadow: 0 0rem 1rem rgba(0,0,0,.15) inset!important;
}
.o3-sidebar nav a {
padding:0px 1rem;
margin-bottom:0.2rem;
color: #6c757d!important;
text-transform: capitalize!important;
}
.o3-sidebar nav a.active {
background-color: #dae0e5!important;
color: #343a40!important
}
.o3-sidebar nav a:hover {
background-color: #f8f9fa!important;
color:#121416!important;
}
.o3-sidebar nav .disabled {
color: #6c757d!important;
font-weight: lighter!important;
border-bottom: 1px solid #dee2e6!important;
margin-bottom: 0.5rem;
padding-bottom: 0.1rem;
border-radius: 0px;
}
.o3-content {
font-size:90%;
}
.o3-content .table-hover tbody tr:hover {
background-color: #f8f9fa!important;
}
.o3-content .table td {
padding:.5rem;
}
td.actions a {
color: #6c757d!important;
margin-right:0.5rem;
font-size:1rem;
}
td.actions a:hover {
color: #343a40!important;
}
.o3-copy {
cursor:pointer;
}

68
ordr3/templates/layout_full.jinja2
Unescape View File

@ -1,20 +1,84 @@
{% import 'ordr3:templates/macros.jinja2' as macros with context %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ordr</title> <title>Ordr | {% block subtitle %} Subtitle {% endblock subtitle %}</title>
<link href="{{request.static_url('ordr3:static/favicon.ico')}}" type="image/x-icon" rel="shortcut icon"> <link href="{{request.static_url('ordr3:static/favicon.ico')}}" type="image/x-icon" rel="shortcut icon">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="{{request.static_url('ordr3:static/style.css')}}" type="text/css" media="screen" /> <link rel="stylesheet" href="{{request.static_url('ordr3:static/style.css')}}" type="text/css" media="screen" />
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="{{request.static_url('ordr3:static/script.js')}}"></script>
</head> </head>
<body> <body>
<header class="navbar navbar-expand navbar-dark bg-dark fixed-top pl-0 pr-0">
<div class=" container-fluid">
<a href="{{request.resource_url(request.root)}}" class="navbar-brand col-2 mr-0">ordr</a>
<div class="col-7">
<ul class="navbar-nav">
<li class="nav-item mr-3">
<a href="{{request.resource_url(request.root, 'orders', 'add') }}" class="btn btn-outline-light pt-1" title="Create a new order">
{{ macros.icon("plus-circle") }}
</a>
</li>
<li class="nav-item btn-group b3-on-select mr-3">
<a href="{{request.resource_url(request.root, 'orders', 'add') }}" class="btn btn-outline-light pt-1" title="Edit selected orders">
{{ macros.icon("pencil-square") }}
</a>
<a href="{{request.resource_url(request.root, 'orders', 'add') }}" class="btn btn-outline-light pt-1" title="Delete selected orders">
{{ macros.icon("trash") }}
</a>
</li>
<li class="nav-item mr-3">
<a href="{{request.resource_url(request.root, 'orders', 'add') }}" class="btn btn-outline-light pt-1 o3-details o3-show-details" title="View order details">
{{ macros.icon("eye") }}
{{ macros.icon("eye-slash") }}
</a>
</li>
{% if request.user.role.name == "ADMIN" %}
<li class="nav-item mr-3">
<a href="{{request.resource_url(request.root, 'users') }}" class="btn btn-outline-light pt-1 o3-users-link" title="User Management{% if new_user_badge >0 %}, {{ new_user_badge }} new users{% endif %}">
{{ macros.icon("people") }}
{% if new_user_badge >0 %}
<span class="badge badge-pill badge-light">{{ new_user_badge }}</span>
{% endif %}
</a>
</li>
{% endif %}
</ul>
</div>
<div class="col-3">
<ul class="navbar-nav">
<li class="nav-item mr-3">
<form class="form-inline mt-1" method="GET" action="{{request.resource_url(request.root, 'orders') }}">
<input class="form-control form-control-sm" name="search" type="search" placeholder="Search" aria-label="Search">
</form>
</li>
<li class="nav-item dropdown">
<a class="btn btn-dark dropdown-toggle ml-2" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ macros.icon("gear") }}
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item small text-right" href="{{request.resource_url(request.root, 'logout')}}">Logout</a>
<a class="dropdown-item small text-right" href="{{request.resource_url(request.root, 'myaccount')}}">Edit My Account</a>
</div>
</li>
</ul>
</div>
</header>
<div class="container-fluid o3-head-space o3-content">
<div class="row">
{% block content %}
<p>No content</p>
{% endblock content %}
</div>
</div>
</body> </body>
</html> </html>

Write Preview
Loading…
Cancel
Save