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; box-sizing: border-box;
} }
html { html {
font-size: 10px; font-size: 16px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} }
body { body {
@ -1589,8 +1589,8 @@ pre code {
.container { .container {
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
padding-left: 15px; padding-left: .9375rem;
padding-right: 15px; padding-right: .9375rem;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.container { .container {
@ -2563,7 +2563,7 @@ output {
background-color: #ffffff; background-color: #ffffff;
background-image: none; background-image: none;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 0; border-radius: .25rem;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -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); 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; -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 { .multiSelect {
background-color: #4e5d6c; background-color: #4e5d6c;
} }
@ -19,3 +32,18 @@
color: white !important; 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;
}

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

@ -1,92 +1,94 @@
@Html.Partial("_Sidebar") @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"> <form class="form-horizontal" method="POST" action="/admin/authentication" id="mainForm">
<fieldset> <fieldset>
<legend>Authentication Settings</legend> <legend>Authentication Settings</legend>
<div class="form-group"> <div class="form-group">
<label for="userAuth" class="col-lg-2 control-label">Enable User Authentication</label> <div class="checkbox">
<div class="col-lg-4 checkbox">
<label> <label>
@if (Model.UserAuthentication) @if (Model.UserAuthentication)
{ {
<input type="checkbox" id="userAuth" name="UserAuthentication" checked="checked"> <input type="checkbox" id="userAuth" name="UserAuthentication" checked="checked">
<text>Enable User Authentication</text>
} }
else else
{ {
<input type="checkbox" id="userAuth" name="UserAuthentication"> <input type="checkbox" id="userAuth" name="UserAuthentication">
<text>Enable User Authentication</text>
} }
</label> </label>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="userAuth" class="col-lg-2 control-label">Require users to login with their passwords</label> <div class="checkbox">
<div class="col-lg-4 checkbox">
<label> <label>
@if (Model.UsePassword) @if (Model.UsePassword)
{ {
<input type="checkbox" id="UsePassword" name="UsePassword" checked="checked"> <input type="checkbox" id="UsePassword" name="UsePassword" checked="checked">
<text>Require users to login with their passwords</text>
} }
else else
{ {
<input type="checkbox" id="UsePassword" name="UsePassword"> <input type="checkbox" id="UsePassword" name="UsePassword">
<text>Require users to login with their passwords</text>
} }
</label> </label>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="authToken" class="col-lg-2 control-label">Plex Authorization Token</label> <label for="authToken" class="control-label">Plex Authorization Token</label>
<div class="col-lg-10"> <div class="">
<input type="text" class="form-control-custom form-control " id="authToken" name="PlexAuthToken" placeholder="Plex Auth Token" value="@Model.PlexAuthToken"> <input type="text" class="form-control-custom form-control " id="authToken" name="PlexAuthToken" placeholder="Plex Auth Token" value="@Model.PlexAuthToken">
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="username" class="col-lg-2 control-label">Username and Password</label> <label for="username" class="control-label">Username and Password</label>
<div class="col-lg-4"> <div>
<input type="text" class="form-control form-control-custom" id="username" name="Username" placeholder="Username"> <input type="text" class="form-control form-control-custom" id="username" name="Username" placeholder="Username">
</div> </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"> <input type="password" class="form-control form-control-custom" id="password" name="Password" placeholder="Password">
</div> </div>
</div> </div>
<div class="form-group"> <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> <button id="requestToken" class="btn btn-primary">Request Token <i class="fa fa-key"></i></button>
</div> </div>
</div> </div>
<br />
<br />
<small class="col-lg-offset-2">Current users that are allowed to authenticate: </small>
<br /> <br />
<br /> <br />
<p class="form-group">Current users that are allowed to authenticate: </p>
<div class="form-group"> <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>
<div class="form-group"> <div class="form-group">
<div class="col-lg-10 col-lg-offset-2"> <div>
<button id="refreshUsers" class="btn btn-primary">Refresh Users</button> <button id="refreshUsers" class="btn btn-primary">Refresh Users</button>
</div> </div>
</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"> <div class="form-group">
<label for="deniedUsers" class="col-lg-2 control-label">Denied Users</label> <label for="deniedUsers" class="control-label">Denied Users</label>
<div class="col-lg-10"> <div >
<input type="text" class="form-control-custom form-control " id="DeniedUsers" name="DeniedUsers" placeholder="e.g. John, Bobby" value="@Model.DeniedUsers"> <input type="text" class="form-control-custom form-control " id="DeniedUsers" name="DeniedUsers" placeholder="e.g. John, Bobby" value="@Model.DeniedUsers">
</div> </div>
</div> </div>
<br/>
<div> <div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="col-lg-10 col-lg-offset-2"> <div>
<button type="submit" class="btn btn-primary">Submit</button> <button type="submit" class="btn btn-primary">Submit</button>
</div> </div>
</div> </div>
@ -140,7 +142,7 @@
dataType: "json", dataType: "json",
success: function (response) { success: function (response) {
if (response.length > 1) { if (response.length > 1) {
$(response).each(function() { $(response).each(function () {
$('#users').append("<option>" + this + "</option>"); $('#users').append("<option>" + this + "</option>");
}); });
} else { } else {

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

@ -10,30 +10,30 @@
port = Model.Port; 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"> <form class="form-horizontal" method="POST" id="mainForm">
<fieldset> <fieldset>
<legend>CouchPotato Settings</legend> <legend>CouchPotato Settings</legend>
<div class="form-group"> <div class="form-group">
<label for="Ip" class="col-lg-2 control-label">CouchPotato Hostname or IP</label> <label for="Ip" class="control-label">CouchPotato Hostname or IP</label>
<div class="col-lg-10"> <div class="">
<input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="localhost" value="@Model.Ip"> <input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="localhost" value="@Model.Ip">
</div> </div>
</div> </div>
<div class="form-group"> <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"> <input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="Port Number" value="@port">
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="ApiKey" class="col-lg-2 control-label">CouchPotato API Key</label> <label for="ApiKey" class="control-label">CouchPotato API Key</label>
<div class="col-lg-10"> <div>
<input type="text" class="form-control form-control-custom " id="ApiKey" name="ApiKey" value="@Model.ApiKey"> <input type="text" class="form-control form-control-custom " id="ApiKey" name="ApiKey" value="@Model.ApiKey">
</div> </div>
</div> </div>
@ -42,7 +42,7 @@
<div class="form-group"> <div class="form-group">
<div class="col-lg-10 col-lg-offset-2"> <div>
<button type="submit" class="btn btn-primary">Submit</button> <button type="submit" class="btn btn-primary">Submit</button>
</div> </div>
</div> </div>

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

@ -10,28 +10,28 @@
port = Model.Port; 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"> <form class="form-horizontal" method="POST" id="mainForm">
<fieldset> <fieldset>
<legend>Plex Settings</legend> <legend>Plex Settings</legend>
<div class="form-group"> <div class="form-group">
<label for="Ip" class="col-lg-2 control-label">Plex Hostname or IP</label> <label for="Ip" class="control-label">Plex Hostname or IP</label>
<div class="col-lg-10"> <div>
<input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="localhost" value="@Model.Ip"> <input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="localhost" value="@Model.Ip">
</div> </div>
</div> </div>
<div class="form-group"> <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"> <input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="Port Number" value="@port">
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="col-lg-10 col-lg-offset-2"> <div>
<button type="submit" class="btn btn-primary">Submit</button> <button type="submit" class="btn btn-primary">Submit</button>
</div> </div>
</div> </div>

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

@ -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"> <form class="form-horizontal" method="POST" action="/admin" id="mainForm">
<fieldset> <fieldset>
<legend>Request Plex Settings</legend> <legend>Request Plex Settings</legend>
<div class="form-group"> <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"> <input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="Port Number" value="@port">
</div> </div>
</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"> <div class="form-group">
<label for="SearchForMovies" class="col-lg-2 control-label">Search for Movies</label> <div class="checkbox">
<div class="col-lg-10 checkbox">
<label> <label>
@if (Model.SearchForMovies) @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 else
{ {
<input type="checkbox" id="SearchForMovies" name="SearchForMovies"> <input type="checkbox" id="SearchForMovies" name="SearchForMovies"><text>Search for Movies</text>
} }
</label> </label>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="SearchForTvShows" class="col-lg-2 control-label">Search for TV Shows</label> <div class="checkbox">
<div class="col-lg-10 checkbox">
<label> <label>
@if (Model.SearchForTvShows) @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 else
{ {
<input type="checkbox" id="SearchForTvShows" name="SearchForTvShows"> <input type="checkbox" id="SearchForTvShows" name="SearchForTvShows"><text>Search for TV Shows</text>
} }
</label> </label>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="RequireApproval" class="col-lg-2 control-label">Require approval of requests</label> <div class="checkbox">
<div class="col-lg-10 checkbox">
<label> <label>
@if (Model.RequireApproval) @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 else
{ {
<input type="checkbox" id="RequireApproval" name="RequireApproval"> <input type="checkbox" id="RequireApproval" name="RequireApproval"><text>Require approval of requests</text>
} }
</label> </label>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="WeeklyRequestLimit" class="col-lg-2 control-label">Weekly Request Limit</label> <label for="WeeklyRequestLimit" class="control-label">Weekly Request Limit</label>
<div class="col-lg-10"> <div>
<label> <label>
<input type="number" id="WeeklyRequestLimit" name="WeeklyRequestLimit" class="form-control form-control-custom " value="@Model.WeeklyRequestLimit"> <input type="number" id="WeeklyRequestLimit" name="WeeklyRequestLimit" class="form-control form-control-custom " value="@Model.WeeklyRequestLimit">
</label> </label>
@ -84,7 +80,7 @@
<div> <div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="col-lg-10 col-lg-offset-2"> <div>
<button type="submit" class="btn btn-primary">Submit</button> <button type="submit" class="btn btn-primary">Submit</button>
</div> </div>
</div> </div>

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

@ -1,5 +1,5 @@
<div> <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> <h4>Want to watch something that is not currently on Plex?! No problem! Just search for it below and request it!</h4>
<!-- Nav tabs --> <!-- Nav tabs -->
<ul id="nav-tabs" class="nav nav-tabs" role="tablist"> <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 else
{ {
<li class="active"><a href="/admin">Admin</a></li> <li><a href="/admin">Admin</a></li>
} }
} }
@if (Context.Request.Path == "/requests") @if (Context.Request.Path == "/requests")

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

@ -1,35 +1,36 @@
<h1>Login</h1> <div class="home">
<div class="row"> <h1>Login</h1>
<label class="col-md-5"> <div>
Want to watch a movie or tv show but it's not currently on Plex? <p>
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> Want to watch a movie or tv show but it's not currently on Plex?
</label> 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>
</div> </p>
<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> </div>
<br /> <form method="POST" id="loginForm">
@if (Model.UsePassword) <div>
{ <div>
<div class="row"> <label>Plex.tv Username </label>
<div class="col-md-2">
<label style="padding-top: 8px"> Password </label>
</div> </div>
<div class="col-md-5"> <div>
<input class="form-control form-control-custom col-md-5" name="Password" type="password" /> <input class="form-control form-control-custom" style="width: 50%" type="text" name="Username" placeholder="Username" />
</div> </div>
</div> </div>
} <br />
<br /> @if (Model.UsePassword)
<input id="loginBtn" class="btn btn-success" type="submit" value="Login" /> {
</form> <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> <script>
$(function () { $(function () {

Write Preview
Loading…
Cancel
Save