ajout recherche.pt
This commit is contained in:
34
caotek_mesavoirs/templates/apropos.pt
Normal file
34
caotek_mesavoirs/templates/apropos.pt
Normal file
@@ -0,0 +1,34 @@
|
||||
<metal:block use-macro="main_template">
|
||||
<div metal:fill-slot="content">
|
||||
|
||||
<br />
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="panel panel-default text-center">
|
||||
<div class="panel-body">
|
||||
<blockquote>
|
||||
L'argent qu'on possède est l'instrument de la liberté; celui qu'on pourchasse est celui de la servitude.
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
<h4>Rousseau</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-5">
|
||||
<div class="panel panel-default text-center">
|
||||
<div class="panel-body">
|
||||
<blockquote>
|
||||
L'intelligence ce n'est pas ce que l'on sait mais ce que l'on fait quand on ne sait pas.
|
||||
<br />
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
<h4>Jean Piaget</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</metal:block>
|
||||
@@ -2,6 +2,9 @@
|
||||
<div metal:fill-slot="content">
|
||||
|
||||
<div class="row">
|
||||
<p tal:condition="not layout.isAnonymous()">
|
||||
<a href="${request.application_url}/doc_edit/0">Créer un nouveau post</a>
|
||||
</p>
|
||||
<table class="table">
|
||||
<tr tal:repeat="ligne docs">
|
||||
<td><a href="/doc_view/${ligne.doc_id}"><b>${ligne.intitule}</b></a></td>
|
||||
|
||||
@@ -37,16 +37,12 @@
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-sm-offset-2 col-sm-8">
|
||||
<button class="btn btn-primary" type="submit" name="form.submitted">
|
||||
<span class="glyphicon glyphicon-ok"></span> Enregistrer</button>
|
||||
<div class="col-sm-offset-2 col-sm-10">
|
||||
<a href="${request.application_url}/doc_view/${doc_id}" class="btn btn-default" role="button">
|
||||
<span class="glyphicon glyphicon-chevron-left"></span> Annuler</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" tal:condition="doc_id != '0'">
|
||||
<div class="col-sm-offset-2 col-sm-8">
|
||||
<button class="btn btn-warning" type="submit" name="form.deleted">
|
||||
<button class="btn btn-primary" type="submit" name="form.submitted">
|
||||
<span class="glyphicon glyphicon-ok"></span> Enregistrer</button>
|
||||
<button class="btn btn-warning" type="submit" name="form.deleted" tal:condition="doc_id != '0'">
|
||||
<span class="glyphicon glyphicon-remove"></span> Supprimer</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
77
caotek_mesavoirs/templates/doc_search.pt
Normal file
77
caotek_mesavoirs/templates/doc_search.pt
Normal file
@@ -0,0 +1,77 @@
|
||||
<metal:block use-macro="main_template">
|
||||
<div metal:fill-slot="content">
|
||||
|
||||
<div class="row">
|
||||
<form id="search-form" class="form-horizontal" role="form" action="/doc_search" method="post">
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-sm-offset-2 col-sm-8">
|
||||
<div class="input-group" align="center">
|
||||
<input type="text" class="form-control" name="critere" value="${critere}" />
|
||||
<span class="input-group-btn">
|
||||
<button id="submitButton" class="btn btn-primary" type="submit" name="form.submitted">
|
||||
Rechercher
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- row -->
|
||||
|
||||
<div class="row">
|
||||
<div tal:condition="docs">
|
||||
<table class="table table-striped table-bordered">
|
||||
<tr tal:repeat="ligne docs">
|
||||
<td><a href="/doc_view/${ligne.doc_id}"><b>${ligne.intitule}</b></a></td>
|
||||
<td>${ligne.tag1}</td>
|
||||
<td>${ligne.cree_le.strftime("%d-%m-%Y")}</td>
|
||||
<td>${ligne.modif_le.strftime("%d-%m-%Y")}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div tal:condition="not docs">
|
||||
<p class="text-danger text-center">Aucun document ne correspond à la recherche</p>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#search-form').formValidation({
|
||||
framework: 'bootstrap',
|
||||
message: 'This value is not valid',
|
||||
icon: {
|
||||
valid: 'glyphicon glyphicon-ok',
|
||||
invalid: 'glyphicon glyphicon-remove',
|
||||
validating: 'glyphicon glyphicon-refresh'
|
||||
},
|
||||
fields: {
|
||||
critere: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Veuillez saisir le texte à rechercher'
|
||||
},
|
||||
stringLength: {
|
||||
min: 3,
|
||||
max: 30,
|
||||
message: 'Le texte doit avoir de 3 à 30 caractères de long'
|
||||
},
|
||||
}
|
||||
},
|
||||
}
|
||||
});
|
||||
$('form input').on('keypress', function(e) {
|
||||
var code = e.keyCode || e.which;
|
||||
if (code === 13) {
|
||||
e.preventDefault();
|
||||
// simuler clic bouton submit
|
||||
document.getElementById("submitButton").click();
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</metal:block>
|
||||
@@ -1,14 +1,16 @@
|
||||
<metal:block use-macro="main_template">
|
||||
<div metal:fill-slot="content">
|
||||
|
||||
<a href="${url_retour}">[ Fermer ]</a>
|
||||
<a href="${request.application_url}/doc_edit/${doc_id}" tal:condition="not layout.isAnonymous">[ Modifier ]</a>
|
||||
<br />
|
||||
<p>
|
||||
<a href="${url_retour}">[ Fermer ]</a>
|
||||
<a href="${request.application_url}/doc_edit/${doc_id}" tal:condition="not layout.isAnonymous()">[ Modifier ]</a>
|
||||
</p>
|
||||
<hr>
|
||||
<div tal:replace="structure texte">
|
||||
Page text goes here.
|
||||
</div>
|
||||
<hr>
|
||||
Dernière modification le ${modif_le}
|
||||
<br />
|
||||
<br />
|
||||
|
||||
|
||||
@@ -55,7 +55,6 @@
|
||||
<div class="collapse navbar-collapse" id="myNavbar">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<!-- <li><a href="${request.application_url}/histo_list">HISTORIQUE</a></li> -->
|
||||
<li tal:condition="layout.isAnonymous()"><a href="${request.application_url}/login">se connecter</a></li>
|
||||
${panel('dropdown_menu_panel')}
|
||||
</ul>
|
||||
</div>
|
||||
@@ -89,21 +88,16 @@
|
||||
|
||||
<footer class="container-fluid bg-footer">
|
||||
<div class="row">
|
||||
<div class="col-xs-offset-2 col-xs-4">
|
||||
<p>L'argent que l'on possède est l'instrument de la liberté; celui que l'on pourchasse est celui de la servitude - <b>Rousseau</b></p>
|
||||
<p>L'intelligence ce n'est pas ce que l'on sait mais ce que l'on fait quand on ne sait pas - <b>Jean Piaget</b></p>
|
||||
</div>
|
||||
<div class="col-xs-offset-2 col-xs-4">
|
||||
<p>
|
||||
Apprendre Restructured Text <a href="https://github.com/ralsina/rst-cheatsheet/blob/master/rst-cheatsheet.rst">(reST)</a><br />
|
||||
Apprendre Markdown <a href="https://www.markdownguide.org/basic-syntax/">(md)</a><br />
|
||||
<a href="http://www.marinestylefitness.com/">Marine Style Fitness </a><br />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="row">
|
||||
<p class="text-center">© 2017 - www.caotek.fr - Powered by <a href="https://trypyramid.com/">Pyramid</a></p>
|
||||
<p class="text-center">
|
||||
Apprendre Restructured Text <a href="https://github.com/ralsina/rst-cheatsheet/blob/master/rst-cheatsheet.rst" target="_blank">(reST)</a><br />
|
||||
Apprendre Markdown <a href="https://www.markdownguide.org/basic-syntax/" target="_blank">(md)</a><br />
|
||||
</p>
|
||||
<br />
|
||||
<p class="text-center">© 2017 - Phuoc Cao |
|
||||
<a href="${request.application_url}/apropos">A propos</a> |
|
||||
<a href="${request.application_url}/doc_search">recherche</a> |
|
||||
<a href="${request.application_url}/login" tal:condition="layout.isAnonymous()">se connecter</a> |
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user