Add bootstrap-table

This commit is contained in:
Chris Jean-Marie 2024-11-05 21:35:06 +00:00
parent d110c64e7a
commit a590bf114a
6 changed files with 53 additions and 37 deletions

View File

@ -1,12 +1,19 @@
use askama_axum::{IntoResponse, Response, Template}; use askama_axum::{IntoResponse, Response, Template};
use axum::{extract::{Path, State}, response::Redirect, Extension, Form}; use axum::{
extract::{Path, State},
response::Redirect,
Extension, Form,
};
use axum_extra::response::Html; use axum_extra::response::Html;
use chrono::Utc; use chrono::Utc;
use http::StatusCode; use http::StatusCode;
use serde::Deserialize; use serde::Deserialize;
use sqlx::{SqlitePool, Row}; use sqlx::{Row, SqlitePool};
use crate::{middlewares::is_authorized, user::{get_user_roles_display, get_user_wishlist_items, UserData, UserWishlistItem}}; use crate::{
middlewares::is_authorized,
user::{get_user_roles_display, get_user_wishlist_items, UserData, UserWishlistItem},
};
struct HtmlTemplate<T>(T); struct HtmlTemplate<T>(T);
@ -181,7 +188,7 @@ pub async fn user_wishlist_add_item(
Path(user_id): Path<i64>, Path(user_id): Path<i64>,
State(db_pool): State<SqlitePool>, State(db_pool): State<SqlitePool>,
Extension(user_data): Extension<Option<UserData>>, Extension(user_data): Extension<Option<UserData>>,
Form(item_form): Form<ItemForm> Form(item_form): Form<ItemForm>,
) -> impl IntoResponse { ) -> impl IntoResponse {
if is_authorized("/wishlist", user_data.clone(), db_pool.clone()).await { if is_authorized("/wishlist", user_data.clone(), db_pool.clone()).await {
// Insert new item to database // Insert new item to database
@ -209,7 +216,7 @@ pub async fn user_wishlist_add_item(
pub async fn user_wishlist_bought_item( pub async fn user_wishlist_bought_item(
Path(user_id): Path<i64>, Path(user_id): Path<i64>,
State(db_pool): State<SqlitePool>, State(db_pool): State<SqlitePool>,
Extension(user_data): Extension<Option<UserData>> Extension(user_data): Extension<Option<UserData>>,
) -> impl IntoResponse { ) -> impl IntoResponse {
if is_authorized("/wishlist", user_data.clone(), db_pool.clone()).await { if is_authorized("/wishlist", user_data.clone(), db_pool.clone()).await {
// Update item to purchased // Update item to purchased
@ -239,7 +246,7 @@ pub async fn user_wishlist_bought_item(
pub async fn user_wishlist_received_item( pub async fn user_wishlist_received_item(
Path(user_id): Path<i64>, Path(user_id): Path<i64>,
State(db_pool): State<SqlitePool>, State(db_pool): State<SqlitePool>,
Extension(user_data): Extension<Option<UserData>> Extension(user_data): Extension<Option<UserData>>,
) -> impl IntoResponse { ) -> impl IntoResponse {
if is_authorized("/wishlist", user_data.clone(), db_pool.clone()).await { if is_authorized("/wishlist", user_data.clone(), db_pool.clone()).await {
// Update item received time // Update item received time

View File

@ -9,6 +9,7 @@
<li><a href="/dashboard">Web links</a></li> <li><a href="/dashboard">Web links</a></li>
<li><a href="/cottagecalendar">Cottage Calendar</a></li> <li><a href="/cottagecalendar">Cottage Calendar</a></li>
<li><a href="/wishlists">Wish lists</a></li> <li><a href="/wishlists">Wish lists</a></li>
<li><a href="/giftexchanges">Gift Exchanges</a></li>
</ul> </ul>
{% for user_role in user_roles %} {% for user_role in user_roles %}
{% if user_role.role_name == "admin" %} {% if user_role.role_name == "admin" %}

View File

@ -8,10 +8,14 @@
<link rel="icon" type="image/x-icon" href="/assets/favicon.png"> <link rel="icon" type="image/x-icon" href="/assets/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="Chris Jean-Marie">
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.css">
</head>
<body> <body>
<div class="container-fluid"> <div class="container-fluid">
@ -51,7 +55,11 @@
</div> </div>
<!-- Bootstrap JS Bundle with Popper --> <!-- Bootstrap JS Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
</body> </body>
</html> </html>

View File

@ -2,11 +2,11 @@
{% block title %}User Administration{% endblock %} {% block title %}User Administration{% endblock %}
{% block center %} {% block center %}
<h1>Users</h1> <h1>Users</h1>
<table class="table table-striped table-bordered"> <table data-toggle="table" class="table table-striped table-bordered">
<thead> <thead>
<tr> <tr>
<th scope="col">Name</th> <th data-sortable="true" data-field="name" scope="col">Name</th>
<th scope="col">email</th> <th data-sortable="true" data-field="email" scope="col">email</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>

View File

@ -12,11 +12,11 @@
<a href="/userwishlist/add/{{ user.id }}">Add</a> <a href="/userwishlist/add/{{ user.id }}">Add</a>
{% endif %} {% endif %}
<div class="table-responsive overflow-auto"> <div class="table-responsive overflow-auto">
<table class="table table-striped table-bordered"> <table data-toggle="table" class="table table-striped table-bordered">
<thead> <thead>
<tr> <tr>
<th scope="col">Item</th> <th data-sortable="true" data-field="item" scope="col">Item</th>
<th scope="col">State</th> <th data-sortable="true" data-field="state" scope="col">State</th>
<th scope="col">Action</th> <th scope="col">Action</th>
</tr> </tr>
</thead> </thead>

View File

@ -2,11 +2,11 @@
{% block title %}Wish Lists{% endblock %} {% block title %}Wish Lists{% endblock %}
{% block center %} {% block center %}
<h1>Wishlists</h1> <h1>Wishlists</h1>
<table class="table table-striped table-bordered"> <table data-toggle="table" class="table table-striped table-bordered">
<thead> <thead>
<tr> <tr>
<th scope="col">Name</th> <th data-sortable="true" data-field="name" scope="col">Name</th>
<th scope="col">email</th> <th data-sortable="true" data-field="email" scope="col">email</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>