20220913 後台功能更新

app/Http/Controllers/Backend/DataManagement/SignupManagementController.php

@@ -0,0 +1,176 @@
+<?php
+
+namespace App\Http\Controllers\Backend\DataManagement;
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Storage;
+use App\Http\Services\CheckParamService;
+use App\Http\Controllers\Controller;
+use App\Http\Services\Backend\DataManagement\SignupManagementService;
+use Log;
+use Illuminate\Support\Facades\Session;
+use Spatie\SimpleExcel\SimpleExcelWriter;
+
+class SignupManagementController extends Controller
+{
+    
+    // 相關私有服務層調用器宣告
+    private $checkParamSv;
+    private $signupManagementSv;
+    
+    public function __construct()
+    {
+        // 建構服務層調用器
+        $this->checkParamSv=new CheckParamService();
+        $this->signupManagementSv = new SignupManagementService();
+    }
+    public function index()
+    {
+        // 取得參數
+        $param = $_GET;
+        // 渲染
+        return view('admin.DataManagement.SignupManagement');
+
+    }
+    public function grid()
+    {
+        // 取得參數
+        $param = $_GET;
+        // if ($param == null) exit();
+        $draw = $param["draw"]; //客戶端傳來的查詢次數，無條件回傳用以核對
+        $orderColumn = $param["order"][0]["column"] + 1; //前端從 0 開始送，但 mysql 從 1 開始算
+        $orderDir = $param["order"][0]["dir"];
+        $start = $param["start"];   // 頁碼
+        $length = $param["length"]; // 一頁多大
+        $searchValue = $param["search"]["value"];
+        //客製化搜尋欄位
+        $keyword = $param["columns"][1]["search"]["value"];
+
+        // 驗證
+        if ($keyword != filter_var($keyword, FILTER_SANITIZE_SPECIAL_CHARS)) $keyword = "___CANNOT_FIND_STRING___";
+        if (!$this->checkParamSv->LenMToN($keyword, 0, 50)) $keyword = "___CANNOT_FIND_STRING___";
+        
+        //資料庫
+        $recordsTotal = 0;
+        if ($keyword) {
+            $result=$this->signupManagementSv->getList($recordsTotal, $orderColumn, $orderDir, $start, $length, $searchValue, $this->safeEncrypt(($keyword), 'arm'));
+        } else {
+            $result=$this->signupManagementSv->getList($recordsTotal, $orderColumn, $orderDir, $start, $length, $searchValue, '');
+        }
+        
+        // 外部短網址系統串接
+        $orlCodeIds = array();
+
+        // 整理返回資料
+        $data = array();
+        $registeredSession = '';
+        $lunchOptions = '';
+        for ($i = 0; $i < count($result); $i++) {
+            
+            $data[] = array(
+                //一般資料
+                $result[$i]["id"],
+                htmlspecialchars($this->safeDecrypt($result[$i]["firstName"], 'arm')),
+                htmlspecialchars($this->safeDecrypt($result[$i]["lastName"], 'arm')),
+                htmlspecialchars($this->safeDecrypt($result[$i]["companyName"], 'arm')),
+                htmlspecialchars($result[$i]["country"]),
+                htmlspecialchars($result[$i]["trackNo"]),
+                htmlspecialchars($result[$i]["registeredSession"]),
+                htmlspecialchars($result[$i]["lunchOptions"]),
+                $result[$i]["createDate"],
+            );
+        }
+        $json = array(
+            "draw"            => $draw,
+            "recordsTotal"    => $recordsTotal,
+            "recordsFiltered" => $recordsTotal, //其實還是填入所有筆數，本次筆數可從陣列取得
+            "data"            => $data,
+        );
+        
+        // 返回
+        return json_decode(json_encode($json), true);
+    }
+
+    public function export(Request $request)
+    {
+        // 取得參數
+        $param = $_POST;
+        /*
+        if (!$request->keyword) {
+            Session::flash('msg', '請填入關鍵字!');
+            return redirect()->back();
+        }
+        */
+        if ($request->keyword) {
+            $datas = $this->signupManagementSv->getExportList($this->safeEncrypt(($request->keyword), 'arm'));
+        } else {
+            $datas = $this->signupManagementSv->getExportList('');
+        }
+        
+        $rows = [];
+        foreach ($datas as $data) {
+            
+            if ($data['backupEmail']) {
+                $backupEmail = $this->safeDecrypt($data['backupEmail'], 'arm');
+            } else {
+                $backupEmail = '';
+            }
+
+            $rows[] = [
+                '序號' => $data['id'],
+                'firstName' => $this->safeDecrypt($data['firstName'], 'arm'),
+                'lastName' => $this->safeDecrypt($data['lastName'], 'arm'),
+                'companyName' => $this->safeDecrypt($data['companyName'], 'arm'),
+                'companyEmail' => $this->safeDecrypt($data['companyEmail'], 'arm'),
+                'backupEmail' => $backupEmail,
+                'phoneNumber' => $this->safeDecrypt($data['phoneNumber'], 'arm'),
+                'country' => $data['country'],
+                'trackNo' => $data['trackNo'],
+                'registeredSession(TW only)' => $data['registeredSession'],
+                'lunchOptions(TW only)' => $data['lunchOptions'],
+                'typeOfIndustry' => $data['typeOfIndustry'],
+                'typeOfJob' => $data['typeOfJob'],
+                'jobTitle' => $data['jobTitle'],
+                'trackOfInterest' => $data['trackOfInterest'],
+                'areaOfInterest' => $data['areaOfInterest'],
+                'howToKnowAboutTheEvent' => $data['howToKnowAboutTheEvent'],
+                'consentAcceptEmail' => $data['consentAcceptEmail'],
+                'consentPrivacyPolicy' => $data['consentPrivacyPolicy'],
+                '報名時間' => $data['createDate'],
+            ];
+        }
+
+        SimpleExcelWriter::streamDownload('報名資料'.date('YmdHis').'.xlsx')
+            ->addRows($rows)
+            ->toBrowser();
+    }
+
+    /**
+     * 參數加解密模組: 加密部分，建議使用環境變數中的 secret key 作加解密種子
+     */
+    public function safeEncrypt(string $message, string $skey): string
+    {
+        
+        $strArr = str_split(base64_encode($message));
+        $strCount = count($strArr);
+        foreach (str_split($skey) as $key => $value)
+        $key < $strCount && $strArr[$key].=$value;
+        return str_replace(array('=', ' ', '/'), array('O0O0O', 'o000o', 'oo00o'), join('', $strArr));
+    }
+    
+    /**
+     * 參數加解密模組: 解密部分，建議使用環境變數中的 secret key 作加解密種子
+     */
+    public function safeDecrypt(string $encrypted, string $skey): string
+    {
+        $strArr = str_split(str_replace(array('O0O0O', 'o000o', 'oo00o'), array('=', ' ', '/'), $encrypted), 2);
+        $strCount = count($strArr);
+
+        foreach (str_split($skey) as $key => $value) {
+            $key <= $strCount && isset($strArr[$key]) && $strArr[$key][1] === $value && $strArr[$key] = $strArr[$key][0];
+        }
+            
+        return base64_decode(join('', $strArr));
+    }
+    
+}

app/Http/Controllers/Backend/DataManagement/TrackManagementController.php

@@ -0,0 +1,239 @@
+<?php
+
+namespace App\Http\Controllers\Backend\DataManagement;
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Storage;
+use App\Http\Services\CheckParamService;
+use App\Http\Controllers\Controller;
+use App\Http\Services\Backend\DataManagement\TrackManagementService;
+use Log;
+
+class TrackManagementController extends Controller
+{
+    
+    // 相關私有服務層調用器宣告
+    private $checkParamSv;
+    private $trackManagementSv;
+    
+    public function __construct()
+    {
+        // 建構服務層調用器
+        $this->checkParamSv=new CheckParamService();
+        $this->trackManagementSv = new TrackManagementService();
+    }
+    public function index()
+    {
+        // 渲染
+        return view('admin.DataManagement.TrackManagement');
+
+    }
+    public function grid()
+    {
+        // 取得參數
+        $param = $_GET;
+        if ($param == null) exit();
+        $draw = $param["draw"]; //客戶端傳來的查詢次數，無條件回傳用以核對
+        $orderColumn = $param["order"][0]["column"] + 1; //前端從 0 開始送，但 mysql 從 1 開始算
+        $orderDir = $param["order"][0]["dir"];
+        $start = $param["start"];   // 頁碼
+        $length = $param["length"]; // 一頁多大
+        $searchValue = $param["search"]["value"];
+        //客製化搜尋欄位
+        $keyword = $param["columns"][1]["search"]["value"] ?? null ;
+
+        // 驗證
+        if ($keyword != filter_var($keyword, FILTER_SANITIZE_SPECIAL_CHARS)) $keyword = "___CANNOT_FIND_STRING___";
+        if (!$this->checkParamSv->LenMToN($keyword, 0, 50)) $keyword = "___CANNOT_FIND_STRING___";
+        
+        //資料庫
+        $recordsTotal = 0;
+
+        $result=$this->trackManagementSv->getList($recordsTotal, $orderColumn, $orderDir, $start, $length, $searchValue, $keyword);
+
+        // 整理返回資料
+        $data = array();
+        $registeredSession = '';
+        $lunchOptions = '';
+        for ($i = 0; $i < count($result); $i++) {
+            
+            $result[$i]["ctrEdit"]=' 
+                <a class="btn _btn-warning btn-sm _fz-12" href="track/edit/'.$result[$i]["id"].'"><span class="_glyphicon _glyphicon-list"></span> 編輯 </a>
+                <a class="btn btn-danger btn-sm _fz-12" onclick="return delWarning();" href="track/delete/'.$result[$i]["id"].'"><span class="_glyphicon _glyphicon-remove"></span> 刪除 </a>';
+
+            $data[] = array(
+                //一般資料
+                $result[$i]["id"],
+                htmlspecialchars($result[$i]["trackNo"]),
+                htmlspecialchars($result[$i]["trackTitle"]),
+                htmlspecialchars($result[$i]["trackLimit"]),
+                $result[$i]["createDate"],
+                $result[$i]["ctrEdit"],
+            );
+        }
+        $json = array(
+            "draw"            => $draw,
+            "recordsTotal"    => $recordsTotal,
+            "recordsFiltered" => $recordsTotal, //其實還是填入所有筆數，本次筆數可從陣列取得
+            "data"            => $data,
+        );
+        
+        // 返回
+        return json_decode(json_encode($json), true);
+    }
+
+    /**
+     * 新增訊息頁面
+     *   本端點非 API，直接到 view
+     * @return array:          返回渲染頁
+     */
+    public function create()
+    {
+        // 取得參數與驗證
+        // 服務層取得資料(以及實現各種業務上的邏輯)
+        
+        $tagUnassign = $this->tagManagementSv->getTagByReferral("", false);
+        //有一個referral 貼多個標的情況
+        $tagUnassign_uniques = array();
+        foreach ($tagUnassign as $c) {
+            $tagUnassign_uniques[$c["id"].'-'.$c["tagName"]] = $c; // Get unique country by code.
+        }
+        
+        $tagAssigned = $this->tagManagementSv->getTagByReferral("", true);
+        //有一個referral 貼多個標的情況
+        $tagAssigned_uniques = array();
+        foreach ($tagAssigned as $c) {
+            $tagAssigned_uniques[$c["id"].'-'.$c["tagName"]] = $c; // Get unique country by code.
+        }
+        $referralList = $this->referralSv->getReferral();
+        $referral=array();
+        foreach($referralList as $data)
+        {
+            array_push($referral,$data["referral"]);
+        }
+        // 渲染
+        return view('admin.DataManagement.ReferralManagementEdit', [
+            'operdata'        => "",
+            'richmenuId'         => 0,
+            'richmenus'          => $this->richmenuManagementSv->getRichmenuList(),
+            'tagUnassign'        => $tagUnassign_uniques, 
+            'tagAssigned'        => $tagAssigned_uniques,
+            'existReferral'        => $referral,
+        ]);
+    }
+
+    /**
+     * 編輯訊息頁面
+     *   本端點非 API，依照變量取得資料後，渲染到 view
+     *
+     * @param integer $id :    訊息的序號
+     *
+     * @return array:          返回渲染頁
+     */
+    public function edit($id)
+    {
+        // 取得參數與驗證
+        // 服務層取得資料(以及實現各種業務上的邏輯)
+        $res = $this->trackManagementSv->getTrackDataById($id);
+
+        // 渲染
+        return view('admin.DataManagement.TrackManagementEdit', [
+            'operdata'      => $res,
+            'id'            => $id,
+        ]);
+    }
+    
+    /**
+     * 新增或編輯標籤的端點
+     *   本端點非 API，依照參數新增或修改資料後，跳轉到既有的 view
+     *
+     * @param Request $request :  整包參數
+     *
+     * @return array:             返回跳轉渲染頁的資訊
+     */
+    public function store(Request $request)
+    {
+        // 取得參數(由於是內部系統因此不做後端驗證)
+        \Log::info($request->all());
+        // return;
+        $mode = $request->operateMode;
+        $trackNo = $request->trackNo;
+        $trackTitle = $request->trackTitle;
+        $trackLimit = $request->trackLimit;
+        // $id = ($request->mode == 'insert') ? '' : $request->id;
+        // $name = $request->name;
+        // $referral = $request->referral;
+        // $orlCode = $request->orlCode;
+        // $richmenuId = $request->richmenuId;
+        // $hidTag = $request->hidTag;
+        // $folderS3 = 'urlQRCode'; //要儲存到S3上的folder名稱
+        /**
+         * picsee短網址
+         */
+        // 服務層設置(以及實現各種業務上的邏輯)
+        if ($mode='insert') {
+            // 新增模式
+            // 直接創建一組短網址
+            //$orlCode = $this->insertOrl($name, env('LINE_LIFF_URL').'/'.env('LIFF_PAGE_LOGIN').'?referral='.$referral.'&liffId='.env('LIFF_PAGE_LOGIN'), $name);
+            // $orlCode = $this->insertOrl($name, env('APP_URL').'/web/referrallogin/'.$referral, $name);
+            /**
+             * 改掉以往存到ORL的方式，改以透過Picsee來產生短網址
+             * 增加儲存欄位
+             * @picseeCode 短網址存取碼
+             * @picseeUrl 短網址
+             * @qRCode_pic
+             */
+            //新的新增至PICSEE
+            // $picseeData = $this->insertPicsee(env("APP_FRONTEND_URL").'/web/referrallogin/'.$referral);
+
+            // $picseeUrl = str_replace(env("PICSEE_SERCH_DOMAIN"),env("PICSEE_REPLACE_DOMAIN"),$picseeData->picseeUrl);
+            // $explodeGetCode = explode("/",$picseeUrl);
+            // $picseeCode = end($explodeGetCode);
+            // $qRCode = $this->makeQRCode($picseeCode,$picseeUrl,$folderS3);
+            // $id = $this->trackManagementSv->insertReferral(
+            //     $name,
+            //     $referral,
+            //     $richmenuId,
+            //     $picseeCode,
+            //     $picseeUrl,
+            //     $qRCode,
+            //     $orlCode
+            // );
+        } elseif ($mode=='edit') {
+//             $referralData = $this->referralSv->getReferralById($id);
+//             // 編輯模式
+//             if ($orlCode != 0) {
+//                 $this->updateOrl($orlCode, $name, $name);
+//             } else {
+//                 // 針對導入短網址服務之後，但又已經存在的紀錄，開放只要編輯過就可以取得短網址
+//                 //$orlCode = $this->insertOrl($name, env('LINE_LIFF_URL').'/'.env('LIFF_PAGE_LOGIN').'?referral='.$referral.'&liffId='.env('LIFF_PAGE_LOGIN'), $name);
+// //                $orlCode = $this->insertOrl($name, env('APP_URL').'/web/referrallogin/'.$referral, $name);
+//                 //此段取得短網址的功能調整指向picsee流程
+//                 if($referralData["picseeCode"] == ""){
+//                     $picseeData = $this->insertPicsee(env("APP_URL").'/web/referrallogin/'.$referral);
+//                     $picseeUrl = str_replace(env("PICSEE_SERCH_DOMAIN"),env("PICSEE_REPLACE_DOMAIN"),$picseeData->picseeUrl);
+//                     $explodeGetCode = explode("/",$picseeUrl);
+//                     $picseeCode = end($explodeGetCode);
+//                     $qRCode = $this->makeQRCode($picseeCode,$picseeUrl,$folderS3);
+//                     $this->referralSv->modifyReferralPicsee(
+//                         $id,
+//                         $picseeCode,
+//                         $picseeUrl,
+//                         $qRCode
+//                     );
+//                 }
+//             }
+            $this->trackManagementSv->store(
+                $id,
+                $trackNo,
+                $trackTitle,
+                $trackLimit,
+            );
+        }
+        // $this->referralTagManagementSv->modifyreferralTagByReferralAndTagIds($id, $hidTag);
+    
+        // 跳轉
+        return redirect('/backend/dataManagement/track');
+    }
+    
+}

app/Http/Services/Backend/DataManagement/SignupManagementService.php

@@ -0,0 +1,87 @@
+<?php
+
+namespace App\Http\Services\Backend\DataManagement;
+
+use App\Http\Services\ConstDef\GeneralConst;
+use App\Models\SignupData;
+use DB;
+use Log;
+use PhpOffice\PhpSpreadsheet\IOFactory;
+use PhpOffice\PhpSpreadsheet\Spreadsheet;
+
+class SignupManagementService
+{
+    
+    // 相關私有 model 調用器宣告
+    private $signupDb;
+    public function __construct()
+    {
+        // 建構 model 調用器
+        $this->signupDb=new SignupData();
+    }
+    public function getList(&$cnt = 0, $orderColumn, $orderDir, $start, $length, $searchValue, $keyword)
+    {
+        // 調用資料庫(或者其他業務邏輯)
+        $res = $this->signupDb
+            ->select('*');
+            
+        if ($keyword != ""){
+
+            $res->where('firstName', $keyword)
+                ->orWhere('lastName', $keyword)
+                ->orWhere('companyName', $keyword)
+                ->orWhere('companyEmail', $keyword)
+                ->orWhere('backupEmail', $keyword)
+                ->orWhere('phoneNumber', $keyword)
+                ->orWhere('country', $keyword)
+                ->orWhere('trackNo', $keyword)
+                ->orWhere('typeOfIndustry', $keyword)
+                ->orWhere('typeOfJob', $keyword)
+                ->orWhere('jobTitle', $keyword);
+        }
+            
+        // 取總筆數
+        $cnt = $res->count();
+        // 排序
+        $res = $res
+            ->orderByRaw((int)$orderColumn . ' ' . $orderDir);
+        // 分頁
+        $res = $res
+            ->skip($start)->take($length);
+        // 實際取資料
+        $result = $res
+            ->get()
+            ->toArray();
+        
+        // 整理返回值並返回
+        return $result;
+    }
+
+    public function getExportList($keyword)
+    {
+        $res = $this->signupDb
+            ->select('*');
+            
+        if ($keyword != ""){
+
+            $res->where('firstName', $keyword)
+                ->orWhere('lastName', $keyword)
+                ->orWhere('companyName', $keyword)
+                ->orWhere('companyEmail', $keyword)
+                ->orWhere('backupEmail', $keyword)
+                ->orWhere('phoneNumber', $keyword)
+                ->orWhere('country', $keyword)
+                ->orWhere('trackNo', $keyword)
+                ->orWhere('typeOfIndustry', $keyword)
+                ->orWhere('typeOfJob', $keyword)
+                ->orWhere('jobTitle', $keyword);
+        }
+        $res = $this->signupDb
+            ->get()
+            ->toArray();
+        
+        // 整理返回值並返回
+        return $res;
+    }
+
+}

app/Http/Services/Backend/DataManagement/TrackManagementService.php

@@ -0,0 +1,120 @@
+<?php
+
+namespace App\Http\Services\Backend\DataManagement;
+
+use App\Http\Services\ConstDef\GeneralConst;
+use App\Models\TrackData;
+use DB;
+use Log;
+use PhpOffice\PhpSpreadsheet\IOFactory;
+use PhpOffice\PhpSpreadsheet\Spreadsheet;
+
+class TrackManagementService
+{
+    
+    // 相關私有 model 調用器宣告
+    private $signupDb;
+    public function __construct()
+    {
+        // 建構 model 調用器
+        $this->trackDataDb = new TrackData();
+
+    }
+    public function getList(&$cnt = 0, $orderColumn, $orderDir, $start, $length, $searchValue, $keyword)
+    {
+        // 調用資料庫(或者其他業務邏輯)
+        $res = $this->trackDataDb
+            ->select('*')
+            ->where('trackNo', 'like', '%'.$keyword.'%')
+            ->orWhere('trackTitle', 'like', '%'.$keyword.'%');
+            
+        // 取總筆數
+        $cnt = $res->count();
+        // 排序
+        $res = $res
+            ->orderByRaw((int)$orderColumn . ' ' . $orderDir);
+        // 分頁
+        $res = $res
+            ->skip($start)->take($length);
+        // 實際取資料
+        $result = $res
+            ->get()
+            ->toArray();
+        
+        // 整理返回值並返回
+        return $result;
+    }
+
+    public function getReferral()
+    {
+        $res=$this->referralDB->select(["id","name","referral"])->get();
+        if(!empty($res))
+        {
+            $res=$res->toArray();
+        }
+        return $res;
+    }
+    public function getTrackDataById($id)
+    {
+        $res=$this->trackDataDb
+            ->select('*')
+            ->where("id",$id)
+            ->first();
+
+        if(!empty($res))
+        {
+            $res=$res->toArray();
+        }
+        return $res;
+    }
+    public function getReferralByReferral($referral)
+    {
+        return $this->referralDB->where('referral', $referral)->first();
+    }
+    public function modifyReferral($id,$name,$referral,$richmenuId,$orlCode=0)
+    {
+        $res=$this->referralDB->where("id",$id)->update(["name"=>$name,"richmenuId"=>$richmenuId,"orlCode"=>$orlCode]);
+        return $res;
+    }
+    public function modifyReferralPicsee($id,$picseeCode,$picseeUrl,$qRCode)
+    {
+        $res=$this->referralDB->where("id",$id)->update(["picseeCode"=>$picseeCode,"shortUrl"=>$picseeUrl,"qRCode"=>$qRCode]);
+        return $res;
+    }
+    public function modifyPicseeCntAndTime($id,$picseeCnt,$last_call)
+    {
+        $res=$this->referralDB->where("id",$id)->update(["picseeCnt"=>$picseeCnt,"last_call"=>$last_call]);
+        return $res;
+    }
+    public function insertReferral($name,$referral,$richmenuId,$picseeCode,$picseeUrl,$qRCode,$orlCode=0)
+    {
+        $res=$this->referralDB->insert(["name"=>$name,"referral"=>$referral,"richmenuId"=>$richmenuId,"picseeCode"=>$picseeCode,"shortUrl"=>$picseeUrl,"qRCode"=>$qRCode,"orlCode"=>$orlCode]);
+        $id = \DB::getPdo()->lastInsertId();
+        return $id;
+    }
+    public function getExportList($keyword)
+    {
+        $res = $this->signupDb
+            ->select('*')
+            // 過濾搜尋條件
+            ->where('firstName', $keyword)
+            ->orWhere('lastName', $keyword)
+            ->orWhere('companyName', $keyword)
+            ->orWhere('companyEmail', $keyword)
+            ->orWhere('backupEmail', $keyword)
+            ->orWhere('phoneNumber', $keyword)
+            ->orWhere('country', $keyword)
+            ->orWhere('trackNo', $keyword)
+            // ->orWhere('registeredSession', $keyword)
+            // ->orWhere('lunchOptions', $keyword)
+            ->orWhere('typeOfIndustry', $keyword)
+            ->orWhere('typeOfJob', $keyword)
+            ->orWhere('jobTitle', $keyword)
+            ->get()
+            ->toArray();
+        
+        // 整理返回值並返回
+        return $res;
+    }
+
+}

app/Http/Services/CheckParamService.php

@@ -0,0 +1,49 @@
+<?php
+
+namespace App\Http\Services;
+
+use DateTime;
+
+class CheckParamService
+{
+    
+    public function __construct()
+    {
+    }
+    
+    public function LenMToN($str, $m, $n) {
+        if (mb_strlen($str) >= $m && mb_strlen($str) <= $n) {
+            return true;
+        } else {
+            return false;
+        }
+    }
+    
+    public function isascii($str) {
+        if (mb_detect_encoding($str) == "ASCII") {
+            return true;
+        } else {
+            return false;
+        }
+    }
+    
+    public function isengnum($str) {
+        return (preg_match("/^[a-zA-Z0-9]+$/", $str) == 1);
+    }
+    
+    public function isnum($str) {
+        return (preg_match("/^[0-9]+$/", $str) == 1);
+    }
+    
+    public function validateDate($date, $format = 'Y-m-d H:i:s') {
+        $d = DateTime::createFromFormat($format, $date);
+        return $d && $d->format($format) == $date;
+    }
+    
+    public function RemoveChars($str, $chars) {
+        $chars = str_split($chars, 1);
+        for ($i = 0; $i < count($chars); $i++) $str = str_replace($chars[$i], "", $str);
+        return $str;
+    }
+    
+}

composer.json

@@ -11,7 +11,8 @@
         "laravel/framework": "^8.75",
         "laravel/sanctum": "^2.11",
         "laravel/tinker": "^2.5",
-        "league/flysystem-aws-s3-v3": "^1.0"
+        "league/flysystem-aws-s3-v3": "^1.0",
+        "spatie/simple-excel": "^1.13"
     },
     "require-dev": {
         "facade/ignition": "^2.5",

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

@@ -0,0 +1,137 @@
+@extends('admin.master')
+
+@section('content')
+    <div class="row">
+        <div class="col-lg-12">
+            <div class="contentpanel">
+                <!--<form id="listForm" method="post">-->
+                <form id='searchForm' action="{{ route('signup.export') }}" method="POST">
+                    @csrf
+                    <!-- 功能按鈕(新增/批量處理等等) -->
+                    <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 _panel-heading" data-bs-toggle="collapse" data-bs-target="#search_content">
+                            <h3 class="panel-title m-0">報名資料</h3>
+                        </div>
+                        <div id="search_content" class="collapse show">
+                            <div class="panel-body row">
+                                <!-- 關鍵字 -->
+                                <div class="form-group _form-group col-sm-12 col-md-6 col-xl-3">
+                                    <label for="keyword">關鍵字(可搜尋欄位：first name, last name, company name, company email, backup email, phone number)</label>
+                                    <input type="text" class="form-control input-sm" id="keyword" name="keyword" maxlength="50">
+                                </div>
+                                <!-- Search -->
+                                <div class="form-group _form-group col-sm-12 col-md-12 col-xl-12">
+                                    <a class="btn btn-success btn-sm _fz-12" 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"
+                                   width="100%">
+                                <thead>
+                                <tr>
+                                    <th>序號</th>
+                                    <th>first name</th>
+                                    <th>last name</th>
+                                    <th>company name</th>
+                                    <th>country</th>
+                                    <th>track no</th>
+                                    <th>session(TW only)</th>
+                                    <th>lunch(TW only)</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": "signup/grid",
+                "paging": true,
+                "ordering": true,
+                "info": true,
+                "order": [[0, "desc"]],
+                "stateSave": true,
+                "pagingType": "full",
+                "bFilter": true,
+                "aoColumnDefs": [{
+                    'bSortable': false,
+                    // 'aTargets': [0] //不想參加排序的欄位，可指定多個，逗號分隔
+                }],
+                "fnDrawCallback":function( oSettings ) {
+                    table.find('.downloadBtn').on('click',function(){
+                        let urlToDownload = $(this).data('for-download');
+                        let downloadFilename = urlToDownload.split('/');
+                        forceDownload($(this).data('for-download'),downloadFilename[downloadFilename.length-1]);
+                    });
+                }
+            }); 
+            // 從網址參觸發搜尋
+            custom_search()
+            $('#GridView1_filter').hide();
+        });
+
+        //客製化搜尋欄位
+        function custom_search() {
+            $('#GridView1').DataTable()
+                .column(1).search($('#keyword').val())
+            ;
+            $('#GridView1').dataTable().fnDraw(true);
+        }
+        
+        function forceDownload(url, fileName){
+            var xhr = new XMLHttpRequest();
+            xhr.withCredentials = true;
+            xhr.open("GET", url, true);
+            xhr.responseType = "blob";
+            xhr.onload = function(){
+                var urlCreator = window.URL || window.webkitURL;
+                var imageUrl = urlCreator.createObjectURL(this.response);
+                var tag = document.createElement('a');
+                tag.href = imageUrl;
+                tag.download = fileName;
+                document.body.appendChild(tag);
+                tag.click();
+                document.body.removeChild(tag);
+            }
+            xhr.send();
+        }
+
+        // 匯出報告
+        $("#export").click(function () {
+
+            $('#searchForm').submit();
+        });
+        
+    </script>
+@endsection

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

@@ -0,0 +1,105 @@
+@extends('admin.master')
+
+@section('content')
+    <div class="row">
+        <div class="col-lg-12">
+            <div class="contentpanel">
+                <!--<form id="listForm" method="post">-->
+                <form id='searchForm' action="{{ route('signup.export') }}" method="POST">
+                    @csrf
+                    <!-- 功能按鈕(新增/批量處理等等) -->
+                    <div class="row" style="margin-bottom: 5px;">
+                        <div class="col-lg-12">
+                            <ol class="headermenu">
+                                <li>
+                                    <button class="btn btn-darkblue btn-xs" id="create"><strong>新增</strong></button>
+                                </li>
+                                <!--<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 _panel-heading" data-bs-toggle="collapse" data-bs-target="#search_content">
+                            <h3 class="panel-title m-0">場次查詢</h3>
+                        </div>
+                        <div id="search_content" class="collapse show">
+                            <div class="panel-body row">
+                                <!-- 關鍵字 -->
+                                <div class="form-group _form-group col-sm-12 col-md-6 col-xl-3">
+                                    <label for="keyword">關鍵字(可搜尋欄位：track no, track title)</label>
+                                    <input type="text" class="form-control input-sm" id="keyword" name="keyword" maxlength="50">
+                                </div>
+                                <!-- Search -->
+                                <div class="form-group _form-group col-sm-12 col-md-12 col-xl-12">
+                                    <a class="btn btn-success btn-sm _fz-12" 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"
+                                   width="100%">
+                                <thead>
+                                <tr>
+                                    <th>序號</th>
+                                    <th>場次 no</th>
+                                    <th>場次備註(track title)</th>
+                                    <th>場次人數上限(track limit)</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": "track/grid",
+                "paging": true,
+                "ordering": true,
+                "info": true,
+                "order": [[0, "desc"]],
+                "stateSave": true,
+                "pagingType": "full",
+                "bFilter": true,
+                "aoColumnDefs": [{
+                    'bSortable': false,
+                    // 'aTargets': [0] //不想參加排序的欄位，可指定多個，逗號分隔
+                }]
+            }); 
+            // 從網址參觸發搜尋
+            // custom_search()
+            $('#GridView1_filter').hide();
+        });
+
+        //客製化搜尋欄位
+        function custom_search() {
+            $('#GridView1').DataTable()
+                .column(1).search($('#keyword').val())
+            ;
+            $('#GridView1').dataTable().fnDraw(true);
+        }
+        
+
+    </script>
+@endsection

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

@@ -0,0 +1,973 @@
+@extends('admin.master')
+
+@section('content')
+    <div class="row">
+        <div class="col-xl-12">
+            <form id="EditForm" class="form-horizontal" method="post"
+                  action="{{ url('/backend/dataManagement/track/store') }}" enctype="multipart/form-data">
+                {{ csrf_field() }}
+                <div class="panel _panel-primary">
+                    <div class="panel-heading _panel-heading">
+                        <h4 class="panel-title m-0">{{ ($operdata == "") ? "新增 " : "修改 " }}議程資料</h4>
+                    </div>
+                    <div class="panel-body row">
+                        <div>
+                            <table class="table" style="border-collapse:collapse;">
+                                <tbody class="msgTbody">
+                                <input type="hidden" id="operateMode" value="edit"/>
+                                <input type="hidden" id="id" value="{{$id}}"/>
+                                
+                                <!-- 欄位：圖文頭貼設定 -->
+                                <tr class="msgTemplate">
+                                    <td class="header-require col-xl-2">議程資料設定</td>
+                                    <td>
+                                        <div id="imgmapcontent-tab1">
+                                            <input type="hidden" id="tab1MenuFlag"/>
+                                            <input type="hidden" id="tab1ImagemapModelType" value="m1">
+                                            <input type="hidden" id="tab1ImagemapImgSize" value='{"width":800,"height":800}'>
+                                            
+                                            <!-- 表格本體 -->
+                                            <table class="table" id="DetailsView1" style="border-collapse:collapse;">
+                                                <tbody>
+                                                <!-- 序號 -->
+                                                @if ($operdata == "")
+                                                    <!-- Insert Mode -->
+                                                    <input type="hidden" name="mode" value="insert"/>
+                                                @else
+                                                    <!-- Edit Mode -->
+                                                    <input type="hidden" name="mode" value="edit"/>
+                                                    <tr>
+                                                        <td class="col-xl-2">序號</td>
+                                                        <td>
+                                                            <input name="id" type="hidden" value="{{ $operdata['id'] }}" id="id"/>
+                                                            {{ $operdata['id'] }}
+                                                        </td>
+                                                    </tr>
+                                                @endif                                
+                                                    <!-- 欄位：標題 -->
+                                                    <!-- ALL Mode -->
+                                                    <tr>
+                                                        <td class="header-require col-xl-2">trackNo</td>
+                                                        <td>
+                                                            <div class="col-xl-3 nopadding">
+                                                                @if ($operdata == "")
+                                                                    <input name="trackNo" type="text" value="" maxlength="100"
+                                                                        id="trackNo" class="form-control">
+                                                                @else
+                                                                    <input name="trackNo" type="text"
+                                                                        value="{{ $operdata['trackNo'] }}" maxlength="100"
+                                                                        id="trackNo" class="form-control">
+                                                                @endif
+                                                                <label class="error" for="trackNo"></label>
+                                                            </div>
+                                                        </td>
+                                                    </tr>
+                                                    <!-- 欄位：說明 -->
+                                                    <!-- ALL Mode -->
+                                                    <tr>
+                                                        <td class="header-require col-xl-2">trackTitle</td>
+                                                        <td>
+                                                            <div class="col-xl-3 nopadding">
+                                                                @if ($operdata == "")
+                                                                    <input name="trackTitle" type="text" value="" maxlength="500"
+                                                                        id="trackTitle"
+                                                                        class="form-control">
+                                                                @else
+                                                                    <input name="trackTitle" type="text"
+                                                                        value="{{ $operdata['trackTitle'] }}"
+                                                                        maxlength="500" id="trackTitle" class="form-control">
+                                                                @endif
+                                                                <label class="error" for="trackTitle"></label>
+                                                            </div>
+                                                        </td>
+                                                    </tr>
+                                                    <!-- 欄位：說明 -->
+                                                    <!-- ALL Mode -->
+                                                    <tr>
+                                                        <td class="header-require col-xl-2">trackLimit</td>
+                                                        <td>
+                                                            <div class="col-xl-3 nopadding">
+                                                                @if ($operdata == "")
+                                                                    <input name="trackLimit" type="text" value="" maxlength="500"
+                                                                        id="trackLimit"
+                                                                        class="form-control">
+                                                                @else
+                                                                    <input name="trackLimit" type="text"
+                                                                        value="{{ $operdata['trackLimit'] }}"
+                                                                        maxlength="500" id="trackLimit" class="form-control">
+                                                                @endif
+                                                                <label class="error" for="trackLimit"></label>
+                                                            </div>
+                                                        </td>
+                                                    </tr>
+                                                </tbody>
+                                            </table>
+                                        
+                                            <hr>
+
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <!-- 下控制按鈕 -->
+                                <tr>
+                                    <td>&nbsp;</td>
+                                    <td>
+                                        <div style="text-align: right">
+                                            <input type="button" id="btnSave" value="儲存" class="btn btn-primary" style="margin-right: 5px;">
+                                            <input type="button" id="btnBackToList" value="返回" class="btn btn-secondary">
+                                        </div>
+                                    </td>
+                                </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <div id="ajax-spinner" style="display:none;">
+        <img src="{{ asset('assets/images/backend_spinner.svg') }}" />
+    </div>
+
+    <link rel="stylesheet" href="{{url('assets/resize-controller/project/resizeControl.css')}}">
+    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+    <style>
+        /* --------------- 全域 --------------- */
+
+        .msgTemplate div.form-group _form-group {
+            margin: 0;
+        }
+
+        .tab-content {
+            -webkit-box-shadow: none;
+            -moz-box-shadow: none;
+            box-shadow: none;
+        }
+
+        /* --------------- Imagemap --------------- */
+
+        .imagemap-model-small-container {
+            display: flex;
+            flex-wrap: wrap;
+        }
+
+        .imagemap-model-small-container .imagemap-model-small {
+            width: 80px;
+            height: 55px;
+            margin: 10px;
+        }
+
+        .imagemap-model-small-container .table {
+            width: 100%;
+            height: 100%;
+            cursor: pointer;
+        }
+
+        .imagemap-model-small-container .table td {
+            background-color: #cecece;
+            color: #ffffff;
+            border: 1px solid #858484;
+        }
+
+        .imagemap-model-small-container > .imagemap-model-small.active td {
+            border-color: #6c62f3;
+            border-width: 2px;
+        }
+
+        /* --------------- imagemap-model --------------- */
+
+        .imagemap-model {
+            width: 240px;
+            height: 166px;
+        }
+
+        .imagemap-model > table {
+            width: 100%;
+            height: 100%;
+            text-align: center;
+        }
+
+        .imagemap-model > table > tbody td {
+            background-color: #bfbfbf;
+            color: #ffffff;
+            vertical-align: middle;
+        }
+
+        .imagemap-model > table > tbody td.active {
+            background-color: #58ae58;
+        }
+
+        .imagemap-model > table > tbody td:not(.active):hover {
+            background-color: #898989c9;
+            cursor: default;
+        }
+
+        /* --------------- uri 綁定標籤 ----------------- */
+
+        .select2-container--default .select2-selection--multiple .select2-selection__choice {
+            background-color: #5897fb;
+            border-radius: 10px;
+            color: white;
+            padding-top: 5px;
+            padding-bottom: 5px;
+        }
+
+        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+            border-right: unset;
+            color: #fff;
+            font-size: 1.2em;
+            left: 1px;
+            top: 3px;
+        }
+
+        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
+            background-color: #5897fb;
+            color: #fff;
+        }
+
+        .select2-selection.select2-selection--multiple {
+            min-height: 24px;
+        }
+
+        .select2-container--default .select2-search--inline .select2-search__field {
+            min-height: 24px;
+            font-size: 14px;
+        }
+
+        /* --------------- AJAX upload --------------- */
+
+        .image-preview-wrapper{
+            position: relative;
+            cursor: pointer;
+        }
+        .spinner-wrapper {
+            position: absolute;
+            opacity: 0;
+            margin: 0;
+            padding: 0;
+            /*left: 50%;*/
+            /*top: 50%;*/
+            transform: translate(-50%, -50%);
+
+            width: 100px;
+            height: 100px;
+            background-image: url(/assets/images/backend_spinner.svg);
+            background-size: 50px;
+            background-repeat: no-repeat;
+            background-position: center;
+        }
+        .opacity-1 {
+            opacity: 1;
+        }
+    </style>
+@endsection
+
+@section('extjs')
+    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+    <script src="{{url('assets/js/jquery.mousewheel-3.0.6.min.js')}}"></script>
+    <script src="{{url('assets/js/jquery.mCustomScrollbar.min.js')}}"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.18.1/babel.min.js"></script>
+    <script src="{{url('assets/resize-controller/project/index.js')}}"></script>
+    <script>
+        var imagemapBoxes = {};
+
+        $(document).ready(function () {
+            // 下控制按鈕 儲存
+            $("#btnSave").click(function () {
+                
+                finishEdit();
+            });
+
+            // 下控制按鈕 返回
+            $("#btnBackToList").click(function () {
+                location.href = '/backend/dataManagement/track';
+            });
+
+            // 註冊事件
+            eventImagemap();
+            eventUriAction();
+
+        });
+
+        function restoreMsgInfo(msgInfo) {
+            // 初始化
+            var tabId = 'tab1';
+            var menuInfoObj = JSON.parse(msgInfo).menuInfo;
+            // console.log(menuInfoObj);
+
+            // var menuFlag = menuInfoObj.menuFlag;
+            // var modelType = menuInfoObj.modelType;
+            // var chatBarText = menuInfoObj.chatBarText;
+            // var displayByDefault = menuInfoObj.displayByDefault;
+            var imgUrl = menuInfoObj.imgUrl;
+            // var imgSize = menuInfoObj.imgSize;
+            // var imagemapActions = menuInfoObj.actions;
+
+            // 還原內容
+            $('#'+tabId+'MenuFlag').val(menuFlag);
+            $("#"+tabId+"ImagemapModelType").val(modelType);
+            $("#chatBarText").val(chatBarText);
+            if (!displayByDefault) {
+                $("input[name='displayByDefault']").filter('[value="0"]').prop('checked', true);
+            }
+            $("img[data-target='"+tabId+"-image-preview-imagemapImg']").attr("src", imgUrl);
+
+            // 點擊 選擇的版型
+            // trigger: $('.imagemap-model-small').click()
+            var $chosen_model = $("#imgmapcontent-"+tabId).find('.imagemap-model-small').filter("[data-model_type='"+modelType+"']");
+            if (modelType === 'mcustom') {
+                $chosen_model.trigger('click', [menuInfoObj]);
+            } else {
+                $chosen_model.click();
+            }
+
+            if (modelType == 'mjson') {
+                // todo 重新組合 ImagemapJson
+                var imagemapJson = '';
+                $("#"+tabId+"ImagemapJson").val(imagemapJson);
+            } else {
+                // 還原 每個按鈕的值
+                $.each(imagemapActions, function(i, actionObj) {
+                    var btnNum = i + 1;
+                    $("#"+tabId+"Imagemapbtn"+btnNum+"Act").val(actionObj.type);
+                    $("#"+tabId+"Imagemapbtn"+btnNum+"Act").trigger('change'); // 觸發事件切換按鈕N動作
+                    $("#"+tabId+"Imagemapbtn"+btnNum+"Content").val(actionObj.content);
+
+                    // 前往選單
+                    if (actionObj.type == 'richmenu') {
+                        $("#"+tabId+"Imagemapbtn"+btnNum+"Submenu").val(actionObj.content);
+                        $("#"+tabId+"Imagemapbtn"+btnNum+"Submenu").trigger('change');
+
+                        if ('keywordValue' in actionObj) {
+                            $("#"+tabId+"Imagemapbtn"+btnNum+"Content").attr('data-keyword_value', actionObj.keywordValue);
+                        }
+                    }
+
+                    // 貼標 (開啟連結)
+                    if ('tags' in actionObj) {
+                        $("#"+tabId+"Imagemapbtn"+btnNum+"Tags").val(actionObj.tags);
+                        $("#"+tabId+"Imagemapbtn"+btnNum+"Tags").trigger('change');
+                    }
+                });
+            }
+        }
+        
+        // 完成編輯
+        function finishEdit() {
+            var msgInfoObj = msgInfo();
+            // console.log(msgInfoObj);
+            // return;
+
+            if ('err' in msgInfoObj) {
+                alert("有錯誤：\n" + msgInfoObj.err.join("\n"));
+                return;
+            }
+
+            $.blockUI({
+                message: $('#ajax-spinner'),
+                css: {
+                    backgroundColor: 'transparent',
+                    border: '0'
+                },
+            });
+
+            $.ajax({
+                type: "POST",
+                url: '/backend/dataManagement/track/store',
+                data: {
+                    "operateMode": $("#operateMode").val(),
+                    "trackNo": $("#trackNo").val(),
+                    "trackTitle": $("#trackTitle").val(),
+                    "trackLimit": $("#trackLimit").val(),
+                    "_token":"{{ csrf_token() }}",
+
+                    "id": $("#id").val(),
+                },
+                success: function(result) {
+                    
+                    if (result.code === 0) {
+                        alert('儲存成功');
+                        location.href = '/backend/dataManagement/track';
+                    } else {
+                        alert(result.message);
+                        alert('123');
+                    }
+                },
+                fail: function(jqXHR, textStatus) {
+                    console.log(jqXHR);
+                    console.log(textStatus);
+                },
+                complete: function() {
+                    $.unblockUI();
+                }
+            });
+        }
+
+        function eventImagemap() {
+            // 選擇版型
+            $('.imagemap-model-small').unbind("click");
+            $('.imagemap-model-small').click(function (event, imagemapContent) {
+                var $model_small = $(this);
+                var $model_small_container = $model_small.parent('.imagemap-model-small-container');
+                var $imagemap_content = $model_small.closest('div[id^="imgmapcontent-tab"]');
+                var $imagemap_btns = $imagemap_content.children('.imagemap-btn'); // 此頁籤下所有按鈕區域
+
+                var tabNum = 1;
+                var tabId = 'tab'+tabNum;
+                var modelType = $model_small.attr('data-model_type');
+                var imgSizeObj = JSON.parse($('#'+tabId+'ImagemapImgSize').val());
+
+                // 三種版型類型的容器
+                var $imagemap_model = $imagemap_content.find('.imagemap-model');
+                var $custom_container = $('#'+tabId+'ImagemapBoxContainer');
+                var $json_container = $('#'+tabId+'ImagemapJson').closest('div.row');
+
+                if ($model_small.hasClass('active')) {
+                    return;
+                }
+
+                // 設定選擇的 active
+                $model_small_container.find('.imagemap-model-small').removeClass('active');
+                $model_small.addClass('active');
+
+                // 設定 model type
+                $('#'+tabId+'ImagemapModelType').val(modelType);
+
+                imagemapClearBtns($imagemap_btns, tabId);
+
+                if (modelType == 'mjson') {
+                    $imagemap_model.hide();
+                    $custom_container.hide();
+                    $json_container.show();
+                    $imagemap_btns.hide();
+                }
+                else if (modelType == 'mcustom') {
+                    $imagemap_model.hide();
+                    $custom_container.show();
+                    $json_container.hide();
+
+                    var boxNum = 1; // ImagemapBox1
+                    // 要等 ImagemapBox HTML 完全顯示才能繪製，所以等 300ms 才初始化
+                    setTimeout(function() {
+                        imagemapInitBox(tabNum, boxNum, imgSizeObj, imagemapContent);
+
+                        // 設定背景圖案 (initImagemapBox 後才能設定)
+                        var imagemapUrl = $('img[data-target="'+tabId+'-image-preview-imagemapImg"]').attr('src');
+                        $('#ImagemapBox'+boxNum).css('background-image', 'url(' + imagemapUrl + ')');
+                    }, 300);
+                }
+                else {
+                    $imagemap_model.show();
+                    $custom_container.hide();
+                    $json_container.hide();
+
+                    // 建立對應的 imagemap-model
+                    $imagemap_model.children('.table').remove();
+                    $model_small.children('.table').clone(false).appendTo($imagemap_model);
+                    $imagemap_model.find('td').each(function (index) {
+                        var btnNum = index + 1;
+                        if (btnNum === 1) $(this).addClass('active');
+                        $(this).html('按鈕'+btnNum);
+                        $(this).attr('data-btn', btnNum);
+                    });
+                }
+            });
+
+            // 編輯按鈕區域
+            $('.imagemap-model').unbind("click");
+            $('.imagemap-model').on('click', 'td', function () {
+                var $clicked_td = $(this);
+                var $table = $clicked_td.closest('.table');
+                var $imagemap_content = $clicked_td.closest('div[id^="imgmapcontent-tab"]');
+                var tabNum = '1';
+                var btnNum = $clicked_td.attr('data-btn');
+
+                // 設定選擇的 active
+                $table.find('td').removeClass('active');
+                $clicked_td.addClass('active');
+
+                // 顯示對應按鈕
+                $imagemap_content.find('.imagemap-btn').hide();
+                $('#tab'+'1'+'Imagemapbtn'+btnNum).show();
+            });
+
+            // 切換 按鈕N動作
+            $('.imagemap-btn').find('select.imagemapBtnAct').unbind("change");
+            $('.imagemap-btn').find('select.imagemapBtnAct').change(function () {
+                var tabNum = 1;
+                var btnNum = $(this).attr('id').split('Imagemapbtn')[1].replace(/\D/g, ''); // tab1Imagemapbtn1Act
+                var type = $(this).val();
+
+                var $btnContent = $('#tab1Imagemapbtn'+btnNum+'Content');
+                var $btnSubmenu = $('#tab1Imagemapbtn'+btnNum+'Submenu');
+                var $btnTags = $('#tab1Imagemapbtn'+btnNum+'Tags');
+
+                // 清空
+                $btnContent.val('');
+                $btnSubmenu.val(0);
+                $btnTags.val(null).trigger('change');
+
+                // 顯示按鈕對應的元件
+                imagemapShowBtnInputsByAction(type, $btnContent, $btnTags, $btnSubmenu);
+            });
+        }
+
+        function eventUriAction() {
+            $('.js-example-basic-multiple').select2({
+                placeholder: '請選擇或輸入以搜尋標籤'
+            });
+        }
+
+        function msgInfo() {
+            var result = {
+                menuInfo: {},
+                err: []
+            };
+
+            var msgObj = {};
+            var tabNum = '1';
+            var tabId = 'tab' + tabNum;
+
+            // 取資料
+            var menuFlag = $('#'+tabId+'MenuFlag').val();
+            var modelType = $("#"+tabId+"ImagemapModelType").val();
+            var imgUrl = $("img[data-target$='"+tabId+"-image-preview-imagemapImg']").attr("src");
+            var json = $("#"+tabId+"ImagemapJson").val();
+            var menuTitle = $("#menuTitle").val();
+            var chatBarText = $("#chatBarText").val();
+            var displayByDefault = $("input[name='displayByDefault']:checked").val();
+
+            // 檢查
+            if (menuTitle === '') result.err.push('標題內容為空');
+            if (imgUrl === '/assets/images/placeholder_upload_380_260.png') result.err.push('圖片沒上傳');
+            if (modelType == 'mjson' && json === '') result.err.push('JSON內容為空');
+            if (chatBarText === '') result.err.push('選單顯示名稱為空');
+
+            var imagemapActions = '';
+            if (modelType == 'mjson') {
+                // todo msgInfoImagemapActionsFromJson(json)
+                imagemapActions = '';
+            } else if (modelType == 'mcustom') {
+                imagemapActions = msgInfoImagemapActions(tabNum, modelType, result);
+            } else { // 預設版型
+                imagemapActions = msgInfoImagemapActions(tabNum, modelType, result);
+            }
+
+            msgObj = {
+                // menuFlag: menuFlag,
+                // modelType: modelType,
+                // name: menuTitle,
+                // chatBarText: chatBarText,
+                // displayByDefault: !!parseInt(displayByDefault),
+                imgUrl: imgUrl,
+                // imgSize: {
+                //     "width": 800,
+                //     "height": 800
+                // },
+                // actions: imagemapActions,
+            };
+
+            result.menuInfo = msgObj;
+
+            if (result.err.length === 0) {
+                delete result.err;
+            }
+
+            return result;
+        }
+
+        function msgInfoImagemapActions(tabNum, modelType, result) {
+            var tabId = 'tab'+tabNum;
+
+            var areas = [];
+            if (modelType == 'mcustom') {
+                areas = imagemapBoxes[tabNum].getResultPos();
+            } else if (modelType != 'mjson') {
+                // 樣板按鈕區域定義 (依照頁面顯示的按鈕順序)
+                var modelAreaMap = {
+                    "m1": [
+                        {"x": 0, "y": 0, "width": 833, "height": 843},
+                        {"x": 833, "y": 0, "width": 833, "height": 843},
+                        {"x": 1666, "y": 0, "width": 834, "height": 843},
+                        {"x": 0, "y": 843, "width": 833, "height": 843},
+                        {"x": 833, "y": 843, "width": 833, "height": 843},
+                        {"x": 1666, "y": 843, "width": 834, "height": 843},
+                    ],
+                    "m2": [
+                        {"x": 0, "y": 0, "width": 1250, "height": 843},
+                        {"x": 1250, "y": 0, "width": 1250, "height": 843},
+                        {"x": 0, "y": 843, "width": 1250, "height": 843},
+                        {"x": 1250, "y": 843, "width": 1250, "height": 843},
+                    ],
+                    "m3": [
+                        {"x": 0, "y": 0, "width": 2500, "height": 843},
+                        {"x": 0, "y": 843, "width": 833, "height": 843},
+                        {"x": 833, "y": 843, "width": 833, "height": 843},
+                        {"x": 1666, "y": 843, "width": 834, "height": 843},
+                    ],
+                    "m4": [
+                        {"x": 0, "y": 0, "width": 1250, "height": 1686},
+                        {"x": 1250, "y": 0, "width": 1250, "height": 843},
+                        {"x": 1250, "y": 843, "width": 1250, "height": 843},
+                    ],
+                    "m5": [
+                        {"x": 0, "y": 0, "width": 2500, "height": 843},
+                        {"x": 0, "y": 843, "width": 2500, "height": 843},
+                    ],
+                    "m6": [
+                        {"x": 0, "y": 0, "width": 1250, "height": 1686},
+                        {"x": 1250, "y": 0, "width": 1250, "height": 1686},
+                    ],
+                    "m7": [
+                        {"x": 0, "y": 0, "width": 2500, "height": 1686},
+                    ]
+                };
+                areas = modelAreaMap[modelType];
+            }
+
+            var actions = [];
+            for (var btnNum = 1; btnNum <= areas.length; btnNum++) {
+                var btnId = 'btn'+btnNum;
+                var type = $("#"+tabId+"Imagemap"+btnId+"Act").val();
+                var content = $("#"+tabId+"Imagemap"+btnId+"Content").val();
+                var submenuId = $("#"+tabId+"Imagemap"+btnId+"Submenu").val();
+                var tagsData = $("#"+tabId+"Imagemap"+btnId+"Tags").select2('data');
+                var area = areas[btnNum-1];
+
+                if (type != 'richmenu' && content === '') result.err.push('按鈕'+btnNum+'的內容為空');
+                if (type == 'uri'
+                    && !content.startsWith('https://')
+                    && !content.startsWith('tel:')
+                    && !content.startsWith('line://')
+                ) {
+                    result.err.push('按鈕'+btnNum+'的連結網址須為 https:// 或 tel:// 或 line://');
+                }
+
+                var action = {
+                    "type": type,
+                    "content": content,
+                    "area": {
+                        "x": area.x,
+                        "y": area.y,
+                        "width": area.width,
+                        "height": area.height
+                    }
+                };
+
+                if (type == 'uri' && tagsData.length !== 0) { // uri 貼標
+                    var tags = [];
+                    $.each(tagsData, function(i, item) {
+                        tags.push(item.id);
+                    });
+                    action.tags = tags;
+                } else if (type == 'richmenu') { // 前往子選單
+                    action.content = submenuId;
+
+                    var keywordValue = $("#"+tabId+"Imagemapbtn"+btnNum+"Content").attr('data-keyword_value');
+                    if (typeof keywordValue === 'undefined') {
+                        var menuFlag = $('#tab1MenuFlag').val();
+                        keywordValue = 'richmenu-' + menuFlag.replace(/menu-/g, '') + '-' + Date.now();
+                    }
+                    action.keywordValue = keywordValue;
+                }
+
+                actions.push(action);
+            }
+            // console.log(actions);
+
+            return actions
+        }
+
+        function generateFlag(length) {
+            var result = '';
+            var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+            var charactersLength = characters.length;
+            for ( var i = 0; i < length; i++ ) {
+                result += characters.charAt(Math.floor(Math.random() * charactersLength));
+            }
+            return result;
+        }
+
+        function imagemapInitBox(tabNum, boxNum, imgSizeObj, imagemapContent) {
+            let imagemapBox;
+            var mapData = null;
+
+            // console.log(imagemapContent);
+            if (typeof imagemapContent !== 'undefined') {
+                mapData = imagemapContent;
+            }
+
+            imagemapBox = new resizer({
+                container: '#ImagemapBox'+boxNum,
+                wrap: imgSizeObj,
+                wrapperWidth: 380,
+                itemDefaultSize: 380,
+                add: '#AddImagemapBox'+boxNum,
+                delete: {
+                    selector: '#DeleteImagemapBox'+boxNum,
+                    getDelete: function(res) {
+                        // console.log(res);
+                        var btnNum = res.index + 1;
+                        var tabId = 'tab'+tabNum;
+
+                        // 重設按鈕的值 (從刪除的下一個的開始往前遞補)
+                        for (btnNum; btnNum < 12; btnNum++) {
+                            var nextNum = btnNum + 1;
+
+                            var $currentAct = $('#'+tabId+'Imagemapbtn'+btnNum+'Act');
+                            var $currentContent = $('#'+tabId+'Imagemapbtn'+btnNum+'Content');
+                            var $currentSubmenu = $('#'+tabId+'Imagemapbtn'+btnNum+'Submenu');
+                            var $currentTags = $('#'+tabId+'Imagemapbtn'+btnNum+'Tags');
+
+                            var $nextAct = $('#'+tabId+'Imagemapbtn'+nextNum+'Act');
+                            var $nextContent = $('#'+tabId+'Imagemapbtn'+nextNum+'Content');
+                            var $nextSubmenu = $('#'+tabId+'Imagemapbtn'+nextNum+'Submenu');
+                            var $nextTags = $('#'+tabId+'Imagemapbtn'+nextNum+'Tags');
+
+                            // 內容
+                            $currentAct.val($nextAct.val());
+                            $currentContent.val($nextContent.val());
+                            $currentSubmenu.val($nextSubmenu.val());
+                            // 標籤
+                            var nextTagsData = $nextTags.select2('data');
+                            if (nextTagsData.length !== 0) {
+                                var nextTags = [];
+                                $.each(nextTagsData, function(i, item) {
+                                    nextTags.push(item.id);
+                                });
+                                $currentTags.val(nextTags);
+                                $currentTags.trigger('change');
+                            }
+
+                            // 顯示按鈕對應的元件
+                            imagemapShowBtnInputsByAction($currentAct.val(), $currentContent, $currentTags, $currentSubmenu);
+                        }
+
+                        // 清除最後一個按鈕
+                        $('#'+tabId+'Imagemapbtn12Act').val('postback'); // richmenu 預設
+                        $('#'+tabId+'Imagemapbtn12Content').val('');
+                        $('#'+tabId+'Imagemapbtn12Submenu').val(0);
+                        $('#'+tabId+'Imagemapbtn12Tags').val(null).trigger('change');
+
+                        // 顯示最後一個按鈕對應的元件
+                        imagemapShowBtnInputsByAction('postback', $('#'+tabId+'Imagemapbtn12Content'), $('#'+tabId+'Imagemapbtn12Tags'), $('#'+tabId+'Imagemapbtn12Submenu'));
+                    }
+                },
+                get: '#GetImagemapBox'+boxNum,
+                map: mapData,
+                getActive: function(res) {
+                    // console.log(res);
+                    var $imagemapContent = $('#imgmapcontent-tab'+tabNum);
+                    var btnNum = res.index + 1;
+
+                    // 顯示對應按鈕
+                    $imagemapContent.find('.imagemap-btn').hide();
+                    $('#tab'+tabNum+'Imagemapbtn'+btnNum).show();
+                }
+            });
+
+            imagemapBoxes[tabNum] = imagemapBox;
+        }
+
+        function imagemapShowBtnInputsByAction(action, $btnContent, $btnTags, $btnSubmenu) {
+            if (action == 'uri') {
+                $btnContent.closest('div[class="row"]').show();
+                $btnTags.closest('div[class="row"]').show();
+                $btnSubmenu.closest('div[class="row"]').hide();
+            } else if (action == 'richmenu') {
+                $btnContent.closest('div[class="row"]').hide();
+                $btnTags.closest('div[class="row"]').hide();
+                $btnSubmenu.closest('div[class="row"]').show();
+            } else {
+                $btnContent.closest('div[class="row"]').show();
+                $btnTags.closest('div[class="row"]').hide();
+                $btnSubmenu.closest('div[class="row"]').hide();
+            }
+        }
+
+        function imagemapClearBtns($imagemap_btns, tabId) {
+            var $btnContents = $imagemap_btns.find('.imagemapBtnContent');
+            var $btnActs = $imagemap_btns.find('.imagemapBtnAct');
+            var $btnSubmenus = $imagemap_btns.find('select.imagemapBtnSubmenu');
+            var $btnTags = $imagemap_btns.find('.imagemapBtnTags');
+
+            // 清除按鈕區域內容
+            $btnContents.val('');
+            $btnActs.val('postback'); // richmenu 預設
+            $btnSubmenus.val(0)
+            $btnTags.val(null).trigger('change');
+
+            // 顯示按鈕對應的元件 (這邊是一次設定所有按鈕下所有元件)
+            imagemapShowBtnInputsByAction('postback', $btnContents, $btnTags, $btnSubmenus);
+
+            // 顯示按鈕1
+            $imagemap_btns.hide();
+            $('#'+tabId+'Imagemapbtn1').show();
+        }
+
+        // AJAX 上傳圖片/影片
+        // http://arsee88.blogspot.com/2020_09_20_archive.html
+        var imagePreview = [];
+        var spinner = [];
+        var fileUploader = [];
+        // 註冊上傳圖片的功能(可以重複註冊)
+        var imagemapImgId = 'imagemapImg' + '1';
+        imagePreview[imagemapImgId] = document.querySelector('[data-target="tab'+'1'+'-image-preview-imagemapImg"]');
+        spinner[imagemapImgId] = document.querySelector('[data-target="tab'+'1'+'-spinner-imagemapImg"]');
+        fileUploader[imagemapImgId] = document.querySelector('[data-target="tab'+'1'+'-file-uploader-imagemapImg"]');
+        fileUploader[imagemapImgId].addEventListener("change", handleFileUpload);
+        // File input 上傳檔案時綁定的處理函式
+        async function handleFileUpload(e) {
+            e.preventDefault();
+
+            var $file_uploader = $(this);
+            var splitItems = $file_uploader.attr('id').split('-');
+            // tab1-file-uploader-imagemapImg
+            var msgType = splitItems[splitItems.length-1]; // lastItem
+            console.log(msgType);
+
+            var msgNum = '1';
+            var itemId = msgType + msgNum;
+            console.log(itemId);
+
+            try {
+                const file = e.target.files[0];
+                if (!file) {
+                    return;
+                }
+
+                setUploading(true, itemId);
+
+                // 檢查
+                const beforeUploadCheck = await checkBeforeUpload(file, msgType, msgNum);
+                if (!beforeUploadCheck.isValid) throw beforeUploadCheck.errorMessages;
+
+                // 上傳
+                const arrayBuffer = await getArrayBuffer(file);
+                var response = await uploadFileAJAX(arrayBuffer);
+                alert("上傳成功");
+                setUploading(false, itemId);
+                showPreviewImage(response.url, itemId);
+
+                // 更新 ImagemapBox
+                var $imgPreview = $(imagePreview[itemId]);
+                if ($imgPreview.attr('data-target').indexOf('imagemap') !== -1) {
+                    $imgPreview.closest('#imgmapcontent-tab1').find('.imagemapBox').css('background-image', 'url(' + response.url + ')');
+                }
+            } catch (error) {
+                setUploading(false, itemId);
+                alert(error);
+                console.log("上傳失敗: ", error);
+            } finally {
+                e.target.value = '';
+            }
+        }
+        // If you prefer Base64 image, use "FileReader.readAsDataURL"
+        function showPreviewImage(url, itemId) {
+            imagePreview[itemId].src = url;
+        }
+        // Change file object into ArrayBuffer
+        function getArrayBuffer(fileObj) {
+            return new Promise((resolve, reject) => {
+                const reader = new FileReader();
+                // Get ArrayBuffer when FileReader on load
+                reader.addEventListener("load", () => {
+                    resolve(reader.result);
+                });
+
+                // Get Error when FileReader on error
+                reader.addEventListener("error", () => {
+                    reject("error occurred in getArrayBuffer");
+                });
+
+                // read the blob object as ArrayBuffer
+                // if you nedd Base64, use reader.readAsDataURL
+                reader.readAsArrayBuffer(fileObj);
+            });
+        }
+        // Use "new Uint8Array()"" to change ArrayBuffer into TypedArray (TypedArray is not a truly Array)
+        // Use "Array.from()" to change it into Array
+        function uploadFileAJAX(arrayBuffer) {
+            return fetch("{{ env('APP_URL') }}/backend/dataManagement/eLecturerTeachersList/saveImg", {
+                headers: {
+                    version: 1,
+                    "content-type": "application/json"
+                },
+                method: "POST",
+                body: JSON.stringify({
+                    image: Array.from(new Uint8Array(arrayBuffer))
+                })
+            })
+                .then(res => {
+                    if (!res.ok) {
+                        throw res.statusText;
+                    }
+                    return res.json();
+                })
+                .then(data => data)
+                .catch(err => console.log("err", err));
+        }
+        function checkBeforeUpload(fileObject, msgType, msgNum) {
+            return new Promise(resolve => {
+                let errorMessages = [];
+
+                // isValidFileType
+                const validFileTypes = ["image/jpeg", "image/png" ];
+                const isValidFileType = validFileTypes.includes(fileObject.type);
+                if (!isValidFileType) {
+                    errorMessages.push("只支援 JPG / PNG 格式圖片");
+                    resolve({
+                        isValid: isValidFileType,
+                        errorMessages: errorMessages.join("\n")
+                    });
+                    return;
+                }
+
+                // isValidFileSize
+                const isValidFileSize = (fileObject.size / 1024 / 1024) < 1; // 1 MB
+                if (!isValidFileSize) {
+                    errorMessages.push("圖片最大 1MB");
+                }
+                
+                // isValidDimension
+                var isValidDimension = true;
+                const dim = Promise.resolve(getImageSize(fileObject));
+                dim.then(function(result) {
+                    switch (msgType)
+                    {
+                        case "imagemapImg":
+                            if (result.width != 800 || result.height != 800) {
+                                errorMessages.push("圖片尺寸必須為 800x800");
+                                isValidDimension = false;
+                            }
+                            break;
+                    }
+
+                    resolve({
+                        isValid: isValidFileType && isValidFileSize && isValidDimension,
+                        errorMessages: errorMessages.join("\n")
+                    });
+                });
+            });
+        }
+        function setUploading(isUploading, itemId) {
+            if (isUploading === true) {
+                spinner[itemId].classList.add("opacity-1");
+            } else {
+                spinner[itemId].classList.remove("opacity-1");
+            }
+        }
+        function getImageSize(file) {
+            return new Promise((resolve, reject) => {
+                var _URL = window.URL || window.webkitURL;
+                var img = new Image();
+                img.onload = () => resolve({ height: img.height, width: img.width });
+                img.onerror = reject;
+                img.src = _URL.createObjectURL(file);
+            });
+        }
+    </script>
+@endsection

routes/web.php

@@ -7,6 +7,8 @@ use App\Http\Controllers\Backend\PasswordController;
 use App\Http\Controllers\Backend\DashboardController;
 use App\Http\Controllers\Backend\UsergroupsController;
 use App\Http\Controllers\Backend\FunmenusDetailController;
+use App\Http\Controllers\Backend\DataManagement\SignupManagementController;
+use App\Http\Controllers\Backend\DataManagement\TrackManagementController;
 
 // Fow AWS ELB 健康檢查
 Route::get('/health-check', function () {
@@ -75,5 +77,23 @@ Route::prefix('backend')->group(function () {
             Route::post('/{menuid}/store', 'store');
             Route::delete('/{menuid}/delete/{id}', 'delete');
         });
+        
+        // 報名資料查詢
+        Route::controller(SignupManagementController::class)->prefix('dataManagement/signup')->group(function () {
+            Route::get('/', 'index');
+            Route::get('/grid', 'grid');
+            Route::post('/export', 'export')->name('signup.export');
+        });
+
+        // 場次查詢
+        Route::controller(TrackManagementController::class)->prefix('dataManagement/track')->group(function () {
+            Route::get('/', 'index');
+            Route::get('/grid', 'grid');
+            Route::get('/create', 'create');
+            Route::get('/edit/{id}', 'edit');
+            Route::post('/store', 'store');
+            Route::delete('/{id}', 'delete');
+        });
+
     });
 });