mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update startup wizard
This commit is contained in:
parent
681639cc95
commit
b4c8cb07c9
16 changed files with 256 additions and 70 deletions
53
dashboard-ui/wizardcomponents.html
Normal file
53
dashboard-ui/wizardcomponents.html
Normal file
|
@ -0,0 +1,53 @@
|
|||
<div id="wizardComponentsPage" data-role="page" class="page standalonePage wizardPage">
|
||||
|
||||
<div data-role="content">
|
||||
|
||||
<div class="ui-corner-all ui-shadow wizardContent" style="position:relative;">
|
||||
<form>
|
||||
|
||||
<h1>
|
||||
${SetupFFmpeg}
|
||||
</h1>
|
||||
|
||||
<div>${SetupFFmpegHelp}</div>
|
||||
<br />
|
||||
<br />
|
||||
<div style="display: flex; align-items: center;">
|
||||
<div style="width: 24px; height: 24px; border-radius: 1000px; background: #52B54B; color: #fff; display: flex; align-items: center; justify-content: center;">1</div>
|
||||
<div style="margin-left: .5em;">${DownloadFFmpeg}</div>
|
||||
</div>
|
||||
<div style="margin-left:34px;">
|
||||
<p class="suggestedLocation"></p>
|
||||
<div class="downloadInstructions"></div>
|
||||
</div>
|
||||
<br />
|
||||
<div style="display: flex; align-items: center;">
|
||||
<div style="width: 24px; height: 24px; border-radius: 1000px; background: #52B54B; color: #fff; display: flex; align-items: center; justify-content: center;">2</div>
|
||||
<div style="margin-left:.5em;">${UnzipFFmpegFile}</div>
|
||||
</div>
|
||||
<br />
|
||||
<div style="display: flex; align-items: center;">
|
||||
<div style="width: 24px; height: 24px; border-radius: 1000px; background: #52B54B; color: #fff; display: flex; align-items: center; justify-content: center;">3</div>
|
||||
<div style="margin-left:.5em;">${EnterFFmpegLocation}</div>
|
||||
</div>
|
||||
|
||||
<div class="inputContainer fldEncoderPath" style="margin-top:1em;">
|
||||
<div style="display: flex; align-items: center;">
|
||||
<div style="flex-grow:1;">
|
||||
<input is="emby-input" class="txtEncoderPath" label="${LabelffmpegPath}" autocomplete="off" required />
|
||||
</div>
|
||||
<button type="button" is="paper-icon-button-light" id="btnSelectEncoderPath" class="autoSize"><i class="md-icon">search</i></button>
|
||||
</div>
|
||||
<div class="fieldDescription">
|
||||
<div>${LabelffmpegPathHelp}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wizardNavigation">
|
||||
<button is="emby-button" type="button" onclick="history.back();" class="raised subdued"><iron-icon icon="arrow-back"></iron-icon><span>${LabelPrevious}</span></button>
|
||||
<button is="emby-button" type="submit" class="raised raised accent"><iron-icon icon="arrow-forward"></iron-icon><span>${LabelNext}</span></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue