Skip to content

Instantly share code, notes, and snippets.

@hoannc54

hoannc54/home.blade.php

Created December 6, 2019 02:25
Show Gist options
  • Save hoannc54/35f254b00c53c2ef18a8b078cc903eff to your computer and use it in GitHub Desktop.
Save hoannc54/35f254b00c53c2ef18a8b078cc903eff to your computer and use it in GitHub Desktop.
Download ZIP
Laravel-todo
Raw
home.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel Todo - Basic</title>
<!-- Fonts -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700" rel='stylesheet' type='text/css'>
<!-- Styles -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
{{-- <link href="{{ elixir('css/app.css') }}" rel="stylesheet"> --}}
<style>
body {
font-family: 'Lato';
}
.fa-btn {
margin-right: 1px;
}
.task-table tbody tr td:nth-child(2){
width: 120px;
}
.task-table tbody tr td:nth-child(3){
width: 100px;
}
</style>
</head>
<body id="app-layout">
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<!-- Branding Image -->
<a class="navbar-brand" href="{{ url('/') }}">
Danh sách công việc
</a>
</div>
</div>
</nav>
<div class="container">
<div class="col-sm-offset-2 col-sm-8">
<div class="panel panel-default">
<div class="panel-heading">
Thêm công việc mới
</div>
<div class="panel-body">
<!-- Display Validation Errors -->
<!-- New Task Form -->
<form action="{{ url('task')}}" method="POST" class="form-horizontal">
{{ csrf_field() }}
<!-- Task Name -->
<div class="form-group">
<label for="task-name" class="col-sm-3 control-label">Tên công việc</label>
<div class="col-sm-6">
<input type="text" name="name" id="task-name" class="form-control" value="{{ old('task') }}">
</div>
</div>
<!-- Add Task Button -->
<div class="form-group">
<div class="col-sm-offset-3 col-sm-6">
<button type="submit" class="btn btn-default">
<i class="fa fa-btn fa-plus"></i>Thêm công việc
</button>
</div>
</div>
</form>
</div>
</div>
<!-- Current Tasks -->
<div class="panel panel-default">
<div class="panel-heading">
Danh sách công việc hiện tại
</div>
<div class="panel-body">
<table class="table table-striped task-table">
<thead>
<th>Tên công việc</th>
<th>&nbsp;</th>
</thead>
<tbody>
<tr>
<td class="table-text"><div>Làm bài tập Laravel </div></td>
<!-- Task Complete Button -->
<td>
<a href="{{ url('task/complete/1') }}" type="submit" class="btn btn-success">
<i class="fa fa-btn fa-check"></i>Hoàn thành
</a>
</td>
<!-- Task Delete Button -->
<td>
<form action="{{ url('task/1') }}" method="POST">
{{ csrf_field() }}
{{ method_field('DELETE') }}
<button type="submit" class="btn btn-danger">
<i class="fa fa-btn fa-trash"></i>Xoá
</button>
</form>
</td>
</tr>
<tr>
<td class="table-text"><div>Làm bài tập PHP </div></td>
<!-- Task Complete Button -->
<td>
<a href="{{ url('task/complete/1') }}" type="submit" class="btn btn-success">
<i class="fa fa-btn fa-check"></i>Hoàn thành
</a>
</td>
<!-- Task Delete Button -->
<td>
<form action="{{ url('task/2') }}" method="POST">
{{ csrf_field() }}
{{ method_field('DELETE') }}
<button type="submit" class="btn btn-danger">
<i class="fa fa-btn fa-trash"></i>Xoá
</button>
</form>
</td>
</tr>
<tr>
<td class="table-text"><div><strike>Làm project Laravel </strike></div></td>
<!-- Task Complete Button -->
<td>
<a href="{{ url('task/complete/1') }}" type="submit" class="btn btn-success">
<i class="fa fa-btn fa-refresh"></i>Làm lại
</a>
</td>
<!-- Task Delete Button -->
<td>
<form action="{{ url('task/3') }}" method="POST">
{{ csrf_field() }}
{{ method_field('DELETE') }}
<button type="submit" class="btn btn-danger">
<i class="fa fa-btn fa-trash"></i>Xoá
</button>
</form>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- JavaScripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
{{-- <script src="{{ elixir('js/app.js') }}"></script> --}}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment