## [Front-end] Coding
1. 活動頁 -會員登入 -Menu錨點
-Banner Slider -Section Title模組 -YouTube影片模組 -Image Gallery模組 x2 -產品介紹模組 -文字編輯器模組 -Social media post list -產品活動登陸表單 -表單Pop-up提醒視窗
1. Portal頁面 -熱門活動 -活動列表
1. WCAG(ADA) -Image Alt後台對接

## 後台資料庫需求：
1. 管理員帳號
-Admin / Manager 權限設定
權限需要做到什麼程度？需要幾種身份或是要處理到ACL？
→共兩種身份：Admin / manager
1.1. Admin：新增 / 編輯 / 關閉帳號
1.2. manager：新增 / 編輯 / 關閉 活動頁面

:::success
1. 登入方式
1. 註冊方式
1. 全部人員只有Admin 跟 Manager ?
1. manager的關閉 活動頁面??

Admin 可以新增Manager ， Manager 可以編輯活動內容
:::

1. 活動頁模組

1. 會員登入: API串接
1. - Logo設定: 圖片上傳、自定義連結
1. - Banner設定: 最多五張、可分別自定義連結
1. - Section Title設定: 可編輯文字顏色
1. - YouTube影片設定

> YouTube 影片是否僅需要插入鏈結？
> →是

::: success
1. 會員登入？還是後台Admin/Manager登入?
> A. 華碩會員
:::

2. Image Gallery模組設定
1. -產品介紹模組:最多四個產品名稱 / 價格 / 連結*2
1. -文字編輯器模組

::: success
1. 所以產品介紹內容為以下？
產品名稱 ： MAX(4)
價格 ： MAX(1)
連結 ： MAX(2)
1. 文字編輯器模組 ⇒ 前端畫面不處理
:::

3. Social media post list串接
social media 需要接的服務有哪些？
→使用者在前台輸入FB/IG的內嵌碼，後台接受到後可以決定要不要顯示在前台頁面上
::: success
1. ==我知道內嵌碼是什麼==，這一個是獨立的頁面功能?只需要有一個頁面讓你們貼上內嵌碼然後有一個flag 是 ==顯示/不顯示== 是不是?還是跟著活動產品設定?
> A. https://developers.facebook.com/docs/instagram/embed-button/?locale=zh_TW
:::

- 產品活動登錄表單:
- 自定義編輯title、必填 / 非必填
- 表單Pop-up登錄狀態判斷
::: success
1. 功能不清楚
> A. 商品購入後登錄商品序號， 判斷序號是否重複。 => ==跟產品活動登錄表單的關聯為?==
:::

5. 活動頁模組功能
1. -新增、編輯、刪除、排序
1. -顯示 / 隱藏

1. -背景色設定

6. 活動列表
1. -熱門活動設定 -站內活動:圖片上傳、連結、說明、活動起迄時間、上 下架功能
1. -外站活動:圖片上傳、連結、說明、活動起迄時間、上 下架功能
1. -測試頁面:產生預覽連結僅供外部檢視，開啟連結檢視
測試頁面:產生預覽連結僅供「外」部檢視是否為筆誤？應該是「內」部？
→業主需要給後台管理者以外的人做檢視，故他們覺得是「外部」，原理都是產生預覽連結，再看業主要提供給誰
::: success
1. 與活動頁模組功能差別為？因為兩個都是 活動
1. 測試頁面 ⇒ web 畫面 ， 不處理
:::

7. 活動頁面

2. -獎品設定:虛擬碼/實體禮物、名稱 /數量設定、安全庫存
3. Manager通知
虛擬碼是否有詳細規則？如使用次數或期限、預產生或是預發送？
→單次活動在一開始就設定好數量並匯入。不重複、無期限，都是後台手動勾選名單，單次或批量簡訊or mail發送
::: success
1. 資料重複如何處置？
> a. 提示重複虛擬碼 => 所以實體禮物重複也是提示虛擬碼，然後整批匯入失敗?
1. 如何勾選名單資料來源為？
> a. 登入用戶的資料
:::

1. - 名單審核功能:符合資格 / 贈品已寄送 / 審核不通過 / 資料缺件 / 全客製空白
1. - csv匯入/匯出功能:虛擬碼、手機號碼
1. - SN欄位匯入90料號設定:系統判定、驗證 / 註冊API串接
:::success
1. ==請詳述整個功能==
2. 已有CSV 匯入，SN欄位匯入為何？
> a. 與發送簡訊有關 => ==請詳述==
4. 虛擬碼可以兌換折價券之類的東西
5. 必須綁到單一活動
:::
8. WCAG(ADA)
-Image Alt依上傳檔名設定，欄位可修改
:::success
1. 這功能是for 所有有上傳的圖片嗎？ ⇒ 所有上傳的圖片都要
:::
9. 信件發送功能 : Mail Server 串接、default template設定
10. SMS發送功能 : SMS API 串接、default template設定

:::success
1. default template 單一還是多份？
> A. 多份
:::

---
## 時程
* 4/29 需求確認+需求整理: 1HR

## 已確認功能
* [ ] 帳戶管理
* [ ] 帳戶登入
* [ ] 帳戶新增 (only admin)
* [ ] 帳戶編輯 (only admin)
* [ ] 帳戶變更密碼
* [ ] 刪除帳戶 (only admin)

     {
         "accunt":"",
         "username":"",
         "mail":"",
         "cellphone":""
     }

* [ ] 活動頁
* [ ] 新增活動頁
* [ ] 編輯活動頁
* [ ] 刪除活動頁
* [ ] 排序活動頁
* [ ] 顯示/隱藏活動頁

    FORM DATA : 
        {
            "logo" : {
                url : "",
                alt : "",
            },
            "banners": [5][
                {
                    url : "",
                    alt : "", 
                }
            ],
            "selectionTitle" : "",
            "selectionTitleColor": "",
            "youTube" : "",
            "imageGallery": {
                "title_1" : "",
                "title_2": "",
                "title_3": "",
                "title_4"; "",
                "price": 0,
                "link_1":"",
                "link_2":"",
            },
            "SocalMedia": "",
        }

* [ ] Smtp Server 設定
* [ ] Email Template 設定
* [ ] 查詢Email Template
* [ ] 新增Email Template
* [ ] 編輯Email Template
* [ ] 刪除Email Template

        [{
          "title":"",
          "subject": "",
          "content": ""
        }]

* [ ] Sms API 設定
* [ ] Sms Template 設定
* [ ] 查詢Sms Template
* [ ] 新增Sms Template
* [ ] 編輯Sms Template
* [ ] 刪除Sms Template

        [{
          "title":"",
          "content": ""
        }]

* [ ] WCAG(ADA)
* 所有上傳的image 格式均增加 alt 欄位，並且可修改，如空白則使用上傳的圖片檔名或圖片網址