deployer/cafeg
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat. add ico ,change logo,管理員可刷新序號邏輯

Browse Source
This commit is contained in:
ukyo 2025-01-24 13:45:30 +08:00
parent 149d603a4c
commit 1858c5d70b
19 changed files with 537 additions and 377 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
app/Http/Controllers/front/PromoCodeController.php
View File

@ -5,6 +5,7 @@
use App\Models\Promocode;
use Auth;
use Illuminate\Http\Request;
use Exception;
class PromoCodeController extends Controller
{
@ -24,19 +25,49 @@ public function create()
$user_id = Auth::guard('member')->user()->id;
$count = Promocode::where('used_count', $user_id)->count();
if (! $count) {
if (!$count) {
$row = Promocode::where('used_count', 0)->first();
$row->used_count = $user_id;
$row->save();
return response()->json(['status' => 'success', 'msg' => '已成功取得', 'promocode' => $row->code]);
} else {
$code = Promocode::where('used_count', $user_id)->first();
$code = Promocode::where('used_count', $user_id)->latest()
->first();
;
return response()->json(['status' => 'success', 'msg' => '你已取得過優惠碼', 'promocode' => $code->code]);
}
}
/**
* Summary of morePromocode
* @throws \Exception
* @return mixed|\Illuminate\Http\JsonResponse
*/
public function morePromocode()
{
$user = Auth::guard('member')->user();
try {
if ($user->level != 9) {
throw new Exception("Error Processing Request", 401);
} else {
$row = Promocode::where('used_count', 0)->first();
$row->used_count = $user->id;
$row->save();
return response()->json(['status' => 'success', 'msg' => '已成功取得', 'promocode' => $row->code]);
}
} catch (Exception $th) {
//throw $th;
return response()->json(['status' => 'error', 'msg' => $th->getMessage(), 'code' => $th->getCode()]);
}
}
/**
* Store a newly created resource in storage.

2
app/Models/Member.php
View File

@ -64,7 +64,7 @@ public function getLevelNameAttribute()
public function getPromoCode()
{
return $this->hasOne(Promocode::class, 'used_count', 'id');
return $this->hasMany(Promocode::class, 'used_count', 'id');
}
protected function casts(): array
{

BIN
public/assets/img/favicon/cafeg.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
public/assets/img/logo/cafeg-logo-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

6
resources/views/admin/dashboard/auth-register.blade.php
View File

@ -15,9 +15,10 @@
<meta name="csrf-token" content="6fa8KEfKxuHo22PqMwHmCoxMDArqCNYyqRXJNZSE">
<!-- Canonical SEO -->
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="../../demo/assets/img/favicon/favicon.ico" />
<link rel="icon" type="image/x-icon" href="{{ asset('assets/img/favicon/cafeg.ico') }}" />
<!-- ? PROD Only: Google Tag Manager (Default ThemeSelection: GTM-5DDHKGP, PixInvent: GTM-5J3LMKC) -->
<script>
@ -39,8 +40,7 @@
</script>
<!-- End Google Tag Manager -->
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="{{asset('assets')}}/img/favicon/favicon.ico" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">

1
resources/views/admin/dashboard/profile.blade.php
View File

@ -15,6 +15,7 @@
<!-- Canonical SEO -->
<link rel="canonical" href="https://1.envato.market/materialize_admin">
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="../../demo/assets/img/favicon/favicon.ico" />

16
resources/views/admin/login.blade.php
View File

@ -13,7 +13,8 @@
<meta name="csrf-token" content="6fa8KEfKxuHo22PqMwHmCoxMDArqCNYyqRXJNZSE">
<!-- Canonical SEO -->
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="../../demo/assets/img/favicon/favicon.ico" />
<link rel="icon" type="image/x-icon" href="{{ asset('assets/img/favicon/cafeg.ico') }}" />
<!-- Include Styles -->
@ -104,14 +105,13 @@
<!-- Logo -->
<div class="app-brand justify-content-center mt-5">
<a href="#" class="app-brand-link gap-2">
<span class="app-brand-logo demo"><span>
{{-- <span class="app-brand-logo demo"><span>
<img src="{{asset('assets/img/logo/cafeg-logo.png')}}" width="50px" height="50px" alt="{{asset('img/logo/cafeg-logo.png')}}"> </img>
</span>
</span> --}}
</span>
<span class="app-brand-text demo text-heading fw-semibold">
&nbsp; &nbsp; <img src="{{asset('assets/img/logo/cafeg-logo-h.png')}}" width="120px" height="50px" alt="{{asset('img/logo/cafeg-logo.png')}}"> </img>
&nbsp;&nbsp;&nbsp;&nbsp;<img src="{{asset('assets/img/logo/cafeg-logo-1.png')}}" width="45%" height="45%" alt="{{asset('img/logo/cafeg-logo.png')}}"> </img>
</span>
</a>
</div>
@ -145,12 +145,12 @@
記住 我
</label>
</div>
<a href="forgot-password-basic.html" class="float-end mb-1 mt-2">
{{-- <a href="forgot-password-basic.html" class="float-end mb-1 mt-2">
<span>忘記密碼?</span>
</a>
</a> --}}
</div>
<div class="mb-5">
<button class="btn btn-primary d-grid w-100" type="submit">Sign in</button>
<button class="btn btn-primary d-grid w-100" type="submit">登 &nbsp; 入</button>
</div>
</form>

58
resources/views/admin/member/index.blade.php
View File

@ -2,6 +2,29 @@
@section('header')
@endsection
@section('content')
<style>
.table th,
.table td {
white-space: nowrap;
/* 禁止文字換行 */
text-align: center;
/* 內容置中 */
overflow: hidden;
/* 隱藏超出內容 */
text-overflow: ellipsis;
/* 超出用省略號顯示 */
}
.table th {
width: auto;
/* 可根據內容自適應，但不要超出 */
}
.table {
width: 100%;
/* 撐滿父容器 */
}
</style>
<div class="row">
<div class="col-md-12">
<div class="card-body">
@ -165,12 +188,39 @@ class="rounded-circle">
<i class="ri-user-line ri-22px text-info me-2"></i>
@elseif($item->level == 2)
<i class="ri-user-line ri-22px text-sucess me-2"></i>
@elseif($item->level == 9)
<i class="ri-user-line ri-22px text-black me-2"></i>
@endif
{{ $item->Level_Name }}
</span>
</td>
<td> <span class="text-danger" style="font-size:20px">{{ $item->getPromoCode->code }} </span>
<td>
@if (count($item->getPromoCode) == 1)
<span class="text-danger" style="font-size:20px">
{{ $item->getPromoCode[0]->code }}
</span>
@endif
@if (count($item->getPromoCode) > 1)
<a class="text-danger" style="font-size:20px" data-bs-toggle="collapse" href="#multiCollapseExample-{{ $item->id }}" role="button"
aria-expanded="false" aria-controls="multiCollapseExample1">
{{ $item->getPromoCode[0]->code }} (多筆)
</a>
@endif
<div class="collapse multi-collapse" id="multiCollapseExample-{{ $item->id }}">
<div class="d-grid d-sm-flex p-4 border justify-content-center" >
<span class="text-danger " style="font-size:20px">
@foreach ($item->getPromoCode as $key => $val)
@if($key %8 ==0)
<br>
@endif
{{ $val->code }}
@endforeach
</span>
</div>
</div>
</td>
<td></td>
</tr>
@ -186,6 +236,12 @@ class="rounded-circle">
</div>
<!-- / Layout page -->
</div>
<div class="alert alert-solid-primary d-flex align-items-center" role="alert">
<span class="alert-icon rounded">
<i class="ri-user-follow-line ri-22px"></i>
</span>
This is a primary solid alert — check it out!
</div>
</div>
@endsection
@section('scripts')

