Skip to content
This repository has been archived by the owner on Jun 17, 2021. It is now read-only.

Commit

Permalink
Create admin.login
Browse files Browse the repository at this point in the history
  • Loading branch information
miyacorata committed Apr 24, 2020
1 parent 6cd70f3 commit edeec54
Show file tree
Hide file tree
Showing 2 changed files with 152 additions and 0 deletions.
81 changes: 81 additions & 0 deletions public/css/admin-login.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
@font-face {
font-family: "VL PGothic";
src: local("VL PGothic"),
url('../font/VL-PGothic-Regular.woff');
}

body{
display: flex;
margin: 0;
min-height: 100vh;
font-family: 'VL PGothic', sans-serif;
}
#login_form{
position: relative;
width: 700px;
min-height: 100vh;
background: #383838;
color: whitesmoke;
padding: 15px 30px;
box-sizing: border-box;
box-shadow: 0 0 15px rgba(0,0,0,0.4);
}
#illustration{
width: 100%;
height: 100vh;
background: black;
}

img#logo{
height: 50px;
width: auto;
}
h1{
font-weight: normal;
}

input[type=text],input[type=password]{
margin: 5px 0;
padding: 7px;
width: 100%;
font-size: 17px;
box-sizing: border-box;
border: none;
}
.checkbox{
text-align: center;
margin: 5px 0;
}
.buttons{
display: flex;
justify-content: space-between;
margin: 10px 0;
}
.buttons > button,.buttons > .button{
width: 100%;
margin-left: 5px;
}
.buttons > button:first-child,.buttons > .button:first-child{
margin-left: 0;
}
button,.button{
text-decoration: none;
text-align: center;
font-size: 17px;
padding: 7px;
border: none;
cursor: pointer;
}

button.primary,.button.primary{
background: #5abfb7;
}
button.cancel,.button.cancel{
background: #554171;
color: white;
}

hr{
border: solid 1px rgba(255,255,255,0.4);
margin: 20px 0;
}
71 changes: 71 additions & 0 deletions resources/views/admin/login.blade.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{{config('admin.title')}} | {{ trans('admin.login') }}</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

@if(!is_null($favicon = Admin::favicon()))
<link rel="shortcut icon" href="{{$favicon}}">
@endif
<link rel="stylesheet" href="{{ asset('css/admin-login.css') }}">
<!-- iCheck -->
<link rel="stylesheet" href="{{ admin_asset("vendor/laravel-admin/AdminLTE/plugins/iCheck/square/blue.css") }}">

</head>
<body>
<div id="illustration" @if(config('admin.login_background_image'))style="background: url({{asset('image/card/'.config('admin.login_background_image').'.jpg')}}) no-repeat top center;background-size: cover;"@endif></div>
<div id="login_form">
<img src="{{ asset('image/mlp_ouranos.png') }}" alt="{{ config('app.name') }}" id="logo">
<h1 class="login-box-msg">Authentication</h1>

<form action="{{ admin_url('auth/login') }}" method="post">
<div class="form-group has-feedback {!! !$errors->has('username') ?: 'has-error' !!}">

@if($errors->has('username'))
@foreach($errors->get('username') as $message)
<label class="control-label" for="inputError">{{$message}}</label><br>
@endforeach
@endif

<label>
<input type="text" class="form-control" placeholder="User name" name="username" value="{{ old('username') }}" required>
</label>
</div>
<div class="form-group has-feedback {!! !$errors->has('password') ?: 'has-error' !!}">

@if($errors->has('password'))
@foreach($errors->get('password') as $message)
<label class="control-label" for="inputError">{{$message}}</label><br>
@endforeach
@endif

<label>
<input type="password" class="form-control" placeholder="Password" name="password" required>
</label>
</div>
<div class="row">
@if(config('admin.auth.remember'))
<div class="checkbox icheck">
<label>
<input type="checkbox" name="remember" value="1" {{ (!old('username') || old('remember')) ? 'checked' : '' }}>
Keep me logged in
</label>
</div>
@endif
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<div class="buttons">
<a href="{{ url('/') }}" class="button cancel" id="cancel">Cancel</a>
<button type="submit" class="primary">Login</button>
</div>
</div>
<hr>
<p title="{{ config('ouranos.phrase') }}">
{{ config('app.name').' Version'.config('ouranos.version') }}
</p>
</form>
</div>
</body>
</html>

0 comments on commit edeec54

Please sign in to comment.