mirror of
https://github.com/Tautulli/Tautulli.git
synced 2025-08-21 05:43:22 -07:00
Start styling changes. After updating to this force a refresh (shift+refresh) in your browser to reload styles.
Make more use of card-type layouts. Make tables responsive.
This commit is contained in:
Tim
parent
4f1056cf87
commit
762199344c
14 changed files with 1367 additions and 303 deletions
|
|
@ -30,10 +30,10 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class='row'>
|
||||
<div class="container-fluid">
|
||||
<div class='row-fluid'>
|
||||
<div class='span12'>
|
||||
<div class="wellbg">
|
||||
<div class="card-back">
|
||||
<form action="configUpdate" method="post" class="form" id="configUpdate">
|
||||
<div role="tabpanel">
|
||||
<!-- Nav tabs -->
|
||||
|
|
@ -206,165 +206,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<input type="button" class="btn btn-medium btn-primary" value="Save" onclick="doAjaxCall('configUpdate',$(this),'tabs',true);return false;" data-success="Changes saved successfully">
|
||||
<div id="dateTimeOptionsModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="dateTimeOptionsModal" aria-hidden="true">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
||||
<i class="fa fa-remove"></i>
|
||||
</button>
|
||||
<h3 id="myModalLabel">Date & Time Format Options</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="span6">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="3"><h5>Day</h5></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>DD</strong></td>
|
||||
<td width="300">Numeric, with leading zeros</td>
|
||||
<td>01 to 31</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>D</strong></td>
|
||||
<td>Numeric, without leading zeros</td>
|
||||
<td>1 to 31</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>Do</strong></td>
|
||||
<td>The English suffix for the day of the month</td>
|
||||
<td>st, nd or th in the 1st, 2nd or 15th.</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="3"><h5>Month</h5></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>MM</strong></td>
|
||||
<td>Numeric, with leading zeros</td>
|
||||
<td>01 to 31</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>M</strong></td>
|
||||
<td>Numeric, without leading zeros</td>
|
||||
<td>1 to 31</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>MMMM</strong></td>
|
||||
<td>Textual full</td>
|
||||
<td>January to December</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>MMM</strong></td>
|
||||
<td>Textual three letters</td>
|
||||
<td>Jan to Dec</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="3"><h5>Year</h5></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>YYYY</strong></td>
|
||||
<td>Numeric, 4 digits</td>
|
||||
<td>Eg., 1999, 2003</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>YY</strong></td>
|
||||
<td>Numeric, 2 digits</td>
|
||||
<td>Eg., 99, 03</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="3"><h5>Time</h5></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>a</strong></td>
|
||||
<td width="300">am/pm Lowercase</td>
|
||||
<td>am, pm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>A</strong></td>
|
||||
<td>AM/PM Uppercase</td>
|
||||
<td>AM, PM</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>h</strong></td>
|
||||
<td>Hour, 12-hour, without leading zeros</td>
|
||||
<td>1-12</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>hh</strong></td>
|
||||
<td>Hour, 12-hour, with leading zeros</td>
|
||||
<td>01-12</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>H</strong></td>
|
||||
<td>Hour, 24-hour, without leading zeros</td>
|
||||
<td>0-23</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>HH</strong></td>
|
||||
<td>Hour, 24-hour, with leading zeros</td>
|
||||
<td>00-23</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>mm</strong></td>
|
||||
<td>Minutes, with leading zeros</td>
|
||||
<td>00-59</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>ss</strong></td>
|
||||
<td>Seconds, with leading zeros</td>
|
||||
<td>00-59</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>zz</strong></td>
|
||||
<td>Timezone abbreviation</td>
|
||||
<td>Eg., EST, MDT ...</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer"></div>
|
||||
</div>
|
||||
|
||||
<div id="pms-auth-modal" class="modal hide fade" tabindex="-1" role="dialog"
|
||||
aria-labelledby="ip-info-modal" aria-hidden="true">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i
|
||||
class="fa fa-remove"></i></button>
|
||||
<h3 id="PMSAuthModal">Fetch Plex.tv Token</h3>
|
||||
</div>
|
||||
<div class="modal-body" id="modal-text">
|
||||
<div>
|
||||
<div class="span6">
|
||||
<span>
|
||||
This will attempt to fetch your token for you. This will not work on Internet Explorer 9 or lower.
|
||||
PlexPy does not store your username and password.
|
||||
</span>
|
||||
<br/><br/>
|
||||
<div class="form-group">
|
||||
<label for="pms_username">PMS Username</label>
|
||||
<input type="text" id="pms_username" name="pms_username" size="30">
|
||||
<p class="help-block">Username for Plex.tv authentication.</p>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="pms_password">PMS Password</label>
|
||||
<input type="password" id="pms_password" name="pms_password" size="30">
|
||||
<p class="help-block">Password for Plex.tv authentication.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="">
|
||||
<input type="button" id="get-pms-auth-token" class="btn btn-primary" value="Fetch Token">
|
||||
<span id="pms-token-status"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
<div role="tabpanel" class="tab-pane" id="tabs-5">
|
||||
<div class="wellbg">
|
||||
|
|
@ -716,6 +558,164 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div id="dateTimeOptionsModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="dateTimeOptionsModal" aria-hidden="true">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
||||
<i class="fa fa-remove"></i>
|
||||
</button>
|
||||
<h3 id="myModalLabel">Date & Time Format Options</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="card-back">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="3"><h5>Day</h5></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>DD</strong></td>
|
||||
<td width="300">Numeric, with leading zeros</td>
|
||||
<td>01 to 31</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>D</strong></td>
|
||||
<td>Numeric, without leading zeros</td>
|
||||
<td>1 to 31</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>Do</strong></td>
|
||||
<td>The English suffix for the day of the month</td>
|
||||
<td>st, nd or th in the 1st, 2nd or 15th.</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="3"><h5>Month</h5></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>MM</strong></td>
|
||||
<td>Numeric, with leading zeros</td>
|
||||
<td>01 to 31</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>M</strong></td>
|
||||
<td>Numeric, without leading zeros</td>
|
||||
<td>1 to 31</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>MMMM</strong></td>
|
||||
<td>Textual full</td>
|
||||
<td>January to December</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>MMM</strong></td>
|
||||
<td>Textual three letters</td>
|
||||
<td>Jan to Dec</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="3"><h5>Year</h5></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>YYYY</strong></td>
|
||||
<td>Numeric, 4 digits</td>
|
||||
<td>Eg., 1999, 2003</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>YY</strong></td>
|
||||
<td>Numeric, 2 digits</td>
|
||||
<td>Eg., 99, 03</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="3"><h5>Time</h5></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>a</strong></td>
|
||||
<td width="300">am/pm Lowercase</td>
|
||||
<td>am, pm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>A</strong></td>
|
||||
<td>AM/PM Uppercase</td>
|
||||
<td>AM, PM</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>h</strong></td>
|
||||
<td>Hour, 12-hour, without leading zeros</td>
|
||||
<td>1-12</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>hh</strong></td>
|
||||
<td>Hour, 12-hour, with leading zeros</td>
|
||||
<td>01-12</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>H</strong></td>
|
||||
<td>Hour, 24-hour, without leading zeros</td>
|
||||
<td>0-23</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>HH</strong></td>
|
||||
<td>Hour, 24-hour, with leading zeros</td>
|
||||
<td>00-23</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>mm</strong></td>
|
||||
<td>Minutes, with leading zeros</td>
|
||||
<td>00-59</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>ss</strong></td>
|
||||
<td>Seconds, with leading zeros</td>
|
||||
<td>00-59</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>zz</strong></td>
|
||||
<td>Timezone abbreviation</td>
|
||||
<td>Eg., EST, MDT ...</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer"></div>
|
||||
</div>
|
||||
<div id="pms-auth-modal" class="modal hide fade" tabindex="-1" role="dialog"
|
||||
aria-labelledby="ip-info-modal" aria-hidden="true">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i
|
||||
class="fa fa-remove"></i></button>
|
||||
<h3 id="PMSAuthModal">Fetch Plex.tv Token</h3>
|
||||
</div>
|
||||
<div class="modal-body" id="modal-text">
|
||||
<div>
|
||||
<div class="card-back">
|
||||
<span>
|
||||
This will attempt to fetch your token for you. This will not work on Internet Explorer 9 or lower.
|
||||
PlexPy does not store your username and password.
|
||||
</span>
|
||||
<br/><br/>
|
||||
<div class="form-group">
|
||||
<label for="pms_username">PMS Username</label>
|
||||
<input type="text" id="pms_username" name="pms_username" size="30">
|
||||
<p class="help-block">Username for Plex.tv authentication.</p>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="pms_password">PMS Password</label>
|
||||
<input type="password" id="pms_password" name="pms_password" size="30">
|
||||
<p class="help-block">Password for Plex.tv authentication.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="">
|
||||
<input type="button" id="get-pms-auth-token" class="btn btn-primary" value="Fetch Token">
|
||||
<span id="pms-token-status"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</%def>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue