Scribd
Upload
26 views2 pages

Include

The document outlines a web page for managing events, including a form to add new events with fields for name, date, location, and description. It also features a table displaying a list of existing events with options to edit or delete each event. The layout includes navigation and footer components for a complete user interface.

Uploaded by

doncarmel31
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
26 views2 pages

Include

The document outlines a web page for managing events, including a form to add new events with fields for name, date, location, and description. It also features a table displaying a list of existing events with options to edit or delete each event. The layout includes navigation and footer components for a complete user interface.

Uploaded by

doncarmel31
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

<%-include('../layouts/header.

ejs') %>
<%-include('../partials/nav.ejs') %>
<%-include('../partials/sidebar.ejs') %>

<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">


<div class="row">
<ol class="breadcrumb">
<li><a href="#">
<em class="fa fa-home"></em>
</a></li>
<li class="active">Evenement</li>
</ol>
</div><!--/.row-->

<div class="row">
<div class="col-lg-12">
<h1 class="page-header">Gestion des Événements</h1>
</div>
</div><!--/.row-->

<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">Ajouter un nouvel événement</div>
<div class="panel-body">
<form action="/events/add" method="post">
<div class="form-group">
<label for="eventName">Nom de l'Événement</label>
<input type="text" class="form-control" id="eventName" name="eventName"
required>
</div>
<div class="form-group">
<label for="eventDate">Date de l'Événement</label>
<input type="date" class="form-control" id="eventDate" name="eventDate"
required>
</div>
<div class="form-group">
<label for="eventLocation">Lieu de l'Événement</label>
<input type="text" class="form-control" id="eventLocation" name="eventLocation"
required>
</div>
<div class="form-group">
<label for="eventDescription">Description</label>
<textarea class="form-control" id="eventDescription" name="eventDescription"
rows="3"></textarea>
</div>
<button type="submit" class="btn btn-primary">Ajouter l'Événement</button>
</form>
</div>
</div>
</div>
</div><!--/.row-->

<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">Liste des événements</div>
<div class="panel-body">
<table class="table table-striped">
<thead>
<tr>
<th>Nom</th>
<th>Date</th>
<th>Lieu</th>
<th>Description</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<% events.forEach(function(event) { %>
<tr>
<td><%= event.name %></td>
<td><%= event.date %></td>
<td><%= event.location %></td>
<td><%= event.description %></td>
<td>
<a href="/events/edit/<%= event.id %>" class="btn btn-warning btn-
sm">Modifier</a>
<a href="/events/delete/<%= event.id %>" class="btn btn-danger btn-sm"
onclick="return confirm('Êtes-vous sûr de vouloir supprimer cet événement ?');">Supprimer</a>
</td>
</tr>
<% }) %>
</tbody>
</table>
</div>
</div>
</div>
</div><!--/.row-->

<%- include('../partials/footer.ejs') %>


</div>

You might also like