klafyvel
/
site_tps
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

Bootstrap 4

master
Hugo LEVY-FALK 8 years ago
parent
543ca0611b
commit
2dd816b850
4 changed files with 52 additions and 52 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. 40
      settings/templates/settings/settings.html
  2. 8
      templates/base.html
  3. 16
      templates/edit.html
  4. 40
      templates/nav_bar.html

40
settings/templates/settings/settings.html
View File

@ -2,10 +2,12 @@
{% block content %} {% block content %}
<h1>Page d'administration du site</h1> <h1>Page d'administration du site</h1>
<h2>Liste des catégories</h2> <h2>Liste des catégories</h2>
<a class="btn btn-primary btn-sm" role="button" href="{% url 'content:category-new' %}"> <a class="btn btn-success btn-sm" role="button" href="{% url 'content:category-new' %}">
<i class="glyphicon glyphicon-plus"></i> <i class="fas fa-plus"></i>
Créer une nouvelle catégorie Créer une nouvelle catégorie
</a> </a>
<br/>
<br/>
<table class="table table-striped"> <table class="table table-striped">
<tr> <tr>
<th>Nom de la catégorie</th> <th>Nom de la catégorie</th>
@ -16,12 +18,13 @@
<tr> <tr>
<td><a href="{{c.get_absolute_url}}">{{c.name}}</a></td> <td><a href="{{c.get_absolute_url}}">{{c.name}}</a></td>
<td>{{c.content_set.count}}</td> <td>{{c.content_set.count}}</td>
<td><a class="btn btn-primary btn-sm" href="{% url "content:category-edit" c.pk %}"> <td><a class="btn btn-outline-primary btn-sm" href="{% url "content:category-edit" c.pk %}">
<i class="glyphicon glyphicon-edit"></i> <i class="fas fa-edit"></i>
Éditer Éditer
</a> </a>
<a class="btn btn-danger btn-sm" title="Supprimer" href="{% url "content:category-delete" c.pk %}"> <a class="btn btn-outline-danger btn-sm" title="Supprimer" href="{% url "content:category-delete" c.pk %}">
<i class="glyphicon glyphicon-trash"></i> <i class="fas fa-trash-alt"></i>
Supprimer
</a> </a>
</td> </td>
@ -30,10 +33,12 @@
</table> </table>
<h2>Écoles</h2> <h2>Écoles</h2>
<a class="btn btn-primary btn-sm" role="button" href="{% url 'users:new-school' %}"> <a class="btn btn-success btn-sm" role="button" href="{% url 'users:new-school' %}">
<i class="glyphicon glyphicon-plus"></i> <i class="fas fa-plus"></i>
Inscrire une nouvelle école Inscrire une nouvelle école
</a> </a>
<br/>
<br/>
<table class="table table-striped"> <table class="table table-striped">
<tr> <tr>
<th>Nom</th> <th>Nom</th>
@ -43,12 +48,13 @@
<tr> <tr>
<th>{{school.group.name}}</th> <th>{{school.group.name}}</th>
<td>{{school.group.user_set.count}}</td> <td>{{school.group.user_set.count}}</td>
<td><a class="btn btn-primary btn-sm" href="{% url "users:edit-school" pk=school.pk%}"> <td><a class="btn btn-outline-primary btn-sm" href="{% url "users:edit-school" pk=school.pk%}">
<i class="glyphicon glyphicon-edit"></i> <i class="fas fa-edit"></i>
Éditer Éditer
</a> </a>
<a class="btn btn-danger btn-sm" title="Supprimer" href=""> <a class="btn btn-outline-danger btn-sm" title="Supprimer" href="">
<i class="glyphicon glyphicon-trash"></i> <i class="fas fa-trash-alt"></i>
Supprimer
</a> </a>
</td> </td>
</tr> </tr>
@ -57,9 +63,11 @@
<h2>Réglages</h2> <h2>Réglages</h2>
<h3>Réglages du site</h3> <h3>Réglages du site</h3>
<a class="btn btn-primary btn-sm" href=""> <a class="btn btn-primary btn-sm" href="">
<i class="glyphicon glyphicon-edit"></i> <i class="fas fa-edit"></i>
Éditer Éditer
</a> </a>
<br/>
<br/>
<table class="table table-striped"> <table class="table table-striped">
<tr> <tr>
<th>Upload</th> <th>Upload</th>
@ -77,11 +85,13 @@
</tr> </tr>
</table> </table>
<h3>Réglage du contenu</h3> <h3>Réglages du contenu</h3>
<a class="btn btn-primary btn-sm" href=""> <a class="btn btn-primary btn-sm" href="">
<i class="glyphicon glyphicon-edit"></i> <i class="fas fa-edit"></i>
Éditer Éditer
</a> </a>
<br/>
<br/>
<table class="table table-striped"> <table class="table table-striped">
<tr> <tr>
<th>URL du FTP</th> <th>URL du FTP</th>

8
templates/base.html
View File

@ -4,8 +4,8 @@
<meta charset='utf-8'> <meta charset='utf-8'>
<title>Il était une fois à l'est</title> <title>Il était une fois à l'est</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
</head> </head>
<body> <body>
{% include 'nav_bar.html' %} {% include 'nav_bar.html' %}
@ -13,7 +13,7 @@
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body> </body>
</html> </html>

16
templates/edit.html
View File

@ -1,14 +1,18 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% load bootstrap3 %}
{% block content %} {% block content %}
{% if title %} {% if title %}
<h1>{{title}}</h1> <h1>{{title}}</h1>
{% endif %} {% endif %}
<form action="" method="post">{% csrf_token %} <form action="" method="post">{% csrf_token %}
{{ form.as_p }} {% bootstrap_form form %}
{% if validate %} <button type="submit" class="btn btn-primary">
<input type="submit" value="{{validate}}" /> {% bootstrap_icon "star" %}
{% else %} {% if validate %}
<input type="submit" value="Mettre à jour" /> {{validate}}
{% endif %} {% else %}
Mettre à jour
{% endif %}
</button>
</form> </form>
{% endblock %} {% endblock %}

40
templates/nav_bar.html
View File

@ -1,33 +1,19 @@
{% load categories %} {% load categories %}
{% load_categories %} {% load_categories %}
<nav class="navbar navbar-default navbar-inverse"> <nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid"> <a class="navbar-brand" href="{% url "home"%}">Il était une fois à l'est</a>
<!-- Brand and toggle get grouped for better mobile display --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<div class="navbar-header"> <span class="navbar-toggler-icon"></span>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> </button>
<span class="sr-only">Toggle navigation</span> <div class="collapse navbar-collapse" id="navbarText">
<span class="icon-bar"></span> <ul class="navbar-nav mr-auto">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
{% for c in categories %} {% for c in categories %}
{% if category.pk == c.pk %} <li class="nav-item
<li class="active"> {% if category.pk == c.pk %}active{%endif%}">
{%else%} <a class="nav-link" href="{% url 'content:category-list' c.pk %}">{{c.name}}
<li>
{%endif%}
<a href="{% url 'content:category-list' c.pk %}">{{c.name}}
</a></li> </a></li>
{% endfor %} {% endfor %}
<li><a href="{% url 'vote:home' %}">Vote</a></li>
<li><a href="{% url 'settings:index' %}">Administration</a></li> <li class="nav-item {% if vote %}active{% endif %}"><a class="nav-link" href="{% url 'vote:home' %}">Vote</a></li>
</ul> <li class="nav-item {% if settings %}active{% endif %}"><a class="nav-link" href="{% url 'settings:index' %}">Administration</a></li>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav> </nav>

Write Preview
Loading…
Cancel
Save