20
resources/views/admin/setting/adminlist.blade.php
View File

@ -168,10 +168,9 @@
<td>
<a href="#">
<span id="status-{{ $item->id }}"
onclick="updateStatus({{ $item->id }}, {{ $item->can_login == 1 ? 0 : 1 }})"
class="badge rounded-pill {{ $item->can_login == 1 ? 'bg-label-primary' : 'bg-label-danger' }}">
{{ $item->can_login_status}}
{{ $item->can_login_status }}
</span>
</a>
</td>
@ -183,7 +182,15 @@ class="badge rounded-pill {{ $item->can_login == 1 ? 'bg-label-primary' : 'bg-la
</tbody>
</table>
</div>
<div style="padding-top: 5%;"></div>
<div class="alert alert-solid-info d-flex align-items-center" role="alert" s>
<span class="alert-icon rounded">
<i class="ri-information-line ri-22px"></i>
</span>
後台註冊後,得點登入狀態放行
</div>
</div>
<div class="content-backdrop fade"></div>
{{ $data->links() }}
</div>
@ -216,8 +223,10 @@ function updateStatus(id, status) {
const statusElement = document.getElementById(`status-${id}`);
if (statusElement) {
statusElement.textContent = response.can_login == 1 ? '允許' : '未允許';
statusElement.className = `badge rounded-pill ${response.can_login == 1 ? 'bg-label-primary' : 'bg-label-danger'}`;
statusElement.setAttribute('onclick', `updateStatus(${id}, ${response.can_login == 1 ? 0 : 1})`);
statusElement.className =
`badge rounded-pill ${response.can_login == 1 ? 'bg-label-primary' : 'bg-label-danger'}`;
statusElement.setAttribute('onclick',
`updateStatus(${id}, ${response.can_login == 1 ? 0 : 1})`);
}
},
error: function(xhr) {
@ -229,7 +238,6 @@ function updateStatus(id, status) {
});
}
});
}
}
</script>
@endsection

6
resources/views/front/auth/confirmpassword.blade.php
View File

@ -78,9 +78,9 @@
<!-- Logo -->
<div class="app-brand justify-content-center mt-5">
<a href="#" class="app-brand-link gap-2">
<span class="app-brand-logo demo"><span>
<img src="{{ asset('assets/img/logo/cafeg-logo.png') }}" width="50px" height="50px" alt="{{ asset('img/logo/cafeg-logo.png') }}"> </img>
<span class="app-brand-logo demo">
<span class="app-brand-text demo text-heading fw-semibold">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img style="margin-left: 5%" src="{{ asset('assets/img/logo/cafeg-logo-1.png') }}" width="45%" height="45%" alt="{{ asset('img/logo/cafeg-logo.png') }}"> </img>
</span>
</span>
<span class="app-brand-text demo text-heading fw-semibold">

9
resources/views/front/auth/forgot-password.blade.php
View File

@ -3,7 +3,7 @@
<!-- beautify ignore:start -->
<html lang="en" class="dark-style layout-wide dark customizer-hide" dir="ltr" data-theme="theme-bordered" data-assets-path="../../assets/" data-template="vertical-menu-template-bordered" data-style="light">
<html lang="en" class="light-style layout-wide dark customizer-hide" dir="ltr" data-theme="theme-bordered" data-assets-path="../../assets/" data-template="vertical-menu-template-bordered" data-style="light">
<head>
<meta charset="utf-8" />
@ -92,10 +92,11 @@
<!-- Logo -->
<div class="app-brand justify-content-center mt-5">
<a href="#" class="app-brand-link gap-2">
<span class="app-brand-logo demo"><span>
<img src="{{ asset('assets/img/logo/cafeg-logo.png') }}" width="50px" height="50px" alt="{{ asset('img/logo/cafeg-logo.png') }}"> </img>
<span class="app-brand-logo demo">
<span class="app-brand-text demo text-heading fw-semibold">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img style="margin-left: 5%" src="{{ asset('assets/img/logo/cafeg-logo-1.png') }}" width="45%" height="45%" alt="{{ asset('img/logo/cafeg-logo.png') }}"> </img>
</span>
</span>
<span class="app-brand-text demo text-heading fw-semibold">
&nbsp; &nbsp; <img src="{{ asset('assets/img/logo/cafeg-logo-h.png') }}" width="120px" height="50px" alt="{{ asset('img/logo/cafeg-logo.png') }}"> </img>

197
resources/views/front/login.blade.php
View File

@ -1,94 +1,85 @@
<!DOCTYPE html>
<html lang="en" class="dark-style layout-menu-fixed customizer-hide" dir="ltr" data-theme="theme-default" data-assets-path="https://demos.pixinvent.com/materialize-html-laravel-admin-template/demo/assets/" data-base-url="https://demos.pixinvent.com/materialize-html-laravel-admin-template/demo-4" data-framework="laravel" data-template="blank-menu-theme-default-dark" data-style="dark">
<html lang="en" class="light-style layout-wide customizer-hide" dir="ltr" data-theme="theme-default"
data-assets-path="../../assets/" data-template="vertical-menu-template" data-style="light">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<title>卡菲姬登入</title>
<meta name="description" content="Materialize – is the most developer friendly &amp; highly customizable Admin Dashboard Template." />
<meta name="keywords" content="cafeg 卡菲姬">
<!-- laravel CRUD token -->
<meta name="csrf-token" content="6fa8KEfKxuHo22PqMwHmCoxMDArqCNYyqRXJNZSE">
<title>Login Basic - Pages | Materialize - Material Design HTML Admin Template</title>
<meta name="description"
content="Materialize – is the most developer friendly &amp; highly customizable Admin Dashboard Template." />
<meta name="keywords"
content="dashboard, material, material design, bootstrap 5 dashboard, bootstrap 5 design, bootstrap 5">
<!-- Canonical SEO -->
<link rel="canonical" href="https://1.envato.market/materialize_admin">
<!-- ? PROD Only: Google Tag Manager (Default ThemeSelection: GTM-5DDHKGP, PixInvent: GTM-5J3LMKC) -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-5J3LMKC');
</script>
<!-- End Google Tag Manager -->
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="../../demo/assets/img/favicon/favicon.ico" />
<link rel="icon" type="image/x-icon" href="../../assets/img/favicon/favicon.ico" />
<!-- Include Styles -->
<!-- $isFront is used to append the front layout styles only on the front layout otherwise the variable will be blank -->
<!-- BEGIN: Theme CSS-->
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&ampdisplay=swap" rel="stylesheet">
<link rel="preload" as="style" href="{{asset('assets')}}/vendor/fonts/remixicon/remixicon.css" />
<link rel="preload" as="style" href="{{asset('assets')}}/vendor/fonts/flag-icons.css" />
<link rel="preload" as="style" href="{{asset('assets')}}/vendor/libs/node-waves/node-waves.css" />
<link rel="stylesheet" href="{{asset('assets')}}/vendor/fonts/remixicon/remixicon.css" class="" />
<link rel="stylesheet" href="{{asset('assets')}}/vendor/fonts/flag-icons.css" class="" />
<link rel="stylesheet" href="{{asset('assets')}}/vendor/libs/node-waves/node-waves.css" class="" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&ampdisplay=swap"
rel="stylesheet">
<!-- Icons -->
<link rel="stylesheet" href="../../assets/vendor/fonts/remixicon/remixicon.css" />
<link rel="stylesheet" href="../../assets/vendor/fonts/flag-icons.css" />
<!-- Menu waves for no-customizer fix -->
<link rel="stylesheet" href="../../assets/vendor/libs/node-waves/node-waves.css" />
<!-- Core CSS -->
<link rel="preload" as="style" href="{{asset('assets')}}/vendor/css/core-dark.css" />
<link rel="preload" as="style" href="{{asset('assets')}}/vendor/css/theme-default-dark.css" />
<link rel="preload" as="style" href="{{asset('assets')}}/css/demo.css" />
<link rel="stylesheet" href="{{asset('assets')}}/vendor/css/core-dark.css" class="template-customizer-core-css" />
<link rel="stylesheet" href="{{asset('assets')}}/vendor/css/theme-default-dark.css" class="template-customizer-theme-css" />
<link rel="stylesheet" href="{{asset('assets')}}/css/demo.css" class="" />
<!-- Vendor Styles -->
<link rel="preload" as="style" href="{{asset('assets')}}/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
<link rel="preload" as="style" href="{{asset('assets')}}/vendor/libs/typeahead-js/typeahead.css" />
<link rel="stylesheet" href="{{asset('assets')}}/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" class="" />
<link rel="stylesheet" href="{{asset('assets')}}/vendor/libs/typeahead-js/typeahead.css" class="" />
<link rel="preload" as="style" href="{{asset('assets')}}/vendor/libs/@form-validation/form-validation.css" />
<link rel="stylesheet" href="{{asset('assets')}}/vendor/libs/@form-validation/form-validation.css" class="" />
<!-- Page Styles -->
<link rel="preload" as="style" href="{{asset('assets')}}/vendor/css/pages/page-auth.css" />
<link rel="stylesheet" href="{{asset('assets')}}/vendor/css/pages/page-auth.css" class="" />
<!-- Include Scripts for customizer, helper, analytics, config -->
<!-- $isFront is used to append the front layout scriptsIncludes only on the front layout otherwise the variable will be blank -->
<!-- laravel style -->
<link rel="modulepreload" href="{{asset('assets')}}/vendor/js/helpers.js" />
<script type="module" src="{{asset('assets')}}/vendor/js/helpers.js"></script>
<!-- beautify ignore:start -->
<link rel="stylesheet" href="../../assets/vendor/css/rtl/core.css" class="template-customizer-core-css" />
<link rel="stylesheet" href="../../assets/vendor/css/rtl/theme-default.css" class="template-customizer-theme-css" />
<link rel="stylesheet" href="../../assets/css/demo.css" />
<!-- Vendors CSS -->
<link rel="stylesheet" href="../../assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
<link rel="stylesheet" href="../../assets/vendor/libs/typeahead-js/typeahead.css" />
<!-- Vendor -->
<link rel="stylesheet" href="../../assets/vendor/libs/@form-validation/form-validation.css" />
<!-- Page CSS -->
<!-- Page -->
<link rel="stylesheet" href="../../assets/vendor/css/pages/page-auth.css">
<!-- Helpers -->
<script src="../../assets/vendor/js/helpers.js"></script>
<!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
<!--? Template customizer: To hide customizer set displayCustomizer value false in config.js. -->
<link rel="modulepreload" href="{{asset('assets')}}/vendor/js/template-customizer.js" />
<script src="../../assets/vendor/js/template-customizer.js"></script>
<!--? Config: Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file. -->
<link rel="modulepreload" href="{{asset('assets')}}/js/config.js" /><script type="module" src="{{asset('assets')}}/js/config.js"></script>
<script src="../../assets/js/config.js"></script>
<script type="module">
window.templateCustomizer = new TemplateCustomizer({
cssPath: '',
themesPath: '',
defaultStyle: "dark",
defaultShowDropdownOnHover: "1", // true/false (for horizontal layout only)
displayCustomizer: "1",
lang: 'de',
pathResolver: function(path) {
var resolvedPaths = {
// Core stylesheets
'core.scss': 'https://demos.pixinvent.com/materialize-html-laravel-admin-template/demo/build/assets/core-kL5gEEKA.css',
'core-dark.scss': 'https://demos.pixinvent.com/materialize-html-laravel-admin-template/demo/build/assets/core-dark-DFvmi5J3.css',
// Themes
'theme-default.scss': 'https://demos.pixinvent.com/materialize-html-laravel-admin-template/demo/build/assets/theme-default-Bt2z4DrM.css',
'theme-default-dark.scss': 'https://demos.pixinvent.com/materialize-html-laravel-admin-template/demo/build/assets/theme-default-dark-CHvAJUy2.css',
'theme-bordered.scss': 'https://demos.pixinvent.com/materialize-html-laravel-admin-template/demo/build/assets/theme-bordered-DhjhTV9k.css',
'theme-bordered-dark.scss': 'https://demos.pixinvent.com/materialize-html-laravel-admin-template/demo/build/assets/theme-bordered-dark-C25VfhpZ.css',
'theme-semi-dark.scss': 'https://demos.pixinvent.com/materialize-html-laravel-admin-template/demo/build/assets/theme-semi-dark-D80v88qZ.css',
'theme-semi-dark-dark.scss': 'https://demos.pixinvent.com/materialize-html-laravel-admin-template/demo/build/assets/theme-semi-dark-dark-BZrM7P_B.css',
}
return resolvedPaths[path] || path;
},
'controls': ["rtl","style","headerType","contentLayout","layoutCollapsed","layoutNavbarOptions","themes"],
});
</script>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5J3LMKC'); </script>
</head>
<body>
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5J3LMKC" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
@ -104,15 +95,12 @@
<!-- Logo -->
<div class="app-brand justify-content-center mt-5">
<a href="#" class="app-brand-link gap-2">
<span class="app-brand-logo demo"><span>
<img src="{{asset('assets/img/logo/cafeg-logo.png')}}" width="50px" height="50px" alt="{{asset('img/logo/cafeg-logo.png')}}"> </img>
</span>
</span>
<span class="app-brand-logo demo">
<span class="app-brand-text demo text-heading fw-semibold">
&nbsp; &nbsp; <img src="{{asset('assets/img/logo/cafeg-logo-h.png')}}" width="120px" height="50px" alt="{{asset('img/logo/cafeg-logo.png')}}"> </img>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img style="margin-left: 5%" src="{{asset('assets/img/logo/cafeg-logo-1.png')}}" width="45%" height="45%" alt="{{asset('img/logo/cafeg-logo.png')}}"> </img>
</span>
</span>
</a>
</div>
<!-- /Logo -->
@ -121,7 +109,7 @@
<h4 class="mb-1">歡迎來到卡菲姬 👋</h4>
<p class="mb-5">請登入後逕行兌換飲品,希望您會喜歡</p>
<form id="formAuthentication" class="mb-5" action="{{route(name: 'member.login.post')}}" method="POST">
<form id="formAuthentication" class="mb-5" action="{{ route(name: 'member.login.post') }}" method="POST">
@csrf
<div class="form-floating form-floating-outline mb-5">
<input type="text" class="form-control" id="email" name="email" placeholder="請填寫您的電子郵件" autofocus>
@ -156,7 +144,7 @@
<p class="text-center">
<span>新的裝置?</span>
<a href="{{route('member.register')}}">
<a href="{{ route('member.register') }}">
<span>創建新的帳號</span>
</a>
</p>
@ -167,12 +155,12 @@
<div class="d-flex justify-content-center gap-2">
<a href="{{route('front.login.line')}}" class="btn btn-icon rounded-circle btn-text-line">
<a href="{{ route('front.login.line') }}" class="btn btn-icon rounded-circle btn-text-line">
<i class="tf-icons ri-line-fill"></i>
</a>
<a href="{{route('google.auth')}}" class="btn btn-icon rounded-circle btn-text-google-plus">
<a href="{{ route('google.auth') }}" class="btn btn-icon rounded-circle btn-text-google-plus">
<i class="tf-icons ri-google-fill"></i>
</a>
</div>
@ -195,36 +183,36 @@
<!-- Include Scripts -->
<!-- $isFront is used to append the front layout scripts only on the front layout otherwise the variable will be blank -->
<!-- BEGIN: Vendor JS-->
<link rel="modulepreload" href="{{asset('assets')}}/vendor/libs/jquery/jquery.js" />
<link rel="modulepreload" href="{{asset('assets')}}/vendor/js/helpers.js" />
<link rel="modulepreload" href="{{asset('assets')}}/vendor/libs/popper/popper.js" />
<link rel="modulepreload" href="{{asset('assets')}}/vendor/js/bootstrap.js" />
<link rel="modulepreload" href="{{asset('assets')}}/vendor/libs/node-waves/node-waves.js" />
<link rel="modulepreload" href="{{asset('assets')}}/vendor/libs/perfect-scrollbar/perfect-scrollbar.js" />
<link rel="modulepreload" href="{{asset('assets')}}/vendor/libs/hammer/hammer.js" />
<link rel="modulepreload" href="{{asset('assets')}}/vendor/libs/typeahead-js/typeahead.js" />
<link rel="modulepreload" href="{{asset('assets')}}/vendor/js/menu.js" />
<script type="module" src="{{asset('assets')}}/vendor/libs/jquery/jquery.js"></script>
<link rel="modulepreload" href="{{asset('assets')}}/vendor/libs/@form-validation/popular.js" />
<link rel="modulepreload" href="{{asset('assets')}}/vendor/js/helpers.js" />
<link rel="modulepreload" href="{{asset('assets')}}/vendor/libs/@form-validation/bootstrap5.js" />
<link rel="modulepreload" href="{{ asset('assets') }}/vendor/libs/jquery/jquery.js" />
<link rel="modulepreload" href="{{ asset('assets') }}/vendor/js/helpers.js" />
<link rel="modulepreload" href="{{ asset('assets') }}/vendor/libs/popper/popper.js" />
<link rel="modulepreload" href="{{ asset('assets') }}/vendor/js/bootstrap.js" />
<link rel="modulepreload" href="{{ asset('assets') }}/vendor/libs/node-waves/node-waves.js" />
<link rel="modulepreload" href="{{ asset('assets') }}/vendor/libs/perfect-scrollbar/perfect-scrollbar.js" />
<link rel="modulepreload" href="{{ asset('assets') }}/vendor/libs/hammer/hammer.js" />
<link rel="modulepreload" href="{{ asset('assets') }}/vendor/libs/typeahead-js/typeahead.js" />
<link rel="modulepreload" href="{{ asset('assets') }}/vendor/js/menu.js" />
<script type="module" src="{{ asset('assets') }}/vendor/libs/jquery/jquery.js"></script>
<link rel="modulepreload" href="{{ asset('assets') }}/vendor/libs/@form-validation/popular.js" />
<link rel="modulepreload" href="{{ asset('assets') }}/vendor/js/helpers.js" />
<link rel="modulepreload" href="{{ asset('assets') }}/vendor/libs/@form-validation/bootstrap5.js" />
{{-- <link rel="modulepreload" href="{{asset('assets')}}/index.js" /> --}}
{{-- <link rel="modulepreload" href="{{asset('assets')}}/auto.js" /> --}}
<script type="module" src="{{asset('assets')}}/vendor/libs/@form-validation/popular.js">
</script><script type="module" src="{{asset('assets')}}/vendor/libs/@form-validation/bootstrap5.js"></script>
<script type="module" src="{{asset('assets')}}/vendor/libs/@form-validation/auto-focus.js"></script>
<script type="module" src="{{ asset('assets') }}/vendor/libs/@form-validation/popular.js">
</script><script type="module" src="{{ asset('assets') }}/vendor/libs/@form-validation/bootstrap5.js"></script>
<script type="module" src="{{ asset('assets') }}/vendor/libs/@form-validation/auto-focus.js"></script>
<!-- END: Page Vendor JS-->
<!-- BEGIN: Theme JS-->
<link rel="modulepreload" href="{{asset('assets')}}/js/main.js" />
<script type="module" src="{{asset('assets')}}/js/main.js"></script>
<link rel="modulepreload" href="{{ asset('assets') }}/js/main.js" />
<script type="module" src="{{ asset('assets') }}/js/main.js"></script>
<!-- END: Theme JS-->
<!-- Pricing Modal JS-->
<!-- END: Pricing Modal JS-->
<!-- BEGIN: Page JS-->
<link rel="modulepreload" href="{{asset('assets')}}/js/pages-auth.js" />
<script type="module" src="{{asset('assets')}}/js/pages-auth.js"></script>
<link rel="modulepreload" href="{{ asset('assets') }}/js/pages-auth.js" />
<script type="module" src="{{ asset('assets') }}/js/pages-auth.js"></script>
<!-- END: Page JS-->
<script src="{{asset('assets')}}/js/form-validation.js"></script>
<script src="{{ asset('assets') }}/js/form-validation.js"></script>
</body>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
@ -254,8 +242,7 @@
});
});
</script>
@endif
</script> @endif
</html>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

2
resources/views/front/member/auth-register.blade.php
View File

@ -15,8 +15,8 @@
<meta name="csrf-token" content="{{ csrf_token() }}">
<!-- Canonical SEO -->
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="../../demo/assets/img/favicon/favicon.ico" />
<link rel="icon" type="image/x-icon" href="../../demo/assets/img/favicon/favicon.ico" />
<!-- ? PROD Only: Google Tag Manager (Default ThemeSelection: GTM-5DDHKGP, PixInvent: GTM-5J3LMKC) -->

157
resources/views/front/member/index.blade.php
View File

@ -1,8 +1,7 @@
@extends('layouts.app')
@section('content')
<style>
<style>
.table th,
.table td {
white-space: nowrap;
@ -24,13 +23,12 @@
width: 100%;
/* 撐滿父容器 */
}
</style>
</style>
<!-- / Navbar -->
<!-- / Navbar -->
<!-- Content wrapper -->
<div class="content-wrapper">
<!-- Content wrapper -->
<div class="content-wrapper">
<!-- Content -->
<div class="container-xxl flex-grow-1 container-p-y">
@ -40,31 +38,39 @@
<div class="col-12">
<div class="card mb-6">
<div class="user-profile-header-banner">
<img src="https://cafeg.ukyo.idv.tw/assets/img/pages/profile-banner.png" style="width:100%; height:200px;" alt="Banner image" class="rounded-top">
<img src="https://cafeg.ukyo.idv.tw/assets/img/pages/profile-banner.png"
style="width:100%; height:200px;" alt="Banner image" class="rounded-top">
</div>
<div class="user-profile-header d-flex flex-column flex-sm-row text-sm-start text-center mb-5">
<div class="flex-shrink-0 mt-n2 mx-sm-0 mx-auto">
@if(Auth::guard('member')->user()->avatar)
<img src="{{Auth::guard('member')->user()->avatar}}" style="width:100px;hieght:100px;" alt="user image" class="d-block h-auto ms-0 ms-sm-5 rounded-4 user-profile-img">
@if (Auth::guard('member')->user()->avatar)
<img src="{{ Auth::guard('member')->user()->avatar }}" style="width:100px;hieght:100px;"
alt="user image" class="d-block h-auto ms-0 ms-sm-5 rounded-4 user-profile-img">
@else
<img src="../../assets/img/avatars/1.png" style="width:100px;hieght:100px;" alt="user image" class="d-block h-auto ms-0 ms-sm-5 rounded-4 user-profile-img">
<img src="../../assets/img/avatars/1.png" style="width:100px;hieght:100px;"
alt="user image" class="d-block h-auto ms-0 ms-sm-5 rounded-4 user-profile-img">
@endif
</div>
<div class="flex-grow-1 mt-4 mt-sm-12">
<div class="d-flex align-items-md-end align-items-sm-start align-items-center justify-content-md-between justify-content-start mx-5 flex-md-row flex-column gap-6">
<div
class="d-flex align-items-md-end align-items-sm-start align-items-center justify-content-md-between justify-content-start mx-5 flex-md-row flex-column gap-6">
<div class="user-profile-info">
<h4 class="mb-2">{{Auth::guard('member')->user()->name}}</h4>
<ul class="list-inline mb-0 d-flex align-items-center flex-wrap justify-content-sm-start justify-content-center gap-4">
<h4 class="mb-2">{{ Auth::guard('member')->user()->name }}</h4>
<ul
class="list-inline mb-0 d-flex align-items-center flex-wrap justify-content-sm-start justify-content-center gap-4">
<li class="list-inline-item">
<i class='ri-User-line me-2 ri-24px'></i><span class="fw-medium">{{Auth::guard('member')->user()->Level_Name}}</span>
<i class='ri-User-line me-2 ri-24px'></i><span
class="fw-medium">{{ Auth::guard('member')->user()->Level_Name }}</span>
</li>
<li class="list-inline-item">
<i class='ri-home-heart-fill me-2 ri-24px'></i><span class="fw-medium">客戶編號 : {{Auth::guard('member')->user()->id}}</span>
<i class='ri-home-heart-fill me-2 ri-24px'></i><span class="fw-medium">客戶編號
: {{ Auth::guard('member')->user()->id }}</span>
</li>
<li class="list-inline-item">
<i class="ri-calendar-line me-2 ri-24px"></i>
<span class="fw-medium">
加 入 : {{ \Carbon\Carbon::parse(Auth::guard('member')->user()->created_at)->format('Y 年 m 月') }}
加 入 :
{{ \Carbon\Carbon::parse(Auth::guard('member')->user()->created_at)->format('Y 年 m 月') }}
</span>
</li>
</ul>
@ -73,13 +79,64 @@
<i class="ri-qr-code-fill ri-16px me-2"></i>顯示兌換編碼
</a>
</div>
<div class="card mb-12" id="promocode">
<h5 class="card-header">兌換編碼</h5>
<div class="col-xl-12">
{{-- <h6 class="text-muted">顯示兌換編碼</h6> --}}
<div class="card text-center mb-4" id="promocode">
<div class="card-header">
<div class="nav-align-top">
<ul class="nav nav-pills" role="tablist">
<li class="nav-item">
<button type="button"
class="nav-link d-flex flex-column gap-1 active" role="tab"
data-bs-toggle="tab"
data-bs-target="#navs-pills-within-card-active"
aria-controls="navs-pills-within-card-active"
aria-selected="true"><i class="tf-icons ri-home-smile-line"></i>
咖啡國王&皇后</button>
</li>
<li class="nav-item">
<button type="button" class="nav-link d-flex flex-column gap-1"
role="tab" data-bs-toggle="tab"
data-bs-target="#navs-pills-within-card-link"
aria-controls="navs-pills-within-card-link"
aria-selected="false"><i class="tf-icons ri-links-line"></i>
茶飲大師</button>
</li>
</ul>
</div>
</div>
<div class="card-body">
<div class="tab-content p-0">
<div class="tab-pane fade show active" id="navs-pills-within-card-active"
role="tabpanel">
<h4 class="card-title">咖啡國王／咖啡皇后 <p>飲品兌換卷</p>
</h4>
<div class="form-floating form-floating-outline">
<input type="text" class="form-control text-danger" style="font-size:24px; font-weight: bold;" id="floatingInput" aria-describedby="floatingInputHelp">
@if (Auth::guard('member')->user()->level != 9)
<input type="text" class="form-control text-danger"
style="font-size:24px; font-weight: bold;"
id="floatingInput" aria-describedby="floatingInputHelp">
<label for="floatingInput">兌換碼</label>
{{-- <div id="floatingInputHelp" class="form-text">We'll never share your details with anyone else.</div> --}}
@else
<div class="input-group">
<input type="text" class="form-control text-danger"
style="font-size:24px; font-weight: bold;"
id="floatingInput2" aria-describedby="button-addon2">
<button class="btn btn-outline-primary" type="button"
id="button-addon2">重新獲取</button>
</div>
@endif
</div>
</div>
<div class="tab-pane fade" id="navs-pills-within-card-link" role="tabpanel">
<h4 class="card-title">茶飲大師手搖機 飲品兌換卷</h4>
<p class="card-text">施工中 ....</p>
{{-- <a href="javascript:void(0)" class="btn btn-secondary">Go somewhere</a> --}}
</div>
</div>
</div>
</div>
</div>
@ -101,7 +158,8 @@
<!-- Activity Timeline -->
<div class="card card-action mb-6">
<div class="card-header align-items-center">
<h5 class="card-action-title mb-0"><i class='ri-bar-chart-2-line ri-24px text-body me-4'></i>消費紀錄</h5>
<h5 class="card-action-title mb-0"><i
class='ri-bar-chart-2-line ri-24px text-body me-4'></i>消費紀錄</h5>
</div>
<div class="card-body pt-5">
<!-- Order List Table -->
@ -155,14 +213,14 @@
</div>
<!-- / Content -->
</div>
<!-- beautify ignore:end -->
</div>
<!-- beautify ignore:end -->
<!-- Include necessary scripts -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
<!-- Include necessary scripts -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
<script>
<script>
$(document).ready(function() {
$("#promocode").hide();
var qrcode = new QRCode(document.getElementById("qrcode"), {
@ -172,31 +230,58 @@
});
});
$("#submit-btn").on('click', function() {
var id = "{{Auth::guard('member')->user()->id}}";
var id = "{{ Auth::guard('member')->user()->id }}";
$("#promocode").show();
console.log('id:', id);
// 發送 AJAX 請求
$.ajax({
url: "{{route('member.getpromocode')}}", // 設定你的路由 URL
type: 'POST'
, data: {
url: "{{ route('member.getpromocode') }}", // 設定你的路由 URL
type: 'POST',
data: {
_token: '{{ csrf_token() }}', // CSRF token
id: id
}
, success: function(response) {
},
success: function(response) {
$("#floatingInput").val(response.promocode);
$("#floatingInput2").val(response.promocode);
console.log(response); // 顯示後端回應資料
}
, error: function(xhr, status, error) {
},
error: function(xhr, status, error) {
console.log(xhr.responseText); // 顯示錯誤資訊
}
});
});
$("#button-addon2").on('click', function() {
var id = "{{ Auth::guard('member')->user()->id }}";
$("#promocode").show();
</script>
console.log('id:', id);
// 發送 AJAX 請求
$.ajax({
url: "{{ route('member.morepromocode') }}", // 設定你的路由 URL
type: 'PATCH',
data: {
_token: '{{ csrf_token() }}', // CSRF token
id: id
},
success: function(response) {
$("#floatingInput").val(response.promocode);
$("#floatingInput2").val(response.promocode);
console.log(response); // 顯示後端回應資料
},
error: function(xhr, status, error) {
console.log(xhr.responseText); // 顯示錯誤資訊
}
});
});
</script>
@endsection

12
resources/views/front/member/page-profile.blade.php
View File

@ -158,16 +158,7 @@ class="col-12 text-center d-flex flex-wrap justify-content-center gap-4 row-gap-
<!-- BEGIN: Vendor JS-->
@section('scripts')
<!-- Core JS -->
<!-- build:js assets/vendor/js/core.js -->
<script src="{{ asset('assets') }}/vendor/libs/jquery/jquery.js"></script>
<script src="{{ asset('assets') }}/vendor/libs/popper/popper.js"></script>
<script src="{{ asset('assets') }}/vendor/js/bootstrap.js"></script>
<script src="{{ asset('assets') }}/vendor/libs/node-waves/node-waves.js"></script>
<script src="{{ asset('assets') }}/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
<script src="{{ asset('assets') }}/vendor/libs/hammer/hammer.js"></script>
<script src="{{ asset('assets') }}/vendor/libs/i18n/i18n.js"></script>
<script src="{{ asset('assets') }}/vendor/libs/typeahead-js/typeahead.js"></script>
<script src="{{ asset('assets') }}/vendor/js/menu.js"></script>
<!-- endbuild -->
@ -182,7 +173,6 @@ class="col-12 text-center d-flex flex-wrap justify-content-center gap-4 row-gap-
<script src="{{ asset('assets') }}/vendor/libs/@form-validation/auto-focus.js"></script>
<!-- Main JS -->
<script src="../../assets/js/main.js"></script>

6
resources/views/front/member/profile.blade.php
View File

@ -1,6 +1,6 @@
<!DOCTYPE html>
<html lang="en" class="dark-style layout-menu-fixed customizer-hide" dir="ltr" data-theme="theme-default" data-assets-path="https://demos.pixinvent.com/materialize-html-laravel-admin-template/demo/assets/" data-base-url="https://demos.pixinvent.com/materialize-html-laravel-admin-template/demo-4" data-framework="laravel" data-template="blank-menu-theme-default-dark" data-style="dark">
<html lang="en" class="light-style layout-menu-fixed customizer-hide" dir="ltr" data-theme="theme-default" data-assets-path="https://demos.pixinvent.com/materialize-html-laravel-admin-template/demo/assets/" data-base-url="https://demos.pixinvent.com/materialize-html-laravel-admin-template/demo-4" data-framework="laravel" data-template="blank-menu-theme-default-dark" data-style="dark">
<head>
<meta charset="utf-8" />
@ -22,8 +22,8 @@
<!-- $isFront is used to append the front layout styles only on the front layout otherwise the variable will be blank -->
<!-- BEGIN: Theme CSS-->
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com/css">
<link rel="preconnect" href="https://fonts.gstatic.com" cross origin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&ampdisplay=swap" rel="stylesheet">
<link rel="preload" as="style" href="{{asset('assets')}}/vendor/fonts/remixicon/remixicon.css" />

2
resources/views/layouts/admin_app.blade.php
View File

@ -12,7 +12,7 @@
<meta name="description" content="" />
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="{{ asset('assets/img/favicon/favicon.ico') }}" />
<link rel="icon" type="image/x-icon" href="{{ asset('assets/img/favicon/cafeg.ico') }}" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />

2
resources/views/layouts/app.blade.php
View File

@ -15,7 +15,7 @@
<meta name="description" content="" />
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="{{ asset('assets/img/favicon/favicon.ico') }}" />
<link rel="icon" type="image/x-icon" href="{{ asset('assets/img/favicon/cafeg.ico') }}" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />

1
routes/web.php
View File

@ -63,6 +63,7 @@
Route::get('validemail', [EmailController::class, 'validemail'])->name('validemail');
Route::post('sendemail', [EmailController::class, 'sendemail'])->name('sendemail');
Route::get('page-profile', [MemberController::class, 'pageProfile'])->name('page-profile');
Route::patch('morepromocode', [PromoCodeController::class, 'morePromocode'])->name('morepromocode');
});