Web layout

This commit is contained in:
Deon George
2021-05-03 22:53:40 +10:00
parent bede0a5880
commit 4b960e92d5
41 changed files with 837 additions and 330 deletions

View File

@@ -0,0 +1,111 @@
@extends('layouts.auth')
@section('htmlheader_title')
Log in
@endsection
@section('content')
@if(isset($login_note) AND $login_note)
<div class="alert alert-info alert-dismissible m-auto">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
<h5><i class="icon fas fa-info"></i> NOTE!</h5>
{!! $login_note !!}
</div>
<br>
@endisset
<div class="col-6 pt-2 pb-2 m-auto bg-blue">
<div class="login-logo">
<a>{!! config('app.name_html_long') !!}</a>
</div>
@if (count($errors) > 0)
<div class="alert alert-danger">
<strong>Whoops!</strong> {{ trans('message.someproblems') }}<br><br>
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
@if (Session::has('error'))
<div class="alert alert-danger">
<strong>Whoops!</strong> {{ trans('message.someproblems') }}<br><br>
<ul>
<li>{{ Session::get('error') }}</li>
</ul>
</div>
@endif
<!-- /.login-logo -->
<div class="">
<div class="xcard-body">
<div class="text-light text-center p-3 pb-4"><h4>Login</h4></div>
<form method="post">
{{ csrf_field() }}
<div class="row">
<div class="col-3 text-right">
Login:
</div>
<div class="col-8">
<div class="input-group mb-3">
<input type="email" name="email" class="form-control" placeholder="Email">
<div class="input-group-append">
<span class="input-group-text"><i class="fas fa-envelope fa-fw"></i></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-3 text-right">
Password:
</div>
<div class="col-8">
<div class="input mb-3">
<input type="password" name="password" class="form-control" placeholder="Password">
<div class="input-group-append">
<span class="input-group-text"><i class="fas fa-key fa-fw"></i></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-3">&nbsp;</div>
<div class="col-8">
<label>
<input type="checkbox" name="remember"> Remember Me
</label>
</div>
</div>
<div class="row">
<!-- /.col -->
<div class="col-12">
<button type="submit" name="submit" class="btn btn-lg btn-success mr-0 float-right">Sign In</button>
<a href="{{ url('/') }}" class="btn btn-lg btn-primary float-right">Cancel</a>
</div>
<!-- /.col -->
</div>
</form>
<p class="mb-2">
<a name="reset" href="{{ url('password/reset') }}">Forgot Password</a>
</p>
<p class="mb-0">
<a href="{{ url('register') }}" class="text-center">Register</a>
</p>
</div>
<!-- /.login-card-body -->
</div>
</div>
<!-- /.login-box -->
@endsection

View File

@@ -0,0 +1,8 @@
<!-- Bootstrap & Jquery App -->
<script type="text/javascript" src="{{ asset('//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js') }}" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
<script type="text/javascript" src="{{ asset('/bootstra.386/js/bootstrap.bundle.min.js') }}"></script>
@if(file_exists('js/custom-auth.js'))
<!-- Any Custom JS -->
<script src="{{ asset('js/custom-auth.js') }}"></script>
@endif

View File

@@ -0,0 +1,116 @@
@extends('layouts.auth')
@section('htmlheader_title')
Register
@endsection
@section('content')
<div class="col-6 pt-2 pb-2 m-auto bg-blue">
<div class="login-logo">
<a>{!! config('app.name_html_long') !!}</a>
</div>
@if (count($errors) > 0)
<div class="alert alert-danger">
<strong>Whoops!</strong> {{ trans('message.someproblems') }}<br><br>
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
@if (Session::has('error'))
<div class="alert alert-danger">
<strong>Whoops!</strong> {{ trans('message.someproblems') }}<br><br>
<ul>
<li>{{ Session::get('error') }}</li>
</ul>
</div>
@endif
<!-- /.login-logo -->
<div class="">
<div class="xcard-body">
<div class="text-light text-center p-3 pb-4"><h4>Register</h4></div>
<form method="post">
{{ csrf_field() }}
<div class="row">
<div class="col-3 text-right">
Name:
</div>
<div class="col-8">
<div class="input-group mb-3">
<input type="text" name="name" class="form-control" placeholder="Name">
</div>
</div>
</div>
<div class="row">
<div class="col-3 text-right">
Email:
</div>
<div class="col-8">
<div class="input-group mb-3">
<input type="email" name="email" class="form-control" placeholder="Email">
<div class="input-group-append">
<span class="input-group-text"><i class="fas fa-envelope fa-fw"></i></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-3 text-right">
Password:
</div>
<div class="col-8">
<div class="input mb-3">
<input type="password" name="password" class="form-control" placeholder="Password">
<div class="input-group-append">
<span class="input-group-text"><i class="fas fa-key fa-fw"></i></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-3 text-right">
Password Again:
</div>
<div class="col-8">
<div class="input mb-3">
<input type="password" name="password_confirmation" class="form-control" placeholder="Password">
<div class="input-group-append">
<span class="input-group-text"><i class="fas fa-key fa-fw"></i></span>
</div>
</div>
</div>
</div>
<div class="row">
<!-- /.col -->
<div class="col-12">
<button type="submit" name="submit" class="btn btn-lg btn-success mr-0 float-right">Register</button>
<a href="{{ url('/') }}" class="btn btn-lg btn-primary float-right">Cancel</a>
</div>
<!-- /.col -->
</div>
</form>
<p class="mb-2">
<a name="login" href="{{ url('login') }}">Login</a>
</p>
</div>
<!-- /.login-card-body -->
</div>
</div>
<!-- /.login-box -->
@endsection

