Niceman_Option1

Niceman_Option1

## 票選頁面修訂

### 目的

* 讓訪客可以推薦15個以外的新人選，至於可推薦的新人選數量，無限制上限。
* 原[票選]頁面，改為[showpage]性質，不作票選用途，僅顯示{15個人選}、以及隨機顯示的5位{新人選} ，共20個人選讓訪客作瀏覽。
* 增加[票選排行榜]頁面，改讓[訪客]在此頁進行觀看得票數排行、並且進行投票。
    * [票選排行榜]會先顯示得票數最高的{前20位人選}名稱、點「看全部」時，會一次展開一定數量的人選，來顯示排行列於20名之後的人選。
    * 客戶希望一頁能展開所有的投票人選名稱，投票人選若有可能顯示至千人、導致超長的scrollbar 表示是可以容許的。
* [票選]背景底圖，確認後不會增加進來既有版面。
* [競賽]頁面維持原規劃；不作任何修訂。

## 實作
* 訪客可以在[票選]頁面，看到{15個人選}、 以及隨機顯示5位{新人選} 作為show page頁面，
    * 版面設計問題：{新人選} 沒有圓形頭像，可考慮改用小金人的灰階頭像作為替代。
    * 版面設計問題：[票選]頁面需有一提示連結，讓網友可以連至[票數排行榜]，做投票動作。
* 訪客可以在[票選]頁面，點選「我要推薦新人選」連結，並透過fancy box 輸入一則人名，作為推薦的{新人選}。
* 訪客在[推薦視窗]輸入推薦人名後，需留下個資(與投票時個資欄位完全相同)，並可參加抽獎。
    * 管理後台在輸出「票選」的個人資料報表，需包含有推薦過人選的訪客資料。
* 訪客在fancy box輸入人名，來建立{新人選} 時，只需填寫人名。
    * 由訪客輸入的 {新人選}，若同一名稱已建立過，則不可重複建立，並出現警示訊息。
    * 由訪客輸入的 {新人選}，建立完畢後會顯示成功訊息與建立的流水序號。如下例
        * 訪客推薦人選已累積建立100人，
        * 訪客建立了第101位{新人選}為「李小籠」
            * 顯示訊息為：「感謝您推薦了「李小龍」，您是第101位引薦新好男人的網友。（文案待客戶確認） 
    * 由訪客成功建立的{新人選}，得票數會由0起算。
    * 訪客推薦完畢後，畫面會轉至[票選排行榜]頁面。讓訪客可以進行投票。 
* 系統需在後端紀錄{15個人選}、以及所有訪客推薦{新人選}，兩者的得票數，作為票選排行榜的排行依據。  
* 訪客需在[票選排行榜]進行票選，勾選出想投票的人選，並在送出結果後續填寫個人資料（會增加simple captcha檢核碼）
* [票選排行榜]頁面有四個欄位，分別為「Checkbox」、「編號排名」、「人物名稱」、「得票數」、「Checkbox」、並有「送出投票按鈕」。
* [票選排行榜]頁面仍維持，訪客每天不限投一次、每次可投票的人數亦不作限制。    
* [票選排行榜]頁面會先顯示前20位得票數最高的人選。
     * 在20名人選下方，有一「看全部」按鈕，訪客可在點選後，檢視在20名後的所有人選、並仍可進行投票。
     * 並有連結可回至[票選]頁面（h1 文案待客戶確認）
    *  得票總數字，需手動Refresh換頁後才會刷新得票數字。
* [票選]頁面只需維持原有[showoff]用途、不需在各人選上顯示得票總數字。
* [票選]頁面既有的No.16人選（版面是一個為圓形問號人選），客戶確認會移除。