Still converting to bootstrap 5. Releases update + admin views

This commit is contained in:
emeric
2022-05-11 20:57:06 +02:00
parent 6e0da3a9bd
commit 5eec40dc44
9 changed files with 108 additions and 85 deletions
+34 -31
View File
@@ -5,38 +5,41 @@
<div class="card">
<h5 class="card-header">${tr:Lms.Admin.ScannerController.scanner}</h5>
<div class="card-body">
<div class="mb-3 row">
<label class="col-sm-2 col-form-label" for="status">
${tr:Lms.Admin.ScannerController.status}
</label>
<div class="col-sm-10">
<input type="text" readonly="readonly" class="form-control" id="status" value="${status}"/>
<form>
<div class="row g-3">
<div class="col-12">
<label class="form-label" for="status">
${tr:Lms.Admin.ScannerController.status}
</label>
<input type="text" readonly="readonly" class="form-control" id="status" value="${status}"/>
</div>
<div class="col-12">
<label class="form-label" for="step-status">
${tr:Lms.Admin.ScannerController.step-status}
</label>
<input type="text" readonly="readonly" class="form-control" id="step-status" value="${step-status}"/>
</div>
<div class="col-12">
<label class="form-label" for="last-scan">
${tr:Lms.Admin.ScannerController.last-scan}
</label>
<div class="input-group">
<input type="text" readonly="readonly" class="form-control" id="last-scan" value="${last-scan}"/>
${report-btn class="btn btn-outline-info"}
</div>
</div>
<div class="col-12">
<div class="btn-group">
${scan-btn class="btn btn-primary"}
<button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
</button>
<ul class="dropdown-menu">
<li>${full-scan-btn class="dropdown-item"}</li>
</ul>
</div>
</div>
</div>
</div>
<div class="mb-3 row">
<label class="col-sm-2 col-form-label" for="step-status">
${tr:Lms.Admin.ScannerController.step-status}
</label>
<div class="col-sm-10">
<input type="text" readonly="readonly" class="form-control" id="step-status" value="${step-status}"/>
</div>
</div>
<div class="mb-3 row">
<label class="col-sm-2 col-form-label" for="last-scan">
${tr:Lms.Admin.ScannerController.last-scan}
</label>
<div class="col-sm-10">
<input type="text" readonly="readonly" class="form-control" id="last-scan" value="${last-scan}"/>
</div>
</div>
<div class="mb-3 row">
<div class="offset-sm-2">
${btn-report class="btn btn-sm"}
</div>
</div>
<div class="col-12">
${btn-action}
</div>
</form>
</div>
</div>
</message>
+6 -6
View File
@@ -2,20 +2,20 @@
<messages xmlns:if="Wt.WTemplate.conditions">
<message id="Lms.Admin.Users.template">
<h2>${tr:Lms.Admin.Users.users}</h2>
${users}
<h3>${tr:Lms.Admin.Users.users}</h3>
${users class="d-grid gap-1"}
${<if-can-create-user>}
${add-btn class="btn btn-primary"}
${</if-can-create-user>}
</message>
<message id="Lms.Admin.Users.template.entry">
<div class="row align-items-center mb-3">
<div class="col-auto me-auto">
<div class="d-flex align-items-center Lms-bg-dark-hover rounded">
<div class="p-2 flex-fill">
${name}${<if-tag>}<span class="badge bg-info ms-2">${tag}</span>${</if-tag>}
</div>
<div class="col-auto">
${<if-edit>}${edit-btn class="btn btn-sm btn-primary me-1"} ${del-btn class="btn btn-sm btn-danger"}${</if-edit>}
<div class="p-2">
${<if-edit>}${edit-btn class="btn btn-sm btn-secondary me-1"}${del-btn class="btn btn-sm btn-danger"}${</if-edit>}
</div>
</div>
</message>
+1 -1
View File
@@ -99,7 +99,7 @@
<message id="Lms.Admin.User.user-already-exists">User already exists!</message>
<message id="Lms.Admin.User.user-create">New user</message>
<message id="Lms.Admin.User.user-created">New user created!</message>
<message id="Lms.Admin.User.user-edit">Edit user {1}</message>
<message id="Lms.Admin.User.user-edit">Edit user '{1}'</message>
<message id="Lms.Admin.User.user-updated">User updated!</message>
<!--Wizard-->
+1 -1
View File
@@ -99,7 +99,7 @@
<message id="Lms.Admin.User.user-already-exists">L'utilisateur existe déjà !</message>
<message id="Lms.Admin.User.user-create">Nouvel utilisateur</message>
<message id="Lms.Admin.User.user-created">Nouvel utilisateur créé !</message>
<message id="Lms.Admin.User.user-edit">Utilisateur {1}</message>
<message id="Lms.Admin.User.user-edit">Utilisateur '{1}'</message>
<message id="Lms.Admin.User.user-updated">L'utilisateur a été mis à jour !</message>
<!--Wizard-->
+7 -7
View File
@@ -39,13 +39,13 @@
</message>
<message id="Lms.Explore.Releases.template.entry-grid">
<div class="card border-0 bg-transparent">
${cover class="shadow-sm"}
${release-name class="text-truncate text-nowrap text-decoration-none link-success"}
${<if-has-artist>}${artist-name class=" text-truncate text-nowrap text-decoration-none link-secondary"}${</if-has-artist>}
${<if-has-various-artists>}<div class="text-truncate text-nowrap text-secondary">${tr:Lms.Explore.various-artists}</div>${</if-has-various-artists>}
${<if-has-year>}<div class="small text-muted">${year}</div>${</if-has-year>}
</div>
<div class="Lms-responsive-square Lms-cover-container">
${cover class="shadow-sm"}
</div>
${release-name class="d-block text-truncate text-nowrap text-decoration-none link-success"}
${<if-has-artist>}${artist-name class="d-block text-truncate text-nowrap text-decoration-none link-secondary"}${</if-has-artist>}
${<if-has-various-artists>}<div class="text-truncate text-nowrap text-secondary">${tr:Lms.Explore.various-artists}</div>${</if-has-various-artists>}
${<if-has-year>}<div class="small text-muted">${year}</div>${</if-has-year>}
</message>
<message id="Lms.Explore.Releases.template.container">
+20 -24
View File
@@ -40,30 +40,26 @@
</message>
<message id="Lms.Explore.Tracks.template.entry">
<div class="card bg-transparent">
<div class="row align-items-center Lms-bg-dark-hover rounded">
<div class="col-2 col-lg-1">
${cover}
</div>
<div class="col-10 col-lg-11 d-flex align-items-center">
<div class="flex-fill">
<div>${name}</div>
${<if-has-release>}${release class="text-decoration-none link-sucess"}${</if-has-release>}
</div>
<div class="p-2 d-none d-sm-block text-muted">
${duration}
</div>
<div class="d-flex">
${play-btn class="btn btn-sm btn-outline-secondary border-0"}
<div class="dropdown d-inline-block">
${more-btn data-bs-toggle="dropdown" aria-expanded="false" class="btn btn-sm btn-outline-secondary border-0"}
<ul class="dropdown-menu" aria-labelledby="${id:more-btn}">
<li>${play-last class="btn dropdown-item"}</li>
<li>${star class="btn dropdown-item"}</li>
<li>${download class="btn dropdown-item"}</li>
</ul>
</div>
</div>
<div class="d-flex align-items-center rounded Lms-bg-dark-hover">
<div class="p-1 Lms-cover-small">
${cover}
</div>
<div class="p-2 flex-fill">
<div>${name}</div>
${<if-has-release>}${release class="text-decoration-none link-success"}${</if-has-release>}
</div>
<div class="p-2 d-none d-sm-block text-muted">
${duration}
</div>
<div class="p-2 d-flex">
${play-btn class="btn btn-sm btn-outline-secondary border-0"}
<div class="dropdown d-inline-block">
${more-btn data-bs-toggle="dropdown" aria-expanded="false" class="btn btn-sm btn-outline-secondary border-0"}
<ul class="dropdown-menu" aria-labelledby="${id:more-btn}">
<li>${play-last class="btn dropdown-item"}</li>
<li>${star class="btn dropdown-item"}</li>
<li>${download class="btn dropdown-item"}</li>
</ul>
</div>
</div>
</div>