Restored settings view

This commit is contained in:
emeric
2022-03-06 13:58:34 +01:00
parent fc5d822297
commit 5f2efe5a13
3 changed files with 180 additions and 195 deletions
+1 -1
View File
@@ -37,7 +37,7 @@
${<if-demo>} ${<if-demo>}
<div class="col-12"> <div class="col-12">
<div class="form-check"> <div class="form-check">
${demo class=""form-check-input} ${demo class="form-check-input"}
<label class="form-check-label" for="${id:demo}"> <label class="form-check-label" for="${id:demo}">
${tr:Lms.Admin.User.demo-account} ${tr:Lms.Admin.User.demo-account}
</label> </label>
+2 -4
View File
@@ -25,12 +25,10 @@
</div> </div>
<div class="row"> <div class="row">
${<if-has-similar-releases>} ${<if-has-similar-releases>}
<div class="col-xs-12 col-md-8"> <div class="col-12 col-md-8">
<div class="well well-sm"> <div class="well well-sm">
<h3>${tr:Lms.Explore.Release.similar-releases}</h3> <h3>${tr:Lms.Explore.Release.similar-releases}</h3>
<div class="row"> ${similar-releases class="row"}
${similar-releases}
</div>
</div> </div>
</div> </div>
${</if-has-similar-releases>} ${</if-has-similar-releases>}
+72 -85
View File
@@ -4,17 +4,16 @@
<!--FORMS message blocks--> <!--FORMS message blocks-->
<message id="Lms.Settings.template"> <message id="Lms.Settings.template">
<div class="row"> <form class="row g-3">
<div class="col-lg-8">
<form>
<legend>${tr:Lms.Settings.appearance}</legend> <legend>${tr:Lms.Settings.appearance}</legend>
<div class="form-horizontal"> <div class="col-12">
<div class="form-group"> <div class="form-check">
<div class="col-lg-offset-3 col-lg-9"> ${dark-mode class="form-check-input"}
<div class="checkbox"> <label class="form-check-label" for="${id:dark-mode}">
<label>${dark-mode}${tr:Lms.Settings.dark-mode}</label> ${tr:Lms.Settings.dark-mode}
${dark-mode-info clas="help-block"} </label>
</div> <div class="invalid-feedback">
${dark-mode-info}
</div> </div>
</div> </div>
</div> </div>
@@ -22,180 +21,168 @@
<div class="alert alert-info"> <div class="alert alert-info">
${tr:Lms.Settings.audio-settings-are-local} ${tr:Lms.Settings.audio-settings-are-local}
</div> </div>
<div class="form-horizontal"> <div class="col-12">
<div class="form-group"> <label class="form-label" for="${id:transcode-mode}">
<label class="col-lg-3 control-label" for="${id:transcode-mode}">
${tr:Lms.Settings.transcode-mode} ${tr:Lms.Settings.transcode-mode}
</label> </label>
<div class="col-lg-9">
${transcode-mode} ${transcode-mode}
${transcode-mode-info class="help-block"} <div class="invalid-feedback">
${transcode-mode-info}
</div> </div>
</div> </div>
<div class="form-group"> <div class="col-lg-6">
<label class="col-lg-3 control-label" for="${id:transcode-format}"> <label class="form-label" for="${id:transcode-format}">
${tr:Lms.Settings.transcode-format} ${tr:Lms.Settings.transcode-format}
</label> </label>
<div class="col-lg-9">
${transcode-format} ${transcode-format}
${transcode-format-info class="help-block"} <div class="invalid-feedback">
${transcode-format-info}
</div> </div>
</div> </div>
<div class="form-group"> <div class="col-lg-6">
<label class="col-lg-3 control-label" for="${id:transcode-bitrate}"> <label class="form-label" for="${id:transcode-bitrate}">
${tr:Lms.Settings.transcode-bitrate} ${tr:Lms.Settings.transcode-bitrate}
</label> </label>
<div class="col-lg-9"> <div class="input-group mb-3">
<div class="input-group">
${transcode-bitrate} ${transcode-bitrate}
<span class="input-group-addon">kbps</span> <span class="input-group-text">kbps</span>
</div> </div>
${transcode-bitrate-info class="help-block"} <div class="invalid-feedback">
${transcode-bitrate-info}
</div> </div>
</div> </div>
<div class="col-12">
<div class="form-group"> <label class="form-label" for="${id:replaygain-mode}">
<label class="col-lg-3 control-label" for="${id:replaygain-mode}">
${tr:Lms.Settings.replaygain-mode} ${tr:Lms.Settings.replaygain-mode}
</label> </label>
<div class="col-lg-9">
${replaygain-mode} ${replaygain-mode}
${replaygain-mode-info class="help-block"} <div class="invalid-feedback">
${replaygain-mode-info}
</div> </div>
</div> </div>
<div class="form-group"> <div class="col-lg-6">
<label class="col-lg-3 control-label" for="${id:replaygain-preamp}"> <label class="form-label" for="${id:replaygain-preamp}">
${tr:Lms.Settings.replaygain-preamp} ${tr:Lms.Settings.replaygain-preamp}
</label> </label>
<div class="col-lg-9"> <div class="input-group mb-3">
<div class="input-group">
${replaygain-preamp} ${replaygain-preamp}
<span class="input-group-addon">dB</span> <span class="input-group-text">dB</span>
</div> </div>
${replaygain-preamp-info class="help-block"} <div class="invalid-feedback">
${replaygain-preamp-info}
</div> </div>
</div> </div>
<div class="form-group"> <div class="col-lg-6">
<label class="col-lg-3 control-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} ${tr:Lms.Settings.replaygain-preamp-no-rg-info}
</label> </label>
<div class="col-lg-9"> <div class="input-group mb-3">
<div class="input-group">
${replaygain-preamp-no-rg-info} ${replaygain-preamp-no-rg-info}
<span class="input-group-addon">dB</span> <span class="input-group-text">dB</span>
</div>
${replaygain-preamp-no-rg-info-info class="help-block"}
</div> </div>
<div class="invalid-feedback">
${replaygain-preamp-no-rg-info-info}
</div> </div>
</div> </div>
${<if-has-subsonic-api>} ${<if-has-subsonic-api>}
<legend>${tr:Lms.Settings.subsonic-api}</legend> <legend>${tr:Lms.Settings.subsonic-api}</legend>
<div class="form-horizontal"> <div class="col-12">
<div class="form-group"> <div class="form-check">
<div class="col-lg-offset-3 col-lg-9"> ${subsonic-transcode-enable class="form-check-input"}
<div class="checkbox"> <label class="form-check-label" for="${id:subsonic-transcode-enable}">
<label>${subsonic-transcode-enable}${tr:Lms.Settings.transcode-enable}</label> ${tr:Lms.Settings.transcode-enable}
${subsonic-transcode-enable-info class="help-block"} </label>
<div class="invalid-feedback">
${subsonic-transcode-enable-info}
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="col-lg-6">
<label class="col-lg-3 control-label" for="${id:subsonic-transcode-format}"> <label class="form-label" for="${id:subsonic-transcode-format}">
${tr:Lms.Settings.transcode-format} ${tr:Lms.Settings.transcode-format}
</label> </label>
<div class="col-lg-9">
${subsonic-transcode-format} ${subsonic-transcode-format}
<div class="invalid-feedback">
${subsonic-transcode-format-info class="help-block"} ${subsonic-transcode-format-info class="help-block"}
</div> </div>
</div> </div>
<div class="form-group"> <div class="col-lg-6">
<label class="col-lg-3 control-label" for="${id:subsonic-transcode-bitrate}"> <label class="col-lg-3 form-label" for="${id:subsonic-transcode-bitrate}">
${tr:Lms.Settings.transcode-bitrate} ${tr:Lms.Settings.transcode-bitrate}
</label> </label>
<div class="col-lg-9"> <div class="input-group mb-3">
<div class="input-group">
${subsonic-transcode-bitrate} ${subsonic-transcode-bitrate}
<span class="input-group-addon">kbps</span> <span class="input-group-text">kbps</span>
</div> </div>
<div class="invalid-feedback">
${subsonic-transcode-bitrate-info class="help-block"} ${subsonic-transcode-bitrate-info class="help-block"}
</div> </div>
</div> </div>
<div class="form-group"> <div class="col-12">
<label class="col-lg-3 control-label" for="${id:subsonic-artist-list-mode}"> <label class="form-label" for="${id:subsonic-artist-list-mode}">
${tr:Lms.Settings.subsonic-artist-list-mode} ${tr:Lms.Settings.subsonic-artist-list-mode}
</label> </label>
<div class="col-lg-9">
${subsonic-artist-list-mode} ${subsonic-artist-list-mode}
<div class="invalid-feedback">
${subsonic-artist-list-mode-info class="help-block"} ${subsonic-artist-list-mode-info class="help-block"}
</div> </div>
</div> </div>
</div>
${</if-has-subsonic-api>} ${</if-has-subsonic-api>}
<legend>${tr:Lms.Settings.scrobbling}</legend> <legend>${tr:Lms.Settings.scrobbling}</legend>
<div class="form-horizontal"> <div class="col-12">
<div class="form-group"> <label class="form-label" for="${id:scrobbler}">
<label class="col-lg-3 control-label" for="${id:scrobbler}">
${tr:Lms.Settings.scrobbling.scrobbler} ${tr:Lms.Settings.scrobbling.scrobbler}
</label> </label>
<div class="col-lg-9">
${scrobbler} ${scrobbler}
<div class="invalid-feedback">
${scrobbler-info class="help-block"} ${scrobbler-info class="help-block"}
</div> </div>
</div> </div>
<div class="form-group"> <div class="col-12">
<label class="col-lg-3 control-label" for="${id:listenbrainz-token}"> <label class="form-label" for="${id:listenbrainz-token}">
${tr:Lms.Settings.scrobbling.listenbrainz-token} ${tr:Lms.Settings.scrobbling.listenbrainz-token}
</label> </label>
<div class="col-lg-9">
${listenbrainz-token} ${listenbrainz-token}
<div class="invalid-feedback">
${listenbrainz-token-info class="help-block"} ${listenbrainz-token-info class="help-block"}
</div> </div>
</div> </div>
</div>
${<if-has-change-password>} ${<if-has-change-password>}
<legend>${tr:Lms.Settings.change-password}</legend> <legend>${tr:Lms.Settings.change-password}</legend>
<div class="form-horizontal">
${<if-has-old-password>} ${<if-has-old-password>}
<div class="form-group"> <div class="col-12">
<label class="col-lg-3 control-label" for="${id:password-old}"> <label class="form-label" for="${id:password-old}">
${tr:Lms.password-old} ${tr:Lms.password-old}
</label> </label>
<div class="col-lg-9">
${password-old} ${password-old}
<div class="invalid-feedback">
${password-old-info class="help-block"} ${password-old-info class="help-block"}
</div> </div>
</div> </div>
${</if-has-old-password>} ${</if-has-old-password>}
<div class="form-group"> <div class="col-12">
<label class="col-lg-3 control-label" for="${id:password}"> <label class="col-lg-3 control-label" for="${id:password}">
${tr:Lms.password-new} ${tr:Lms.password-new}
</label> </label>
<div class="col-lg-9">
${password} ${password}
<div class="invalid-feedback">
${password-info class="help-block"} ${password-info class="help-block"}
</div> </div>
</div> </div>
<div class="form-group"> <div class="col-12">
<label class="col-lg-3 control-label" for="${id:password-confirm}"> <label class="col-lg-3 control-label" for="${id:password-confirm}">
${tr:Lms.password-confirm} ${tr:Lms.password-confirm}
</label> </label>
<div class="col-lg-9">
${password-confirm} ${password-confirm}
<div class="invalid-feedback">
${password-confirm-info class="help-block"} ${password-confirm-info class="help-block"}
</div> </div>
</div> </div>
</div>
${</if-has-change-password>} ${</if-has-change-password>}
<div class="form-horizontal"> <div class="col-12">
<div class="form-group">
<div class="col-lg-offset-3 col-lg-9">
${apply-btn class="btn-primary"} ${discard-btn} ${apply-btn class="btn-primary"} ${discard-btn}
</div> </div>
</div>
</div>
</form> </form>
</div>
</div>
</message> </message>
</messages> </messages>