Sindbad~EG File Manager
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="stylesheet" type="text/css" href="{{('/static/css/bootstrap.min.css')}}">
<style type="text/css">
/** mobile responsive start**/
@media screen and (max-width: 600px) {
.mobile-responsive table {
border: 0;
border-collapse: collapse;
}
.mobile-responsive table thead {
display:none;
}
.mobile-responsive table th {
display:none;
}
.mobile-responsive table tr {
margin-bottom: 20px;
display: block;
border-bottom: 2px thin #faf5f5;
box-shadow: 2px 2px 1px #dadada;
border-collapse: collapse;
word-break: break-all;
}
.mobile-responsive table td {
display: block;
text-align: right;
font-size: 15px;
border-collapse: collapse;
padding: 25px;
word-break: break-all;
}
.mobile-responsive table td:last-child {
border-bottom: 0;
}
.mobile-responsive table td::before {
content: attr(data-label);
float: left;
text-transform: uppercase;
font-weight: bold;
}
/* .mobile-responsive tbody{
line-height:0!important;
} */
.sidebar {
width: 100%;
height: auto;
position: relative;
}
.sidebar a {float: left;}
div.content {margin-left: 0;}
.sidebar a {
text-align: center;
float: none;
}
}
/***** mobile responsive end ****/
</style>
</head>
<body>
<div class="container-fluid">
<form method="POST" action="{{url_for('notification.postAddNotification')}}">
<div class="container col-md-5" style="background-color:white;">
<h2 class="text-center">Notification </h2>
<br>
<div class="row">
<div class="col-sm-4">
<label>Notification Title </label>
</div>
<div class="col-sm-8 form-group">
<input type="text" name="notification_title" class="form-control" id="notification_title" value="">
</div>
</div>
<div class="row">
<div class="col-sm-4">
<label>Notification Content <br> </label>
</div>
<div class="col-sm-8 form-group">
<textarea id="notification_content" class="form-control" name="notification_content"></textarea>
</div>
</div>
<div class="row">
<div class="col-sm-10">
</div>
<div class="col-sm-2 form-group">
<input type="submit" name="add" id="add" value="Add" class="btn btn-primary">
</div>
</div>
</div>
</form>
{% if notifiation_details %}
<div id="divShowTable">
<div class="mobile-responsive ">
<table class="table table-bordered" id="myTable" style="font-size:80%;word-break: break-all;">
<thead class="thead-dark" >
<tr>
<th scope="col" width="50px" class="text-center">No.</th>
<th scope="col" width="115px" class="text-center">Notification Title</th>
<th scope="col" width="133px" class="text-center">Notification Content</th>
<th scope="col" width="133px" class="text-center">Is_Visible</th>
<th scope="col" width="85px" class="text-center">Created at</th>
<th scope="col" width="100px" class="text-center">Updated at</th>
<th scope="col" width="100px" class="text-center"></th>
</tr>
</thead>
{% for row in notifiation_details %}
<tbody id="tbody_1">
<td data-label="s.no">{{loop.index}}</td>
<td data-label="Notification Title">{{row.notification_title or ''}}</td>
<td data-label="Notification Content">{{row.notification_content or ''}}</td>
<td data-label="Is_Visible">{{row.is_visible or ''}}</td>
<td data-label="Created at">{{row.created_at or ''}}</td>
<td data-label="Updated at">{{row.updated_at or ''}}</td>
<td data-label="Edit/Delete">
<a href="#1" class="btn btn-warning " {{ row.notification_id}}><i class="fa fa-edit"></i></a>
<a href="#" class="btn btn-danger " {{ row.notification_id }}><i class="fa fa-trash"></i></a>
</td>
</tbody>
{% endfor %}
</table>
</div>
</div>
{% endif %}
</div>
<script src="/static/js/jquery.min.js" charset="utf-8"></script>
<script src="/static/js/popper.min.js" charset="utf-8"></script>
<script src="/static/js/jquery.validate.js" charset="utf-8"></script>
<script src="/static/js/moment.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.js" ></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript">
</script>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists