feat: add category page
This commit is contained in:
parent
2d710e49e3
commit
c6258d482f
5 changed files with 226 additions and 3 deletions
2
dist/admin/basic-panel.html
vendored
2
dist/admin/basic-panel.html
vendored
|
@ -17,7 +17,7 @@
|
|||
<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="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-text"></i> Journaux</a></li>
|
||||
</ul>
|
||||
|
|
136
dist/admin/categories.html
vendored
Normal file
136
dist/admin/categories.html
vendored
Normal 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>
|
2
dist/admin/index.html
vendored
2
dist/admin/index.html
vendored
|
@ -17,7 +17,7 @@
|
|||
<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="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-text"></i> Journaux</a></li>
|
||||
</ul>
|
||||
|
|
87
src-admin/categories.html
Normal file
87
src-admin/categories.html
Normal 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>
|
|
@ -1,7 +1,7 @@
|
|||
<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="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-text"></i> Journaux</a></li>
|
||||
</ul>
|
||||
|
|
Reference in a new issue