Skip to content

C
check
Commit 8c6704ae by NGUYEN HOANG SON
Options

implement main title html,js

parent 6e56bb54
Showing with 38 additions and 9 deletions
abvw/common/main-title.html 0 → 100644
<div id="main-ttl">
<div class="container">
<!-- title -->
<div class="d-flex align-items-center">
<h1 id="mainTitleHeader" class="fs-14 font-weight-bold pt-4 pb-3 mb-0 mr-auto lang"></h1>
</div>
</div>
</div>
\ No newline at end of file
abvw/html/dashboard.html
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>ダッシュボード</title> <title class="lang" lang="dashboard"></title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<!-- favicons --> <!-- favicons -->
<link href="../common/img/favicon.ico" rel="icon"> <link href="../common/img/favicon.ico" rel="icon">
...@@ -37,17 +37,10 @@ ...@@ -37,17 +37,10 @@
<!-- header --> <!-- header -->
<div id="includedHeader"></div> <div id="includedHeader"></div>
<div id="includedMainTitle"></div>
<!-- dashboard --> <!-- dashboard -->
<main> <main>
<div class="container"> <div class="container">
<!-- title -->
<div class="d-flex align-items-center">
<h1 class="fs-14 font-weight-bold pt-4 pb-3 mb-0 mr-auto lang" lang="dashboard"></h1>
<a href="#" data-toggle="modal" data-target="#dashboard-setting-modal" >
<img src="../common/img/icon_dashboard_setting.svg" type="image" alt="" class="p-1 w-40px lang" lang="dashboardSettings">
</a>
</div>
<!-- sub title --> <!-- sub title -->
<h2 class="fs-8 font-weight-bold lang" id="#pickupHeader" lang="pickup"></h2> <h2 class="fs-8 font-weight-bold lang" id="#pickupHeader" lang="pickup"></h2>
......
abvw/js/dashboard/dashboard.js
...@@ -117,6 +117,7 @@ DASHBOARD.loadCommon = function() { ...@@ -117,6 +117,7 @@ DASHBOARD.loadCommon = function() {
TEMPLATE.loadHearder("#includedHeader"); TEMPLATE.loadHearder("#includedHeader");
TEMPLATE.loadDashboardSetting("#includedDashboardSetting", DASHBOARD.changeSettingCallback); TEMPLATE.loadDashboardSetting("#includedDashboardSetting", DASHBOARD.changeSettingCallback);
TEMPLATE.loadConfirmModal("#includedConfirmModal"); TEMPLATE.loadConfirmModal("#includedConfirmModal");
TEMPLATE.loadMainTitle("#includedMainTitle", "dashboard", DASHBOARD.loadMainTitleCallback);
} }
/** Update pickup config from setting dashboard data */ /** Update pickup config from setting dashboard data */
...@@ -168,3 +169,12 @@ DASHBOARD.goSendMessage = function() { ...@@ -168,3 +169,12 @@ DASHBOARD.goSendMessage = function() {
DASHBOARD.changeSettingCallback = function() { DASHBOARD.changeSettingCallback = function() {
location.reload(); location.reload();
} }
DASHBOARD.loadMainTitleCallback = function() {
//add dashboard setting item
var elmA = $('<a href="#" data-toggle="modal" data-target="#dashboard-setting-modal">');
let elmImg = $('<img src="../common/img/icon_dashboard_setting.svg" alt="" class="p-1 w-40px lang" lang="dashboardSettings" data-toggle="tooltip" data-placement="bottom" title="">');
elmImg.attr('title', I18N.i18nText('dashboardSettings'));
elmA.append(elmImg);
$('#mainTitleHeader').after(elmA);
}
abvw/js/template/template.js
...@@ -55,3 +55,20 @@ TEMPLATE.loadNotificationSelect = function(elmentId, selectCallback) { ...@@ -55,3 +55,20 @@ TEMPLATE.loadNotificationSelect = function(elmentId, selectCallback) {
I18N.initi18n(); I18N.initi18n();
}); });
} }
/**
* load main title html to a element by id
* @param {string} elmentId - elementId where contain main title html
* @param {string} langTitle - title lang message
*/
TEMPLATE.loadMainTitle = function(elmentId, langTitle, completeCallback) {
$(elmentId).load("../common/main-title.html" , function() {
if (langTitle) {
$('#mainTitleHeader').attr("lang", langTitle);
}
I18N.initi18n();
if (completeCallback) {
completeCallback();
}
});
}
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