Update ui to use bootstrap ui in more places

This commit is contained in:
2012-01-15 14:23:47 +00:00
parent c14fdcd2e3
commit 56d499b1aa
23 changed files with 221 additions and 272 deletions

View File

@@ -17,9 +17,9 @@
<input type="hidden" name="id" value="{$source->filenameEncoded()|escape:"html"}" />
<div>
<div class="clearfix">
<label for="global-output-directory">Output directory</label>
<select id="global-output-directory" name="rip-options[output-directory]">
<select id="global-output-directory" name="rip-options[output-directory]" class="xxlarge">
<optgroup label="Custom"></optgroup>
<optgroup label="Defaults">
{foreach from=$default_output_directories item=dir key=name}
@@ -45,41 +45,45 @@
</div>
<div>
<div class="clearfix">
<label for="global-format">Output format</label>
<select id="global-format" name="rip-options[format]">
<select id="global-format" name="rip-options[format]" class="small">
<option value="mkv" selected="selected">MKV</option>
</select>
</div>
<div>
<div class="clearfix">
<label for="global-video-codec">Video codec</label>
<select id="global-video-codec" name="rip-options[video-codec]">
<select id="global-video-codec" name="rip-options[video-codec]" class="small">
<option value="x264" selected="selected">x264</option>
</select>
</div>
<div>
<div class="clearfix">
<label for="global-video-width">Video width</label>
<input type="text" id="global-video-width" name="rip-options[video-width]" value="0" />
<em>(Use 0 to leave size unchanged from source.)</em>
</div>
<div>
<label for="global-video-height">Video height</label>
<input type="text" id="global-video-height" name="rip-options[video-height]" value="0" />
<em>(Use 0 to leave size unchanged from source.)</em>
<div class="input">
<input type="text" id="global-video-width" name="rip-options[video-width]" value="0" />
<span class="help-inline">(Use 0 to leave size unchanged from source.)</span>
</div>
</div>
<div>
<div class="clearfix">
<label for="global-video-height">Video height</label>
<div class="input">
<input type="text" id="global-video-height" class="small" name="rip-options[video-height]" value="0" />
<span class="help-inline">(Use 0 to leave size unchanged from source.)</span>
</div>
</div>
<div class="clearfix">
<label for="global-quantizer">Quantizer</label>
<input type="text" id="global-quantizer" name="rip-options[quantizer]" value="" readonly="readonly" />
<em>(Defaults to 0.61, x264's quantizer value for 20)</em>
<div id="quantizer-slider"></div>
<div class="input">
<div id="quantizer-slider"></div>
<input type="text" id="global-quantizer" class="small" name="rip-options[quantizer]" value="" readonly="readonly" />
<span class="help-inline">(Defaults to 0.61, x264's quantizer value for 20)</span>
</div>
</div>
<div>
<input type="submit" name="submit" value="Queue rips" />
</div>
</fieldset>
<div id="available-titles">
@@ -89,17 +93,17 @@
<fieldset>
<legend>Configure title rip options</legend>
<div>
<div class="clearfix">
<label for="rip-title-{$title->id()}">Rip this title</label>
<input type="checkbox" id="rip-title-{$title->id()}" name="rips[{$title->id()}][queue]" value="1" />
</div>
<div>
<div class="clearfix">
<label for="rip-name-{$title->id()}">Short Name</label>
<input type="text" id="rip-name-{$title->id()}" name="rips[{$title->id()}][name]" value="" />
</div>
<div>
<div class="clearfix">
<label for="rip-audio-{$title->id()}">Audio tracks</label>
<select id="rip-audio-{$title->id()}" name="rips[{$title->id()}][audio][]" title="Select audio tracks" size="5" multiple="multiple" class="rip-streams">
{foreach from=$title->audioTracks() item=audio}
@@ -107,22 +111,7 @@
{/foreach}
</select>
<table class="audio-tracks">
<caption>Selected audio tracks</caption>
<thead>
<tr>
<th>Track</th>
<th>Encoder</th>
<th>Name</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div>
<div class="clearfix">
<label for="rip-subtitle-{$title->id()}">Subtitle tracks</label>
<select id="rip-subtitle-{$title->id()}" name="rips[{$title->id()}][subtitles][]" title="Select subtitle tracks" size="5" multiple="multiple" class="rip-streams">
{foreach from=$title->subtitleTracks() item=subtitle}
@@ -130,27 +119,12 @@
{/foreach}
</select>
<table class="subtitle-tracks">
<caption>Selected subtitle tracks</caption>
<thead>
<tr>
<th>Track</th>
<th>Language</th>
<th>Format</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div>
<div class="clearfix">
<label for="rips-output-{$title->id()}">Output filename</label>
<input type="text" id="rips-output-{$title->id()}" name="rips[{$title->id()}][output_filename]" value="" />
</div>
<div>
<div class="clearfix">
<label for="rip-deinterlace-{$title->id()}">Deinterlacing</label>
<select id="rip-deinterlace-{$title->id()}" name="rips[{$title->id()}][deinterlace]">
<option value="0">None</option>