mirror of
https://github.com/Ombi-app/Ombi.git
synced 2025-08-21 05:43:19 -07:00
styling! #3
This commit is contained in:
tidusjar
parent
723993b099
commit
74feb0c82a
9 changed files with 119 additions and 92 deletions
|
|
@ -1,92 +1,94 @@
|
|||
@Html.Partial("_Sidebar")
|
||||
|
||||
<div class="col-sm-8">
|
||||
<div class="col-sm-8 col-sm-push-1">
|
||||
<form class="form-horizontal" method="POST" action="/admin/authentication" id="mainForm">
|
||||
<fieldset>
|
||||
<legend>Authentication Settings</legend>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="userAuth" class="col-lg-2 control-label">Enable User Authentication</label>
|
||||
<div class="col-lg-4 checkbox">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
@if (Model.UserAuthentication)
|
||||
{
|
||||
<input type="checkbox" id="userAuth" name="UserAuthentication" checked="checked">
|
||||
<text>Enable User Authentication</text>
|
||||
}
|
||||
else
|
||||
{
|
||||
<input type="checkbox" id="userAuth" name="UserAuthentication">
|
||||
<text>Enable User Authentication</text>
|
||||
}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="userAuth" class="col-lg-2 control-label">Require users to login with their passwords</label>
|
||||
<div class="col-lg-4 checkbox">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
@if (Model.UsePassword)
|
||||
{
|
||||
<input type="checkbox" id="UsePassword" name="UsePassword" checked="checked">
|
||||
<text>Require users to login with their passwords</text>
|
||||
}
|
||||
else
|
||||
{
|
||||
<input type="checkbox" id="UsePassword" name="UsePassword">
|
||||
<text>Require users to login with their passwords</text>
|
||||
}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="authToken" class="col-lg-2 control-label">Plex Authorization Token</label>
|
||||
<div class="col-lg-10">
|
||||
<label for="authToken" class="control-label">Plex Authorization Token</label>
|
||||
<div class="">
|
||||
<input type="text" class="form-control-custom form-control " id="authToken" name="PlexAuthToken" placeholder="Plex Auth Token" value="@Model.PlexAuthToken">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="username" class="col-lg-2 control-label">Username and Password</label>
|
||||
<div class="col-lg-4">
|
||||
<label for="username" class="control-label">Username and Password</label>
|
||||
<div>
|
||||
<input type="text" class="form-control form-control-custom" id="username" name="Username" placeholder="Username">
|
||||
</div>
|
||||
<div class="col-lg-4 col-lg-push-2">
|
||||
<br/>
|
||||
<div>
|
||||
<input type="password" class="form-control form-control-custom" id="password" name="Password" placeholder="Password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-lg-10 col-lg-offset-2">
|
||||
<div class="">
|
||||
<button id="requestToken" class="btn btn-primary">Request Token <i class="fa fa-key"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<br />
|
||||
<br />
|
||||
<small class="col-lg-offset-2">Current users that are allowed to authenticate: </small>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
<p class="form-group">Current users that are allowed to authenticate: </p>
|
||||
|
||||
<div class="form-group">
|
||||
<select id="users" multiple="" class="col-lg-10 col-lg-offset-2 form-control-custom "></select>
|
||||
<select id="users" multiple="" class="form-control-custom "></select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
|
||||
<div class="col-lg-10 col-lg-offset-2">
|
||||
<div>
|
||||
<button id="refreshUsers" class="btn btn-primary">Refresh Users</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small class="col-lg-offset-2">A comma separated list of users that you do not want to login.</small>
|
||||
<p class="form-group">A comma separated list of users that you do not want to login.</p>
|
||||
<div class="form-group">
|
||||
<label for="deniedUsers" class="col-lg-2 control-label">Denied Users</label>
|
||||
<div class="col-lg-10">
|
||||
<label for="deniedUsers" class="control-label">Denied Users</label>
|
||||
<div >
|
||||
<input type="text" class="form-control-custom form-control " id="DeniedUsers" name="DeniedUsers" placeholder="e.g. John, Bobby" value="@Model.DeniedUsers">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-lg-10 col-lg-offset-2">
|
||||
<div>
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -140,7 +142,7 @@
|
|||
dataType: "json",
|
||||
success: function (response) {
|
||||
if (response.length > 1) {
|
||||
$(response).each(function() {
|
||||
$(response).each(function () {
|
||||
$('#users').append("<option>" + this + "</option>");
|
||||
});
|
||||
} else {
|
||||
|
|
|
|||
|
|
@ -10,30 +10,30 @@
|
|||
port = Model.Port;
|
||||
}
|
||||
}
|
||||
<div class="col-sm-8">
|
||||
<div class="col-sm-8 col-sm-push-1">
|
||||
<form class="form-horizontal" method="POST" id="mainForm">
|
||||
<fieldset>
|
||||
<legend>CouchPotato Settings</legend>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="Ip" class="col-lg-2 control-label">CouchPotato Hostname or IP</label>
|
||||
<div class="col-lg-10">
|
||||
<label for="Ip" class="control-label">CouchPotato Hostname or IP</label>
|
||||
<div class="">
|
||||
<input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="localhost" value="@Model.Ip">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="portNumber" class="col-lg-2 control-label">Port</label>
|
||||
<label for="portNumber" class="control-label">Port</label>
|
||||
|
||||
<div class="col-lg-10">
|
||||
<div class="">
|
||||
<input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="Port Number" value="@port">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
<label for="ApiKey" class="col-lg-2 control-label">CouchPotato API Key</label>
|
||||
<div class="col-lg-10">
|
||||
<label for="ApiKey" class="control-label">CouchPotato API Key</label>
|
||||
<div>
|
||||
<input type="text" class="form-control form-control-custom " id="ApiKey" name="ApiKey" value="@Model.ApiKey">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -42,7 +42,7 @@
|
|||
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-lg-10 col-lg-offset-2">
|
||||
<div>
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -10,28 +10,28 @@
|
|||
port = Model.Port;
|
||||
}
|
||||
}
|
||||
<div class="col-sm-8">
|
||||
<div class="col-sm-8 col-sm-push-1">
|
||||
<form class="form-horizontal" method="POST" id="mainForm">
|
||||
<fieldset>
|
||||
<legend>Plex Settings</legend>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="Ip" class="col-lg-2 control-label">Plex Hostname or IP</label>
|
||||
<div class="col-lg-10">
|
||||
<label for="Ip" class="control-label">Plex Hostname or IP</label>
|
||||
<div>
|
||||
<input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="localhost" value="@Model.Ip">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="portNumber" class="col-lg-2 control-label">Port</label>
|
||||
<label for="portNumber" class="control-label">Port</label>
|
||||
|
||||
<div class="col-lg-10">
|
||||
<div>
|
||||
<input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="Port Number" value="@port">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-lg-10 col-lg-offset-2">
|
||||
<div>
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -11,70 +11,66 @@
|
|||
}
|
||||
|
||||
}
|
||||
<div class="col-sm-8">
|
||||
<div class="col-sm-8 col-sm-push-1">
|
||||
<form class="form-horizontal" method="POST" action="/admin" id="mainForm">
|
||||
<fieldset>
|
||||
<legend>Request Plex Settings</legend>
|
||||
<div class="form-group">
|
||||
<label for="portNumber" class="col-lg-2 control-label">Port</label>
|
||||
<label for="portNumber" class="control-label">Port</label>
|
||||
|
||||
<div class="col-lg-10">
|
||||
<div>
|
||||
<input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="Port Number" value="@port">
|
||||
</div>
|
||||
</div>
|
||||
<small class="col-lg-10 col-lg-offset-2">You will have to restart after changing the port.</small>
|
||||
<small class="control-label">You will have to restart after changing the port.</small>
|
||||
<div class="form-group">
|
||||
<label for="SearchForMovies" class="col-lg-2 control-label">Search for Movies</label>
|
||||
<div class="col-lg-10 checkbox">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
@if (Model.SearchForMovies)
|
||||
{
|
||||
<input type="checkbox" id="SearchForMovies" name="SearchForMovies" checked="checked">
|
||||
<input type="checkbox" id="SearchForMovies" name="SearchForMovies" checked="checked"><text>Search for Movies</text>
|
||||
}
|
||||
else
|
||||
{
|
||||
<input type="checkbox" id="SearchForMovies" name="SearchForMovies">
|
||||
<input type="checkbox" id="SearchForMovies" name="SearchForMovies"><text>Search for Movies</text>
|
||||
}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="SearchForTvShows" class="col-lg-2 control-label">Search for TV Shows</label>
|
||||
<div class="col-lg-10 checkbox">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
@if (Model.SearchForTvShows)
|
||||
{
|
||||
<input type="checkbox" id="SearchForTvShows" name="SearchForTvShows" checked="checked">
|
||||
<input type="checkbox" id="SearchForTvShows" name="SearchForTvShows" checked="checked"><text>Search for TV Shows</text>
|
||||
}
|
||||
else
|
||||
{
|
||||
<input type="checkbox" id="SearchForTvShows" name="SearchForTvShows">
|
||||
<input type="checkbox" id="SearchForTvShows" name="SearchForTvShows"><text>Search for TV Shows</text>
|
||||
}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="RequireApproval" class="col-lg-2 control-label">Require approval of requests</label>
|
||||
|
||||
<div class="col-lg-10 checkbox">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
@if (Model.RequireApproval)
|
||||
{
|
||||
<input type="checkbox" id="RequireApproval" name="RequireApproval" checked="checked">
|
||||
<input type="checkbox" id="RequireApproval" name="RequireApproval" checked="checked"><text>Require approval of requests</text>
|
||||
}
|
||||
else
|
||||
{
|
||||
<input type="checkbox" id="RequireApproval" name="RequireApproval">
|
||||
<input type="checkbox" id="RequireApproval" name="RequireApproval"><text>Require approval of requests</text>
|
||||
}
|
||||
</label>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
<label for="WeeklyRequestLimit" class="col-lg-2 control-label">Weekly Request Limit</label>
|
||||
<div class="col-lg-10">
|
||||
<label for="WeeklyRequestLimit" class="control-label">Weekly Request Limit</label>
|
||||
<div>
|
||||
<label>
|
||||
<input type="number" id="WeeklyRequestLimit" name="WeeklyRequestLimit" class="form-control form-control-custom " value="@Model.WeeklyRequestLimit">
|
||||
</label>
|
||||
|
|
@ -84,7 +80,7 @@
|
|||
<div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-lg-10 col-lg-offset-2">
|
||||
<div>
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div>
|
||||
<h2>Search</h2>
|
||||
<h1>Search</h1>
|
||||
<h4>Want to watch something that is not currently on Plex?! No problem! Just search for it below and request it!</h4>
|
||||
<!-- Nav tabs -->
|
||||
<ul id="nav-tabs" class="nav nav-tabs" role="tablist">
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@
|
|||
}
|
||||
else
|
||||
{
|
||||
<li class="active"><a href="/admin">Admin</a></li>
|
||||
<li><a href="/admin">Admin</a></li>
|
||||
}
|
||||
}
|
||||
@if (Context.Request.Path == "/requests")
|
||||
|
|
|
|||
|
|
@ -1,35 +1,36 @@
|
|||
<h1>Login</h1>
|
||||
<div class="row">
|
||||
<label class="col-md-5">
|
||||
Want to watch a movie or tv show but it's not currently on Plex?
|
||||
Login below with your Plex.tv username and password! <span title="Your login details are only used to authenticate your Plex account."><i class="fa fa-question-circle"></i></span>
|
||||
</label>
|
||||
</div>
|
||||
<form method="POST" id="loginForm">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<label style="padding-top: 8px"> Username </label>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<input class="form-control form-control-custom col-md-5" type="text" name="Username" />
|
||||
</div>
|
||||
<div class="home">
|
||||
<h1>Login</h1>
|
||||
<div>
|
||||
<p>
|
||||
Want to watch a movie or tv show but it's not currently on Plex?
|
||||
Login below with your Plex.tv username and password! <span title="Your login details are only used to authenticate your Plex account."><i class="fa fa-question-circle"></i></span>
|
||||
</p>
|
||||
</div>
|
||||
<br />
|
||||
@if (Model.UsePassword)
|
||||
{
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<label style="padding-top: 8px"> Password </label>
|
||||
<form method="POST" id="loginForm">
|
||||
<div>
|
||||
<div>
|
||||
<label>Plex.tv Username </label>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<input class="form-control form-control-custom col-md-5" name="Password" type="password" />
|
||||
<div>
|
||||
<input class="form-control form-control-custom" style="width: 50%" type="text" name="Username" placeholder="Username" />
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
<br />
|
||||
<input id="loginBtn" class="btn btn-success" type="submit" value="Login" />
|
||||
</form>
|
||||
|
||||
<br />
|
||||
@if (Model.UsePassword)
|
||||
{
|
||||
<div>
|
||||
<div>
|
||||
<label> Password </label>
|
||||
</div>
|
||||
<div>
|
||||
<input class="form-control form-control-custom" style="width: 50%" name="Password" type="password" placeholder="Password" />
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
<br />
|
||||
<button id="loginBtn" class="btn btn-success" type="submit"><i class="fa fa-user fa-fw"></i> Sign In</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue