Commit 58a510c1 authored by narakorn vichianchai's avatar narakorn vichianchai

navbar

parent bc47495e
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class DetailController extends Controller
{
/**
* Create a new controller instance.
*
* @return void
*/
public function __construct()
{
$this->middleware('auth');
}
/**
* Show the application dashboard.
*
* @return \Illuminate\Http\Response
*/
public function index()
{
return view('detail');
}
}
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class NewController extends Controller
{
/**
* Create a new controller instance.
*
* @return void
*/
public function __construct()
{
$this->middleware('auth');
}
/**
* Show the application dashboard.
*
* @return \Illuminate\Http\Response
*/
public function index()
{
return view('new');
}
}
<?php
namespace App\Http\Controllers;
use App\Product;
use Illuminate\Http\Request;
class ProductController extends Controller
{
/**
* Display a listing of the resource.
*
* @return \Illuminate\Http\Response
*/
public function __construct()
{
$this->middleware('auth');
}
public function index()
{
$products = Product::latest()->paginate(5);
return view('products.index',compact('products'))
->with('i', (request()->input('page', 1) - 1) * 5);
}
/**
* Show the form for creating a new resource.
*
* @return \Illuminate\Http\Response
*/
public function create()
{
return view('products.create');
}
/**
* Store a newly created resource in storage.
*
* @param \Illuminate\Http\Request $request
* @return \Illuminate\Http\Response
*/
public function store(Request $request)
{
request()->validate([
'name' => 'required',
'detail' => 'required',
]);
Product::create($request->all());
return redirect()->route('products.index')
->with('success','Product created successfully.');
}
/**
* Display the specified resource.
*
* @param \App\Product $product
* @return \Illuminate\Http\Response
*/
public function show(Product $product)
{
return view('products.show',compact('product'));
}
/**
* Show the form for editing the specified resource.
*
* @param \App\Product $product
* @return \Illuminate\Http\Response
*/
public function edit(Product $product)
{
return view('products.edit',compact('product'));
}
/**
* Update the specified resource in storage.
*
* @param \Illuminate\Http\Request $request
* @param \App\Product $product
* @return \Illuminate\Http\Response
*/
public function update(Request $request, Product $product)
{
request()->validate([
'name' => 'required',
'detail' => 'required',
]);
$product->update($request->all());
return redirect()->route('products.index')
->with('success','Product updated successfully');
}
/**
* Remove the specified resource from storage.
*
* @param \App\Product $product
* @return \Illuminate\Http\Response
*/
public function destroy(Product $product)
{
$product->delete();
return redirect()->route('products.index')
->with('success','Product deleted successfully');
}
}
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class ReportController extends Controller
{
/**
* Create a new controller instance.
*
* @return void
*/
public function __construct()
{
$this->middleware('auth');
}
/**
* Show the application dashboard.
*
* @return \Illuminate\Http\Response
*/
public function index()
{
return view('report');
}
}
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class UserController extends Controller
{
/**
* Create a new controller instance.
*
* @return void
*/
public function __construct()
{
$this->middleware('auth');
}
/**
* Show the application dashboard.
*
* @return \Illuminate\Http\Response
*/
public function index()
{
return view('user');
}
}
<?php
namespace App;
use Illuminate\Database\Eloquent\Model;
class Product extends Model
{
/**
* The attributes that are mass assignable.
*
* @var array
*/
protected $fillable = [
'name','detail'
];
}
<?php
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class CreateProductsTable extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('products', function (Blueprint $table) {
$table->increments('id');
$table->string('name');
$table->text('detail');
$table->timestamps();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('products');
}
}
.form-style-10{
width:450px;
padding:30px;
margin:40px auto;
background: #FFF;
border-radius: 10px;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.form-style-10 .inner-wrap{
padding: 30px;
background: #F8F8F8;
border-radius: 6px;
margin-bottom: 15px;
}
.form-style-10 h1{
background: #2A88AD;
padding: 20px 30px 15px 30px;
margin: -30px -30px 30px -30px;
border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
color: #fff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
font: normal 30px 'Bitter', serif;
-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
border: 1px solid #257C9E;
}
.form-style-10 h1 > span{
display: block;
margin-top: 2px;
font: 13px Arial, Helvetica, sans-serif;
}
.form-style-10 label{
display: block;
font: 13px Arial, Helvetica, sans-serif;
color: #888;
margin-bottom: 15px;
}
.form-style-10 input[type="text"],
.form-style-10 input[type="date"],
.form-style-10 input[type="datetime"],
.form-style-10 input[type="email"],
.form-style-10 input[type="number"],
.form-style-10 input[type="search"],
.form-style-10 input[type="time"],
.form-style-10 input[type="url"],
.form-style-10 input[type="password"],
.form-style-10 textarea,
.form-style-10 select {
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
padding: 8px;
border-radius: 6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border: 2px solid #fff;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}
.form-style-10 .section{
font: normal 20px 'Bitter', serif;
color: #2A88AD;
margin-bottom: 5px;
}
.form-style-10 .section span {
background: #2A88AD;
padding: 5px 10px 5px 10px;
position: absolute;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border: 4px solid #fff;
font-size: 14px;
margin-left: -45px;
color: #fff;
margin-top: -3px;
}
.form-style-10 input[type="button"],
.form-style-10 input[type="submit"]{
background: #2A88AD;
padding: 8px 20px 8px 20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color: #fff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
font: normal 30px 'Bitter', serif;
-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
border: 1px solid #257C9E;
font-size: 15px;
}
.form-style-10 input[type="button"]:hover,
.form-style-10 input[type="submit"]:hover{
background: #2A6881;
-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}
.form-style-10 .privacy-policy{
float: right;
width: 250px;
font: 12px Arial, Helvetica, sans-serif;
color: #4D4D4D;
margin-top: 10px;
text-align: right;
}
body {
padding-top: 54px;
}
@media (min-width: 992px) {
body {
padding-top: 56px;
}
}
\ No newline at end of file
......@@ -65,9 +65,9 @@
<div class="col-md-6 offset-md-4">
<button type="submit" class="btn btn-primary">
{{ __('Register') }}
</button>
<a href="{{url('auth/google')}}" class="btn btn-primary">login google</a>
</div>
</div>
</form>
......
@extends('layouts.app')
@section('content')
detail
@endsection
\ No newline at end of file
......@@ -4,7 +4,7 @@
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<!-- <div class="card">
<div class="card-header">Dashboard</div>
<div class="card-body">
......@@ -15,9 +15,13 @@
@endif
You are logged in!
<a href="{{ route('user') }}">
<span><B>User</B>
<span>
</a>
</div>
</div>
</div>
</div> -->
</div>
</div>
@endsection
......@@ -19,9 +19,11 @@
<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link type="text/css" href="{{ url('css/styles.css')}}" rel="stylesheet" />
<link type="text/css" href="{{ url('css/navwelcome.css')}}" rel="stylesheet" />
</head>
<body>
<div id="app">
<!-- <div >
<nav class="navbar navbar-expand-md navbar-light navbar-laravel">
<div class="container">
<a class="navbar-brand" href="{{ url('/') }}">
......@@ -31,25 +33,32 @@
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse" id="navbarSupportedContent"> -->
<!-- Left Side Of Navbar -->
<ul class="navbar-nav mr-auto">
<!-- <ul class="navbar-nav mr-auto">
</ul>
</ul> -->
<!-- Right Side Of Navbar -->
<ul class="navbar-nav ml-auto">
<!-- Authentication Links -->
<ul>
@guest
<li><a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a></li>
<li><a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a></li>
<li style="float:left"><a href="{{ url('/') }}">
<span>Check Room<span></a></li>
<li style="float:right"><a href="{{ route('login') }}">{{ __('Login') }}</a></li>
<li style="float:right"><a href="{{ route('register') }}">{{ __('Register') }}</a></li>
@else
<li class="nav-item dropdown">
<a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
<li ><a href="{{ url('/') }}">Check Room</a></li>
<li ><a href="{{ route('new') }}">ข่าวสาร</a></li>
<li ><a href="{{ route('products.index') }}">จองห้อง</a></li>
<li ><a href="{{ route('detail') }}">รายละเอียดห้อง</a></li>
<li ><a href="{{ route('report') }}">แจ้งปัญหา</a></li>
<li ><a href="{{ route('user') }}">ผู้จัดทำ</a></li>
<li style="float:right">
<a id="navbarDropdown" class="dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
{{ Auth::user()->name }} <span class="caret"></span>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="{{ route('logout') }}"
onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
......@@ -63,13 +72,13 @@
</li>
@endguest
</ul>
</div>
<!-- </div>
</div>
</nav>
</nav> -->
<main class="py-4">
@yield('content')
</main>
</div>
<!-- </div> -->
</body>
</html>
@extends('layouts.app')
@section('content')
new
@endsection
\ No newline at end of file
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2>Add New Product</h2>
</div>
<div class="pull-right">
<a class="btn btn-primary" href="{{ route('products.index') }}"> Back</a>
</div>
</div>
</div>
@if ($errors->any())
<div class="alert alert-danger">
<strong>Whoops!</strong> There were some problems with your input.<br><br>
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<form action="{{ route('products.store') }}" method="POST">
@csrf
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Name:</strong>
<input type="text" name="name" class="form-control" placeholder="Name">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Detail:</strong>
<textarea class="form-control" style="height:150px" name="detail" placeholder="Detail"></textarea>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 text-center">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</form>
</div>
@endsection
\ No newline at end of file
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2>Edit Product</h2>
</div>
<div class="pull-right">
<a class="btn btn-primary" href="{{ route('products.index') }}"> Back</a>
</div>
</div>
</div>
@if ($errors->any())
<div class="alert alert-danger">
<strong>Whoops!</strong> There were some problems with your input.<br><br>
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<form action="{{ route('products.update',$product->id) }}" method="POST">
@csrf
@method('PUT')
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Name:</strong>
<input type="text" name="name" value="{{ $product->name }}" class="form-control" placeholder="Name">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Detail:</strong>
<textarea class="form-control" style="height:150px" name="detail" placeholder="Detail">{{ $product->detail }}</textarea>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 text-center">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</form>
</div>
@endsection
\ No newline at end of file
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2>Laravel 5.6 CRUD Example from scratch</h2>
</div>
<div class="pull-right">
<a class="btn btn-success" href="{{ route('products.create') }}"> Create New Product</a>
</div>
</div>
</div>
@if ($message = Session::get('success'))
<div class="alert alert-success">
<p>{{ $message }}</p>
</div>
@endif
<table class="table table-bordered">
<tr>
<th>No</th>
<th>Name</th>
<th>Details</th>
<th width="280px">Action</th>
</tr>
@foreach ($products as $product)
<tr>
<td>{{ ++$i }}</td>
<td>{{ $product->name }}</td>
<td>{{ $product->detail }}</td>
<td>
<form action="{{ route('products.destroy',$product->id) }}" method="POST">
<a class="btn btn-info" href="{{ route('products.show',$product->id) }}">Show</a>
<a class="btn btn-primary" href="{{ route('products.edit',$product->id) }}">Edit</a>
@csrf
@method('DELETE')
<button type="submit" class="btn btn-danger">Delete</button>
</form>
</td>
</tr>
@endforeach
</table>
{!! $products->links() !!}
</form>
</div>
@endsection
<!DOCTYPE html>
<html>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.css" rel="stylesheet">
</head>
<body>
<div class="container">
@yield('content')
</div>
</body>
</html>
\ No newline at end of file
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2> Show Product</h2>
</div>
<div class="pull-right">
<a class="btn btn-primary" href="{{ route('products.index') }}"> Back</a>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Name:</strong>
{{ $product->name }}
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Details:</strong>
{{ $product->detail }}
</div>
</div>
</div>
</div>
@endsection
\ No newline at end of file
@extends('layouts.app')
@section('content')
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type="text/css" href="{{ url('css/report.css')}}" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
</head>
<body style="background-image: url('image/bg_report.jpg');">
</body>
</html>
@endsection
\ No newline at end of file
@extends('layouts.app')
@section('content')
<!-- Navigation -->
<!-- <nav class="navbar navbar-expand-lg navbar-dark fixed-top" style="background-color: #ff6600">
<div class="container">
<a class="navbar-brand" href="#">Start Bootstrap</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</div>
</nav> -->
<!-- Page Content -->
<div class="container">
<!-- Introduction Row -->
<h1 class="my-4 text-center">Group 7</h1>
<hr>
<!-- Team Members Row -->
<div class="row">
<div class="col-lg-12">
<h2 class="my-4">About Team</h2>
</div>
<div class="col-lg-4 col-sm-6 text-center mb-4">
<img class="rounded-circle img-fluid d-block mx-auto" style="width: 200px" src="{{ url('image/profile_mai.jpg')}}" alt="">
<h3>ปิยังกูร สอนส่งกลิ่น
<small>(ไม้)</small>
</h3>
<p><u><b>ตำแหน่ง</b></u> พัฒนาระบบจองห้องคอมพิวเตอร์</p>
<a href="https://www.facebook.com/profile.php?id=100010510270635" style="text-decoration:none">
<img src="{{ url('image/icon_face.png')}}" style="width: 50px" >&nbsp&nbsp&nbsp&nbsp
</a>
<a href="http://projectcs.sci.ubu.ac.th/piyunggur" style="text-decoration:none">
<img src="{{ url('image/icon_git.png')}}" style="width: 50px" >
</a>
</div>
<div class="col-lg-4 col-sm-6 text-center mb-4">
<img class="rounded-circle img-fluid d-block mx-auto" style="width: 200px" src="{{ url('image/profile_four.jpg')}}" alt="">
<h3>นรากร วิเชียรไชย
<small>(โฟร์)</small>
</h3>
<p><u><b>ตำแหน่ง</b></u> ติดต่อฐานข้อมูล SQL และดูแลระบบงานต่าง ๆ</p>
<a href="https://www.facebook.com/narakornsiam" style="text-decoration:none">
<img src="{{ url('image/icon_face.png')}}" style="width: 50px" >&nbsp&nbsp&nbsp&nbsp
</a>
<a href="http://projectcs.sci.ubu.ac.th/Inwfour" style="text-decoration:none">
<img src="{{ url('image/icon_git.png')}}" style="width: 50px" >
</a>
</div>
<div class="col-lg-4 col-sm-6 text-center mb-4">
<img class="rounded-circle img-fluid d-block mx-auto" style="width: 200px" src="{{ url('image/profile_por.jpg')}}" alt="">
<h3>กุลสตรี สายโสภา
<small>(ปอ)</small>
</h3>
<p><u><b>ตำแหน่ง</b></u> ดูแลหน้าใช้งานต่าง ๆ ของเว็บ</p>
<a href="https://www.facebook.com/Porsche.kiki.90" style="text-decoration:none">
<img src="{{ url('image/icon_face.png')}}" style="width: 50px" >&nbsp&nbsp&nbsp&nbsp
</a>
<a href="http://projectcs.sci.ubu.ac.th/kunlasatri" style="text-decoration:none">
<img src="{{ url('image/icon_git.png')}}" style="width: 50px" >
</a>
</div>
</div>
</div>
<!-- /.container -->
<!-- Footer -->
<footer class="py-4" style="background-color: #ff6600">
<div class="container">
<p class="m-0 text-center text-white">Copyright &copy; Your Website 2018</p>
</div>
<!-- /.container -->
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
@endsection
<!doctype html>
<!-- <!doctype html>
<html lang="{{ app()->getLocale() }}">
<head>
......@@ -9,23 +9,24 @@
<link type="text/css" href="{{ url('css/styles.css')}}" rel="stylesheet" />
<link type="text/css" href="{{ url('css/navwelcome.css')}}" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<title>Laravel</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">
<style>
body {
background-image: url("https://c.wallhere.com/photos/f2/dd/star_background_light-635978.jpg!d");
background-image: url("image/bg_home.jpg");
}
</style>
</head>
<body >
<ul >
<body> -->
@extends('layouts.app')
@section('content')
<!-- <ul>
<li>
<div>
<a href="{{ url('/home') }}">
<a href="{{ url('/') }}">
<span><B>Check Room</B><span>
</a>
</div>
......@@ -52,10 +53,15 @@ body {
</li>
@endauth
</ul>
@endif
@endif -->
<br><br><br><br><br><br>
<style>
body {
background-image: url("image/bg_home.jpg");
}
</style>
<body>
<div class="content">
<div class="title m-b-md">
Laravel
......@@ -68,6 +74,8 @@ body {
<a href="https://github.com/laravel/laravel">GitHub</a>
</div>
</div>
</body>
</body>
<!-- </body>
</html>
\ No newline at end of file
</html> -->
@endsection
\ No newline at end of file
......@@ -15,9 +15,21 @@ Route::get('/', function () {
return view('welcome');
});
Auth::routes();
Route::get('/report', function () {
return view('report');
});
Auth::routes();
Route::get('/home', 'HomeController@index')->name('home');
Route::get('/new', 'NewController@index')->name('new');
Route::resource('products','ProductController');
Route::get('/detail', 'DetailController@index')->name('detail');
Route::get('/report', 'ReportController@index')->name('report');
Route::get('/user', 'UserController@index')->name('user');
Route::get('auth/{provider}', 'Auth\LoginController@redirectToProvider');
Route::get('auth/{provider}/callback', 'Auth\Logincontroller@handleProviderCallback');
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment