feat: Add translation populating procedure for the web interface.
This commit is contained in:
Terry Geng
@ -6,7 +6,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>botamusique web interface</title>
|
||||
<title>{{ tr('page_title') }}</title>
|
||||
|
||||
<link rel="icon" href="static/image/favicon.ico" />
|
||||
|
||||
@ -18,46 +18,46 @@
|
||||
<div class="row">
|
||||
<div class="col-auto">
|
||||
<img src="static/image/logo.png" height="200px"
|
||||
alt="Botamusique Logo: a person with two headphones, enjoying the music">
|
||||
alt="{{ tr('aria_botamusique_logo') }}">
|
||||
</div>
|
||||
<div class="col my-auto">
|
||||
<h1>botamusique Web Interface</h1>
|
||||
<h1>{{ tr('page_title') }}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main id="playlist" class="container mb-5">
|
||||
<div class="btn-toolbar mb-2" role="toolbar" aria-label="Playlist controls">
|
||||
<button type="button" id="play-pause-btn" class="btn btn-info mb-2 btn-space" aria-label="Play">
|
||||
<div class="btn-toolbar mb-2" role="toolbar" aria-label="{{ tr('playlist_controls') }}">
|
||||
<button type="button" id="play-pause-btn" class="btn btn-info mb-2 btn-space" aria-label="{{ tr('play') }}">
|
||||
<i class="fas fa-play"></i>
|
||||
</button>
|
||||
<button type="button" id="fast-forward-btn" class="btn btn-info mb-2" aria-label="Skip Track">
|
||||
<button type="button" id="fast-forward-btn" class="btn btn-info mb-2" aria-label="{{ tr('skip_track') }}">
|
||||
<i class="fas fa-fast-forward"></i>
|
||||
</button>
|
||||
<div class="ml-auto">
|
||||
<div class="dropdown mr-2">
|
||||
<button class="btn btn-secondary dropdown-toggle" type="button" id="play-mode"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
|
||||
aria-label="Change Playback Mode">
|
||||
aria-label="{{ tr('change_playback_mode') }}">
|
||||
<i class="fas fa-tasks mr-2" aria-hidden="true" id="modeIndicator"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu" aria-labelledby="play-mode">
|
||||
<a class="dropdown-item" href="#" id="one-shot-mode-btn">
|
||||
<i class="fas fa-tasks mr-2" aria-hidden="true"></i>One-shot
|
||||
<i class="fas fa-tasks mr-2" aria-hidden="true"></i> {{ tr('oneshot') }}
|
||||
</a>
|
||||
<a class="dropdown-item" href="#" id="random-mode-btn">
|
||||
<i class="fas fa-random mr-2" aria-hidden="true"></i>Random
|
||||
<i class="fas fa-random mr-2" aria-hidden="true"></i> {{ tr('random') }}
|
||||
</a>
|
||||
<a class="dropdown-item" href="#" id="repeat-mode-btn">
|
||||
<i class="fas fa-redo mr-2" aria-hidden="true"></i>Repeat
|
||||
<i class="fas fa-redo mr-2" aria-hidden="true"></i> {{ tr('repeat') }}
|
||||
</a>
|
||||
<a class="dropdown-item" href="#" id="autoplay-mode-btn">
|
||||
<i class="fas fa-robot mr-2" aria-hidden="true"></i>Autoplay
|
||||
<i class="fas fa-robot mr-2" aria-hidden="true"></i> {{ tr('autoplay') }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" id="volume-popover-btn" class="btn btn-warning ml-1"
|
||||
aria-label="Open Volume Controls">
|
||||
aria-label="{{ tr('open_volume_controls') }}">
|
||||
<i class="fa fa-volume-up" aria-hidden="true"></i>
|
||||
</button>
|
||||
|
||||
@ -67,7 +67,7 @@
|
||||
</a>
|
||||
|
||||
<input type="range" class="custom-range ml-1" id="volume-slider" min="0" max="1" step="0.01"
|
||||
value="0.5" aria-label="Volume Slider" />
|
||||
value="0.5" aria-label="{{ tr('volume_slider') }}" />
|
||||
|
||||
<a id="volume-up-btn">
|
||||
<i class="fa fa-volume-up" aria-hidden="true"></i>
|
||||
@ -81,29 +81,28 @@
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" class="d-none d-md-table-cell">#</th>
|
||||
<th scope="col" class="w-50">Title</th>
|
||||
<th scope="col" class="d-none d-md-table-cell">Url/Path</th>
|
||||
<th scope="col">Action</th>
|
||||
<th scope="col" class="d-none d-md-table-cell">{{ tr('index') }}</th>
|
||||
<th scope="col" class="w-50">{{ tr('title') }}</th>
|
||||
<th scope="col" class="d-none d-md-table-cell">{{ tr('url_path') }}</th>
|
||||
<th scope="col">{{ tr('action') }}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="playlist-table" class="playlist-table">
|
||||
<tr id="playlist-loading">
|
||||
<td colspan="4" class="text-center">
|
||||
<img style="margin: auto; width: 35px;" src="static/image/loading.svg"
|
||||
alt="A loading spinner" />
|
||||
alt="{{ tr('aria_spinner') }}" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="playlist-empty" class="d-none">
|
||||
<td colspan="4" class="text-center">
|
||||
<img style="margin: auto; width: 35px;" src="static/image/empty_box.svg"
|
||||
alt="A drawing of an empty box." />
|
||||
alt="{{ tr('aria_empty_box') }}" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="playlist-expand table-dark d-none">
|
||||
<td colspan="4" class="text-center">
|
||||
<a class="text-muted" href="javascript:">See item <span
|
||||
class="playlist-expand-item-range"></span> on the playlist.</a>
|
||||
<a class="text-muted" href="javascript:">{{ tr('expand_playlist') }}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="playlist-item-template d-none" aria-hidden="true">
|
||||
@ -112,7 +111,7 @@
|
||||
<input hidden type="hidden" class="playlist-item-id" value="" />
|
||||
<div class="float-left">
|
||||
<img width="80" class="playlist-item-thumbnail" src="static/image/unknown-album.png"
|
||||
alt="A black square with two eight notes beamed together." />
|
||||
alt="{{ tr('aria_default_cover') }}" />
|
||||
</div>
|
||||
<div class="playlist-artwork">
|
||||
<b class="playlist-item-title"></b>
|
||||
@ -134,11 +133,11 @@
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="playlist-item-play btn btn-info btn-sm"
|
||||
aria-label="Skip current song and play this song right now">
|
||||
aria-label="{{ tr('aria_skip_current_song') }}">
|
||||
<i class="fas fa-play" aria-hidden="true"></i>
|
||||
</button>
|
||||
<button type="button" class="playlist-item-trash btn btn-danger btn-sm ml-1"
|
||||
aria-label="Remove this song from the current playlist">
|
||||
aria-label="{{ tr('aria_remove_this_song') }}">
|
||||
<i class="fas fa-trash-alt" aria-hidden="true"></i>
|
||||
</button>
|
||||
</div>
|
||||
@ -150,52 +149,51 @@
|
||||
|
||||
<div class="btn-group">
|
||||
<button type="button" id="clear-playlist-btn" class="btn btn-danger mr-1">
|
||||
<i class="fas fa-trash-alt" aria-hidden="true"></i> Clear Playlist
|
||||
</button>
|
||||
<i class="fas fa-trash-alt" aria-hidden="true"></i> {{ tr('clear_playlist') }}</button>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="container mb-3">
|
||||
<h2 id="forms">Music Library</h2>
|
||||
<h2 id="forms">{{ tr('music_library') }}</h2>
|
||||
|
||||
<div class="card mb-3">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Filters</h3>
|
||||
<h3 class="card-title">{{ tr('filters') }}</h3>
|
||||
<hr>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<fieldset id="filter-type" class="mb-2">
|
||||
<legend>Type</legend>
|
||||
<legend>{{ tr('type') }}</legend>
|
||||
<div class="btn-group btn-group-sm btn-group-toggle">
|
||||
<label id="filter-type-file" class="btn btn-secondary">
|
||||
<input type="checkbox" name="options"> File
|
||||
<input type="checkbox" name="options">{{ tr('file') }}
|
||||
</label>
|
||||
<label id="filter-type-url" class="btn btn-secondary">
|
||||
<input type="checkbox" name="options"> URL
|
||||
<input type="checkbox" name="options">{{ tr('url') }}
|
||||
</label>
|
||||
<label id="filter-type-radio" class="btn btn-secondary">
|
||||
<input type="checkbox" name="options"> Radio
|
||||
<input type="checkbox" name="options">{{ tr('radio') }}
|
||||
</label>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<label for="filter-dir">Directory</label>
|
||||
<label for="filter-dir">{{ tr('directory') }}</label>
|
||||
<div id="filter-path" class="input-group mb-2">
|
||||
<select class="form-control form-control-sm" id="filter-dir" disabled>
|
||||
<option value="">.</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<label for="filter-keywords">Keywords</label>
|
||||
<label for="filter-keywords">{{ tr('keywords') }}</label>
|
||||
<div id="filter-path" class="input-group mb-2">
|
||||
<input class="form-control form-control-sm" id="filter-keywords" name="keywords"
|
||||
placeholder="Keywords..." style="margin-top:5px;" />
|
||||
placeholder="{{ tr('keywords_placeholder') }}" style="margin-top:5px;" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<fieldset id="filter-tags">
|
||||
<legend>Tags</legend>
|
||||
<legend>{{ tr('tags') }}</legend>
|
||||
<span class="filter-tag tag-unclicked tag-click badge"></span>
|
||||
</fieldset>
|
||||
</div>
|
||||
@ -205,11 +203,11 @@
|
||||
<div id="library-group" class="list-group library-group" style="overflow: auto;">
|
||||
<div id="library-item-loading" class="list-group-item library-item">
|
||||
<img style="margin: auto; width: 35px;" src="static/image/loading.svg"
|
||||
alt="A loading spinner" />
|
||||
alt="{{ tr('aria_spinner') }}" />
|
||||
</div>
|
||||
<div id="library-item-empty" style="display: none" class="list-group-item library-item">
|
||||
<img style="margin: auto; width: 35px;" src="static/image/empty_box.svg"
|
||||
alt="A drawing of an empty box." />
|
||||
alt="{{ tr('aria_empty_box') }}" />
|
||||
</div>
|
||||
<div id="library-item" style="display: none;" class="list-group-item library-item">
|
||||
<input hidden type="hidden" class="library-item-id" value="" />
|
||||
@ -217,10 +215,10 @@
|
||||
<div class="library-thumb-col">
|
||||
<div class="library-thumb-img">
|
||||
<img class="library-item-thumb library-thumb-img" src="static/image/unknown-album.png"
|
||||
alt="A black square with two eight notes beamed together." />
|
||||
alt="{{ tr('aria_default_cover') }}" />
|
||||
</div>
|
||||
<div class="btn-group-vertical library-thumb-grp">
|
||||
<div class="library-item-play btn btn-secondary library-thumb-btn-up" title="Play">
|
||||
<div class="library-item-play btn btn-secondary library-thumb-btn-up" title="{{ tr('play') }}">
|
||||
<i class="fas fa-play" aria-hidden="true"></i>
|
||||
</div>
|
||||
</div>
|
||||
@ -239,14 +237,14 @@
|
||||
<div class="library-item-tags">
|
||||
<a class="tag-space tag-click library-item-edit"><i class="fas fa-edit"
|
||||
style="color: #AAAAAA"></i></a>
|
||||
<span class="library-item-notag badge badge-light text-muted font-italic">No tag</span>
|
||||
<span class="library-item-notag badge badge-light text-muted font-italic">{{ tr('no_tag') }}</span>
|
||||
<span class="library-item-tag tag-space badge">Tag</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn-group library-action">
|
||||
<button class="library-item-add-next btn btn-info btn-sm btn-space" type="button"
|
||||
title="Next to play" aria-label="Add to playlist right after current song">
|
||||
title="{{ tr('next_to_play') }}" aria-label="{{ tr('add_to_playlist_next') }}">
|
||||
<svg class="library-btn-svg" style="width: 1rem; fill: currentColor;"
|
||||
viewBox="5 5 17 17">
|
||||
<path d="m5.700245,3.92964l0,14.150376l11.451127,-7.075188l-11.451127,-7.075188z">
|
||||
@ -257,7 +255,7 @@
|
||||
</svg>
|
||||
</button>
|
||||
<button class="library-item-add-bottom library-btn btn btn-info btn-sm btn-space"
|
||||
type="button" title="Add to bottom" aria-label="Add to bottom of current playlist">
|
||||
type="button" title="{{ tr('add_to_bottom') }}" aria-label="{{ tr('add_to_bottom_of_current_playlist') }}">
|
||||
<svg class="library-btn-svg" style="width: 1rem; fill: currentColor;"
|
||||
viewBox="2 2 20 20">
|
||||
<path
|
||||
@ -266,11 +264,11 @@
|
||||
</svg>
|
||||
</button>
|
||||
<button class="library-item-download btn btn-primary btn-sm btn-space" type="button"
|
||||
aria-label="Download song from library">
|
||||
aria-label="{{ tr('download_song_from_library') }}">
|
||||
<i class="fas fa-download" aria-hidden="true"></i>
|
||||
</button>
|
||||
<button class="library-item-trash btn btn-danger btn-sm btn-space" type="button"
|
||||
aria-label="Remove song from library">
|
||||
aria-label="{{ tr('remove_song_from_library') }}">
|
||||
<i class="fas fa-trash-alt"></i>
|
||||
</button>
|
||||
</div>
|
||||
@ -290,40 +288,36 @@
|
||||
|
||||
<div class="btn-group mb-2" role="group">
|
||||
<button id="add-to-playlist-btn" type="button" class="btn btn-secondary mr-1">
|
||||
<i class="fas fa-plus" aria-hidden="true"></i> Add All
|
||||
<i class="fas fa-plus" aria-hidden="true"></i>{{ tr('add_all') }}
|
||||
</button>
|
||||
<button id="library-rescan-btn" type="button" class="btn btn-secondary mr-1">
|
||||
<i class="fas fa-sync-alt" aria-hidden="true"></i> Rescan Files
|
||||
<i class="fas fa-sync-alt" aria-hidden="true"></i>{{ tr('rescan_files') }}
|
||||
</button>
|
||||
<button id="library-download-btn" type="button" class="btn btn-secondary mr-1">
|
||||
<i class="fas fa-download" aria-hidden="true"></i> Download All
|
||||
<i class="fas fa-download" aria-hidden="true"></i>{{ tr('download_all') }}
|
||||
</button>
|
||||
<button type="button" class="btn btn-danger mr-1" data-toggle="modal"
|
||||
data-target="#deleteWarningModal">
|
||||
<i class="fas fa-trash-alt" aria-hidden="true"></i> Delete All
|
||||
<i class="fas fa-trash-alt" aria-hidden="true"></i>{{ tr('delete_all') }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- QUESTION: should this div have aria-hidden as true?? -->
|
||||
<div class="modal fade" id="deleteWarningModal" tabindex="-1" role="dialog"
|
||||
aria-label="Modal Window for warning about deletion of files." aria-hidden="true">
|
||||
aria-label="{{ tr('aria_warning_of_deletion') }}" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title" id="deleteWarningModalLabel">Are you really sure?</h3>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<h3 class="modal-title" id="deleteWarningModalLabel">{{ tr('are_you_really_sure') }}</h3>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="{{ tr('close') }}">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
All files listed here, include files on other pages, will be deleted from your
|
||||
hard-drive.
|
||||
Is that what you want?
|
||||
</div>
|
||||
{{ tr('delete_file_warning') }}</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">{{ tr('close') }}</button>
|
||||
<button id="library-delete-btn" type="button" class="btn btn-danger"
|
||||
data-dismiss="modal">Delete All Listed Files</button>
|
||||
data-dismiss="modal">{{ tr('delete_all_files') }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -336,7 +330,7 @@
|
||||
<input type="hidden" id="uploadDisabled" value="false" />
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Upload File</h3>
|
||||
<h3 class="card-title">{{ tr('upload_file') }}</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form action="./upload" method="post" enctype="multipart/form-data">
|
||||
@ -345,8 +339,8 @@
|
||||
<div class="input-group mb-3">
|
||||
<div id="uploadField" style="display: flex; width: 100%">
|
||||
<div class="custom-file">
|
||||
<input type="file" name="file[]" class="custom-file-input" id="uploadSelectFile" aria-describedby="uploadSubmit" value="Browse Music file" multiple />
|
||||
<label class="custom-file-label" for="uploadSelectFile">Choose file</label>
|
||||
<input type="file" name="file[]" class="custom-file-input" id="uploadSelectFile" aria-describedby="uploadSubmit" value="{{ tr('browse_music_file') }}" multiple />
|
||||
<label class="custom-file-label" for="uploadSelectFile">{{ tr('choose_file') }}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -356,7 +350,7 @@
|
||||
<div class="col">
|
||||
<div class="input-group mb-3">
|
||||
<div class="input-group-prepend">
|
||||
<label for="uploadTargetDir" class="input-group-text">Upload To</label>
|
||||
<label for="uploadTargetDir" class="input-group-text">{{ tr('upload_to') }}</label>
|
||||
</div>
|
||||
<input class="form-control" list="upload-target-dirs" id="uploadTargetDir" name="upload-target-dirs" placeholder="uploads" />
|
||||
<datalist id="upload-target-dirs">
|
||||
@ -364,7 +358,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<button class="btn btn-primary" type="button" id="uploadSubmit"><i class="fas fa-upload mr-1"></i>Upload!</button>
|
||||
<button class="btn btn-primary" type="button" id="uploadSubmit"><i class="fas fa-upload mr-1"></i>{{ tr('upload_submit') }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -378,29 +372,29 @@
|
||||
<div class="card-deck">
|
||||
<div id="add-music-url" class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Add URL</h3>
|
||||
<h3 class="card-title">{{ tr('add_url') }}</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<label for="music-url-input">Add Youtube or Soundcloud URL</label>
|
||||
<label for="music-url-input">{{ tr('add_youtube_or_soundcloud_url') }}</label>
|
||||
<div class="input-group mb-2">
|
||||
<input class="form-control" type="text" id="music-url-input" placeholder="URL...">
|
||||
<input class="form-control" type="text" id="music-url-input" placeholder="{{ tr('url_placeholder') }}">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">
|
||||
Add URL
|
||||
{{ tr('add_url') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="add-radio-url" class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Add Radio</h3>
|
||||
<h3 class="card-title">{{ tr('add_radio') }}</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<label for="radio-url-input">Add Radio URL</label>
|
||||
<label for="radio-url-input">{{ tr('add_radio_url') }}</label>
|
||||
<div class="input-group mb-2">
|
||||
<input id="radio-url-input" class="form-control" type="text" placeholder="Radio Address...">
|
||||
<input id="radio-url-input" class="form-control" type="text" placeholder="{{ tr('radio_url_placeholder') }}">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">
|
||||
Add Radio
|
||||
{{ tr('add_radio') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -418,26 +412,26 @@
|
||||
<div id="playerToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false">
|
||||
<div class="toast-header">
|
||||
<i class="fas fa-play-circle mr-2 text-primary"></i>
|
||||
<strong class="mr-auto">Now Playing...</strong>
|
||||
<strong class="mr-auto">{{ tr('mini_player_title') }}</strong>
|
||||
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="toast-body" id="playerContainer">
|
||||
<img id="playerArtworkIdle" src="static/image/empty_box.svg" alt="A drawing of an empty box." />
|
||||
<img id="playerArtworkIdle" src="static/image/empty_box.svg" alt="{{ tr('aria_empty_box') }}" />
|
||||
<img id="playerArtwork" src="static/image/unknown-album.png" style="display: none;"
|
||||
alt="A black square with two eight notes beamed together." />
|
||||
alt="{{ tr('aria_default_cover') }}" />
|
||||
<div id="playerInfo">
|
||||
<div id="playerActionBox">
|
||||
<button id="playerPlayBtn" class="btn btn-primary btn-sm btn-space" style="display: none"
|
||||
aria-label="Play">
|
||||
aria-label="{{ tr('play') }}">
|
||||
<i class="fas fa-play"></i>
|
||||
</button>
|
||||
<button id="playerPauseBtn" class="btn btn-primary btn-sm btn-space" style="display: none"
|
||||
aria-label="Pause">
|
||||
aria-label="{{ tr('pause') }}">
|
||||
<i class="fas fa-pause"></i>
|
||||
</button>
|
||||
<button id="playerSkipBtn" class="btn btn-primary btn-sm" aria-label="Skip to next track">
|
||||
<button id="playerSkipBtn" class="btn btn-primary btn-sm" aria-label="{{ tr('aria_skip_to_next_track') }}">
|
||||
<i class="fas fa-fast-forward"></i>
|
||||
</button>
|
||||
</div>
|
||||
@ -470,7 +464,7 @@
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title" id="addTagModalTitle">Edit tags for ?</h3>
|
||||
<h3 class="modal-title">{{ tr('edit_tags_for') }} <span id="addTagModalTitle">?</span></h3>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
@ -486,17 +480,17 @@
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<input class="form-control form-control-sm btn-space" type="text" id="addTagModalInput"
|
||||
placeholder="tag1,tag2,..." aria-label="Tags to add">
|
||||
placeholder="tag1,tag2,..." aria-label="{{ tr('tags_to_add') }}">
|
||||
<button id="addTagModalAddBtn" type="button" class="btn btn-primary btn-sm">
|
||||
<i class="fas fa-plus" aria-hidden="true"></i>
|
||||
Add
|
||||
{{ tr('add') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">{{ tr('close') }}</button>
|
||||
<button id="addTagModalSubmit" type="button" class="btn btn-success"
|
||||
data-dismiss="modal">Edit!</button>
|
||||
data-dismiss="modal">{{ tr('edit_submit') }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -507,12 +501,12 @@
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title" id="uploadTitle"><i class="fas fa-upload mr-1"></i>Uploading files...</h3>
|
||||
<h3 class="modal-title" id="uploadTitle"><i class="fas fa-upload mr-1"></i>{{ tr('uploading_files') }}</h3>
|
||||
</div>
|
||||
<div id="uploadModalBody" class="modal-body">
|
||||
<div id="uploadSuccessAlert" class="alert alert-success" role="alert" style="display: none">
|
||||
<i class="fas fa-check mr-1"></i>
|
||||
Uploaded finished!
|
||||
{{ tr('uploaded_finished') }}
|
||||
</div>
|
||||
<div id="uploadModalList" style="margin-left: 5px; margin-bottom: 10px;">
|
||||
<div class="uploadItem" style="display: none; width: 100%; padding-bottom: 8px;">
|
||||
@ -529,11 +523,11 @@
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" id="uploadClose" class="btn btn-success" data-dismiss="modal">
|
||||
<i class="fas fa-times mr-1"></i> Close</button>
|
||||
<i class="fas fa-times mr-1"></i> {{ tr('close') }}</button>
|
||||
<button type="button" id="uploadCancel" class="btn btn-danger" data-toggle="tooltip"
|
||||
data-html="true"
|
||||
title="<strong>Are you really sure?</strong> <br /> Click again to abort uploading.">
|
||||
<i class="fas fa-trash-alt mr-1" aria-hidden="true"></i> Cancel</button>
|
||||
title="{{ tr('cancel_upload_warning') }}">
|
||||
<i class="fas fa-trash-alt mr-1" aria-hidden="true"></i> {{ tr('cancel') }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -4,7 +4,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>botamusique web interface</title>
|
||||
<title>{{ tr('page_title') }}</title>
|
||||
|
||||
<link rel="icon" href="static/image/favicon.ico" />
|
||||
|
||||
@ -16,19 +16,17 @@
|
||||
<div class="col-8" style="margin: auto; padding-top: 50px;">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
Token Required
|
||||
{{ tr('token_required') }}
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>Token Required!</h3>
|
||||
You are accessing the web interface of {{ name }}.
|
||||
A token is needed to grant you access.<br />
|
||||
Please send "{{ command }}" to the bot in mumble to acquire one.
|
||||
<h3>{{ tr('token_required') }}</h3>
|
||||
{{ tr('token_required_message') }}
|
||||
<form action="." method="get">
|
||||
<div class="form-group mt-3">
|
||||
<label for="token_input">Token</label>
|
||||
<label for="token_input">{{ tr('token') }}</label>
|
||||
<div class="input-group">
|
||||
<input type="password" class="form-control btn-space" id="token_input" name="token" placeholder="xxxxxxx">
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
<button type="submit" class="btn btn-primary">{{ tr('submit') }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
Reference in New Issue
Block a user