update login-template
Chihyu.Yeh authored
1fca6bf1

README - v1.0.4

  1. 請自行更改<img id="center-logo-first" class="img-responsive" src="img/EdgeSense.svg">內容。

  2. 請自行更改<div id="login-message-first">Sign in to Cloud RMM Network</div>內容。

  3. 理論上,CSS不需要再調整。(註:預設是深色背景,淺色背景請至css/wisepaas-login_template.css第34行做更改,詳細情況請見該行註解)

  4. login form狀態顏色規範:

狀態 正常 錯誤
外框 #C2C2C2(focus: #99CAFF) #E6757B
placeholder 預設 #E6757B
內框文字 #000 #E6757B
  1. login form 驗證規範:

Phone格式錯誤顯示(這個不須點擊按紐就可以提前顯示)(請見js/intl-tel-input-config.js)

情形 示意圖 文字說明
Phone格式錯誤 顯示Phone format is incorrect

以下情況可以透過點擊按鈕或是直接按Enter鍵實踐

登入

情形 示意圖 文字說明
沒輸入Email 顯示Please enter your email
沒輸入Password 顯示Please enter your password
Email,Password皆輸入,但其一有誤 顯示The email or password is incorrect

註冊

情形 示意圖 文字說明
沒輸入Email 顯示Please enter your email
沒輸入First Name 顯示Please enter your first name
沒輸入Last Name 顯示Please enter your last name
沒輸入Phone 顯示Please enter your phone
Email已存在 顯示Email is already existed

忘記密碼

情形 示意圖 文字說明
沒輸入Email 顯示Please enter your email
沒輸入Phone 顯示Please enter your phone
Email,Phone皆輸入,但其一有誤 顯示The email or phone is incorrect

第一次登入修改密碼

情形 示意圖 文字說明
沒輸入Phone 顯示Please enter your phone
沒輸入New Password 顯示Please enter your new password
New Password與Confirm New Password不一致 顯示Two passwords are not the same
Phone,New Password皆輸入也一致,但Phone有誤 顯示The phone is incorrect