Skip to content

Commit

Permalink
styling! #3
Browse files Browse the repository at this point in the history
  • Loading branch information
tidusjar committed Mar 10, 2016
1 parent 723993b commit 74feb0c
Show file tree
Hide file tree
Showing 9 changed files with 119 additions and 92 deletions.
8 changes: 4 additions & 4 deletions PlexRequests.UI/Content/bootstrap.css
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down Expand Up @@ -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 {
Expand Down Expand Up @@ -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;
Expand Down
28 changes: 28 additions & 0 deletions PlexRequests.UI/Content/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,19 @@
}
}

@media (max-width: 48em) {
.home {
padding-top: 1rem;
}
}

@media (min-width: 48em) {
.home {
padding-top: 4rem;
}
}


.multiSelect {
background-color: #4e5d6c;
}
Expand All @@ -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;
}
48 changes: 25 additions & 23 deletions PlexRequests.UI/Views/Admin/Authentication.cshtml
Original file line number Diff line number Diff line change
@@ -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>
Expand Down Expand Up @@ -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 {
Expand Down
16 changes: 8 additions & 8 deletions PlexRequests.UI/Views/Admin/CouchPotato.cshtml
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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>
Expand Down
12 changes: 6 additions & 6 deletions PlexRequests.UI/Views/Admin/Plex.cshtml
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
38 changes: 17 additions & 21 deletions PlexRequests.UI/Views/Admin/Settings.cshtml
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion PlexRequests.UI/Views/Search/Index.cshtml
Original file line number Diff line number Diff line change
@@ -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">
Expand Down
2 changes: 1 addition & 1 deletion PlexRequests.UI/Views/Shared/_Layout.cshtml
Original file line number Diff line number Diff line change
Expand Up @@ -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")
Expand Down
Loading

0 comments on commit 74feb0c

Please sign in to comment.