diff options
author | “shentao” <shentao@chinamobile.com> | 2016-10-08 21:18:18 +0800 |
---|---|---|
committer | “shentao” <shentao@chinamobile.com> | 2016-10-08 21:18:18 +0800 |
commit | 8004db9ae141e537abefd0e95dce2210f2e56d56 (patch) | |
tree | 4765ba130abb8a456f1010a2409d156190f9963b /openo-portal/portal-common/src/main/webapp/common/js/mainpage/load_mainPage.js | |
parent | b0664da6ac21c58e23d99c4ab046977c7501df5f (diff) |
modify main_page
Change-Id: I7e80ff78534db0d5c1fcfc69b690858d76a7a924
Signed-off-by: “shentao” <shentao@chinamobile.com>
Diffstat (limited to 'openo-portal/portal-common/src/main/webapp/common/js/mainpage/load_mainPage.js')
-rw-r--r-- | openo-portal/portal-common/src/main/webapp/common/js/mainpage/load_mainPage.js | 97 |
1 files changed, 97 insertions, 0 deletions
diff --git a/openo-portal/portal-common/src/main/webapp/common/js/mainpage/load_mainPage.js b/openo-portal/portal-common/src/main/webapp/common/js/mainpage/load_mainPage.js new file mode 100644 index 00000000..05704b56 --- /dev/null +++ b/openo-portal/portal-common/src/main/webapp/common/js/mainpage/load_mainPage.js @@ -0,0 +1,97 @@ +/* + * Copyright 2016, CMCC Technologies Co., Ltd. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +var initMainPage = function() { + var modules; + var resConfig; + var lang = getLanguage(); + var propertiesFileNamePrefix = ""; + + $.ajax({ + async : false, + "type" : "GET", + url : "json/main-page.json", + dataType : "json", + "success" : function (res, textStatus, jqXHR) { + resConfig = res; + modules = res.modules; + propertiesFileNamePrefix = res.propertiesFileNamePrefix; + }, + error : function () { + } + }); + + var template = "<div class='brick {image}'>" + + "<a id='{linkId}' href='{url}' class='entranceLink'>" + + "<div class='row'>" + + "<div class='cover contentToggle'>{cover}</div>" + + "<div class='{toolsImage}'></div>" + + "<div class='contentTip contentToggle'>{contentTip}</div>" + + "</div>" + + "</a>" + + "</div>"; + + var templatePic = "<div class='brick {image}'>" + + "<div class='row'>" + + "<div class='cover contentToggle'>{cover}</div>" + + "<div class='{toolsImage}'></div>" + + "<div class='contentTip contentToggle'>{contentTip}</div>" + + "</div>" + + "</div>"; + + for (var i = 0; i < modules.length; ++i) { + var temp = ""; + if (modules[i].linkId) { + temp = template.replace("{linkId}", modules[i].linkId) + .replace("{image}", modules[i].background) + .replace("{toolsImage}", modules[i].toolsImage) + .replace("{url}", modules[i].url) + .replace("{contentTip}", modules[i].contentTip); + } else { + temp = templatePic.replace("{image}", modules[i].background) + .replace("{url}", modules[i].url) + .replace("{contentTip}", ""); + } + + if (modules[i].cover) { + temp = temp.replace("{cover}", "<span id='" + modules[i].cover + "' name_i18n='openo_main_page_i18n'></span>"); + } else { + temp = temp.replace("{cover}",""); + } + + $($(".column")[i % 4]).append(temp); + } + + $(function() { + $(".brick").mouseover(function() { + $(".contentTip", this).fadeTo(1000, 1); + $(".cover", this).fadeOut(1000); + }); + + $(".brick").mouseout(function() { + $(".contentTip", this).fadeTo(1000, 0); + $(".cover", this).fadeIn(1000); + }); + + $("a.entranceLink").click(function(e) { + e.preventDefault(); + if ($(this).attr("id") && $(this).attr("id") != "undefined") { + location.href = "default.html" + "#_" + $(this).attr("id"); + } + }); + + loadPropertiesSideMenu(lang, propertiesFileNamePrefix, "i18n/" , "openo_main_page_i18n"); + }); +}
\ No newline at end of file |