Skip to content

wip: jinja tempaltes with bootstrap 4.x #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 10 commits into from
Closed

wip: jinja tempaltes with bootstrap 4.x #1

Changes from 1 commit
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
4076338
add html_kwargs to submit button
aparcar Dec 1, 2018
26dcf6e
update bootstrap to 4.1
aparcar Dec 1, 2018
9a64b84
improve alerts
aparcar Dec 1, 2018
15d7a98
fixup top navbar with search
aparcar Dec 1, 2018
12ae538
fixup and indent navigation
aparcar Dec 1, 2018
c4d9b38
issue.edit as bootstrap styled form
aparcar Dec 1, 2018
2ef09bc
add gitignore
aparcar Dec 2, 2018
764adab
fixup pagination
aparcar Dec 2, 2018
345c0ac
fixup sort.html
aparcar Dec 2, 2018
e2900d3
fixup issue.search, user.index and user.item
aparcar Dec 3, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
improve alerts 
multiple messages are shown as a list
also fixup column width for bootstrap 4
  • Loading branch information
@aparcar
aparcar committed Dec 2, 2018
commit 9a64b84614641d7661f6fdcd060d2d7f3e1ad979
112 changes: 61 additions & 51 deletions share/roundup/templates/jinja2/html/layout/page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,60 +1,70 @@
{% set status_notresolved = '-1,1,2,3,4,5,6,7'
%}<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="Roundup is a python-based, MIT licensed issue-tracking system with command-line, web and e-mail interfaces">
<meta name="viewport" content="width=device-width">
<title>{% block head_title %}{% endblock %}</title>
<link rel="stylesheet" type="text/css" href="@@file/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="@@file/bootstrap-responsive.min.css">
<link rel="stylesheet" type="text/css" href="@@file/style.css">
{% block extracss %} {% endblock %}
</head>
<body>
{% block navbar %}
{% include 'layout/banner.html' %}
{% endblock %}
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="Roundup is a python-based, MIT licensed issue-tracking system with command-line, web and e-mail interfaces">
<meta name="viewport" content="width=device-width">
<title>{% block head_title %}{% endblock %}</title>
<link rel="stylesheet" type="text/css" href="@@file/bootstrap.min.css">
{% block extracss %} {% endblock %}
</head>
<body>
{% block navbar %}
{% include 'layout/banner.html' %}
{% endblock %}

{% block page_content %}
<div class='container-fluid'>
<div class='row-fluid'>
<div class='span3 navigation'>
{% block leftnav %}
{% include 'layout/navigation.html' %}
{% endblock %}
</div>
{% block page_content %}
<div class='container-fluid'>
<div class='row'>
<div class='col-2 navigation'>
{% block leftnav %}
{% include 'layout/navigation.html' %}
{% endblock %}
</div>

<div class='span9'>
<div class='page-header'>
<h1> {% block page_header %} {% endblock %} </h1>
{% if options.error_message %}
<p class='alert alert-block alert-error fade in'>
{{ options.error_message }}
<button type='button' class='close' data-dismiss='alert'>X</button>
</p>
{% endif %}
{% if options.ok_message %}
<p class='alert alert-block alert-success fade in'>
{{ options.ok_message }}
<button type='button' class='close' data-dismiss='alert'>X</button>
</p>
{% endif %}
</div>
{% block content %}
{% endblock %}
</div>
<div class='col-10'>
<div class='pb-2 mt-4 mb-2 border-bottom'>
<h3> {% block page_header %} {% endblock %} </h3>
{% if options.error_message %}
<div class='alert alert-danger alert-dismissible fade show'>
<ul class="mb-0">
{% for message in options.error_message %}
<li>{{ message }}</li>
{% endfor %}
</ul>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
{% endif %}
{% if options.ok_message %}
<div class='alert alert-success alert-dismissible fade show'>
<ul class="mb-0">
{% for message in options.ok_message %}
<li>{{ message }}</li>
{% endfor %}
</ul>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
{% endif %}
</div>
{% block content %}
{% endblock %}
</div>
</div>
</div>
</div>
{% endblock %}
{% endblock %}

{% block footer %}
{% include 'layout/footer.html' %}
{% endblock %}
{% block footer %}
{% include 'layout/footer.html' %}
{% endblock %}

<script src='@@file/jquery-1.9.0.min.js'></script>
<script src='@@file/bootstrap.min.js'></script>
{% block extrajs %} {% endblock %}
</body>
<script src='@@file/jquery-1.9.0.min.js'></script>
<script src='@@file/bootstrap.min.js'></script>
{% block extrajs %} {% endblock %}
</body>
</html>