20220914 後台更新

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

@@ -45,17 +45,42 @@ class SignupManagementController extends Controller
         $searchValue = $param["search"]["value"];
         //客製化搜尋欄位
         $keyword = $param["columns"][1]["search"]["value"];
-
+        $createDateStart = $param["columns"][2]["search"]["value"];
+        $createDateFinal = $param["columns"][3]["search"]["value"];
+        
+        // \Log::info('createDateStart: '.$createDateStart);
+        // \Log::info('createDateFinal: '.$createDateFinal);
         // 驗證
         if ($keyword != filter_var($keyword, FILTER_SANITIZE_SPECIAL_CHARS)) $keyword = "___CANNOT_FIND_STRING___";
         if (!$this->checkParamSv->LenMToN($keyword, 0, 50)) $keyword = "___CANNOT_FIND_STRING___";
+        if ($createDateStart != filter_var($createDateStart, FILTER_SANITIZE_SPECIAL_CHARS)) $createDateStart = "___CANNOT_FIND_STRING___";
+        if (!$this->checkParamSv->LenMToN($createDateStart, 0, 50)) $createDateStart = "___CANNOT_FIND_STRING___";
+        if ($createDateFinal != filter_var($createDateFinal, FILTER_SANITIZE_SPECIAL_CHARS)) $createDateFinal = "___CANNOT_FIND_STRING___";
+        if (!$this->checkParamSv->LenMToN($createDateFinal, 0, 50)) $createDateFinal = "___CANNOT_FIND_STRING___";
+        
+        if ($createDateStart&&$createDateFinal&&$createDateStart>$createDateFinal) {
+            Session::flash('msg', '請填入正確起訖日!');
+            return redirect()->back();
+        }
+        if (!$createDateStart) {
+            $createDateStart = "2022-09-10 00:00:00";
+        } else {
+            $createDateStart = $createDateStart." 00:00:00";
+        }
+        
+        if (!$createDateFinal) {
+            $createDateFinal = date('Y-m-d H:i:s');
+        } else {
+            $createDateFinal = $createDateFinal." 23:59:59";
+        }
+        
         
         //資料庫
         $recordsTotal = 0;
         if ($keyword) {
-            $result=$this->signupManagementSv->getList($recordsTotal, $orderColumn, $orderDir, $start, $length, $searchValue, $this->safeEncrypt(($keyword), 'arm'));
+            $result=$this->signupManagementSv->getList($recordsTotal, $orderColumn, $orderDir, $start, $length, $searchValue, $this->safeEncrypt(($keyword), 'arm'), $createDateStart, $createDateFinal);
         } else {
-            $result=$this->signupManagementSv->getList($recordsTotal, $orderColumn, $orderDir, $start, $length, $searchValue, '');
+            $result=$this->signupManagementSv->getList($recordsTotal, $orderColumn, $orderDir, $start, $length, $searchValue, '', $createDateStart, $createDateFinal);
         }
         
         // 外部短網址系統串接

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

@@ -22,12 +22,14 @@ class TrackManagementController extends Controller
         $this->checkParamSv=new CheckParamService();
         $this->trackManagementSv = new TrackManagementService();
     }
+
     public function index()
     {
         // 渲染
         return view('admin.DataManagement.TrackManagement');
 
     }
+
     public function grid()
     {
         // 取得參數
@@ -82,54 +84,16 @@ class TrackManagementController extends Controller
         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,
+        return view('admin.DataManagement.TrackManagementEdit', [
+            'operdata'      => '',
+            'id'            => '',
         ]);
     }
 
-    /**
-     * 編輯訊息頁面
-     *   本端點非 API，依照變量取得資料後，渲染到 view
-     *
-     * @param integer $id :    訊息的序號
-     *
-     * @return array:          返回渲染頁
-     */
     public function edit($id)
     {
         // 取得參數與驗證
@@ -143,97 +107,68 @@ class TrackManagementController extends Controller
         ]);
     }
     
