add auth view & shareToFacebook view

resources/views/admin/DataManagement/InfoManagement.blade.php

+@extends('admin.master')
+
+@section('content')
+    <div class="row">
+        <div class="col-lg-12">
+            <div class="contentpanel">
+                <form id="listForm" method="post">
+                    <!-- 功能按鈕(新增/批量處理等等) -->
+                    <div class="row" style="margin-bottom: 5px;">
+                        <div class="col-lg-12">
+                            <ol class="headermenu">
+                                <li>
+                                    <button class="btn btn-darkblue btn-xs" id="export"><strong>匯出</strong></button>
+                                </li>
+                            </ol>
+                        </div>
+                    </div>
+                    <!-- 搜尋段 -->
+                    <div class="panel panel-default">
+                        <div class="panel-heading" data-toggle="collapse" data-target="#search_content">
+                            <h3 class="panel-title">資料維護</h3>
+                        </div>
+                        <div id="search_content" class="collapse in">
+                            <div class="panel-body">
+                                <!-- 時間範圍 from -->
+                                <div class="form-group col-xs-12 col-sm-6 col-lg-6">
+                                    <label for="sDateStart">時間範圍(起)</label>
+                                    <input type="text" class="form-control input-sm" id="sDateStart"
+                                           maxlength="10">
+                                </div>
+                                <!-- 時間範圍 to -->
+                                <div class="form-group col-xs-12 col-sm-6 col-lg-6">
+                                    <label for="sDateFinal">時間範圍(迄)</label>
+                                    <input type="text" class="form-control input-sm" id="sDateFinal"
+                                           maxlength="10">
+                                </div>
+                                <!-- Search -->
+                                <div class="form-group col-xs-12 col-sm-12 col-lg-12">
+                                    <a class="btn btn-success btn-xs" onclick="javascript: custom_search();">
+                                        <div class="glyphicon glyphicon-search"></div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <hr class="search-hr"/>
+                    <!-- 列表段 -->
+                    <div class="row">
+                        <div class="col-lg-12">
+                            <table id="GridView1" class="table table-striped table-bordered" cellspacing="0">
+                                <thead>
+                                <tr>
+                                    <th>ID</th>
+                                    <th>圖片</th>
+                                    <th>暱稱</th>
+                                    <th>留言</th>
+                                    <th>標籤</th>
+                                    <th>姓名</th>
+                                    <th>電話</th>
+                                    <th>信箱</th>
+                                    <th>地區</th>
+                                    <th>時間</th>
+                                </tr>
+                                </thead>
+                            </table>
+                        </div>
+                    </div>
+                </form>
+                <!-- row -->
+            </div>
+        </div>
+    </div>
+@endsection
+
+@section('extjs')
+    <script>
+        $(document).ready(function () {
+            var table = $('#GridView1').dataTable({
+                "scrollX": true,
+                "processing": true,
+                "serverSide": true,
+                "ajax": "infoManagement/grid",
+                "paging": true,
+                "ordering": true,
+                "info": true,
+                "order": [[0, "desc"]],
+                "stateSave": true,
+                "pagingType": "full",
+                "bFilter": true,
+                "aoColumnDefs": [
+                    {
+                        'bSortable': false,
+                        'aTargets': [] //不想參加排序的欄位，可指定多個，逗號分隔
+                    },
+                    {
+                        'aTargets': [3],
+                        render: $.fn.dataTable.render.ellipsis(20)
+                    }
+                ]
+            });
+            // 從網址參觸發搜尋
+            custom_search();
+            $('#GridView1_filter').hide();
+        });
+
+        //客製化搜尋欄位
+        function custom_search() {
+            $('#GridView1').DataTable()
+                .column(1).search($('#sDateStart').val() + "\n" + $('#sDateFinal').val())
+            ;
+            $('#GridView1').dataTable().fnDraw(true);
+        }
+
+        // 匯出報告
+        $("#export").click(function () {
+            //加個讀取中畫面
+            $.blockUI({
+                css: {
+                    border: 'none',
+                    padding: '15px',
+                    backgroundColor: '#000',
+                    '-webkit-border-radius': '10px',
+                    '-moz-border-radius': '10px',
+                    opacity: .5,
+                    color: '#FFF'
+                }
+            });
+            var http = new XMLHttpRequest();
+            http.responseType = 'blob';
+            var header;
+            var blob;
+            var url = 'infoManagement/export';
+            var params =
+                ''
+                + 'sDateStart=' + $('#sDateStart').val()
+                + '&sDateFinal=' + $('#sDateFinal').val()
+            ;
+            http.open("POST", url, true);
+            http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
+            http.onreadystatechange = function () {//Call a function when the state changes.
+                if (http.readyState == 4 && http.status == 200) {
+                    var filename = "";
+                    var disposition = http.getResponseHeader('Content-Disposition');
+                    if (disposition && disposition.indexOf('attachment') !== -1) {
+                        var filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
+                        var matches = filenameRegex.exec(disposition);
+                        if (matches != null && matches[1]) filename = matches[1].replace(/['"]/g, '');
+                    }
+                    var type = http.getResponseHeader('Content-Type');
+                    blob = new Blob([http.response], {type: type, endings: 'native'});
+                    var URL = window.URL || window.webkitURL;
+                    var downloadUrl = URL.createObjectURL(blob);
+                    var a = document.createElement("a");
+                    a.href = downloadUrl;
+                    a.download = filename;
+                    document.body.appendChild(a);
+                    a.click();
+                }
+                //解除鎖定
+                $.unblockUI();
+            }
+            http.send(params);
+            return false;
+        });
+
+        //日期選擇器
+        $('#sDateStart').datepicker({
+            dateFormat: 'yy-mm-dd'
+        }).datepicker("setDate");
+        $('#sDateFinal').datepicker({
+            dateFormat: 'yy-mm-dd'
+        }).datepicker("setDate");
+
+        setInterval(function () {
+            // 註冊手機裝置模擬滑鼠 mouseover 看到的 tooltop 字樣
+            $(".ellipsis").unbind("click");
+            $(".ellipsis").bind("click", function () {
+                var $title = $(this).find(".title");
+                if (!$title.length) {
+                    $(this).append('<span class="title">' + $(this).attr("title") + '</span>');
+                } else {
+                    $title.remove();
+                }
+            });
+        }, 1000);
+
+    </script>
+@endsection

resources/views/admin/DataManagement/QuoteDataManagement.blade.php

+@extends('admin.master')
+
+@section('content')
+    <div class="row">
+        <div class="col-lg-12">
+            <div class="contentpanel">
+                <form id="listForm" method="post">
+                    <!-- 功能按鈕(新增/批量處理等等) -->
+                    <div class="row" style="margin-bottom: 5px;">
+                        <div class="col-lg-12">
+                            <!--<ol class="headermenu">
+                                <li>
+                                    <button class="btn btn-darkblue btn-xs" id="export"><strong>匯出</strong></button>
+                                </li>
+                            </ol>-->
+                        </div>
+                    </div>
+                    <!-- 搜尋段 -->
+                    <div class="panel panel-default">
+                        <div class="panel-heading" data-toggle="collapse" data-target="#search_content">
+                            <h3 class="panel-title">資料維護</h3>
+                        </div>
+                        <div id="search_content" class="collapse in">
+                            <div class="panel-body">
+                                <!-- 時間範圍 from -->
+                                <div class="form-group col-xs-12 col-sm-6 col-lg-6">
+                                    <label for="sDateStart">時間範圍(起)</label>
+                                    <input type="text" class="form-control input-sm" id="sDateStart"
+                                           maxlength="10">
+                                </div>
+                                <!-- 時間範圍 to -->
+                                <div class="form-group col-xs-12 col-sm-6 col-lg-6">
+                                    <label for="sDateFinal">時間範圍(迄)</label>
+                                    <input type="text" class="form-control input-sm" id="sDateFinal"
+                                           maxlength="10">
+                                </div>
+                                <!-- Search -->
+                                <div class="form-group col-xs-12 col-sm-12 col-lg-12">
+                                    <a class="btn btn-success btn-xs" onclick="javascript: custom_search();">
+                                        <div class="glyphicon glyphicon-search"></div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <hr class="search-hr"/>
+                    <!-- 列表段 -->
+                    <div class="row">
+                        <div class="col-lg-12">
+                            <table id="GridView1" class="table table-striped table-bordered" cellspacing="0">
+                                <thead>
+                                <tr>
+                                    <th>報名編號</th>
+                                    <th>姓名</th>
+                                    <th>手機</th>
+                                    <th>信箱</th>
+                                    <th>擅長領域</th>
+                                    <th>個人獨特故事</th>
+                                    <th>你的獨特宣言</th>
+                                    <th>上傳檔案</th>
+                                    <th>投票數</th>
+                                    <th>報名時間</th>
+                                    <th>上/下架</th>
+                                </tr>
+                                </thead>
+                            </table>
+                        </div>
+                    </div>
+                </form>
+                <!-- row -->
+            </div>
+        </div>
+    </div>
+@endsection
+
+@section('extjs')
+    <script>
+        $(document).ready(function () {
+            var table = $('#GridView1').dataTable({
+                "scrollX": true,
+                "processing": true,
+                "serverSide": true,
+                "ajax": "quoteDataManagement/grid",
+                "paging": true,
+                "ordering": true,
+                "info": true,
+                "order": [[0, "asc"]],
+                "stateSave": true,
+                "pagingType": "full",
+                "bFilter": true,
+                "aoColumnDefs": [
+                    {
+                        'bSortable': false,
+                        'aTargets': [] //不想參加排序的欄位，可指定多個，逗號分隔
+                    },
+                    {
+                        'aTargets': [3],
+                        render: $.fn.dataTable.render.ellipsis(20)
+                    }
+                ]
+            });
+            // 從網址參觸發搜尋
+            custom_search();
+            $('#GridView1_filter').hide();
+        });
+
+        //客製化搜尋欄位
+        function custom_search() {
+            $('#GridView1').DataTable()
+                .column(1).search($('#sDateStart').val() + "\n" + $('#sDateFinal').val())
+            ;
+            $('#GridView1').dataTable().fnDraw(true);
+        }
+
+        // 匯出報告
+        $("#export").click(function () {
+            //加個讀取中畫面
+            $.blockUI({
+                css: {
+                    border: 'none',
+                    padding: '15px',
+                    backgroundColor: '#000',
+                    '-webkit-border-radius': '10px',
+                    '-moz-border-radius': '10px',
+                    opacity: .5,
+                    color: '#FFF'
+                }
+            });
+            var http = new XMLHttpRequest();
+            http.responseType = 'blob';
+            var header;
+            var blob;
+            var url = 'quoteDataManagement/export';
+            var params =
+                ''
+                + 'sDateStart=' + $('#sDateStart').val()
+                + '&sDateFinal=' + $('#sDateFinal').val()
+            ;
+            http.open("POST", url, true);
+            http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
+            http.onreadystatechange = function () {//Call a function when the state changes.
+                if (http.readyState == 4 && http.status == 200) {
+                    var filename = "";
+                    var disposition = http.getResponseHeader('Content-Disposition');
+                    if (disposition && disposition.indexOf('attachment') !== -1) {
+                        var filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
+                        var matches = filenameRegex.exec(disposition);
+                        if (matches != null && matches[1]) filename = matches[1].replace(/['"]/g, '');
+                    }
+                    var type = http.getResponseHeader('Content-Type');
+                    blob = new Blob([http.response], {type: type, endings: 'native'});
+                    var URL = window.URL || window.webkitURL;
+                    var downloadUrl = URL.createObjectURL(blob);
+                    var a = document.createElement("a");
+                    a.href = downloadUrl;
+                    a.download = filename;
+                    document.body.appendChild(a);
+                    a.click();
+                }
+                //解除鎖定
+                $.unblockUI();
+            }
+            http.send(params);
+            return false;
+        });
+
+        //日期選擇器
+        $('#sDateStart').datepicker({
+            dateFormat: 'yy-mm-dd'
+        }).datepicker("setDate");
+        $('#sDateFinal').datepicker({
+            dateFormat: 'yy-mm-dd'
+        }).datepicker("setDate");
+
+        setInterval(function () {
+            // 註冊手機裝置模擬滑鼠 mouseover 看到的 tooltop 字樣
+            $(".ellipsis").unbind("click");
+            $(".ellipsis").bind("click", function () {
+                var $title = $(this).find(".title");
+                if (!$title.length) {
+                    $(this).append('<span class="title">' + $(this).attr("title") + '</span>');
+                } else {
+                    $title.remove();
+                }
+            });
+        }, 1000);
+        
+        function udtWarning() {
+            if(!confirm("您確定要更新此作品的上架狀態嗎?"))
+            event.preventDefault();
+        }
+        
+    </script>
+@endsection

resources/views/admin/funmenus.blade.php

+@extends('admin.master')
+
+@section('content')
+    <div class="row">
+        <div class="col-md-12">
+            <div class="panel panel-dark">
+                <div class="panel-heading">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="panel-title">Manage Functions</div>
+                        </div>
+                        <div class="col-md-6" style="text-align: right">
+                            <a class="btn btn-darkblue btn-xs" href="{{ url('backend/Funmenus/create') }}"><strong>Add</strong></a>
+                        </div>
+                    </div>
+                </div>
+                <table class="table table-hover">
+                    <thead>
+                        <tr>
+                            <td>#</td>
+                            <td>Icon</td>
+                            <td>Menu Name</td>
+                            <td>Valid</td>
+                            <td>Orders</td>
+                            <td>Create Time</td>
+                            <td>Modify Time</td>
+                            <td></td>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        @foreach($tables as $data)
+                            <tr>
+                                <td>{{ $data->id }}</td>
+                                <td><i class='{{ $data->icon }}'></i></td>
+                                <td>{{ $data->MenuName }}</td>
+                                <td>
+                                    <input type="checkbox" disabled {{ ($data->Valid == 1) ? "checked" : "" }}>
+                                </td>
+                                <td>{{ $data->Corder }}</td>
+                                <td>{{ $data->created_at }}</td>
+                                <td>{{ $data->updated_at }}</td>
+                                <td style="text-align: right">
+                                    <form method="post" action="{{ url('/backend/Funmenus/delete/'.$data->id) }}">
+                                        <a class="btn btn-xs btn-primary" href="{{ url('/backend/Funmenus/'.$data->id) }}">Details</a>
+                                        <a class="btn btn-xs btn-success" href="{{ url('/backend/Funmenus/edit/'.$data->id) }}">Edit</a>
+                                        {{ csrf_field() }}
+                                        {{ method_field('DELETE') }}
+                                        <button type="submit" class="btn btn-danger btn-xs"><strong>Delete</strong></button>
+                                    </form>
+                                </td>
+                            </tr>
+                        @endforeach
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+@endsection

resources/views/admin/funmenusdetail.blade.php

+@extends('admin.master')
+
+@section('content')
+    <div class="row">
+        <div class="col-md-12">
+            <div class="panel panel-dark">
+                <div class="panel-heading">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="panel-title">Manage Functions</div>
+                            <p><span class="fa fa-angle-right"></span>&nbsp;&nbsp;&nbsp;{{ $parentname[0]["MenuName"] }}</p>
+                        </div>
+                        <div class="col-md-6" style="text-align: right">
+                            <a class="btn btn-default btn-xs" href="{{ url('/backend/Funmenus/') }}"><strong>Back</strong></a>
+                            &nbsp;
+                            <a class="btn btn-darkblue btn-xs" href="{{ url('/backend/Funmenus/'.$id.'/create') }}"><strong>Add</strong></a>
+                        </div>
+                    </div>
+                </div>
+                <table class="table table-hover table-primary">
+                    <thead>
+                        <tr>
+                            <td>#</td>
+                            <td>Function Name</td>
+                            <td>Function Link</td>
+                            <td>Function Description</td>
+                            <td>Valid</td>
+                            <td>Create Time</td>
+                            <td>Modify Time</td>
+                            <td></td>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        @foreach($tables as $data)
+                            <tr>
+                                <td>{{ $data->id }}</td>
+                                <td>{{ $data->FunName }}</td>
+                                <td>{{ $data->FunLink }}</td>
+                                <td>{{ $data->FunDesc }}</td>
+                                <td>
+                                    <input type="checkbox" disabled {{ ($data->Valid == 1) ? "checked" : "" }}>
+                                </td>
+                                <td>{{ $data->created_at }}</td>
+                                <td>{{ $data->updated_at }}</td>
+                                <td style="text-align: right">
+                                    <form method="post" action="{{ url('/backend/Funmenus/'.$id.'/delete/'.$data->id) }}">
+                                        <a class="btn btn-xs btn-success" href="{{ url('/backend/Funmenus/'.$id.'/edit/'.$data->id) }}">Edit</a>
+                                        {{ csrf_field() }}
+                                        {{ method_field('DELETE') }}
+                                        <button type="submit" class="btn btn-danger btn-xs"><strong>Delete</strong></button>
+                                    </form>
+                                </td>
+                            </tr>
+                        @endforeach
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+@endsection

resources/views/admin/funmenusdetailedit.blade.php

+@extends('admin.master')
+
+@section('content')
+    {{! $mode = ($datas == "") ? "insert" : "modify" }}
+    <div class="row">
+        <div class="col-md-12">
+            <div class="panel panel-primary">
+                <div class="panel-heading">
+                    <h4 class="panel-title">{{ ($mode == "insert") ? "Create " : "Modify " }}Function</h4>
+                </div>
+                <form method="post" action="{{ url('/backend/Funmenus/'.$id.'/store') }}">
+                    <div class="panel-body">
+                        {{ csrf_field() }}
+                        @if ($mode == "insert")
+                            <input type="hidden" name="mode" value="insert">
+                        @else
+                            <input type="hidden" name="mode" value="modify">
+                            <input type="hidden" name="id" value="{{ $datas->id }}">
+                            <input type="hidden" name="detailid" value="{{ $datas2->id }}">
+                        @endif
+                        <div class="form-group">
+                            <label class="col-md-2 control-label">Function Name:</label>
+                            <div class="col-md-3">
+                                @if ($mode == "insert")
+                                    <input id="FunName" name="FunName" class="form-control" maxlength="20" type="text" />
+                                @else
+                                    <input id="FunName" name="FunName" class="form-control" maxlength="20" type="text" value="{{ $datas->FunName }}" />
+                                @endif
+                                <label class="error" for="FunName"></label>
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label class="col-md-2 control-label">Function Link<br />(Route or Controller Name):</label>
+                            <div class="col-md-3">
+                                @if ($mode == "insert")
+                                    <input id="FunLink" name="FunLink" class="form-control" maxlength="128" type="text" />
+                                @else
+                                    <input id="FunLink" name="FunLink" class="form-control" maxlength="128" type="text" value="{{ $datas->FunLink }}" />
+                                @endif
+                                <label class="error" for="FunLink"></label>
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label class="col-md-2 control-label">Function Description:</label>
+                            <div class="col-md-3">
+                                @if ($mode == "insert")
+                                    <input id="FunDesc" name="FunDesc" class="form-control" maxlength="128" type="text" />
+                                @else
+                                    <input id="FunDesc" name="FunDesc" class="form-control" maxlength="128" type="text" value="{{ $datas->FunDesc }}" />
+                                @endif
+                                <label class="error" for="FunLink"></label>
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label class="col-md-2 control-label">Valid:</label>
+                            <div class="col-md-3">
+                                @if ($mode == "insert")
+                                    <input type="checkbox" name="Valid">
+                                @else
+                                    <input type="checkbox" name="Valid" {{ ($datas->Valid == 1) ? "checked" : "" }}>
+                                @endif
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label class="col-md-2 control-label">Orders:</label>
+                            <div class="col-md-1">
+                                @if ($mode == "insert")
+                                    <input id="Corder" name="Corder" class="form-control" type="number" />
+                                @else
+                                    <input id="Corder" name="Corder" class="form-control" type="number" value="{{ $datas2->Corder }}" />
+                                @endif
+                            </div>
+                        </div>
+
+                    </div>
+                    <!-- panel-body -->
+                    <div class="panel-footer" style="text-align:right">
+                        <a class="btn btn-xs btn-default" href="{{ url('/backend/Funmenus/'.$id) }}">Back</a>
+                        <input id="btnOK" name="btnOK" value="Submit" class="btn btn-primary btn-xs" type="submit" />
+                    </div>
+                </form>
+                <!-- panel-footer -->
+            </div>
+        </div>
+    </div>
+@endsection

resources/views/admin/funmenusedit.blade.php

+@extends('admin.master')
+
+@section('content')
+    {{! $mode = ($datas == "") ? "insert" : "modify" }}
+    <div class="row">
+        <div class="col-md-12">
+            <div class="panel panel-primary">
+                <div class="panel-heading">
+                    <h4 class="panel-title">{{ ($mode == "insert") ? "Create " : "Modify " }}Functions Menu</h4>
+                </div>
+                <form method="post" action="{{ url('/backend/Funmenus/store') }}">
+                <div class="panel-body">
+                        {{ csrf_field() }}
+                        @if ($mode == "insert")
+                            <input type="hidden" name="mode" value="insert">
+                        @else
+                            <input type="hidden" name="mode" value="modify">
+                            <input type="hidden" name="id" value="{{ $datas->id }}">
+                        @endif
+                        <div class="form-group">
+                            <label class="col-md-2 control-label">Menu Icon Class Name:</label>
+                            <div class="col-md-3">
+                                @if ($mode == "insert")
+                                    <input id="icon" name="icon" class="form-control" maxlength="20" type="text" />
+                                @else
+                                    <input id="icon" name="icon" class="form-control" maxlength="20" type="text" value="{{ $datas->icon }}" />
+                                @endif
+                                <label class="error" for="icon"></label>
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label class="col-md-2 control-label">Menu Name:</label>
+                            <div class="col-md-3">
+                                @if ($mode == "insert")
+                                    <input id="MenuName" name="MenuName" class="form-control" maxlength="20" type="text" />
+                                @else
+                                    <input id="MenuName" name="MenuName" class="form-control" maxlength="20" type="text" value="{{ $datas->MenuName }}" />
+                                @endif
+                                <label class="error" for="MenuName"></label>
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label class="col-md-2 control-label">Valid:</label>
+                            <div class="col-md-3">
+                                @if ($mode == "insert")
+                                    <input type="checkbox" name="Valid">
+                                @else
+                                    <input type="checkbox" name="Valid" {{ ($datas->Valid == 1) ? "checked" : "" }}>
+                                @endif
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label class="col-md-2 control-label">Orders:</label>
+                            <div class="col-md-1">
+                                @if ($mode == "insert")
+                                    <input id="Corder" name="Corder" class="form-control" type="number" />
+                                @else
+                                    <input id="Corder" name="Corder" class="form-control" type="number" value="{{ $datas->Corder }}" />
+                                @endif
+                            </div>
+                        </div>
+
+                </div>
+                <!-- panel-body -->
+                <div class="panel-footer" style="text-align:right">
+                    <a class="btn btn-xs btn-default" href="{{ url('/backend/Funmenus') }}">Back</a>
+                    <input id="btnOK" name="btnOK" value="Submit" class="btn btn-primary btn-xs" type="submit" />
+                </div>
+                </form>
+                <!-- panel-footer -->
+            </div>
+        </div>
+    </div>
+@endsection

resources/views/admin/index.blade.php

+@extends('admin.master')
+
+@section('content')
+<div class="row">
+    <div class="col-sm-12 col-md-12">
+        <!-- 內容區塊-->
+        <table border="0" cellpadding="0" cellspacing="0" style="margin:30px">
+            <tr>
+                <td>
+                    <p style="color: Gray">
+                        Login Time:  
+                        <span id="ctl00_ContentPlaceHolder1_loginDateTime" style="font-size:Small;">
+                            {{ date('Y/m/d H:i:s') }}
+                        </span>
+                        <br />
+                        Name:
+                        <span id="ctl00_ContentPlaceHolder1_loginName" style="font-size:Small;">
+                            {{ $username }}
+                        </span>
+                    </p>
+                    <p style="color: Gray">
+                        Welcome to  <span id="ctl00_ContentPlaceHolder1_labSystemName">{{ config('app.name') }}</span><br />
+                        Use the left menu bar to control.<br /><br />
+                        Production date: 
+                    </p>
+                </td>
+            </tr>
+        </table>
+    </div>
+</div>
+@endsection

resources/views/admin/master.blade.php

+<!DOCTYPE html>
+<html lang="en">
+<head>
+	@include('admin.uc.head')
+</head>
+@if(Session::has('msg'))
+	<script>alert('{{Session::get('msg')}}')</script>
+@endif
+<body>
+	<!-- Preloader -->
+	<div id="preloader">
+		<div id="status"><i class="fa fa-spinner fa-spin"></i></div>
+	</div>
+	<section>
+		@include('admin.uc.leftmenu')
+		<!-- leftpanel -->
+		<div class="mainpanel">
+			@include('admin.uc.header')
+			<!-- headerbar -->
+			@include('admin.uc.pageheader')
+			<div class="contentpanel">
+				@include('common.errors')
+				@yield('content')
+				<!-- row -->
+			</div>
+			<!-- contentpanel -->
+		</div>
+		<!-- mainpanel -->
+	</section>
+	@include('admin.uc.foot')
+</body>
+@yield('extjs')
+<script>
+$(document).ready(function() {
+	var funname = $.cookie('bread-children');
+	var funmenu = $.cookie('bread-parent');
+	var funid = $.cookie('children-id');
+
+	if (funmenu == 'Dashboard')
+	{
+		var $node = $('#Dashboard');
+		$node.addClass('active');
+	}
+	else
+	{
+		var $node = $('#' + funid)
+		$node.addClass('active');
+		$node.parents('ul').parents('li').addClass('nav-active active');
+		$node.parents('ul').css('display', 'block');
+	}
+
+	if (funmenu != null)
+	{
+		$('.breadcrumb').append("<li>" + funmenu + "</li>");
+	}
+
+	if (funname != null)
+	{
+		$('.breadcrumb').append("<li>" + funname + "</li>");
+	}
+});
+
+$('.dashboard').click(function(){
+	$.cookie('children-id', 0, { path:'/'});
+	$.cookie('bread-parent', 'Dashboard', { path:'/'});
+	$.cookie('bread-children', null, { path:'/'});
+});
+
+$('.children li a').click(function(){
+	var funid = $(this).parents('li').attr('id');
+	var funname = $(this).children('span').text();
+	var funmenu = $(this).parents('li').children('.parent-name').children('span').text();
+	$.cookie('children-id', funid, { path:'/'});
+	$.cookie('bread-parent', funmenu, { path:'/'});
+	$.cookie('bread-children', funname, { path:'/'});
+	console.log(funid + "/" + funmenu + "/" + funname);
+})
+</script>
+</html>

resources/views/admin/password.blade.php

+@extends('admin.master')
+@section('content')
+	<div class="row">
+		<div class="col-lg-12">
+			<form id="pwdForm" class="form-horizontal" method="post" action="">
+				{!! csrf_field() !!}
+				<div class="panel panel-primary">
+					<div class="panel-heading">
+						<h4 class="panel-title">Change Password</h4>
+					</div>
+					<div class="panel-body">
+						<div class="form-group">
+							<label class="col-lg-2 control-label">New Password:</label>
+							<div class="col-lg-4">
+								<input id="qpwd1" name="qpwd1" class="form-control" maxlength="20" type="password" />
+								<label class="error" for="qpwd1"></label>
+							</div>
+						</div>
+						<div class="form-group">
+							<label class="col-lg-2 control-label">Retype Password:</label>
+							<div class="col-lg-4">
+								<input id="qpwd2" name="qpwd2" class="form-control" maxlength="20" type="password" />
+								<label class="error" for="qpwd2"></label>
+							</div>
+						</div>
+					</div>
+					<!-- panel-body -->
+					<div class="panel-footer" style="text-align:right">
+						<input id="btnOK" name="btnOK" value="Submit" class="btn btn-primary btn-xs" type="submit" onclick="submitForm();" />
+					</div>
+					<!-- panel-footer -->
+				</div>
+				<!-- panel-default -->
+			</form>
+		</div>
+	</div>
+@endsection
+
+@section('extjs')
+	<script>
+	//逐個偵錯
+	$(function () {
+		//初始化需要偵錯的表格
+		$('#pwdForm').validate();
+		//正規表達驗證初始化
+		$.validator.addMethod(
+			"regex",
+			function (value, element, regexp) {
+				var re = new RegExp(regexp);
+				return this.optional(element) || re.test(value);
+			}
+		);
+		//各欄位
+		$('#qpwd1').rules("add", {
+			required: true,
+			minlength: 1,
+			maxlength: 20,
+			messages: {
+				required: "Password length must between 1-20",
+				minlength: "Password length must between 1-20",
+				maxlength: "Password length must between 1-20"
+			}
+		});
+		$('#qpwd2').rules("add", {
+			required: true,
+			minlength: 1,
+			maxlength: 20,
+			equalTo: '#qpwd1',
+			messages: {
+				required: "Retype length must between 1-20",
+				minlength: "Retype length must between 1-20",
+				maxlength: "Retype length must between 1-20",
+				equalTo: "Password mismatch"
+			}
+		});
+	});
+	//提交與取消按鈕
+	function submitForm() {
+		if (!!($("#pwdForm").valid()) === false) {
+			return false;
+		} else {
+			$(document).ready(function() {
+				$.blockUI({ css: {
+					border: 'none',
+					padding: '15px',
+					backgroundColor: '#000',
+					'-webkit-border-radius': '10px',
+					'-moz-border-radius': '10px',
+					opacity: .5,
+					color: '#fff'
+				}});
+			});
+		}
+	}
+	function cancelValidate() {
+		$("#pwdForm").validate().cancelSubmit = true;
+	}
+	</script>
+@endsection

resources/views/admin/uc/foot.blade.php

+<script src="{{url('assets/js/bootstrap.min.js')}}"></script>
+<script src="{{url('assets/js/modernizr.min.js')}}"></script>
+<script src="{{url('assets/js/jquery.sparkline.min.js')}}"></script>
+<script src="{{url('assets/js/toggles.min.js')}}"></script>
+<script src="{{url('assets/js/retina.min.js')}}"></script>
+<script src="{{url('assets/js/flot/jquery.flot.min.js')}}"></script>
+<script src="{{url('assets/js/flot/jquery.flot.resize.min.js')}}"></script>
+<script src="{{url('assets/js/flot/jquery.flot.spline.min.js')}}"></script>
+<script src="{{url('assets/js/morris.min.js')}}"></script>
+<script src="{{url('assets/js/raphael-2.1.0.min.js')}}"></script>
+<script src="{{url('assets/js/custom.js')}}"></script>

resources/views/admin/uc/head.blade.php

+<meta charset="utf-8">
+<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+<link rel="shortcut icon" href="{{url('assets/images/favicon.png')}}" type="image/png" />
+<title>{{ env('APP_NAME') }}</title>
+<link rel="Stylesheet" type="text/css" href="{{url('assets/css/style.default.css')}}"/>
+<!--<link rel="Stylesheet" type="text/css" href="{{url('assets/css/style.darkknight.css')}}"/>-->
+<script src="{{url('assets/js/jquery-1.11.1.min.js')}}"></script>
+<script src="{{url('assets/js/jquery-migrate-1.2.1.min.js')}}"></script>
+<script src="{{url('assets/js/jquery-ui-1.10.3.min.js')}}"></script>
+<script src="{{url('assets/js/jquery.cookies.js')}}"></script>
+<!--<script src="{{url('assets/js/datepicker-en.js')}}"></script>-->
+<script src="{{url('assets/js/jquery.validate.min.js')}}"></script>
+<script src="{{url('assets/js/jquery.blockUI.js')}}"></script>
+<script src="{{url('assets/js/bootstrap-clockpicker.min.js')}}"></script>
+<script src="{{url('assets/js/jquery.blockUI.js')}}"></script>
+<link href="{{url('assets/css/bootstrap-clockpicker.min.css')}}" rel="stylesheet" />
+<link href="{{url('assets/css/jquery.datatables-1.10.8.min.css')}}" rel="stylesheet"/>
+<link href="{{url('assets/css/jquery.datatables.rowreorderer.min.css')}}" rel="stylesheet"/>
+<script src="{{url('assets/js/jquery.datatables-1.10.8.min.js')}}"></script>
+<script src="{{url('assets/js/jquery.datatables.ellipsis.js')}}"></script>
+<script src="{{url('assets/js/jquery.datatables.editor.min.js')}}"></script>
+<script src="{{url('assets/js/jquery.datatables.rowreorderer.min.js')}}"></script>
+
+<!--<script src="{{url('assets/js/jquery.onscreen.theringe.min.js')}}"></script>-->
+<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+<!--[if lt IE 9]>
+	<script src="{{url('assets/js/html5shiv.js')}}"></script>
+	<script src="{{url('assets/js/respond.min.js')}}"></script>
+<![endif]-->

resources/views/admin/uc/header.blade.php

+<div class="headerbar">
+	<a class="menutoggle"><i class="fa fa-bars"></i></a>
+	<label class="hidden-xs" style="float:left; margin-left:5px"><h4>{{ $username }}</h4></label>
+	<form action="/backend/logout" method="post">
+        {!! csrf_field() !!}
+		<div class="header-right">
+			<div class="btn-group" style="">
+				<button type="submit" class="btn btn-danger btn-sm">
+					<i class="glyphicon glyphicon-log-out"></i> Logout
+				</button>
+			</div>
+		</div>
+	</form>
+	<!-- header-right -->
+</div>

resources/views/admin/uc/leftmenu.blade.php

+<div class="leftpanel">
+	<div class="logopanel" style="cursor:pointer;">
+        <!--<img src="assets/images/nav_logo.png" style="height: 73px;">-->
+		<h1> {{ config('app.name') }} </h1>
+	</div>
+	<!-- logopanel -->
+	<div class="leftpanelinner">
+		<!-- This is only visible to small devices -->
+		<div class="visible-xs hidden-sm hidden-md hidden-lg">
+			<div class="media userlogged nomargin">
+				<div class="media-body">
+					<h4>{{ $username }}</h4>
+					<span>Login</span>
+				</div>
+			</div>
+		</div>
+        <h5 class="sidebartitle">Navigation</h5>
+		<ul id="navLeftMenu" class="nav nav-pills nav-stacked nav-bracket">
+			<!-- 選單區段 -->
+			<li class='nav-link' id="Dashboard"><a href='{{ url('backend/') }}' class="dashboard"><i class='fa fa-dashboard'></i><span>DashBoard</span></a></li>
+            @foreach($leftmenu as $data)
+                <li class='nav-parent'><a href='' class='parent-name'><i class='{{ $data->icon }}'></i><span>{{ $data->menuname }}</span></a><ul class='children'>
+                @for($i = 0; $i< count(explode(",",$data->submenuname)); $i++)
+                    <li id='{{ str_replace("/", "_", explode(",",$data->submenulink)[$i]) }}' data-level='two'>
+                        <a href='{{ url('backend/'.explode(",",$data->submenulink)[$i]) }}'>
+                            <i class='fa fa-caret-right'></i>
+                            <span>{{ explode(",",$data->submenuname)[$i] }}</span>
+                        </a>
+                    </li>
+                @endfor
+                </ul></li>
+            @endforeach
+		</ul>
+	</div>
+	<!-- leftpanelinner -->
+</div>

resources/views/admin/uc/pageheader.blade.php

+<div class="pageheader" style="padding: 10px">
+	<div class="breadcrumb-wrapper" style="position: relative; top: 0; right: 0; display:block;">
+		<span class="label">You are here:</span>
+		<ol class="breadcrumb" style="margin-bottom: 0;">
+		</ol>
+	</div>
+</div>

resources/views/admin/usergroups.blade.php

+@extends('admin.master')
+
+@section('content')
+	<!-- 列表段 -->
+	<div class="row">
+		<div class="col-lg-12">
+			<div class="panel panel-dark">
+				<div class="panel-heading">
+					<div class="row">
+						<div class="col-md-6">
+							<div class="panel-title">Manage Groups</div>
+						</div>
+						<div class="col-md-6" style="text-align: right">
+							<a class="btn btn-darkblue btn-xs" href="{{ url('/backend/Usergroups/create') }}"><strong>Add</strong></a>
+						</div>
+					</div>
+				</div>
+				<table class="table table-hover" cellspacing="0" width="100%">
+					<thead>
+						<tr>
+							<th>no</th>
+							<th>Group Name</th>
+							<th>Valid</th>
+							<th>Create Time</th>
+							<th>Modify Time</th>
+							<th>Operate</th>
+						</tr>
+					</thead>
+					<tbody>
+						@foreach($tables as $data)
+							<tr>
+								<td>{{ $data->id }}</td>
+								<td>{{ $data->Name }}</td>
+								<td><input type="checkbox" {{ ($data->Valid == 1) ? 'checked' : '' }} disabled></td>
+								<td>{{ $data->created_at }}</td>
+								<td>{{ $data->updated_at }}</td>
+								<td style="text-align: right">
+									<form method="post" action="{{ url('/backend/Usergroups/'.$data->id) }}">
+										<a class="btn btn-warning btn-xs" href="{{ url('/backend/Usergroups/edit/'.$data->id) }}">
+											<strong>Edit</strong>
+										</a>
+										{{ csrf_field() }}
+										{{ method_field('DELETE') }}
+										<button type="submit" class="btn btn-danger btn-xs"><strong>Delete</strong></button>
+									</form>
+								</td>
+							</tr>
+						@endforeach
+					</tbody>
+				</table>
+			</div>
+		</div>
+	</div>
+@endsection

resources/views/admin/usergroupsedit.blade.php

+@extends('admin.master')
+
+@section('content')
+	<?php
+	if ($operdata == "") {
+		//Insert Mode
+		$_name  = "";
+		$_valid = "1";
+	} else {
+		//Edit Mode
+		foreach ($operdata as $data_item1) {
+			$_serno	  = $data_item1->id;
+			$_name	  = $data_item1->Name;
+			$_valid	  = $data_item1->Valid;
+			$_cdate	  = $data_item1->created_at;
+			$_mdate	  = $data_item1->updated_at;
+			$_oid	  = $data_item1->Oid;
+		}
+	}
+	?>
+	<div class="row">
+		<div class="col-lg-12">
+			<form id="EditForm" class="form-horizontal" method="post" action="{{ url('/backend/Usergroups/store') }}">
+				{{ csrf_field() }}
+				<div class="panel panel-primary">
+					<div class="panel-heading">
+						<h4 class="panel-title">{{ (($operdata == "") ? "Create " : "Modify ") }}Group</h4>
+					</div>
+					<div class="panel-body">
+						<div>
+							<!-- 表格本體 -->
+							<table class="table" cellspacing="0" id="DetailsView1" style="border-collapse:collapse;">
+								<tbody>
+									<!-- 欄位：no -->
+									@if ($operdata == "")
+										<!-- Insert Mode -->
+										<input type="hidden" name="mode" value="insert" />
+									@else
+										<!-- Edit Mode -->
+										<tr>
+											<td class="col-lg-2">no</td>
+											<td>
+												<input name="id" type="hidden" value="{{ $_serno }}" id="serno" />
+												{{ $_serno }}
+											</td>
+										</tr>
+									@endif
+									<!-- 欄位：Group Name -->
+									<!-- ALL Mode -->
+									<tr>
+										<td class="header-require col-lg-2">Group Name</td>
+										<td>
+											<div class="col-lg-3 nopadding">
+												<input name="Name" type="text" value="{{ $_name }}" maxlength="20" id="name" class="form-control">
+												<label class="error" for="name"></label>
+											</div>
+										</td>
+									</tr>
+									<!-- 欄位：Valid -->
+									<!-- ALL Mode -->
+									<tr>
+										<td class="col-lg-2">Valid</td>
+										<td>
+											<input id="valid" type="checkbox" name="Valid" {{ ($_valid=='1')?"checked='checked'":"" }} />
+										</td>
+									</tr>
+									<!-- 欄位：Create Time -->
+									@if ($operdata == "")
+										<!-- Insert Mode -->
+									@else
+										<!-- Edit Mode -->
+										<tr>
+											<td class="col-lg-2">Create Time</td>
+											<td>{{ $_cdate }}</td>
+										</tr>
+									@endif
+									<!-- 欄位：Modify Time -->
+									@if ($operdata == "")
+										<!-- Insert Mode -->
+									@else
+										<!-- Edit Mode -->
+										<tr>
+											<td class="col-lg-2">Modify Time</td>
+											<td>{{ $_mdate }}</td>
+										</tr>
+									@endif
+									<!-- 欄位：Role -->
+									@if ($operdata == "")
+										<!-- Insert Mode -->
+									@else
+										<!-- Edit Mode -->
+										<tr>
+											<td class="col-lg-2">Role</td>
+											<td><span id="oid">{{ $_oid }}</span></td>
+										</tr>
+									@endif
+									<!-- 欄位：Functions -->
+									<!-- ALL Mode -->
+									<tr>
+										<td class="col-lg-2">Functions</td>
+										<td>
+											<!-- 左側Source區 -->
+											<div class="row">
+												<div class="col-lg-12">
+													<div class="form-group has-warning" style="margin: 0">
+														<label class="control-label" for="funlist">Unassign</label>
+														<select size="4" name="fFunAll" multiple="multiple" id="fFunAll" class="form-control">
+															@foreach($unseleted_funlist as $data)
+																<option value='{{ $data->id }}'>{{ $data->FunName }}</option>
+															@endforeach
+														</select>
+													</div>
+												</div>
+											</div>
+											<div class="row">
+												<!-- 右側Destination區 -->
+												<div class="col-lg-12">
+													<div class="form-group has-success" style="margin: 0">
+														<label class="control-label" for="funlist">Assigned</label>
+														<select size="4" name="FunList" multiple="multiple" id="funlist" class="form-control">
+															@foreach($seleted_funlist as $data)
+																<option value='{{ $data->id }}'>{{ $data->FunName }}</option>
+															@endforeach
+														</select>
+													</div>
+												</div>
+											</div>
+											<!-- 右側的隱藏控制表單項 -->
+											<input type="hidden" id="hidfunlist" name ="hidfunlist"></input>
+										</td>
+									</tr>
+									<!-- 欄位：Role -->
+									<!-- ALL Mode -->
+									<tr>
+										<td class="col-lg-2">Users</td>
+										<td>
+											<!-- 左側Source區 -->
+											<div class="row">
+												<div class="col-lg-12">
+													<div class="form-group has-warning" style="margin: 0">
+														<label class="control-label" for="fUsrAll">Unassign</label>
+														<select size="4" name="fUsrAll" multiple="multiple" id="fUsrAll" class="form-control">
+															@foreach($unseleted_usrlist as $data)
+																<option value='{{ $data->id }}'>{{ $data->name }}({{ $data->email }})</option>
+															@endforeach
+														</select>
+													</div>
+												</div>
+												<!-- 中間的轉換按鈕 -->
+											</div>
+											<div class="row">
+												<!-- 右側Destination區 -->
+												<div class="col-lg-12">
+													<div class="form-group has-success" style="margin: 0">
+														<label class="control-label" for="usrlist">Assigned</label>
+														<select size="4" name="UsrList" multiple="multiple" id="usrlist" class="form-control">
+															@foreach($seleted_usrlist as $data)
+																<option value='{{ $data->id }}'>{{ $data->name }}({{ $data->email }})</option>
+															@endforeach
+														</select>
+													</div>
+												</div>
+											</div>
+											<!-- 右側的隱藏控制表單項 -->
+											<input type="hidden" id="hidusrlist" name ="hidusrlist"></input>
+										</td>
+									</tr>
+									<!-- 下控制按鈕 -->
+									<tr>
+										<td>&nbsp;</td>
+										<td>
+											<div style="text-align: right">
+												@if ($operdata == "")
+													<!-- Insert Mode -->
+													<input type="button" name="btnUpdate_foot" value="Create" id="btnUpdate_foot" class="btn btn-primary btn-xs" onclick="submitForm();">
+												@else
+													<!-- Edit Mode -->
+													<input type="button" name="btnUpdate_foot" value="Modify" id="btnUpdate_foot" class="btn btn-primary btn-xs" onclick="submitForm();">
+												@endif
+												<input type="button" name="btnBackTo2_foot" value="Back" id="btnBackTo2_foot" class="btn btn-default btn-xs">
+											</div>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+					</div>
+					<!-- panel-body -->
+				</div>
+			</form>
+		</div>
+	</div>
+@endsection
+
+@section('extjs')
+	<script>
+	$(document).ready(function() {
+		//Functions：單個項目指派
+		$("#fFunAll option").live("dblclick", function() {
+			$("#fFunAll option:selected").each(function() {
+				$("#funlist").append('<option value="'+$(this).val()+'" >'+ $( this ).text()+'</option>');
+			});
+			$("#fFunAll option:selected").remove();
+		});
+		//Functions：單個項目移除
+		$("#funlist option").live("dblclick", function() {
+			$("#funlist option:selected").each(function() {
+				$("#fFunAll").append('<option value="'+$(this).val()+'" >'+ $( this ).text()+'</option>');
+			});
+			$("#funlist option:selected").remove();
+		});
+
+		//Role：單個項目指派
+		$("#fUsrAll option").live("dblclick", function() {
+			$("#fUsrAll option:selected").each(function() {
+				$("#usrlist").append('<option value="'+$(this).val()+'" >'+ $( this ).text()+'</option>');
+			});
+			$("#fUsrAll option:selected").remove();
+		});
+		//Role：單個項目移除
+		$("#usrlist option").live("dblclick", function() {
+			$("#usrlist option:selected").each(function() {
+				$("#fUsrAll").append('<option value="'+$(this).val()+'" >'+ $( this ).text()+'</option>');
+			});
+			$("#usrlist option:selected").remove();
+		});
+
+		//Back
+		$("#btnBackTo2").click(function() {
+			location.href='/backend/Usergroups';
+		});
+		$("#btnBackTo2_foot").click(function() {
+			location.href='/backend/Usergroups';
+		});
+		//初始化需要偵錯的表格
+		$('#EditForm').validate();
+		//正規表達驗證初始化
+		$.validator.addMethod(
+			"regex",
+			function (value, element, regexp) {
+				var re = new RegExp(regexp);
+				return this.optional(element) || re.test(value);
+			}
+		);
+		//各欄位
+		$('#name').rules("add", {
+			required: true,
+			minlength: 1,
+			maxlength: 20,
+			messages: {
+				required: "Group Name length must between 1-20",
+				minlength: "Group Name length must between 1-20",
+				maxlength: "Group Name length must between 1-20"
+			}
+		});
+	});
+	//提交與取消按鈕
+	function submitForm() {
+		if (!!($("#EditForm").valid()) === false) {
+			return false;
+		} else {
+			$(document).ready(function() {
+				$.blockUI({ css: {
+					border: 'none',
+					padding: '15px',
+					backgroundColor: '#000',
+					'-webkit-border-radius': '10px',
+					'-moz-border-radius': '10px',
+					opacity: .5,
+					color: '#fff'
+				}});
+			});
+		}
+		$(document).ready(function() {
+			//Functions的加工
+			var funlist='';
+			$("#funlist option").each(function(){
+				funlist += $(this).val() + "," ;
+			});
+			$("#hidfunlist").val(funlist);
+			//Role的加工
+			var usrlist='';
+			$("#usrlist option").each(function(){
+				usrlist += $(this).val() + "," ;
+			});
+			$("#hidusrlist").val(usrlist);
+			$("#EditForm").submit();
+		});
+
+	}
+	function cancelValidate() {
+		$("#EditForm").validate().cancelSubmit = true;
+	}
+	</script>
+@endsection

resources/views/admin/usergroupsedit.blade.php.bak

+@extends('admin.master')
+
+@section('content')
+	<?php
+	if ($operdata == "") {
+		//Insert Mode
+		$_name  = "";
+		$_valid = "1";
+	} else {
+		//Edit Mode
+		foreach ($operdata as $data_item1) {
+			$_serno	  = $data_item1->id;
+			$_name	  = $data_item1->Name;
+			$_valid	  = $data_item1->Valid;
+			$_cdate	  = $data_item1->created_at;
+			$_mdate	  = $data_item1->updated_at;
+			$_oid	  = $data_item1->Oid;
+		}
+	}
+	?>
+	<div class="row">
+		<div class="col-lg-12">
+			<form id="EditForm" class="form-horizontal" method="post" action="{{ url('/Backend/Usergroups/store') }}">
+				{{ csrf_field() }}
+				<div class="panel panel-primary">
+					<div class="panel-heading">
+						<h4 class="panel-title">{{ (($operdata == "") ? "Create " : "Modify ") }}Group</h4>
+					</div>
+					<div class="panel-body">
+						<div>
+							<!-- 表格本體 -->
+							<table class="table" cellspacing="0" id="DetailsView1" style="border-collapse:collapse;">
+								<tbody>
+									<!-- 欄位：no -->
+									@if ($operdata == "")
+										<!-- Insert Mode -->
+										<input type="hidden" name="mode" value="insert" />
+									@else
+										<!-- Edit Mode -->
+										<tr>
+											<td class="col-lg-2">no</td>
+											<td>
+												<input name="id" type="hidden" value="{{ $_serno }}" id="serno" />
+												{{ $_serno }}
+											</td>
+										</tr>
+									@endif
+									<!-- 欄位：Group Name -->
+									<!-- ALL Mode -->
+									<tr>
+										<td class="header-require col-lg-2">Group Name</td>
+										<td>
+											<div class="col-lg-3 nopadding">
+												<input name="Name" type="text" value="{{ $_name }}" maxlength="20" id="name" class="form-control">
+												<label class="error" for="name"></label>
+											</div>
+										</td>
+									</tr>
+									<!-- 欄位：Valid -->
+									<!-- ALL Mode -->
+									<tr>
+										<td class="col-lg-2">Valid</td>
+										<td>
+											<input id="valid" type="checkbox" name="Valid" {{ ($_valid=='1')?"checked='checked'":"" }} />
+										</td>
+									</tr>
+									<!-- 欄位：Create Time -->
+									@if ($operdata == "")
+										<!-- Insert Mode -->
+									@else
+										<!-- Edit Mode -->
+										<tr>
+											<td class="col-lg-2">Create Time</td>
+											<td>{{ $_cdate }}</td>
+										</tr>
+									@endif
+									<!-- 欄位：Modify Time -->
+									@if ($operdata == "")
+										<!-- Insert Mode -->
+									@else
+										<!-- Edit Mode -->
+										<tr>
+											<td class="col-lg-2">Modify Time</td>
+											<td>{{ $_mdate }}</td>
+										</tr>
+									@endif
+									<!-- 欄位：Role -->
+									@if ($operdata == "")
+										<!-- Insert Mode -->
+									@else
+										<!-- Edit Mode -->
+										<tr>
+											<td class="col-lg-2">Role</td>
+											<td><span id="oid">{{ $_oid }}</span></td>
+										</tr>
+									@endif
+									<!-- 欄位：Functions -->
+									<!-- ALL Mode -->
+									<tr>
+										<td class="col-lg-2">Functions</td>
+										<td>
+											<!-- 左側Source區 -->
+											<div class="col-md-4">
+												<table>
+													<tbody>
+														<tr style="text-align: center">
+															<td style="background-color: #cccccc" class="nopadding">Source</td>
+														</tr>
+														<tr>
+															<td class="nopadding">
+																<select size="4" name="fFunAll" multiple="multiple" id="fFunAll" style="height:160px;width:160px;">
+																	@foreach($unseleted_funlist as $data)
+																		<option value='{{ $data->id }}'>{{ $data->FunName }}</option>
+																	@endforeach
+																</select>
+															</td>
+														</tr>
+													</tbody>
+												</table>
+											</div>
+											<!-- 中間的轉換按鈕 -->
+											<div class="col-md-2">
+												<table>
+													<tbody>
+														<tr style="text-align: center">
+															<td style="width: 80px" class="nopadding">&nbsp;</td>
+														</tr>
+														<tr>
+															<td style="text-align: center">
+																<input type="button" name="btnAllSelect" value=" ＞＞ " id="btnAllSelect" class="btn btn-default form-control btn-xs">
+																<br>
+																<input type="button" name="btnSelect" value="  ＞  " id="btnSelect" class="btn btn-default form-control btn-xs">
+																<br>
+																<input type="button" name="btnRomove" value="  ＜  " id="btnRomove" class="btn btn-default form-control btn-xs">
+																<br>
+																<input type="button" name="btnAllRomove" value=" ＜＜ " id="btnAllRomove" class="btn btn-default form-control btn-xs">
+																<br>
+															</td>
+														</tr>
+													</tbody>
+												</table>
+											</div>
+											<!-- 右側Destination區 -->
+											<div class="col-md-4">
+												<table>
+													<tbody>
+														<tr style="text-align: center">
+															<td style="background-color: #cccccc" class="nopadding">Destination</td>
+														</tr>
+														<tr>
+															<td class="nopadding">
+																<select size="4" name="FunList" multiple="multiple" id="funlist" style="height:160px;width:160px;">
+																	@foreach($seleted_funlist as $data)
+																		<option value='{{ $data->id }}'>{{ $data->FunName }}</option>
+																	@endforeach
+																</select>
+															</td>
+														</tr>
+													</tbody>
+												</table>
+											</div>
+											<!-- 右側的隱藏控制表單項 -->
+											<input type="hidden" id="hidfunlist" name ="hidfunlist"></input>
+										</td>
+									</tr>
+									<!-- 欄位：Role -->
+									<!-- ALL Mode -->
+									<tr>
+										<td class="col-lg-2">Role</td>
+										<td>
+											<!-- 左側Source區 -->
+											<div class="col-md-4">
+												<table>
+													<tbody>
+														<tr style="text-align: center">
+															<td style="background-color: #cccccc" class="nopadding">Source</td>
+														</tr>
+														<tr>
+															<td class="nopadding">
+																<select size="4" name="fUsrAll" multiple="multiple" id="fUsrAll" style="height:160px;width:160px;">
+																	@foreach($unseleted_usrlist as $data)
+																		<option value='{{ $data->id }}'>{{ $data->name }}({{ $data->email }})</option>
+																	@endforeach
+																</select>
+															</td>
+														</tr>
+													</tbody>
+												</table>
+											</div>
+											<!-- 中間的轉換按鈕 -->
+											<div class="col-md-2">
+												<table>
+													<tbody>
+														<tr style="text-align: center">
+															<td style="width: 80px" class="nopadding">&nbsp;</td>
+														</tr>
+														<tr>
+															<td style="text-align: center">
+																<input type="button" name="btnAllSelect" value=" ＞＞ " id="UbtnAllSelect" class="btn btn-default form-control btn-xs">
+																<br>
+																<input type="button" name="btnSelect" value=" ＞ " id="UbtnSelect" class="btn btn-default form-control btn-xs">
+																<br>
+																<input type="button" name="btnRomove" value=" ＜ " id="UbtnRomove" class="btn btn-default form-control btn-xs">
+																<br>
+																<input type="button" name="btnAllRomove" value=" ＜＜ " id="UbtnAllRomove" class="btn btn-default form-control btn-xs">
+																<br>
+															</td>
+														</tr>
+													</tbody>
+												</table>
+											</div>
+											<!-- 右側Destination區 -->
+											<div class="col-md-4">
+												<table>
+													<tbody>
+														<tr style="text-align: center">
+															<td style="background-color: #cccccc" class="nopadding">Destination</td>
+														</tr>
+														<tr>
+															<td class="nopadding">
+																<select size="4" name="UsrList" multiple="multiple" id="usrlist" style="height:160px;width:160px;">
+																	@foreach($seleted_usrlist as $data)
+																		<option value='{{ $data->id }}'>{{ $data->name }}({{ $data->email }})</option>
+																	@endforeach
+																</select>
+															</td>
+														</tr>
+													</tbody>
+												</table>
+											</div>
+											<!-- 右側的隱藏控制表單項 -->
+											<input type="hidden" id="hidusrlist" name ="hidusrlist"></input>
+										</td>
+									</tr>
+									<!-- 下控制按鈕 -->
+									<tr>
+										<td>&nbsp;</td>
+										<td>
+											<div style="text-align: right">
+												@if ($operdata == "")
+													<!-- Insert Mode -->
+													<input type="button" name="btnUpdate_foot" value="Create" id="btnUpdate_foot" class="btn btn-primary btn-xs" onclick="submitForm();">
+												@else
+													<!-- Edit Mode -->
+													<input type="button" name="btnUpdate_foot" value="Modify" id="btnUpdate_foot" class="btn btn-primary btn-xs" onclick="submitForm();">
+												@endif
+												<input type="button" name="btnBackTo2_foot" value="Back" id="btnBackTo2_foot" class="btn btn-default btn-xs">
+											</div>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+					</div>
+					<!-- panel-body -->
+				</div>
+			</form>
+		</div>
+	</div>
+@endsection
+
+@section('extjs')
+	<script>
+	$(document).ready(function() {
+		//Functions：單個項目指派
+		$("#btnSelect").click(function() {
+			$("#fFunAll option:selected").each(function() {
+				$("#funlist").append('<option value="'+$(this).val()+'" >'+ $( this ).text()+'</option>');
+			});
+			$("#fFunAll option:selected").remove();
+		});
+		//Functions：單個項目移除
+		$("#btnRomove").click(function() {
+			$("#funlist option:selected").each(function() {
+				$("#fFunAll").append('<option value="'+$(this).val()+'" >'+ $( this ).text()+'</option>');
+			});
+			$("#funlist option:selected").remove();
+		});
+		//Functions：所有項目指派
+		$("#btnAllSelect").click(function() {
+			$("#fFunAll option").each(function() {
+				$("#funlist").append('<option value="'+$(this).val()+'" >'+ $( this ).text()+'</option>');
+			});
+			$("#fFunAll option").remove();
+		});
+		//Functions：所有項目移除
+		$("#btnAllRomove").click(function() {
+			$("#funlist option").each(function() {
+				$("#fFunAll").append('<option value="'+$(this).val()+'" >'+ $( this ).text()+'</option>');
+			});
+			$("#funlist option").remove();
+		});
+		//Role：單個項目指派
+		$("#UbtnSelect").click(function() {
+			$("#fUsrAll option:selected").each(function() {
+				$("#usrlist").append('<option value="'+$(this).val()+'" >'+ $( this ).text()+'</option>');
+			});
+			$("#fUsrAll option:selected").remove();
+		});
+		//Role：單個項目移除
+		$("#UbtnRomove").click(function() {
+			$("#usrlist option:selected").each(function() {
+				$("#fUsrAll").append('<option value="'+$(this).val()+'" >'+ $( this ).text()+'</option>');
+			});
+			$("#usrlist option:selected").remove();
+		});
+		//Role：所有項目指派
+		$("#UbtnAllSelect").click(function() {
+			$("#fUsrAll option").each(function() {
+				$("#usrlist").append('<option value="'+$(this).val()+'" >'+ $( this ).text()+'</option>');
+			});
+			$("#fUsrAll option").remove();
+		});
+		//Role：所有項目移除
+		$("#UbtnAllRomove").click(function() {
+			$("#usrlist option").each(function() {
+				$("#fUsrAll").append('<option value="'+$(this).val()+'" >'+ $( this ).text()+'</option>');
+			});
+			$("#usrlist option").remove();
+		});
+		//Back
+		$("#btnBackTo2").click(function() {
+			location.href='/Backend/Usergroups';
+		});
+		$("#btnBackTo2_foot").click(function() {
+			location.href='/Backend/Usergroups';
+		});
+		//初始化需要偵錯的表格
+		$('#EditForm').validate();
+		//正規表達驗證初始化
+		$.validator.addMethod(
+			"regex",
+			function (value, element, regexp) {
+				var re = new RegExp(regexp);
+				return this.optional(element) || re.test(value);
+			}
+		);
+		//各欄位
+		$('#name').rules("add", {
+			required: true,
+			minlength: 1,
+			maxlength: 20,
+			messages: {
+				required: "Group Name length must between 1-20",
+				minlength: "Group Name length must between 1-20",
+				maxlength: "Group Name length must between 1-20"
+			}
+		});
+	});
+	//提交與取消按鈕
+	function submitForm() {
+		if (!!($("#EditForm").valid()) === false) {
+			return false;
+		} else {
+			$(document).ready(function() {
+				$.blockUI({ css: {
+					border: 'none',
+					padding: '15px',
+					backgroundColor: '#000',
+					'-webkit-border-radius': '10px',
+					'-moz-border-radius': '10px',
+					opacity: .5,
+					color: '#fff'
+				}});
+			});
+		}
+		$(document).ready(function() {
+			//Functions的加工
+			var funlist='';
+			$("#funlist option").each(function(){
+				funlist += $(this).val() + "," ;
+			});
+			$("#hidfunlist").val(funlist);
+			//Role的加工
+			var usrlist='';
+			$("#usrlist option").each(function(){
+				usrlist += $(this).val() + "," ;
+			});
+			$("#hidusrlist").val(usrlist);
+			$("#EditForm").submit();
+		});
+
+	}
+	function cancelValidate() {
+		$("#EditForm").validate().cancelSubmit = true;
+	}
+	</script>
+@endsection

resources/views/admin/users.blade.php

+@extends('admin.master')
+
+@section('content')
+	<div class="row">
+		<div class="col-lg-12">
+			<div class="panel panel-dark">
+				<div class="panel-heading">
+					<div class="row">
+						<div class="col-md-6">
+							<div class="panel-title">Manage Users</div>
+						</div>
+						<div class="col-md-6" style="text-align: right">
+							<a class="btn btn-darkblue btn-xs" href="{{ url('/backend/Users/create') }}"><strong>Add</strong></a>
+						</div>
+					</div>
+				</div>
+				<table class="table table-hover" cellspacing="0" width="100%">
+					<thead>
+						<tr>
+							<th>no</th>
+							<th>Nickname</th>
+							<th>Username</th>
+							<th>Create Time</th>
+							<th>Modify Time</th>
+							<th></th>
+						</tr>
+					</thead>
+					<tbody>
+						@foreach($tables as $data)
+							<tr>
+								<td>{{ $data->id }}</td>
+								<td>{{ $data->name }}</td>
+								<td>{{ $data->email }}</td>
+								<td>{{ $data->created_at }}</td>
+								<td>{{ $data->updated_at }}</td>
+								<td style="text-align: right">
+									<form method="post" action="{{ url('/backend/Users/'.$data->id) }}">
+										<a class="btn btn-warning btn-xs" href="{{ url('/backend/Users/edit/'.$data->id) }}">
+											<strong>Edit</strong>
+										</a>
+										{{ csrf_field() }}
+										{{ method_field('DELETE') }}
+										<button type="submit" class="btn btn-danger btn-xs"><strong>Delete</strong></button>
+									</form>
+								</td>
+							</tr>
+						@endforeach
+					</tbody>
+				</table>
+			</div>
+		</div>
+	</div>
+@endsection

resources/views/admin/usersedit.blade.php

+@extends('admin.master')
+
+@section('content')
+	<div class="row">
+		<div class="col-lg-12">
+			<form id="EditForm" class="form-horizontal" method="post" action="{{ url('/backend/Users/store') }}">
+				{{ csrf_field() }}
+				<div class="panel panel-primary">
+					<div class="panel-heading">
+						<h4 class="panel-title">{{ ($operdata == "") ? "Create " : "Modify " }}User</h4>
+					</div>
+					<div class="panel-body">
+						<div>
+							<!-- 表格本體 -->
+							<table class="table" cellspacing="0" id="DetailsView1" style="border-collapse:collapse;">
+								<tbody>
+									<!-- 欄位：no -->
+									@if ($operdata == "")
+										<input type="hidden" name="mode" value="insert" />
+										<!-- Insert Mode -->
+									@else
+										<!-- Edit Mode -->
+										<tr>
+											<td class="col-lg-2">no</td>
+											<td>
+												<input name="id" type="hidden" value="{{ $operdata->id }}" id="serno" />
+												{{ $operdata->id }}
+											</td>
+										</tr>
+									@endif
+									<!-- 欄位：Nickname -->
+									<!-- ALL Mode -->
+									<tr>
+										<td class="header-require col-lg-2">Nickname</td>
+										<td>
+											<div class="col-lg-3 nopadding">
+												@if ($operdata == "")
+													<input name="name" type="text" value="" maxlength="20" id="name" class="form-control">
+												@else
+													<input name="name" type="text" value="{{ $operdata->name }}" maxlength="20" id="name" class="form-control">
+												@endif
+												<label class="error" for="name"></label>
+											</div>
+										</td>
+									</tr>
+									<!-- 欄位：Username -->
+									@if ($operdata == "")
+										<!-- Insert Mode -->
+										<tr>
+											<td class="header-require col-lg-2">Username</td>
+											<td>
+												<div class="col-lg-3 nopadding">
+													<input name="email" type="text" value="" maxlength="100" id="email" class="form-control">
+													<label class="error" for="email"></label>
+												</div>
+											</td>
+										</tr>
+									@else
+										<!-- Edit Mode -->
+										<tr class="Grid_Item">
+											<td class="col-lg-2">Username</td>
+											<td>
+												{{ $operdata->email }}
+											</td>
+										</tr>
+									@endif
+									<!-- 欄位：Password -->
+									@if ($operdata == "")
+										<!-- Insert Mode -->
+										<tr>
+											<td class="header-require col-lg-2">Password</td>
+											<td>
+												<div class="col-lg-3 nopadding">
+													<input name="password" type="password" value="" maxlength="20" id="password" class="form-control">
+													<label class="error" for="password"></label>
+												</div>
+											</td>
+										</tr>
+									@else
+										<!-- Edit Mode -->
+										<tr>
+											<td class="col-lg-2">Password</td>
+											<td>
+												<div class="col-lg-3 nopadding">
+													<input name="password" type="password" value="" maxlength="20" id="password" class="form-control tooltips" data-placement="top" data-toggle="tooltip" data-original-title="Leave it blank if you don't want to change password">
+													<label class="error" for="password"></label>
+												</div>
+											</td>
+										</tr>
+									@endif
+
+									<!-- 欄位：Create Time -->
+									@if ($operdata == "")
+										<!-- Insert Mode -->
+									@else
+										<!-- Edit Mode -->
+										<tr>
+											<td class="col-lg-2">Create Time</td>
+											<td>{{ $operdata->created_at }}</td>
+										</tr>
+									@endif
+									<!-- 欄位：Modify Time -->
+									@if ($operdata == "")
+										<!-- Insert Mode -->
+									@else
+										<!-- Edit Mode -->
+										<tr>
+											<td class="col-lg-2">Modify Time</td>
+											<td>{{ $operdata->updated_at }}</td>
+										</tr>
+									@endif
+
+									<!-- 下控制按鈕 -->
+									<tr>
+										<td>&nbsp;</td>
+										<td>
+											<div style="text-align: right">
+												@if ($operdata == "")
+													<!-- Insert Mode -->
+													<input type="submit" name="btnUpdate_foot" value="Create" id="btnUpdate_foot" class="btn btn-primary btn-xs" onclick="submitForm();">
+												@else
+													<!-- Edit Mode -->
+													<input type="submit" name="btnUpdate_foot" value="Modify" id="btnUpdate_foot" class="btn btn-primary btn-xs" onclick="submitForm();">
+												@endif
+												<input type="button" name="btnBackTo2_foot" value="Back" id="btnBackTo2_foot" class="btn btn-default btn-xs">
+											</div>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+					</div>
+					<!-- panel-body -->
+				</div>
+			</form>
+		</div>
+	</div>
+@endsection
+
+@section('extjs')
+	<script>
+	$(document).ready(function() {
+		//Back
+		$("#btnBackTo2").click(function() {
+			location.href='{{ url('backend/Users') }}';
+		});
+		$("#btnBackTo2_foot").click(function() {
+			location.href='{{ url('backend/Users') }}';
+		});
+		//初始化需要偵錯的表格
+		$('#EditForm').validate();
+		//正規表達驗證初始化
+		$.validator.addMethod(
+			"regex",
+			function (value, element, regexp) {
+				var re = new RegExp(regexp);
+				return this.optional(element) || re.test(value);
+			}
+		);
+		//各欄位
+		$('#name').rules("add", {
+			required: true,
+			minlength: 1,
+			maxlength: 20,
+			messages: {
+				required: "Nickname length must between 1-20",
+				minlength: "Nickname length must between 1-20",
+				maxlength: "Nickname length must between 1-20"
+			}
+		});
+		@if ($operdata == "")
+		//Insert Mode
+		$('#email').rules("add", {
+			required: true,
+			email: true,
+			minlength: 1,
+			maxlength: 100,
+			messages: {
+				required: "Username length must between 1-100",
+				email: "Username must be an email address",
+				minlength: "Username length must between 1-100",
+				maxlength: "Username length must between 1-100"
+			}
+		});
+		@else
+		//Edit Mode
+		@endif
+		@if ($operdata == "")
+		//Insert Mode
+		$('#password').rules("add", {
+			required: true,
+			minlength: 1,
+			maxlength: 20,
+			messages: {
+				required: "Password length must between 1-20",
+				minlength: "Password length must between 1-20",
+				maxlength: "Password length must between 1-20"
+			}
+		});
+		@else
+		//Edit Mode
+		$('#password').rules("add", {
+			required: false,
+			minlength: 0,
+			maxlength: 20,
+			messages: {
+				required: "Password length must between 0-20",
+				minlength: "Password length must between 0-20",
+				maxlength: "Password length must between 0-20"
+			}
+		});
+		@endif
+	});
+	//提交與取消按鈕
+	function submitForm() {
+		if (!!($("#EditForm").valid()) === false) {
+			return false;
+		} else {
+			$(document).ready(function() {
+				$.blockUI({ css: {
+					border: 'none',
+					padding: '15px',
+					backgroundColor: '#000',
+					'-webkit-border-radius': '10px',
+					'-moz-border-radius': '10px',
+					opacity: .5,
+					color: '#fff'
+				}});
+			});
+		}
+	}
+	function cancelValidate() {
+		$("#EditForm").validate().cancelSubmit = true;
+	}
+	</script>
+@endsection

resources/views/auth/login.blade.php

+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		@include('admin.uc.head')
+	</head>
+	<body class="signin">
+		<section>
+			<div class="signinpanel">
+				<div class="row">
+					<div class="col-md-3"></div>
+					<div class="col-md-6">
+						<!-- 登入表單段 -->
+						<form id="loginForm" method="post" action="login">
+                            @csrf
+							<h4 class="nomargin">{{ config('app.name') }}</h4>
+							<input id="qusername" name="email" placeholder="Username" class="form-control uname" maxlength="100" type="text" />
+							<label class="error" for="email"></label>
+							<input id="qpassword" name="password" placeholder="Password" class="form-control pword" maxlength="20" type="password" />
+							<label class="error" for="password"></label>
+							<input id="btnSignIn" name="btnSignIn" value="Login" class="btn btn-block btn-success" type="submit" onclick="submitForm();" />
+						</form>
+					</div>
+					<div class="col-md-3"></div>
+					<!-- col-sm-5 -->
+				</div>
+				<!-- row -->
+				<div class="signup-footer">
+					<div class="pull-left">
+						<?php echo env('COPY_RIGHT')?>
+					</div>
+					<div class="pull-right">
+						<?php echo env('CREATOR')?>
+					</div>
+				</div>
+			</div>
+			<!-- signin -->
+		</section>
+		@include('admin.uc.foot')
+		<!-- 表單JS -->
+		<script>
+			//逐個偵錯
+			$(function () {
+				//初始化需要偵錯的表格
+				$('#loginForm').validate();
+				//正規表達驗證初始化
+				$.validator.addMethod(
+					"regex",
+					function (value, element, regexp) {
+						var re = new RegExp(regexp);
+						return this.optional(element) || re.test(value);
+					}
+				);
+				//各欄位
+				$('#qusername').rules("add", {
+					required: true,
+					email: true,
+					minlength: 1,
+					maxlength: 100,
+					messages: {
+						required: "Username length must between 1-100",
+						email: "Username must be an email address",
+						minlength: "Username length must between 1-100",
+						maxlength: "Username length must between 1-100"
+					}
+				});
+				$('#qpassword').rules("add", {
+					required: true,
+					minlength: 1,
+					maxlength: 20,
+					messages: {
+						required: "Password length must between 1-20",
+						minlength: "Password length must between 1-20",
+						maxlength: "Password length must between 1-20"
+					}
+				});
+			});
+			//提交與取消按鈕
+			function submitForm() {
+				if (!!($("#loginForm").valid()) === false) {
+					return false;
+				} else {
+					$(document).ready(function() {
+						$.blockUI({ css: {
+							border: 'none',
+							padding: '15px',
+							backgroundColor: '#000',
+							'-webkit-border-radius': '10px',
+							'-moz-border-radius': '10px',
+							opacity: .5,
+							color: '#fff'
+						}});
+					});
+				}
+			}
+			function cancelValidate() {
+				$("#loginForm").validate().cancelSubmit = true;
+			}
+		</script>
+	</body>
+</html>

resources/views/common/errors.blade.php

+@if (count($errors) > 0)
+    <!-- 表單錯誤清單 -->
+    <div class="alert alert-danger alert-dismissible" role="alert">
+        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <strong>Oops!!</strong>
+        <br />
+        <ul>
+            @foreach ($errors->all() as $error)
+                <li>{{ $error }}</li>
+            @endforeach
+        </ul>
+    </div>
+@endif

resources/views/shareToFacebook.blade.php

+<!DOCTYPE html>
+<html lang="zh-Hant-TW" prefix="og: http://ogp.me/ns#">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="{{ $webTitle }}" />
+    <meta property="og:description" content="{{ $webDesc }}" />
+    <meta property="og:image" content="{{ $imagePath }}" />
+    <meta property="og:image:type" content="image/jpg" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <title> {{ $webTitle }} </title>
+</head>
+<body>
+    <script>
+        location.href = '{{ $redirectUrl }}';
+    </script>
+</body>
+
+</html>

resources/views/welcome.blade.php

-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <title>Laravel</title>
-
-        <!-- Fonts -->
-        <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
-
-        <!-- Styles -->
-        <style>
-            /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent}[hidden]{display:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}a{color:inherit;text-decoration:inherit}svg,video{display:block;vertical-align:middle}video{max-width:100%;height:auto}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.border-gray-200{--border-opacity:1;border-color:#edf2f7;border-color:rgba(237,242,247,var(--border-opacity))}.border-t{border-top-width:1px}.flex{display:flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.font-semibold{font-weight:600}.h-5{height:1.25rem}.h-8{height:2rem}.h-16{height:4rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.leading-7{line-height:1.75rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.mt-8{margin-top:2rem}.ml-12{margin-left:3rem}.-mt-px{margin-top:-1px}.max-w-6xl{max-width:72rem}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.p-6{padding:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-8{padding-top:2rem}.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.right-0{right:0}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.text-center{text-align:center}.text-gray-200{--text-opacity:1;color:#edf2f7;color:rgba(237,242,247,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#e2e8f0;color:rgba(226,232,240,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.underline{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-5{width:1.25rem}.w-8{width:2rem}.w-auto{width:auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:h-20{height:5rem}.sm\:ml-0{margin-left:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-0{padding-top:0}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}}@media (min-width:768px){.md\:border-t-0{border-top-width:0}.md\:border-l{border-left-width:1px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (prefers-color-scheme:dark){.dark\:bg-gray-800{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.dark\:bg-gray-900{--bg-opacity:1;background-color:#1a202c;background-color:rgba(26,32,44,var(--bg-opacity))}.dark\:border-gray-700{--border-opacity:1;border-color:#4a5568;border-color:rgba(74,85,104,var(--border-opacity))}.dark\:text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.dark\:text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.dark\:text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--tw-text-opacity))}}
-        </style>
-
-        <style>
-            body {
-                font-family: 'Nunito', sans-serif;
-            }
-        </style>
-    </head>
-    <body class="antialiased">
-        <div class="relative flex items-top justify-center min-h-screen bg-gray-100 dark:bg-gray-900 sm:items-center py-4 sm:pt-0">
-            @if (Route::has('login'))
-                <div class="hidden fixed top-0 right-0 px-6 py-4 sm:block">
-                    @auth
-                        <a href="{{ url('/home') }}" class="text-sm text-gray-700 dark:text-gray-500 underline">Home</a>
-                    @else
-                        <a href="{{ route('login') }}" class="text-sm text-gray-700 dark:text-gray-500 underline">Log in</a>
-
-                        @if (Route::has('register'))
-                            <a href="{{ route('register') }}" class="ml-4 text-sm text-gray-700 dark:text-gray-500 underline">Register</a>
-                        @endif
-                    @endauth
-                </div>
-            @endif
-
-            <div class="max-w-6xl mx-auto sm:px-6 lg:px-8">
-                <div class="flex justify-center pt-8 sm:justify-start sm:pt-0">
-                    <svg viewBox="0 0 651 192" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-16 w-auto text-gray-700 sm:h-20">
-                        <g clip-path="url(#clip0)" fill="#EF3B2D">
-                            <path d="M248.032 44.676h-16.466v100.23h47.394v-14.748h-30.928V44.676zM337.091 87.202c-2.101-3.341-5.083-5.965-8.949-7.875-3.865-1.909-7.756-2.864-11.669-2.864-5.062 0-9.69.931-13.89 2.792-4.201 1.861-7.804 4.417-10.811 7.661-3.007 3.246-5.347 6.993-7.016 11.239-1.672 4.249-2.506 8.713-2.506 13.389 0 4.774.834 9.26 2.506 13.459 1.669 4.202 4.009 7.925 7.016 11.169 3.007 3.246 6.609 5.799 10.811 7.66 4.199 1.861 8.828 2.792 13.89 2.792 3.913 0 7.804-.955 11.669-2.863 3.866-1.908 6.849-4.533 8.949-7.875v9.021h15.607V78.182h-15.607v9.02zm-1.431 32.503c-.955 2.578-2.291 4.821-4.009 6.73-1.719 1.91-3.795 3.437-6.229 4.582-2.435 1.146-5.133 1.718-8.091 1.718-2.96 0-5.633-.572-8.019-1.718-2.387-1.146-4.438-2.672-6.156-4.582-1.719-1.909-3.032-4.152-3.938-6.73-.909-2.577-1.36-5.298-1.36-8.161 0-2.864.451-5.585 1.36-8.162.905-2.577 2.219-4.819 3.938-6.729 1.718-1.908 3.77-3.437 6.156-4.582 2.386-1.146 5.059-1.718 8.019-1.718 2.958 0 5.656.572 8.091 1.718 2.434 1.146 4.51 2.674 6.229 4.582 1.718 1.91 3.054 4.152 4.009 6.729.953 2.577 1.432 5.298 1.432 8.162-.001 2.863-.479 5.584-1.432 8.161zM463.954 87.202c-2.101-3.341-5.083-5.965-8.949-7.875-3.865-1.909-7.756-2.864-11.669-2.864-5.062 0-9.69.931-13.89 2.792-4.201 1.861-7.804 4.417-10.811 7.661-3.007 3.246-5.347 6.993-7.016 11.239-1.672 4.249-2.506 8.713-2.506 13.389 0 4.774.834 9.26 2.506 13.459 1.669 4.202 4.009 7.925 7.016 11.169 3.007 3.246 6.609 5.799 10.811 7.66 4.199 1.861 8.828 2.792 13.89 2.792 3.913 0 7.804-.955 11.669-2.863 3.866-1.908 6.849-4.533 8.949-7.875v9.021h15.607V78.182h-15.607v9.02zm-1.432 32.503c-.955 2.578-2.291 4.821-4.009 6.73-1.719 1.91-3.795 3.437-6.229 4.582-2.435 1.146-5.133 1.718-8.091 1.718-2.96 0-5.633-.572-8.019-1.718-2.387-1.146-4.438-2.672-6.156-4.582-1.719-1.909-3.032-4.152-3.938-6.73-.909-2.577-1.36-5.298-1.36-8.161 0-2.864.451-5.585 1.36-8.162.905-2.577 2.219-4.819 3.938-6.729 1.718-1.908 3.77-3.437 6.156-4.582 2.386-1.146 5.059-1.718 8.019-1.718 2.958 0 5.656.572 8.091 1.718 2.434 1.146 4.51 2.674 6.229 4.582 1.718 1.91 3.054 4.152 4.009 6.729.953 2.577 1.432 5.298 1.432 8.162 0 2.863-.479 5.584-1.432 8.161zM650.772 44.676h-15.606v100.23h15.606V44.676zM365.013 144.906h15.607V93.538h26.776V78.182h-42.383v66.724zM542.133 78.182l-19.616 51.096-19.616-51.096h-15.808l25.617 66.724h19.614l25.617-66.724h-15.808zM591.98 76.466c-19.112 0-34.239 15.706-34.239 35.079 0 21.416 14.641 35.079 36.239 35.079 12.088 0 19.806-4.622 29.234-14.688l-10.544-8.158c-.006.008-7.958 10.449-19.832 10.449-13.802 0-19.612-11.127-19.612-16.884h51.777c2.72-22.043-11.772-40.877-33.023-40.877zm-18.713 29.28c.12-1.284 1.917-16.884 18.589-16.884 16.671 0 18.697 15.598 18.813 16.884h-37.402zM184.068 43.892c-.024-.088-.073-.165-.104-.25-.058-.157-.108-.316-.191-.46-.056-.097-.137-.176-.203-.265-.087-.117-.161-.242-.265-.345-.085-.086-.194-.148-.29-.223-.109-.085-.206-.182-.327-.252l-.002-.001-.002-.002-35.648-20.524a2.971 2.971 0 00-2.964 0l-35.647 20.522-.002.002-.002.001c-.121.07-.219.167-.327.252-.096.075-.205.138-.29.223-.103.103-.178.228-.265.345-.066.089-.147.169-.203.265-.083.144-.133.304-.191.46-.031.085-.08.162-.104.25-.067.249-.103.51-.103.776v38.979l-29.706 17.103V24.493a3 3 0 00-.103-.776c-.024-.088-.073-.165-.104-.25-.058-.157-.108-.316-.191-.46-.056-.097-.137-.176-.203-.265-.087-.117-.161-.242-.265-.345-.085-.086-.194-.148-.29-.223-.109-.085-.206-.182-.327-.252l-.002-.001-.002-.002L40.098 1.396a2.971 2.971 0 00-2.964 0L1.487 21.919l-.002.002-.002.001c-.121.07-.219.167-.327.252-.096.075-.205.138-.29.223-.103.103-.178.228-.265.345-.066.089-.147.169-.203.265-.083.144-.133.304-.191.46-.031.085-.08.162-.104.25-.067.249-.103.51-.103.776v122.09c0 1.063.568 2.044 1.489 2.575l71.293 41.045c.156.089.324.143.49.202.078.028.15.074.23.095a2.98 2.98 0 001.524 0c.069-.018.132-.059.2-.083.176-.061.354-.119.519-.214l71.293-41.045a2.971 2.971 0 001.489-2.575v-38.979l34.158-19.666a2.971 2.971 0 001.489-2.575V44.666a3.075 3.075 0 00-.106-.774zM74.255 143.167l-29.648-16.779 31.136-17.926.001-.001 34.164-19.669 29.674 17.084-21.772 12.428-43.555 24.863zm68.329-76.259v33.841l-12.475-7.182-17.231-9.92V49.806l12.475 7.182 17.231 9.92zm2.97-39.335l29.693 17.095-29.693 17.095-29.693-17.095 29.693-17.095zM54.06 114.089l-12.475 7.182V46.733l17.231-9.92 12.475-7.182v74.537l-17.231 9.921zM38.614 7.398l29.693 17.095-29.693 17.095L8.921 24.493 38.614 7.398zM5.938 29.632l12.475 7.182 17.231 9.92v79.676l.001.005-.001.006c0 .114.032.221.045.333.017.146.021.294.059.434l.002.007c.032.117.094.222.14.334.051.124.088.255.156.371a.036.036 0 00.004.009c.061.105.149.191.222.288.081.105.149.22.244.314l.008.01c.084.083.19.142.284.215.106.083.202.178.32.247l.013.005.011.008 34.139 19.321v34.175L5.939 144.867V29.632h-.001zm136.646 115.235l-65.352 37.625V148.31l48.399-27.628 16.953-9.677v33.862zm35.646-61.22l-29.706 17.102V66.908l17.231-9.92 12.475-7.182v33.841z"/>
-                        </g>
-                    </svg>
-                </div>
-
-                <div class="mt-8 bg-white dark:bg-gray-800 overflow-hidden shadow sm:rounded-lg">
-                    <div class="grid grid-cols-1 md:grid-cols-2">
-                        <div class="p-6">
-                            <div class="flex items-center">
-                                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-500"><path d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path></svg>
-                                <div class="ml-4 text-lg leading-7 font-semibold"><a href="https://laravel.com/docs" class="underline text-gray-900 dark:text-white">Documentation</a></div>
-                            </div>
-
-                            <div class="ml-12">
-                                <div class="mt-2 text-gray-600 dark:text-gray-400 text-sm">
-                                    Laravel has wonderful, thorough documentation covering every aspect of the framework. Whether you are new to the framework or have previous experience with Laravel, we recommend reading all of the documentation from beginning to end.
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="p-6 border-t border-gray-200 dark:border-gray-700 md:border-t-0 md:border-l">
-                            <div class="flex items-center">
-                                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-500"><path d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"></path><path d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
-                                <div class="ml-4 text-lg leading-7 font-semibold"><a href="https://laracasts.com" class="underline text-gray-900 dark:text-white">Laracasts</a></div>
-                            </div>
-
-                            <div class="ml-12">
-                                <div class="mt-2 text-gray-600 dark:text-gray-400 text-sm">
-                                    Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process.
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="p-6 border-t border-gray-200 dark:border-gray-700">
-                            <div class="flex items-center">
-                                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-500"><path d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"></path></svg>
-                                <div class="ml-4 text-lg leading-7 font-semibold"><a href="https://laravel-news.com/" class="underline text-gray-900 dark:text-white">Laravel News</a></div>
-                            </div>
-
-                            <div class="ml-12">
-                                <div class="mt-2 text-gray-600 dark:text-gray-400 text-sm">
-                                    Laravel News is a community driven portal and newsletter aggregating all of the latest and most important news in the Laravel ecosystem, including new package releases and tutorials.
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="p-6 border-t border-gray-200 dark:border-gray-700 md:border-l">
-                            <div class="flex items-center">
-                                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-500"><path d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
-                                <div class="ml-4 text-lg leading-7 font-semibold text-gray-900 dark:text-white">Vibrant Ecosystem</div>
-                            </div>
-
-                            <div class="ml-12">
-                                <div class="mt-2 text-gray-600 dark:text-gray-400 text-sm">
-                                    Laravel's robust library of first-party tools and libraries, such as <a href="https://forge.laravel.com" class="underline">Forge</a>, <a href="https://vapor.laravel.com" class="underline">Vapor</a>, <a href="https://nova.laravel.com" class="underline">Nova</a>, and <a href="https://envoyer.io" class="underline">Envoyer</a> help you take your projects to the next level. Pair them with powerful open source libraries like <a href="https://laravel.com/docs/billing" class="underline">Cashier</a>, <a href="https://laravel.com/docs/dusk" class="underline">Dusk</a>, <a href="https://laravel.com/docs/broadcasting" class="underline">Echo</a>, <a href="https://laravel.com/docs/horizon" class="underline">Horizon</a>, <a href="https://laravel.com/docs/sanctum" class="underline">Sanctum</a>, <a href="https://laravel.com/docs/telescope" class="underline">Telescope</a>, and more.
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="flex justify-center mt-4 sm:items-center sm:justify-between">
-                    <div class="text-center text-sm text-gray-500 sm:text-left">
-                        <div class="flex items-center">
-                            <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor" class="-mt-px w-5 h-5 text-gray-400">
-                                <path d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
-                            </svg>
-
-                            <a href="https://laravel.bigcartel.com" class="ml-1 underline">
-                                Shop
-                            </a>
-
-                            <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="ml-4 -mt-px w-5 h-5 text-gray-400">
-                                <path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
-                            </svg>
-
-                            <a href="https://github.com/sponsors/taylorotwell" class="ml-1 underline">
-                                Sponsor
-                            </a>
-                        </div>
-                    </div>
-
-                    <div class="ml-4 text-center text-sm text-gray-500 sm:text-right sm:ml-0">
-                        Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }})
-                    </div>
-                </div>
-            </div>
-        </div>
-    </body>
-</html>