Get things into a somewhat working state on the login form
This commit is contained in:
parent
7de2c8684c
commit
791cbaa5ce
15 changed files with 450 additions and 132 deletions
|
@ -3,73 +3,73 @@
|
|||
|
||||
{{-- This software is licensed under the terms of the MIT license. --}}
|
||||
{{-- https://opensource.org/licenses/MIT --}}
|
||||
@extends('layouts.auth')
|
||||
@extends('templates/auth.core')
|
||||
|
||||
@section('title')
|
||||
Login
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="row">
|
||||
<div class="col-sm-offset-3 col-xs-offset-1 col-sm-6 col-xs-10">
|
||||
@if (count($errors) > 0)
|
||||
<div class="alert alert-danger">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
@lang('auth.auth_error')<br><br>
|
||||
<ul>
|
||||
@foreach ($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
@foreach (Alert::getMessages() as $type => $messages)
|
||||
@foreach ($messages as $message)
|
||||
<div class="callout callout-{{ $type }} alert-dismissable" role="alert">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
{!! $message !!}
|
||||
</div>
|
||||
@endforeach
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-offset-3 col-xs-offset-1 col-sm-6 col-xs-10 pterodactyl-login-box">
|
||||
<form id="loginForm" action="{{ route('auth.login') }}" method="POST">
|
||||
<div class="form-group has-feedback">
|
||||
<div class="pterodactyl-login-input">
|
||||
<input type="text" name="user" class="form-control input-lg" value="{{ old('user') }}" required placeholder="@lang('strings.user_identifier')" autofocus>
|
||||
<span class="fa fa-envelope form-control-feedback fa-lg"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group has-feedback">
|
||||
<div class="pterodactyl-login-input">
|
||||
<input type="password" name="password" class="form-control input-lg" required placeholder="@lang('strings.password')">
|
||||
<span class="fa fa-lock form-control-feedback fa-lg"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<a href="{{ route('auth.password') }}"><button type="button" class="btn pterodactyl-login-button--left"><i class="fa fa-life-ring"></i></button></a>
|
||||
</div>
|
||||
<div class="col-xs-offset-4 col-xs-4">
|
||||
{!! csrf_field() !!}
|
||||
<button type="submit" class="btn btn-block g-recaptcha pterodactyl-login-button--main" @if(config('recaptcha.enabled')) data-sitekey="{{ config('recaptcha.website_key') }}" data-callback='onSubmit' @endif>@lang('auth.sign_in')</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
{{--@section('content')--}}
|
||||
{{--<div class="row">--}}
|
||||
{{--<div class="col-sm-offset-3 col-xs-offset-1 col-sm-6 col-xs-10">--}}
|
||||
{{--@if (count($errors) > 0)--}}
|
||||
{{--<div class="alert alert-danger">--}}
|
||||
{{--<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>--}}
|
||||
{{--@lang('auth.auth_error')<br><br>--}}
|
||||
{{--<ul>--}}
|
||||
{{--@foreach ($errors->all() as $error)--}}
|
||||
{{--<li>{{ $error }}</li>--}}
|
||||
{{--@endforeach--}}
|
||||
{{--</ul>--}}
|
||||
{{--</div>--}}
|
||||
{{--@endif--}}
|
||||
{{--@foreach (Alert::getMessages() as $type => $messages)--}}
|
||||
{{--@foreach ($messages as $message)--}}
|
||||
{{--<div class="callout callout-{{ $type }} alert-dismissable" role="alert">--}}
|
||||
{{--<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>--}}
|
||||
{{--{!! $message !!}--}}
|
||||
{{--</div>--}}
|
||||
{{--@endforeach--}}
|
||||
{{--@endforeach--}}
|
||||
{{--</div>--}}
|
||||
{{--</div>--}}
|
||||
{{--<div class="row">--}}
|
||||
{{--<div class="col-sm-offset-3 col-xs-offset-1 col-sm-6 col-xs-10 pterodactyl-login-box">--}}
|
||||
{{--<form id="loginForm" action="{{ route('auth.login') }}" method="POST">--}}
|
||||
{{--<div class="form-group has-feedback">--}}
|
||||
{{--<div class="pterodactyl-login-input">--}}
|
||||
{{--<input type="text" name="user" class="form-control input-lg" value="{{ old('user') }}" required placeholder="@lang('strings.user_identifier')" autofocus>--}}
|
||||
{{--<span class="fa fa-envelope form-control-feedback fa-lg"></span>--}}
|
||||
{{--</div>--}}
|
||||
{{--</div>--}}
|
||||
{{--<div class="form-group has-feedback">--}}
|
||||
{{--<div class="pterodactyl-login-input">--}}
|
||||
{{--<input type="password" name="password" class="form-control input-lg" required placeholder="@lang('strings.password')">--}}
|
||||
{{--<span class="fa fa-lock form-control-feedback fa-lg"></span>--}}
|
||||
{{--</div>--}}
|
||||
{{--</div>--}}
|
||||
{{--<div class="row">--}}
|
||||
{{--<div class="col-xs-4">--}}
|
||||
{{--<a href="{{ route('auth.password') }}"><button type="button" class="btn pterodactyl-login-button--left"><i class="fa fa-life-ring"></i></button></a>--}}
|
||||
{{--</div>--}}
|
||||
{{--<div class="col-xs-offset-4 col-xs-4">--}}
|
||||
{{--{!! csrf_field() !!}--}}
|
||||
{{--<button type="submit" class="btn btn-block g-recaptcha pterodactyl-login-button--main" @if(config('recaptcha.enabled')) data-sitekey="{{ config('recaptcha.website_key') }}" data-callback='onSubmit' @endif>@lang('auth.sign_in')</button>--}}
|
||||
{{--</div>--}}
|
||||
{{--</div>--}}
|
||||
{{--</form>--}}
|
||||
{{--</div>--}}
|
||||
{{--</div>--}}
|
||||
{{--@endsection--}}
|
||||
|
||||
@section('scripts')
|
||||
@parent
|
||||
@if(config('recaptcha.enabled'))
|
||||
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
||||
<script>
|
||||
function onSubmit(token) {
|
||||
document.getElementById("loginForm").submit();
|
||||
}
|
||||
</script>
|
||||
@endif
|
||||
@endsection
|
||||
{{--@section('scripts')--}}
|
||||
{{--@parent--}}
|
||||
{{--@if(config('recaptcha.enabled'))--}}
|
||||
{{--<script src="https://www.google.com/recaptcha/api.js" async defer></script>--}}
|
||||
{{--<script>--}}
|
||||
{{--function onSubmit(token) {--}}
|
||||
{{--document.getElementById("loginForm").submit();--}}
|
||||
{{--}--}}
|
||||
{{--</script>--}}
|
||||
{{--@endif--}}
|
||||
{{--@endsection--}}
|
||||
|
|
34
resources/themes/pterodactyl/templates/auth/core.blade.php
Normal file
34
resources/themes/pterodactyl/templates/auth/core.blade.php
Normal file
|
@ -0,0 +1,34 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>{{ config('app.name', 'Pterodactyl') }} - @yield('title')</title>
|
||||
|
||||
@section('meta')
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
@show
|
||||
|
||||
@section('assets')
|
||||
{!! $asset->css('assets/css/bundle.css') !!}
|
||||
@show
|
||||
|
||||
@include('layouts.scripts')
|
||||
</head>
|
||||
<body class="bg-grey-darkest">
|
||||
<div class="container" id="pterodactyl">
|
||||
<div class="w-full max-w-xs sm:max-w-sm m-auto mt-8">
|
||||
<div class="text-center">
|
||||
<img src="/favicons/android-chrome-512x512.png" class="max-w-xxs">
|
||||
</div>
|
||||
<router-view></router-view>
|
||||
<p class="text-center text-grey text-xs">
|
||||
© 2015 - {{ date('Y') }} Pterodactyl Software
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@section('scripts')
|
||||
{!! $asset->js('assets/scripts/bundle.js') !!}
|
||||
@show
|
||||
</body>
|
||||
</html>
|
Reference in a new issue