-    /**
-     * 新增或編輯標籤的端點
-     *   本端點非 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,
-            );
+        
+        try {
+            $mode = $request->operateMode;
+            $id = $request->id ?? null;
+            $trackNo = $request->trackNo;
+            $trackTitle = $request->trackTitle;
+            $trackLimit = $request->trackLimit;
+
+            \DB::beginTransaction();
+            
+            // 服務層設置(以及實現各種業務上的邏輯)
+            if ($mode=='insert') {
+
+                $this->trackManagementSv->insert(
+                    $trackNo,
+                    $trackTitle,
+                    $trackLimit,
+                );
+                
+            } elseif ($mode=='edit') {
+    
+                $this->trackManagementSv->store(
+                    $id,
+                    $trackNo,
+                    $trackTitle,
+                    $trackLimit,
+                );
+                
+            }
+
+            \DB::commit();
+
+            return response()->json([
+                'code' => 0,
+                'message' => 'ok',
+                'data' => [],
+            ]);
+        } catch (\Exception $e) {
+            \DB::rollBack();
+
+            return response()->json([
+                'code' => 99,
+                'message' => $e->getMessage().'/'.$e->getLine().'/'.$e->getFile(),
+                'data' => [],
+            ]);
         }
+
         // $this->referralTagManagementSv->modifyreferralTagByReferralAndTagIds($id, $hidTag);
-    
         // 跳轉
         return redirect('/backend/dataManagement/track');
     }
-    
+
+    public function delete($id)
+    {
+        // 取得參數與驗證
+        // 服務層取得資料(以及實現各種業務上的邏輯)
+        $this->trackManagementSv->deleteDataById($id);
+
+        // 跳轉
+        return redirect('/backend/dataManagement/track');
+    }
 }

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

@@ -19,13 +19,13 @@ class SignupManagementService
         // 建構 model 調用器
         $this->signupDb=new SignupData();
     }
-    public function getList(&$cnt = 0, $orderColumn, $orderDir, $start, $length, $searchValue, $keyword)
+    public function getList(&$cnt = 0, $orderColumn, $orderDir, $start, $length, $searchValue, $keyword, $createDateStart, $createDateFinal)
     {
         // 調用資料庫(或者其他業務邏輯)
         $res = $this->signupDb
             ->select('*');
             
-        if ($keyword != ""){
+        if ($keyword){
 
             $res->where('firstName', $keyword)
                 ->orWhere('lastName', $keyword)
@@ -39,7 +39,10 @@ class SignupManagementService
                 ->orWhere('typeOfJob', $keyword)
                 ->orWhere('jobTitle', $keyword);
         }
-            
+
+        $res->where('createDate', '>', $createDateStart)
+            ->where('createDate', '<', $createDateFinal);
+                        
         // 取總筆數
         $cnt = $res->count();
         // 排序

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

@@ -86,12 +86,47 @@ class TrackManagementService
         $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)
+    
+    public function insert($trackNo, $trackTitle, $trackLimit)
+    {
+        
+        $this->trackDataDb
+            ->insert([
+                'trackNo'       => $trackNo,
+                'trackTitle'    => $trackTitle,
+                'trackLimit'    => $trackLimit,
+                'createDate'    => date("Y-m-d H:i:s"),
+            ]);
+
+        return ;
+    }
+    
+    public function store($id, $trackNo, $trackTitle, $trackLimit)
     {
-        $res=$this->referralDB->insert(["name"=>$name,"referral"=>$referral,"richmenuId"=>$richmenuId,"picseeCode"=>$picseeCode,"shortUrl"=>$picseeUrl,"qRCode"=>$qRCode,"orlCode"=>$orlCode]);
-        $id = \DB::getPdo()->lastInsertId();
+        $this->trackDataDb
+                ->where('id', $id)
+                ->update([
+                    'trackNo'       => $trackNo,
+                    'trackTitle'    => $trackTitle,
+                    'trackLimit'    => $trackLimit,
+                    'updateDate'    => date("Y-m-d H:i:s"),
+                ]);
+                
         return $id;
     }
+
+    public function deleteDataById($id)
+    {
+        // 取得參數
+        // 調用資料庫(或者其他業務邏輯)
+        $res = $this->trackDataDb
+            ->where('id', $id)
+            ->delete();
+        
+        // 整理返回值並返回
+        return $res;
+    }
+
     public function getExportList($keyword)
     {
         $res = $this->signupDb

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

@@ -30,6 +30,19 @@
                                     <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>
+                                <!-- 起 -->
+                                <div class="form-group _form-group col-sm-12 col-md-6 col-xl-2">
+                                    <label for="createDateStart">建立時間(起)</label>
+                                    <input type="text" class="form-control input-sm" id="createDateStart"
+                                           maxlength="10">
+                                </div>
+                                <!-- 訖 -->
+                                <div class="form-group _form-group col-sm-12 col-md-6 col-xl-2">
+                                    <label for="createDateFinal">建立時間(迄)</label>
+                                    <input type="text" class="form-control input-sm" id="createDateFinal"
+                                           maxlength="10">
+                                </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();">
@@ -105,10 +118,12 @@
         function custom_search() {
             $('#GridView1').DataTable()
                 .column(1).search($('#keyword').val())
+                .column(2).search($('#createDateStart').val())
+                .column(3).search($('#createDateFinal').val())
             ;
             $('#GridView1').dataTable().fnDraw(true);
         }
-        
+
         function forceDownload(url, fileName){
             var xhr = new XMLHttpRequest();
             xhr.withCredentials = true;

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

@@ -5,7 +5,7 @@
         <div class="col-lg-12">
             <div class="contentpanel">
                 <!--<form id="listForm" method="post">-->
-                <form id='searchForm' action="{{ route('signup.export') }}" method="POST">
+                <form id='searchForm' action="{{ route('track.create') }}" method="POST">
                     @csrf
                     <!-- 功能按鈕(新增/批量處理等等) -->
                     <div class="row" style="margin-bottom: 5px;">
@@ -100,6 +100,10 @@
             $('#GridView1').dataTable().fnDraw(true);
         }
         
-
+        function delWarning() {
+            if(!confirm("您確定要將此筆資料永久刪除嗎?"))
+            event.preventDefault();
+        }
+        
     </script>
 @endsection

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

@@ -14,10 +14,10 @@
                         <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>
@@ -32,10 +32,10 @@
                                                 <!-- 序號 -->
                                                 @if ($operdata == "")
                                                     <!-- Insert Mode -->
-                                                    <input type="hidden" name="mode" value="insert"/>
+                                                    <input type="hidden" name="mode" id="mode" value="insert"/>
                                                 @else
                                                     <!-- Edit Mode -->
-                                                    <input type="hidden" name="mode" value="edit"/>
+                                                    <input type="hidden" name="mode" id="mode" value="edit"/>
                                                     <tr>
                                                         <td class="col-xl-2">序號</td>
                                                         <td>
@@ -286,85 +286,10 @@
                 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'),
@@ -378,7 +303,7 @@
                 type: "POST",
                 url: '/backend/dataManagement/track/store',
                 data: {
-                    "operateMode": $("#operateMode").val(),
+                    "operateMode": $("#mode").val(),
                     "trackNo": $("#trackNo").val(),
                     "trackTitle": $("#trackTitle").val(),
                     "trackLimit": $("#trackLimit").val(),
@@ -393,7 +318,6 @@
                         location.href = '/backend/dataManagement/track';
                     } else {
                         alert(result.message);
-                        alert('123');
                     }
                 },
                 fail: function(jqXHR, textStatus) {
@@ -406,568 +330,5 @@
             });
         }
 
-        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

@@ -89,10 +89,10 @@ Route::prefix('backend')->group(function () {
         Route::controller(TrackManagementController::class)->prefix('dataManagement/track')->group(function () {
             Route::get('/', 'index');
             Route::get('/grid', 'grid');
-            Route::get('/create', 'create');
+            Route::post('/create', 'create')->name('track.create');
             Route::get('/edit/{id}', 'edit');
             Route::post('/store', 'store');
-            Route::delete('/{id}', 'delete');
+            Route::get('/delete/{id}', 'delete');
         });
 
     });