open-source-mirrors
/
Ombi
mirror of https://github.com/Ombi-app/Ombi
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

styling! #3

Browse Source
pull/13/head
tidusjar 9 years ago
parent 723993b099
commit 74feb0c82a
9 changed files with 119 additions and 92 deletions
Show Stats Download Patch File Download Diff File

8
PlexRequests.UI/Content/bootstrap.css vendored
Unescape View File

@ -1082,7 +1082,7 @@ th {
box-sizing: border-box;
}
html {
font-size: 10px;
font-size: 16px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
@ -1589,8 +1589,8 @@ pre code {
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
padding-left: .9375rem;
padding-right: .9375rem;
}
@media (min-width: 768px) {
.container {
@ -2563,7 +2563,7 @@ output {
background-color: #ffffff;
background-image: none;
border: 1px solid transparent;
border-radius: 0;
border-radius: .25rem;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

28
PlexRequests.UI/Content/custom.css
Unescape View File

@ -10,6 +10,19 @@
}
}
@media (max-width: 48em) {
.home {
padding-top: 1rem;
}
}
@media (min-width: 48em) {
.home {
padding-top: 4rem;
}
}
.multiSelect {
background-color: #4e5d6c;
}
@ -19,3 +32,18 @@
color: white !important;
}
h1 {
font-size: 3.5rem !important;
font-weight: 600 !important;
}
p {
font-size: 1.1rem !important;
}
label {
display: inline-block !important;
margin-bottom: .5rem !important;
font-size: 16px !important;
}

46
PlexRequests.UI/Views/Admin/Authentication.cshtml
Unescape View File

@ -1,60 +1,63 @@
@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>
@ -62,31 +65,30 @@
<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 {

16
PlexRequests.UI/Views/Admin/CouchPotato.cshtml
Unescape View File

@ -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>

12
PlexRequests.UI/Views/Admin/Plex.cshtml
Unescape View File

@ -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>

36
PlexRequests.UI/Views/Admin/Settings.cshtml
Unescape View File

@ -11,61 +11,57 @@
}
}
<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>
@ -73,8 +69,8 @@
</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>

2
PlexRequests.UI/Views/Search/Index.cshtml
Unescape View File

@ -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">

2
PlexRequests.UI/Views/Shared/_Layout.cshtml
Unescape View File

@ -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")

57
PlexRequests.UI/Views/UserLogin/Index.cshtml
Unescape View File

@ -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 () {

Write Preview
Loading…
Cancel
Save