Still converting to bootstrap 5. Moved away from Wt's boostrap5 theme to better stick to vanilla bootstrap

This commit is contained in:
emeric
2022-05-06 13:22:08 +02:00
parent 582e6ed7ae
commit 147e174315
30 changed files with 437 additions and 98 deletions
+7 -7
View File
@@ -10,7 +10,7 @@
<label class="form-label" for="${id:media-directory}">
${tr:Lms.Admin.Database.path}
</label>
${media-directory}
${media-directory class="form-control"}
<div class="invalid-feedback">
${media-directory-info}
</div>
@@ -19,7 +19,7 @@
<label class="form-label" for="${id:update-period}">
${tr:Lms.Admin.Database.update-period}
</label>
${update-period}
${update-period class="form-control"}
<div class="invalid-feedback">
${update-period-info"}
</div>
@@ -28,7 +28,7 @@
<label class="form-label" for="${id:update-start-time}">
${tr:Lms.Admin.Database.update-start-time}
</label>
${update-start-time}
${update-start-time class="form-control"}
<div class="invalid-feedback">
${update-start-time-info}
</div>
@@ -38,22 +38,22 @@
<label class="form-label" for="${id:recommendation-engine-type}">
${tr:Lms.Admin.Database.recommendation-engine-type}
</label>
${recommendation-engine-type}
${recommendation-engine-type class="form-control"}
<div class="invalid-feedback">
${recommendation-engine-type-info}
</div>
</div>
<div class="col-12">
<label class="form-label" for="${id:tags}">
<label class="form-label" for="${id:tags}">
${tr:Lms.Admin.Database.tags}
</label>
${tags}
${tags class="form-control"}
<div class="invalid-feedback">
${tags-info}
</div>
</div>
<div class="col-12">
${apply-btn class="btn-primary me-1"}${discard-btn}
${apply-btn class="btn btn-primary me-1"}${discard-btn class="btn btn-secondary"}
</div>
</form>
<br/>
+3 -3
View File
@@ -17,7 +17,7 @@
<label class="form-label" for="${id:login}">
${tr:Lms.login}
</label>
${login}
${login class="form-control"}
<div class="invalid-feedback">
${login-info}
</div>
@@ -28,7 +28,7 @@
<label class="form-label" for="${id:password}">
${tr:Lms.password-new}
</label>
${password}
${password class="form-control"}
<div class="invalid-feedback">
${password-info}
</div>
@@ -48,7 +48,7 @@
</div>
${</if-demo>}
<div class="col-12">
${save-btn class="btn-primary"}
${save-btn class="btn btn-primary"}
</div>
</form>
</message>
+22 -3
View File
@@ -5,17 +5,36 @@
<h2>${tr:Lms.Admin.Users.users}</h2>
${users}
${<if-can-create-user>}
${add-btn class="btn-primary Lms-admin-users-add-btn"}
${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">
${name}${<if-tag>} <span class="badge bg-info">${tag}</span>${</if-tag>}
${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-warning btn-sm"} ${del-btn class="btn-danger btn-sm"}${</if-edit>}
${<if-edit>}${edit-btn class="btn btn-sm btn-warning me-1"} ${del-btn class="btn btn-sm btn-danger"}${</if-edit>}
</div>
</div>
</message>
<message id="Lms.Admin.Users.template.delete-user">
<div class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">${tr:Lms.Admin.Users.del-user}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Modal body text goes here.</p>
</div>
<div class="modal-footer">
${del-btn class="btn btn-danger me-1"}${cancel-btn class="btn btn-secondary"}
</div>
</div>
</div>
</div>
</message>
+1 -1
View File
@@ -4,7 +4,7 @@
<message id="Lms.Explore.Artist.template">
<div class="mb-3">
${name}
<h3>${name}</h3>
${clusters class="mb-2"}
${play-btn class="btn btn-outline-primary me-2"}${more-btn class="btn btn-outline-primary"}
</div>
+2 -2
View File
@@ -9,7 +9,7 @@
<message id="Lms.Explore.template.play-btn"><i class="fa fa-fw fa-play"></i></message>
<message id="Lms.Explore.template.filters">
${add-filter class="btn-sm btn-outline-primary me-2"}${clusters class="d-inline-block align-items-center"}
${add-filter class="btn btn-sm btn-outline-primary me-2"}${clusters class="d-inline-block align-items-center"}
</message>
<message id="Lms.Explore.template.add-filter">
@@ -28,7 +28,7 @@
</div>
<div class="col-12">
<div class="col-sm-offset-2 col-sm-10">
${add-btn class="btn-primary me-1"}${cancel-btn}
${add-btn class="btn btn-primary me-1"}${cancel-btn class="btn btn-secondary"}
</div>
</div>
</form>
+3 -3
View File
@@ -11,7 +11,7 @@
<label class="form-label" for="${id:login-name}">
${tr:Lms.login}
</label>
${login-name}
${login-name class="form-control"}
<div class="invalid-feedback">
${login-name-info}
</div>
@@ -20,7 +20,7 @@
<label class="form-label" for="${id:password}">
${tr:Lms.password}
</label>
${password}
${password class="form-control"}
<div class="invalid-feedback">
${password-info}
</div>
@@ -34,7 +34,7 @@
</div>
</div>
<div class="col-12">
${login-btn class="btn-primary"}
${login-btn class="btn btn-primary"}
</div>
</div>
</form>
+2 -1
View File
@@ -5,7 +5,8 @@
${navbar}
<div class="container">
${contents}
${notifications class="toast-container position-fixed top-0 end-0 p-3"}
${notifications class="toast-container Lms-notification-container p-3"}
${modal}
</div>
${player class="fixed-bottom bg-dark Lms-player"}
</message>
-1
View File
@@ -117,7 +117,6 @@
<message id="Lms.Explore.download">Download</message>
<message id="Lms.Explore.filter-added">Filter added</message>
<message id="Lms.Explore.filters">Filters</message>
<message id="Lms.Explore.links">Links</message>
<message id="Lms.Explore.most-played">Most played</message>
<message id="Lms.Explore.musicbrainz-artist">MusicBrainz Artist</message>
<message id="Lms.Explore.musicbrainz-release">MusicBrainz Release</message>
-1
View File
@@ -117,7 +117,6 @@
<message id="Lms.Explore.download">Télécharger</message>
<message id="Lms.Explore.filter-added">Filtre ajouté</message>
<message id="Lms.Explore.filters">Filtres</message>
<message id="Lms.Explore.links">Liens</message>
<message id="Lms.Explore.most-played">Plus joués</message>
<message id="Lms.Explore.musicbrainz-artist">MusicBrainz Artist</message>
<message id="Lms.Explore.musicbrainz-release">MusicBrainz Release</message>
-1
View File
@@ -116,7 +116,6 @@
<message id="Lms.Explore.download">Download</message>
<message id="Lms.Explore.filter-added">Filtro aggiunto</message>
<message id="Lms.Explore.filters">Filtri</message>
<message id="Lms.Explore.links">Collegamenti</message>
<message id="Lms.Explore.most-played">Più ascoltati</message>
<message id="Lms.Explore.musicbrainz-artist">Artista MusicBrainz</message>
<message id="Lms.Explore.musicbrainz-release">Album MusicBrainz</message>
-1
View File
@@ -117,7 +117,6 @@
<message id="Lms.Explore.download">下载</message>
<message id="Lms.Explore.filter-added">筛选已添加</message>
<message id="Lms.Explore.filters">筛选</message>
<message id="Lms.Explore.links">链接</message>
<message id="Lms.Explore.most-played">播放最多</message>
<message id="Lms.Explore.musicbrainz-artist">MusicBrainz 歌手</message>
<message id="Lms.Explore.musicbrainz-release">MusicBrainz 专辑</message>
+11 -8
View File
@@ -16,11 +16,20 @@
${<if-has-release-artists>}${artists}${</if-has-release-artists>}
${<if-has-various-release-artists>}${tr:Lms.Explore.various-artists}${</if-has-various-release-artists>}
<div class="small text-muted">${<if-has-year>}${year}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>} · ${</if-has-year>}${duration}</div>
${clusters}
${clusters class="mb-2"}
</div>
<div class="col-12">
<div class="mb-3">
${play-btn class="btn btn-outline-primary me-2"}${more-btn class="btn btn-outline-primary"}
${play-btn class="btn btn-outline-primary me-2"}
<span class="dropdown">
<button class="btn btn-outline-primary" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">...</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li>${play-shuffled class="btn dropdown-item"}</li>
${<if-has-mbid>}
<li><a href="${mbid-link}" target="_blank" class="dropdown-item">${tr:Lms.Explore.musicbrainz-release}</a></li>
${</if-has-mbid>}
</ul>
</span>
</div>
${container class="d-grid gap-3"}
</div>
@@ -38,12 +47,6 @@
${copyright class="text-muted"}
</div>
${</if-has-copyright>}
${<if-has-mbid>}
<div class="col-12 col-md-4">
<h3>${tr:Lms.Explore.links}</h3>
${mbid-link class="text-muted"}
</div>
${</if-has-mbid>}
</div>
</message>
+20 -1
View File
@@ -4,7 +4,26 @@
<message id="Lms.Explore.Releases.template">
<div class="mb-3">
${mode class="nav nav-pills mb-2"}
<ul class="nav nav-pills mb-2">
<li class="nav-item">
${random class="nav-link"}
</li>
<li class="nav-item">
${starred class="nav-link"}
</li>
<li class="nav-item">
${recently-played class="nav-link"}
</li>
<li class="nav-item">
${most-played class="nav-link"}
</li>
<li class="nav-item">
${recently-added class="nav-link"}
</li>
<li class="nav-item">
${all class="nav-link"}
</li>
</ul>
${play-btn class="btn btn-outline-primary me-2"}${more-btn class="btn btn-outline-primary"}
</div>
${releases}
+20 -20
View File
@@ -13,7 +13,7 @@
<label class="form-label" for="${id:transcode-mode}">
${tr:Lms.Settings.transcode-mode}
</label>
${transcode-mode}
${transcode-mode class="form-control"}
<div class="invalid-feedback">
${transcode-mode-info}
</div>
@@ -22,7 +22,7 @@
<label class="form-label" for="${id:transcode-format}">
${tr:Lms.Settings.transcode-format}
</label>
${transcode-format}
${transcode-format class="form-control"}
<div class="invalid-feedback">
${transcode-format-info}
</div>
@@ -32,7 +32,7 @@
${tr:Lms.Settings.transcode-bitrate}
</label>
<div class="input-group mb-3">
${transcode-bitrate}
${transcode-bitrate class="form-control"}
<span class="input-group-text">kbps</span>
</div>
<div class="invalid-feedback">
@@ -43,7 +43,7 @@
<label class="form-label" for="${id:replaygain-mode}">
${tr:Lms.Settings.replaygain-mode}
</label>
${replaygain-mode}
${replaygain-mode class="form-control"}
<div class="invalid-feedback">
${replaygain-mode-info}
</div>
@@ -53,7 +53,7 @@
${tr:Lms.Settings.replaygain-preamp}
</label>
<div class="input-group mb-3">
${replaygain-preamp}
${replaygain-preamp class="form-control"}
<span class="input-group-text">dB</span>
</div>
<div class="invalid-feedback">
@@ -61,11 +61,11 @@
</div>
</div>
<div class="col-lg-6">
<label class="form-label" for="${id:replaygain-preamp-no-rg-info}">
<label class="form-label" for="${id:replaygain-preamp-no-rg-info}">
${tr:Lms.Settings.replaygain-preamp-no-rg-info}
</label>
<div class="input-group mb-3">
${replaygain-preamp-no-rg-info}
${replaygain-preamp-no-rg-info class="form-control"}
<span class="input-group-text">dB</span>
</div>
<div class="invalid-feedback">
@@ -78,7 +78,7 @@
<div class="form-check">
${subsonic-transcode-enable class="form-check-input"}
<label class="form-check-label" for="${id:subsonic-transcode-enable}">
${tr:Lms.Settings.transcode-enable}
${tr:Lms.Settings.transcode-enable class="form-control"}
</label>
<div class="invalid-feedback">
${subsonic-transcode-enable-info}
@@ -86,20 +86,20 @@
</div>
</div>
<div class="col-lg-6">
<label class="form-label" for="${id:subsonic-transcode-format}">
<label class="form-label" for="${id:subsonic-transcode-format}">
${tr:Lms.Settings.transcode-format}
</label>
${subsonic-transcode-format}
${subsonic-transcode-format class="form-control"}
<div class="invalid-feedback">
${subsonic-transcode-format-info class="help-block"}
</div>
</div>
<div class="col-lg-6">
<label class="col-lg-3 form-label" for="${id:subsonic-transcode-bitrate}">
<label class="col-lg-3 form-label" for="${id:subsonic-transcode-bitrate}">
${tr:Lms.Settings.transcode-bitrate}
</label>
<div class="input-group mb-3">
${subsonic-transcode-bitrate}
${subsonic-transcode-bitrate class="form-control"}
<span class="input-group-text">kbps</span>
</div>
<div class="invalid-feedback">
@@ -107,10 +107,10 @@
</div>
</div>
<div class="col-12">
<label class="form-label" for="${id:subsonic-artist-list-mode}">
<label class="form-label" for="${id:subsonic-artist-list-mode}">
${tr:Lms.Settings.subsonic-artist-list-mode}
</label>
${subsonic-artist-list-mode}
${subsonic-artist-list-mode class="form-control"}
<div class="invalid-feedback">
${subsonic-artist-list-mode-info class="help-block"}
</div>
@@ -121,7 +121,7 @@
<label class="form-label" for="${id:scrobbler}">
${tr:Lms.Settings.scrobbling.scrobbler}
</label>
${scrobbler}
${scrobbler class="form-control"}
<div class="invalid-feedback">
${scrobbler-info class="help-block"}
</div>
@@ -130,7 +130,7 @@
<label class="form-label" for="${id:listenbrainz-token}">
${tr:Lms.Settings.scrobbling.listenbrainz-token}
</label>
${listenbrainz-token}
${listenbrainz-token class="form-control"}
<div class="invalid-feedback">
${listenbrainz-token-info class="help-block"}
</div>
@@ -142,7 +142,7 @@
<label class="form-label" for="${id:password-old}">
${tr:Lms.password-old}
</label>
${password-old}
${password-old class="form-control"}
<div class="invalid-feedback">
${password-old-info class="help-block"}
</div>
@@ -152,7 +152,7 @@
<label class="col-lg-3 control-label" for="${id:password}">
${tr:Lms.password-new}
</label>
${password}
${password class="form-control"}
<div class="invalid-feedback">
${password-info class="help-block"}
</div>
@@ -161,14 +161,14 @@
<label class="col-lg-3 control-label" for="${id:password-confirm}">
${tr:Lms.password-confirm}
</label>
${password-confirm}
${password-confirm class="form-control"}
<div class="invalid-feedback">
${password-confirm-info class="help-block"}
</div>
</div>
${</if-has-change-password>}
<div class="col-12">
${apply-btn class="btn-primary me-1"}${discard-btn}
${apply-btn class="btn btn-primary me-1"}${discard-btn class="btn btn-secondary"}
</div>
</form>
</message>