Skip to content

D
design
Commit 25d81d19 by NGUYEN HOANG SON
Options

add multi language for dashboard screen

parent 0d816ba3
Showing with 22 additions and 11 deletions
app/index.html
...@@ -158,11 +158,11 @@ ...@@ -158,11 +158,11 @@
<nav class="navbar navbar-dark bg-primary position-fixed fixed-top w-100"> <nav class="navbar navbar-dark bg-primary position-fixed fixed-top w-100">
<div></div> <div></div>
<div></div> <div></div>
<h1 class="fs-10 font-weight-bold mb-0 text-white">ダッシュボード</h1> <h1 class="fs-10 font-weight-bold mb-0 text-white multi-lang" data-msg="dashboardHeaderTitle">ダッシュボード</h1>
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<a href="dashboard-setting.html" class="nav-link text-white lht-0 p-1 mr-2"> <a href="dashboard-setting.html" class="nav-link text-white lht-0 p-1 mr-2">
<img class="icon" src="img/icon_dashboard_setting.svg" alt="設定"> <img class="icon" src="img/icon_dashboard_setting.svg" alt="設定">
<span class="d-none d-md-inline fs-10 align-middle"> <span class="d-none d-md-inline fs-10 align-middle multi-lang" data-msg="buttonDashboardSetting">
設定 設定
</span> </span>
</a> </a>
...@@ -179,55 +179,55 @@ ...@@ -179,55 +179,55 @@
<!-- dashboard --> <!-- dashboard -->
<section class="container-fluid main-section"> <section class="container-fluid main-section">
<main> <main>
<h2 class="fs-8 font-weight-bold mt-4 pb-2 border-bottom text-dark">ピックアップ</h2> <h2 class="fs-8 font-weight-bold mt-4 pb-2 border-bottom text-dark multi-lang" data-msg="pickupHeaderTitle">ピックアップ</h2>
<div class="item-wrap"> <div class="item-wrap">
<div class="item"> <div class="item">
<a href="pickup.html" class="d-block text-dark text-decoration-none mb-1 p-3"> <a href="pickup.html" class="d-block text-dark text-decoration-none mb-1 p-3">
<img src="img/icon_new.svg" alt="新規報告"> <img src="img/icon_new.svg" alt="新規報告">
<div class="fs-8">新規報告</div> <div class="fs-8 multi-lang" data-msg="newRegistrationTitle">新規報告</div>
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="pickup.html" class="d-block text-dark text-decoration-none mb-1 p-3"> <a href="pickup.html" class="d-block text-dark text-decoration-none mb-1 p-3">
<img src="img/icon_proccess.svg" alt="工程管理"> <img src="img/icon_proccess.svg" alt="工程管理">
<div class="fs-8">工程管理</div> <div class="fs-8 multi-lang" data-msg="continousWorkTitle">工程管理</div>
<span class="count fs-7">30</span> <span class="count fs-7">30</span>
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="pickup.html" class="d-block text-dark text-decoration-none mb-1 p-3"> <a href="pickup.html" class="d-block text-dark text-decoration-none mb-1 p-3">
<img src="img/icon_alert.svg" alt="警告を含む報告"> <img src="img/icon_alert.svg" alt="警告を含む報告">
<div class="fs-8">警告を含む報告</div> <div class="fs-8 multi-lang" data-msg="reportWarningTitle">警告を含む報告</div>
<span class="count fs-7">99+</span> <span class="count fs-7">99+</span>
</a> </a>
</div> </div>
</div> </div>
<h2 class="fs-8 font-weight-bold mt-4 pb-2 border-bottom text-dark">コミュニケーション</h2> <h2 class="fs-8 font-weight-bold mt-4 pb-2 border-bottom text-dark multi-lang" data-msg="communicationHeaderTitle">コミュニケーション</h2>
<div class="item-wrap"> <div class="item-wrap">
<div class="item"> <div class="item">
<a href="message-list.html" class="d-block text-dark text-decoration-none mb-1 p-3"> <a href="message-list.html" class="d-block text-dark text-decoration-none mb-1 p-3">
<img src="img/icon_message_lsit.svg" alt="メッセージ一覧"> <img src="img/icon_message_lsit.svg" alt="メッセージ一覧">
<div class="fs-8">メッセージ一覧</div> <div class="fs-8 multi-lang" data-msg="messageListTitle">メッセージ一覧</div>
<span class="count fs-7">2</span> <span class="count fs-7">2</span>
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="#" class="d-block text-dark text-decoration-none mb-1 p-3"> <a href="#" class="d-block text-dark text-decoration-none mb-1 p-3">
<img src="img/icon_send_message.svg" alt="メッセージ送信"> <img src="img/icon_send_message.svg" alt="メッセージ送信">
<div class="fs-8">メッセージ送信</div> <div class="fs-8 multi-lang" data-msg="sendMessageTitle">メッセージ送信</div>
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="#" class="d-block text-dark text-decoration-none mb-1 p-3"> <a href="#" class="d-block text-dark text-decoration-none mb-1 p-3">
<img src="img/icon_remote.svg" alt="遠隔支援"> <img src="img/icon_remote.svg" alt="遠隔支援">
<div class="fs-8">遠隔支援</div> <div class="fs-8 multi-lang" data-msg="distanceSupportTitle">遠隔支援</div>
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="#" class="d-block text-dark text-decoration-none mb-1 p-3"> <a href="#" class="d-block text-dark text-decoration-none mb-1 p-3">
<img src="img/icon_chat.svg" alt="チャット"> <img src="img/icon_chat.svg" alt="チャット">
<div class="fs-8">チャット</div> <div class="fs-8 multi-lang" data-msg="chatTitle">チャット</div>
</a> </a>
</div> </div>
</div> </div>
......
app/script/check.js
...@@ -91,6 +91,17 @@ var msgMap = { // velocity? ...@@ -91,6 +91,17 @@ var msgMap = { // velocity?
labelLoading: { ja: "読み込み中", ko: "로딩중", en: "Loading" }, labelLoading: { ja: "読み込み中", ko: "로딩중", en: "Loading" },
buttonOperationList: { ja: "作業一覧", ko: "Operations List", en: "Operations List" }, buttonOperationList: { ja: "作業一覧", ko: "Operations List", en: "Operations List" },
buttonDashboard: { ja: "ダッシュボード", ko: "Dashboard", en: "Dashboard" }, buttonDashboard: { ja: "ダッシュボード", ko: "Dashboard", en: "Dashboard" },
dashboardHeaderTitle: { ja: "ダッシュボード", ko: "Dashboard", en: "Dashboard" },
buttonDashboardSetting: { ja: "設定", ko: "Dashboard Setting", en: "Dashboard Setting" },
pickupHeaderTitle: { ja: "ピックアップ", ko: "Pickup", en: "Pickup" },
communicationHeaderTitle: { ja: "コミュニケーション", ko: "Communication", en: "Communication" },
newRegistrationTitle: { ja: "新規報告", ko: "New Registration", en: "New Registration" },
continousWorkTitle: { ja: "工程管理", ko: "Continous Work", en: "Continous Work" },
reportWarningTitle: { ja: "警告を含む報告", ko: "Report Warning", en: "Report Warning" },
messageListTitle: { ja: "メッセージ一覧", ko: "Message List", en: "Message List" },
sendMessageTitle: { ja: "メッセージ送信", ko: "Send Message", en: "Send Message" },
distanceSupportTitle: { ja: "遠隔支援", ko: "Distance Support", en: "Distance Support" },
chatTitle: { ja: "チャット", ko: "Chat", en: "Chat" },
}; };
// 言語取得 // 言語取得
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment