1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
/*
* Copyright 2016-2017, 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 propertiesFilePath = "i18n/";
var propertiesFileName = "web-framework-mainPage-i18n";
var i18nName = "openo_main_page_i18n";
$.ajax({
async : false,
"type" : "GET",
url : "json/main_page.json",
dataType : "json",
"success" : function (res, textStatus, jqXHR) {
modules = res.modules;
},
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");
}
});
loadi18n_WebFramework(propertiesFileName, propertiesFilePath, i18nName);
});
}
|