View File

@@ -0,0 +1,4 @@
@extends('layouts.app')
@section('main-content')
@endsection

View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
@section('htmlheader')
@include('layouts.partials.htmlheader')
@show
<body>
<div id="app">
@include('layouts.partials.mainheader')
<!-- Content Wrapper. Contains page content -->
<div class="content">
@include('layouts.partials.contentheader')
<!-- Main content -->
<section class="content">
<div id="content">
<!-- Your Page Content Here -->
@yield('main-content')
</div>
</section><!-- /.content -->
</div><!-- /.content-wrapper -->
@include('layouts.partials.footer')
{{-- Scripts --}}
@section('scripts')
@include('layouts.partials.scripts')
@yield('page-scripts')
@show
</div>
</body>
</html>

View File

@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
@section('htmlheader')
@include('layouts.partials.htmlheader')
@show
<body class="hold-transition login-page">
<div id="app">
@yield('content')
</div>
@section('scripts')
@include('auth.partials.scripts')
@show
</body>
</html>

View File

@@ -0,0 +1,3 @@
<div id="footer">
<a href="/" id="getback">{{ request()->getHost() }}</a> © {{ \Carbon\Carbon::now()->year }} Alterego
</div>

View File

@@ -0,0 +1,14 @@
<head>
<title>{{ config('app.name') }} - @yield('htmlheader_title', 'Your title here')</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="{{ $decription ?? '' }}">
<link rel="stylesheet" href="{{ asset('bootstra.386/css/bootstrap.min.css') }}">
@if (file_exists('css/fixes.css'))
<link rel="stylesheet" href="{{ asset('css/fixes.css') }}">
@endif
<link rel="icon" type="image/png" href="{{ asset('/favicon.ico') }}">
</head>

View File

@@ -0,0 +1,12 @@
<nav class="navbar main-header navbar-nav navbar-expand bg-ansi-blue">
<h1 class="navbar-brand fg-ansi-white mt-2">{{ $title ?? config('app.name') }}</h1>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse pt-3" id="navbarSupportedContent">
<!-- Add icons to the links using the .nav-icon class with font-awesome or any other icon font library -->
@include('layouts.partials.topmenu')
</div>
</nav>

View File

@@ -0,0 +1,2 @@
<script type="text/javascript" src="{{ asset('//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js') }}" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
<script type="text/javascript" src="{{ asset('/bootstra.386/js/bootstrap.bundle.min.js') }}"></script>

View File

