Ombi/PlexRequests.UI/Views/Shared/_Layout.cshtml

@using Nancy.Security
@using Nancy.Session
@using PlexRequests.UI.Models
@inherits Nancy.ViewEngines.Razor.NancyRazorViewBase
<html>
<head>
    <title>Plex Requests</title>
    <!-- Styles -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="~/Content/bootstrap.css" type="text/css"/>
    <link rel="stylesheet" href="~/Content/custom.min.css" type="text/css" />
    <link rel="stylesheet" href="~/Content/font-awesome.css" type="text/css"/>
    <link rel="stylesheet" href="~/Content/pace.min.css" type="text/css"/>


    <!-- Scripts -->
    <script src="~/Content/jquery-2.2.1.min.js"></script>
    <script src="~/Content/handlebars.min.js"></script>
    <script src="~/Content/bootstrap.min.js"></script>
    <script src="~/Content/bootstrap-notify.min.js"></script>
    <script src="~/Content/site.js"></script>
    <script src="~/Content/pace.min.js"></script>
    <script src="~/Content/jquery.mixitup.js"></script>
    <script src="~/Content/moment.min.js"></script>
</head>
<body>


    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/search">Plex Requests</a>
            </div>
            
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    @if (Context.Request.Path == "/search")
                    {
                        <li class="active"><a href="/search"><i class="fa fa-search"></i> Search</a></li>
                    }
                    else
                    {
                        <li><a href="/search"><i class="fa fa-search"></i> Search</a></li>
                    }


                    @if (Context.Request.Path == "/requests")
                    {
                        <li class="active"><a href="/requests"><i class="fa fa-plus-circle"></i> Requests</a></li>
                    }
                    else
                    {
                        <li><a href="/requests"><i class="fa fa-plus-circle"></i> Requests</a></li>
                    }
                </ul>
                <ul class="nav navbar-nav navbar-right">


                    @if (!Context.CurrentUser.IsAuthenticated())
                    {
                        <li><a href="/login"><i class="fa fa-user"></i> Admin</a></li>
                    }
                    else
                    {
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-user"></i> Admin <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="/admin"><i class="fa fa-cog"></i> Settings</a></li>
                                <li><a href="/changepassword"><i class="fa fa-key"></i> Change password</a></li>
                                <li class="divider"></li>
                                <li><a href="/logout"><i class="fa fa-sign-out"></i> Logout</a></li>
                            </ul>
                        </li>
                    }
                    @if (Context.Request.Session[SessionKeys.UsernameKey] != null)
                    {
                        <li><a href="/userlogin/logout"><i class="fa fa-sign-out"></i> Logout</a></li>
                    }
                </ul>
            </div>
        </div>
    </nav>

<div class="container">
    @RenderBody()
</div>
    <div class="scroll-top-wrapper ">
        <span class="scroll-top-inner">
            <i class="fa fa-2x fa-arrow-circle-up"></i>
        </span>
    </div>
</body>
</html>
<script>

    $(function () {

        $(document).on('scroll', function () {

            if ($(window).scrollTop() > 100) {
                $('.scroll-top-wrapper').addClass('show');
            } else {
                $('.scroll-top-wrapper').removeClass('show');
            }
        });

        $('.scroll-top-wrapper').on('click', scrollToTop);
    });

    function scrollToTop() {
        verticalOffset = typeof (verticalOffset) != 'undefined' ? verticalOffset : 0;
        element = $('body');
        offset = element.offset();
        offsetTop = offset.top;
        $('html, body').animate({ scrollTop: offsetTop }, 500, 'linear');
    }
</script>
Lots of work! 9 years ago			`@using Nancy.Security`
Added user logout method and unit tests to cover it 9 years ago			`@using Nancy.Session`
			`@using PlexRequests.UI.Models`
Lots of work! 9 years ago			`@inherits Nancy.ViewEngines.Razor.NancyRazorViewBase`
Added favicon and also structured the HTML correctly 9 years ago			`<html>`
			`<head>`
			`<title>Plex Requests</title>`
			`<!-- Styles -->`
Should fix #28 9 years ago			`<meta name="viewport" content="width=device-width, initial-scale=1">`
Added favicon and also structured the HTML correctly 9 years ago			`<link rel="stylesheet" href="~/Content/bootstrap.css" type="text/css"/>`
minor UI adjustments 9 years ago			`<link rel="stylesheet" href="~/Content/custom.min.css" type="text/css" />`
Added favicon and also structured the HTML correctly 9 years ago			`<link rel="stylesheet" href="~/Content/font-awesome.css" type="text/css"/>`
Added pace.js 9 years ago			`<link rel="stylesheet" href="~/Content/pace.min.css" type="text/css"/>`

Lots of work! 9 years ago
Added favicon and also structured the HTML correctly 9 years ago			`<!-- Scripts -->`
Fixed #144 9 years ago			`<script src="~/Content/jquery-2.2.1.min.js"></script>`
			`<script src="~/Content/handlebars.min.js"></script>`
			`<script src="~/Content/bootstrap.min.js"></script>`
			`<script src="~/Content/bootstrap-notify.min.js"></script>`
			`<script src="~/Content/site.js"></script>`
			`<script src="~/Content/pace.min.js"></script>`
			`<script src="~/Content/jquery.mixitup.js"></script>`
			`<script src="~/Content/moment.min.js"></script>`
