feat: add category page

This commit is contained in:
Kazhnuz 2020-01-05 00:28:55 +01:00
parent 2d710e49e3
commit c6258d482f
5 changed files with 226 additions and 3 deletions

View file

@ -17,7 +17,7 @@
<nav class="bg-dark admin-sidebar text-white"> <nav class="bg-dark admin-sidebar text-white">
<ul> <ul>
<li><a href="index.html"><i class="fa fa-home"></i> Accueil</a></li> <li><a href="index.html"><i class="fa fa-home"></i> Accueil</a></li>
<li><a href="basic-panel.html"><i class="fa fa-folder"></i> Catégories</a></li> <li><a href="categories.html"><i class="fa fa-folder"></i> Catégories</a></li>
<li><a href="basic-panel.html"><i class="fa fa-file"></i> Pages</a></li> <li><a href="basic-panel.html"><i class="fa fa-file"></i> Pages</a></li>
<li><a href="basic-panel.html"><i class="fa fa-file-text"></i> Journaux</a></li> <li><a href="basic-panel.html"><i class="fa fa-file-text"></i> Journaux</a></li>
</ul> </ul>

136
dist/admin/categories.html vendored Normal file
View file

@ -0,0 +1,136 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="../dep/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../dep/fork-awesome/css/fork-awesome.min.css">
<link rel="stylesheet" href="style.css">
<script src="../dep/jquery/jquery.js"></script>
<script src="../dep/bootstrap/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<nav class="bg-dark admin-sidebar text-white">
<ul>
<li><a href="index.html"><i class="fa fa-home"></i> Accueil</a></li>
<li><a href="categories.html"><i class="fa fa-folder"></i> Catégories</a></li>
<li><a href="basic-panel.html"><i class="fa fa-file"></i> Pages</a></li>
<li><a href="basic-panel.html"><i class="fa fa-file-text"></i> Journaux</a></li>
</ul>
<ul>
<li><a href="basic-panel.html"><i class="fa fa-book"></i> Ecrits</a></li>
<li><a href="basic-panel.html"><i class="fa fa-file-image-o"></i> Images</a></li>
<li><a href="basic-panel.html"><i class="fa fa-link"></i> Projets externes</a></li>
<li><a href="basic-panel.html"><i class="fa fa-trophy"></i> Défis et Objectifs</a></li>
</ul>
<ul>
<li><a href="basic-panel.html"><i class="fa fa-globe"></i> Univers</a></li>
<li><a href="basic-panel.html"><i class="fa fa-user"></i> Personnages</a></li>
<li><a href="basic-panel.html"><i class="fa fa-users"></i> Groupes</a></li>
</ul>
<ul>
<li><a href="basic-panel.html"><i class="fa fa-gear"></i> Options</a></li>
</ul>
</nav>
<div id="main-area">
<nav class="navbar navbar-expand-lg navbar-light bg-light mb-4">
<a class="navbar-brand" href="#">ESPACE ADMIN</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<span class="navbar-text mr-auto">
Connecté en tant que Kazhnuz
</span>
<ul class="navbar-nav my-2 my-lg-0">
<li class="nav-item">
<a class="btn btn-danger" href="../index.html">Déconnexion</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<!-- debut de la partie modifiable -->
<ul class="nav nav-pills mb-4" id="pills-tab" >
<li class="nav-item">
<a class="nav-link active" id="pages-actives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/categories/" role="tab">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pages-inactives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/categories" role="tab">Ecrits</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pages-inactives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/categories" role="tab">Images</a>
</li>
</ul>
<div class="card mb-4">
<table class="table table-stripped mb-0" id="maincard">
<tr class="card-header"><th>id</th><th>Catégorie</th></tr>
<tr class="card-tablebody">
<td class="align-middle td-id" >1</td>
<td class="modifier-listelement-line">
<form class="input-group mb-0 mr-2" method="get" action="modifier">
<input class="form-control" type="text" name="nom" value="Nouvelles" />
<div class="input-group-append">
<button name="id" value="1" class="btn btn-primary">Modifier</button>
</div>
</form>
<form class="inline-form" method="get" action="description">
<button name="id" value="1" class="btn btn-secondary mr-2">Description</button>
</form>
<form class="inline-form" method="get" action="supprimer">
<button name="id" value="1" class="btn btn-danger"><i class="fa fa-trash"></i></button>
</form>
</td>
</tr>
<tr class="card-tablebody">
<td class="align-middle td-id" >2</td>
<td class="modifier-listelement-line">
<form class="input-group mb-0 mr-2" method="get" action="modifier">
<input class="form-control" type="text" name="nom" value="Nouvelles" />
<div class="input-group-append">
<button name="id" value="1" class="btn btn-primary">Modifier</button>
</div>
</form>
<form class="inline-form" method="get" action="description">
<button name="id" value="1" class="btn btn-secondary mr-2">Description</button>
</form>
<form class="inline-form" method="get" action="supprimer">
<button name="id" value="1" class="btn btn-danger"><i class="fa fa-trash"></i></button>
</form>
</td>
</tr>
</table>
</div>
<div class="card mb-4">
<div class="card-body">
<div class="input-group mb-0">
<input type="text" class="form-control" placeholder="Nom de la catégorie" aria-label="Nom de la catégorie" aria-describedby="button-addcat">
<div class="input-group-append">
<button class="btn btn-success" type="button" id="button-addcat"><i aria-label="ajouter" class="fa fa-plus"></i></button>
</div>
</div>
</div>
</div>
<!-- fin de la partie modifiable -->
</div>
<nav class="nav justify-content-end">
<span class="nav-link disabled">Created with <i class="text-danger fa fa-heart"></i> with Bootstrap4 and Fork-Awesome</span>
</nav>
</div>
</body>
</html>

View file

@ -17,7 +17,7 @@
<nav class="bg-dark admin-sidebar text-white"> <nav class="bg-dark admin-sidebar text-white">
<ul> <ul>
<li><a href="index.html"><i class="fa fa-home"></i> Accueil</a></li> <li><a href="index.html"><i class="fa fa-home"></i> Accueil</a></li>
<li><a href="basic-panel.html"><i class="fa fa-folder"></i> Catégories</a></li> <li><a href="categories.html"><i class="fa fa-folder"></i> Catégories</a></li>
<li><a href="basic-panel.html"><i class="fa fa-file"></i> Pages</a></li> <li><a href="basic-panel.html"><i class="fa fa-file"></i> Pages</a></li>
<li><a href="basic-panel.html"><i class="fa fa-file-text"></i> Journaux</a></li> <li><a href="basic-panel.html"><i class="fa fa-file-text"></i> Journaux</a></li>
</ul> </ul>

87
src-admin/categories.html Normal file
View file

@ -0,0 +1,87 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!--=include includes/_links.html -->
</head>
<body>
<!--=include includes/_sidebar.html -->
<div id="main-area">
<!--=include includes/_navbar.html -->
<div class="container">
<!-- debut de la partie modifiable -->
<ul class="nav nav-pills mb-4" id="pills-tab" >
<li class="nav-item">
<a class="nav-link active" id="pages-actives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/categories/" role="tab">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pages-inactives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/categories" role="tab">Ecrits</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pages-inactives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/categories" role="tab">Images</a>
</li>
</ul>
<div class="card mb-4">
<table class="table table-stripped mb-0" id="maincard">
<tr class="card-header"><th>id</th><th>Catégorie</th></tr>
<tr class="card-tablebody">
<td class="align-middle td-id" >1</td>
<td class="modifier-listelement-line">
<form class="input-group mb-0 mr-2" method="get" action="modifier">
<input class="form-control" type="text" name="nom" value="Nouvelles" />
<div class="input-group-append">
<button name="id" value="1" class="btn btn-primary">Modifier</button>
</div>
</form>
<form class="inline-form" method="get" action="description">
<button name="id" value="1" class="btn btn-secondary mr-2">Description</button>
</form>
<form class="inline-form" method="get" action="supprimer">
<button name="id" value="1" class="btn btn-danger"><i class="fa fa-trash"></i></button>
</form>
</td>
</tr>
<tr class="card-tablebody">
<td class="align-middle td-id" >2</td>
<td class="modifier-listelement-line">
<form class="input-group mb-0 mr-2" method="get" action="modifier">
<input class="form-control" type="text" name="nom" value="Nouvelles" />
<div class="input-group-append">
<button name="id" value="1" class="btn btn-primary">Modifier</button>
</div>
</form>
<form class="inline-form" method="get" action="description">
<button name="id" value="1" class="btn btn-secondary mr-2">Description</button>
</form>
<form class="inline-form" method="get" action="supprimer">
<button name="id" value="1" class="btn btn-danger"><i class="fa fa-trash"></i></button>
</form>
</td>
</tr>
</table>
</div>
<div class="card mb-4">
<div class="card-body">
<div class="input-group mb-0">
<input type="text" class="form-control" placeholder="Nom de la catégorie" aria-label="Nom de la catégorie" aria-describedby="button-addcat">
<div class="input-group-append">
<button class="btn btn-success" type="button" id="button-addcat"><i aria-label="ajouter" class="fa fa-plus"></i></button>
</div>
</div>
</div>
</div>
<!-- fin de la partie modifiable -->
</div>
<!--=include includes/_footer.html -->
</div>
</body>
</html>

View file

@ -1,7 +1,7 @@
<nav class="bg-dark admin-sidebar text-white"> <nav class="bg-dark admin-sidebar text-white">
<ul> <ul>
<li><a href="index.html"><i class="fa fa-home"></i> Accueil</a></li> <li><a href="index.html"><i class="fa fa-home"></i> Accueil</a></li>
<li><a href="basic-panel.html"><i class="fa fa-folder"></i> Catégories</a></li> <li><a href="categories.html"><i class="fa fa-folder"></i> Catégories</a></li>
<li><a href="basic-panel.html"><i class="fa fa-file"></i> Pages</a></li> <li><a href="basic-panel.html"><i class="fa fa-file"></i> Pages</a></li>
<li><a href="basic-panel.html"><i class="fa fa-file-text"></i> Journaux</a></li> <li><a href="basic-panel.html"><i class="fa fa-file-text"></i> Journaux</a></li>
</ul> </ul>