@@ -0,0 +1,53 @@
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="{{ url('/') }}">Home</a>
</li>
@auth
<li class="nav-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="false" aria-expanded="false"> <span class="nav-label">System </span></a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item disabled" href="{{ url('setup') }}">Setup</a></li>
<li class="dropdown-submenu">
<a class="nav-item dropdown-item dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="false" aria-expanded="false"><span class="nav-label">Services </span></a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item disabled" href="{{ url('setup/binkp') }}">BinkP</a></li>
<li class="nav-item"><a class="dropdown-item disabled" href="{{ url('setup/emsi') }}">EMSI</a></li>
</ul>
</li>
<li class="nav-item"><a class="dropdown-item disabled" href="{{ url('users') }}">Users</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="false" aria-expanded="false"> <span class="nav-label">FTN </span></a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item disabled" href="{{ url('ftn/domains') }}">Domains</a></li>
<li class="nav-item"><a class="dropdown-item disabled" href="{{ url('ftn/zones') }}">Zones</a></li>
<li class="nav-item"><a class="dropdown-item disabled" href="{{ url('ftn/nodes') }}">Nodes</a></li>
</ul>
</li>
@endauth
@guest
<li class="nav-item dropdown">
<a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Networks</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
@foreach (\App\Models\Zone::active()->public()->get() as $o)
<a class="dropdown-item" href="{{ url('network',['id'=>$o->name]) }}" title="{{ $o->description }}">{{ $o->name }}</a>
@endforeach
</div>
</li>
@endguest
</ul>
<ul class="navbar-nav float-right">
<li class="nav-item">
@auth
<a class="nav-link" href="{{ url('logout') }}">Logout</a>
@endauth
@guest
<a class="nav-link" href="{{ url('login') }}">Login</a>
@endguest
</li>
</ul>

View File

@@ -1,98 +1,34 @@
<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@extends('layouts.app')
<title>Laravel</title>
@section('main-content')
<div class="nopadme pb-3">
<h2 class="fg-ansi-white">About the FTN Clearing House</h2>
<p>Welcome to the FTN Clearing House.</p>
<p>The FTN Clearing House (FCH) is both a FTN Mailer and FTN message tosser, where mail is stored internally in a DB. FCH can also hatch and toss files into FTN networks for up/downstream nodes.</p>
<p>It was created as an idea to bring modern technology and capabilities to a legacy computing network that existed in the 1970's, 1980's and 1990's (before the Internet basically).</p>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet" type="text/css">
<h3>For the BBS Sysop</h3>
<p class="pw">For the BBS sysop, the FTN Clearing House has the following features:</p>
<ul class="pw">
<li>Supports BINKP network transfers</li>
<li>Supports EMSI network transfers</li>
<li>Supports PING responses <sup>*</sup></li>
<li>Proxy mode, if you want your BBS to have our main address <sup>*</sup></li>
<li>A consistent reliable echomail/netmail hub for your BBSes.<br>
If you have more than 1 BBS, then the Clearing House can receive all your mail from your uplinks and feed them to your BBSes.
</li>
</ul>
<!-- Styles -->
<style>
html, body {
background-color: #fff;
color: #636b6f;
font-family: 'Nunito', sans-serif;
font-weight: 200;
height: 100vh;
margin: 0;
}
.full-height {
height: 100vh;
}
.flex-center {
align-items: center;
display: flex;
justify-content: center;
}
.position-ref {
position: relative;
}
.top-right {
position: absolute;
right: 10px;
top: 18px;
}
.content {
text-align: center;
}
.title {
font-size: 84px;
}
.links > a {
color: #636b6f;
padding: 0 25px;
font-size: 13px;
font-weight: 600;
letter-spacing: .1rem;
text-decoration: none;
text-transform: uppercase;
}
.m-b-md {
margin-bottom: 30px;
}
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
@if (Route::has('login'))
<div class="top-right links">
@auth
<a href="{{ url('/home') }}">Home</a>
@else
<a href="{{ route('login') }}">Login</a>
@if (Route::has('register'))
<a href="{{ route('register') }}">Register</a>
@endif
@endauth
</div>
@endif
<div class="content">
<div class="title m-b-md">
Laravel
</div>
<div class="links">
<a href="https://laravel.com/docs">Documentation</a>
<a href="https://laracasts.com">Laracasts</a>
<a href="https://laravel-news.com">News</a>
<a href="https://nova.laravel.com">Nova</a>
<a href="https://forge.laravel.com">Forge</a>
<a href="https://github.com/laravel/laravel">GitHub</a>
</div>
</div>
</div>
</body>
</html>
<h3>For the FTN network operator</h3>
<p class="pw">For the FTN network operator, the FTN Clearing House has the following features:</p>
<ul class="pw">
<li>Supports BINKP network transfers</li>
<li>Supports EMSI network transfers</li>
<li>Supports PING and TRACE responses <sup>*</sup></li>
<li>Nodelist Management <sup>*</sup></li>
<li>Network Applications <sup>*</sup></li>
<li>Dynamic mail bundling for downstream nodes <sup>*</sup></li>
<li>Automatic delisting of idle nodes <sup>*</sup></li>
</ul>
</div>
@endsection