Added favicon and also structured the HTML correctly 9 years ago			`</head>`
			`<body>`
Lots of work! 9 years ago

Added favicon and also structured the HTML correctly 9 years ago			`<nav class="navbar navbar-default">`
			`<div class="container-fluid">`
			`<div class="navbar-header">`
			`<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">`
			`<span class="sr-only">Toggle navigation</span>`
			`<span class="icon-bar"></span>`
			`<span class="icon-bar"></span>`
			`<span class="icon-bar"></span>`
			`</button>`
Updated the readme and added some icons to the navbar 9 years ago			`<a class="navbar-brand" href="/search">Plex Requests</a>`
Added favicon and also structured the HTML correctly 9 years ago			`</div>`
Navbar category now will follow you to various screens #3 9 years ago
Added favicon and also structured the HTML correctly 9 years ago			`<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">`
			`<ul class="nav navbar-nav">`
Navbar category now will follow you to various screens #3 9 years ago			`@if (Context.Request.Path == "/search")`
			`{`
Updated the readme and added some icons to the navbar 9 years ago			`<li class="active"><a href="/search"><i class="fa fa-search"></i> Search</a></li>`
Navbar category now will follow you to various screens #3 9 years ago			`}`
			`else`
			`{`
Updated the readme and added some icons to the navbar 9 years ago			`<li><a href="/search"><i class="fa fa-search"></i> Search</a></li>`
Navbar category now will follow you to various screens #3 9 years ago			`}`

Added the code to get the quality profiles from Sonarr Started plugging that into the UI 9 years ago
			`@if (Context.Request.Path == "/requests")`
			`{`
Updated the readme and added some icons to the navbar 9 years ago			`<li class="active"><a href="/requests"><i class="fa fa-plus-circle"></i> Requests</a></li>`
Added the code to get the quality profiles from Sonarr Started plugging that into the UI 9 years ago			`}`
			`else`
			`{`
Updated the readme and added some icons to the navbar 9 years ago			`<li><a href="/requests"><i class="fa fa-plus-circle"></i> Requests</a></li>`
Added the code to get the quality profiles from Sonarr Started plugging that into the UI 9 years ago			`}`
Added favicon and also structured the HTML correctly 9 years ago			`</ul>`
			`<ul class="nav navbar-nav navbar-right">`
Done most on #59 9 years ago


Added favicon and also structured the HTML correctly 9 years ago			`@if (!Context.CurrentUser.IsAuthenticated())`
			`{`
Updated the readme and added some icons to the navbar 9 years ago			`<li><a href="/login"><i class="fa fa-user"></i> Admin</a></li>`
Added favicon and also structured the HTML correctly 9 years ago			`}`
			`else`
			`{`
Done most on #59 9 years ago			`<li class="dropdown">`
Updated the readme and added some icons to the navbar 9 years ago			`<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-user"></i> Admin <span class="caret"></span></a>`
Done most on #59 9 years ago			`<ul class="dropdown-menu" role="menu">`
Updated the readme and added some icons to the navbar 9 years ago			`<li><a href="/admin"><i class="fa fa-cog"></i> Settings</a></li>`
			`<li><a href="/changepassword"><i class="fa fa-key"></i> Change password</a></li>`
Done most on #59 9 years ago			`<li class="divider"></li>`
Updated the readme and added some icons to the navbar 9 years ago			`<li><a href="/logout"><i class="fa fa-sign-out"></i> Logout</a></li>`
Done most on #59 9 years ago			`</ul>`
			`</li>`
Added user logout method and unit tests to cover it 9 years ago			`}`
			`@if (Context.Request.Session[SessionKeys.UsernameKey] != null)`
			`{`
Updated the readme and added some icons to the navbar 9 years ago			`<li><a href="/userlogin/logout"><i class="fa fa-sign-out"></i> Logout</a></li>`
Added favicon and also structured the HTML correctly 9 years ago			`}`
			`</ul>`
			`</div>`
First pass with RequestPlex 9 years ago			`</div>`
Added favicon and also structured the HTML correctly 9 years ago			`</nav>`
First pass with RequestPlex 9 years ago
Added a scroll to the top thingy and a bit more work on headphones 9 years ago			`<div class="container">`
			`@RenderBody()`
			`</div>`
			`<div class="scroll-top-wrapper ">`
			`<span class="scroll-top-inner">`
			`<i class="fa fa-2x fa-arrow-circle-up"></i>`
			`</span>`
Added favicon and also structured the HTML correctly 9 years ago			`</div>`
			`</body>`
Should fix #28 9 years ago			`</html>`
Added a scroll to the top thingy and a bit more work on headphones 9 years ago			`<script>`

			`$(function () {`

			`$(document).on('scroll', function () {`

			`if ($(window).scrollTop() > 100) {`
			`$('.scroll-top-wrapper').addClass('show');`
			`} else {`
			`$('.scroll-top-wrapper').removeClass('show');`
			`}`
			`});`

			`$('.scroll-top-wrapper').on('click', scrollToTop);`
			`});`

			`function scrollToTop() {`
			`verticalOffset = typeof (verticalOffset) != 'undefined' ? verticalOffset : 0;`
			`element = $('body');`
			`offset = element.offset();`
			`offsetTop = offset.top;`
			`$('html, body').animate({ scrollTop: offsetTop }, 500, 'linear');`
			`}`
			`</script>`