Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
S
solo
Project overview
Project overview
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
solo
Commits
01bed7f5
Commit
01bed7f5
authored
Jul 24, 2012
by
Vanessa
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
ease skin change
parent
9ba1feb5
Changes
5
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
68 additions
and
39 deletions
+68
-39
war/src/main/webapp/skins/ease/css/ease.css
war/src/main/webapp/skins/ease/css/ease.css
+42
-19
war/src/main/webapp/skins/ease/css/ease.min.css
war/src/main/webapp/skins/ease/css/ease.min.css
+20
-15
war/src/main/webapp/skins/ease/js/ease.js
war/src/main/webapp/skins/ease/js/ease.js
+3
-2
war/src/main/webapp/skins/ease/js/ease.min.js
war/src/main/webapp/skins/ease/js/ease.min.js
+1
-1
war/src/main/webapp/skins/ease/macro-comments.ftl
war/src/main/webapp/skins/ease/macro-comments.ftl
+2
-2
No files found.
war/src/main/webapp/skins/ease/css/ease.css
View file @
01bed7f5
...
...
@@ -17,7 +17,7 @@
* skin ease style
*
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
* @version 1.0.1.
5, Jul 20
, 2012
* @version 1.0.1.
6, Jul 24
, 2012
*/
/* start base */
html
,
body
,
div
,
ul
,
li
{
...
...
@@ -337,7 +337,7 @@ sup {
.article
{
border-bottom
:
1px
solid
#f6f6f6
;
padding
:
20px
70px
2
0px
;
padding
:
30px
5
0px
;
}
.article
:hover
{
...
...
@@ -403,7 +403,7 @@ sup {
float
:
left
;
margin
:
10px
0
;
padding
:
0
20px
10px
;
width
:
3
6
5px
;
width
:
3
8
5px
;
}
.article-relative
:hover
{
...
...
@@ -420,14 +420,14 @@ sup {
}
#externalRelevantArticles
{
width
:
29
7px
;
width
:
35
7px
;
margin-top
:
0
;
}
/* end article*/
/* start comment */
#comments
{
padding
:
20px
70px
2
0px
;
padding
:
20px
5
0px
;
position
:
relative
;
}
...
...
@@ -443,17 +443,17 @@ sup {
.comment-panel
{
float
:
left
;
line-height
:
16px
;
margin
:
0
10px
2
0px
;
margin
:
0
0
20px
1
0px
;
min-height
:
64px
;
overflow
:
hidden
;
width
:
760
px
;
width
:
814
px
;
}
.comment-body-ref
{
background-color
:
#FCFCFC
;
box-shadow
:
0
0
2px
#D5D5D5
;
display
:
block
;
left
:
1
40
px
;
left
:
1
27
px
;
padding
:
10px
;
opacity
:
0.9
;
filter
:
alpha
(
opacity
=
90
);
...
...
@@ -471,11 +471,19 @@ sup {
.comment-body-ref
>
.comment-panel
{
margin
:
0
20px
0
0
;
min-height
:
48px
;
width
:
756px
;
width
:
725px
;
}
.comment-body-ref
>
.comment-panel
>
.right
{
display
:
none
;
}
#replyForm
{
margin-left
:
25px
;
}
.form
{
padding
:
0
7
0px
20px
;
padding
:
0
5
0px
20px
;
}
.wrapper
>
.form
{
...
...
@@ -522,7 +530,7 @@ sup {
height
:
28px
;
line-height
:
28px
;
padding
:
0
12px
;
color
:
#
A7A7A7
;
color
:
#
808080
;
}
.form
button
:hover
{
...
...
@@ -540,6 +548,11 @@ sup {
/* end comment */
/* start tags */
#tags
.other-main
{
margin
:
47px
44px
0
;
width
:
902px
;
}
#tags
li
{
float
:
left
;
height
:
38px
;
...
...
@@ -596,7 +609,7 @@ sup {
padding-bottom
:
20px
;
line-height
:
20px
;
margin
:
20px
;
width
:
27
6
px
;
width
:
27
0
px
;
position
:
absolute
;
top
:
0
;
}
...
...
@@ -611,7 +624,7 @@ sup {
.archives
a
{
display
:
block
;
margin-left
:
80
px
;
margin-left
:
77
px
;
}
/* end archives */
...
...
@@ -631,7 +644,7 @@ sup {
line-height
:
20px
;
margin
:
20px
;
padding
:
10px
20px
20px
;
width
:
3
93
px
;
width
:
3
85
px
;
}
.dynamic
.module
:hover
{
...
...
@@ -647,27 +660,37 @@ sup {
}
.dynamic
.side-tags
{
width
:
1
86
px
;
width
:
1
70
px
;
}
.dynamic
.side-tags
li
{
float
:
left
;
margin
:
0
5px
;
}
.dynamic
.side-most-comment
,
.dynamic
.side-most-view
{
margin-bottom
:
0
;
}
/* end dynamic */
/* start links */
.other-main.links
{
margin-top
:
45px
;
}
.links
li
{
float
:
left
;
margin
:
0
20px
10px
;
width
:
273px
;
line-height
:
22px
;
margin
:
0
20px
;
width
:
270px
;
}
/* end links */
/* start not list */
.other-main
{
display
:
inline-block
;
margin
:
50px
2
0px
0
;
width
:
9
5
0px
;
margin
:
30px
3
0px
0
;
width
:
9
3
0px
;
}
/* end not list */
\ No newline at end of file
war/src/main/webapp/skins/ease/css/ease.min.css
View file @
01bed7f5
...
...
@@ -54,7 +54,7 @@ sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;}
#goTop
{
background
:
url(/skins/ease/images/icons.png)
no-repeat
scroll
5px
-51px
#D5D5D5
;
border-radius
:
2px
2px
0
0
;
cursor
:
pointer
;
font-size
:
11px
;
height
:
21px
;
line-height
:
21px
;
padding
:
0
10px
0
23px
;
position
:
absolute
;
right
:
50px
;
display
:
none
;}
#goTop
:hover
{
background-color
:
#D5D5D5
;}
.wrapper
>
ul
{
list-style
:
none
;}
.article
{
border-bottom
:
1px
solid
#f6f6f6
;
padding
:
20px
7
0px
;}
.article
{
border-bottom
:
1px
solid
#f6f6f6
;
padding
:
30px
5
0px
;}
.article
:hover
{
border-bottom-color
:
#D5D5D5
;
box-shadow
:
0
0
1px
#f6f6f6
inset
;
background-color
:
#FCFCFC
;}
.article-body
{
line-height
:
145%
;
overflow
:
hidden
;
word-wrap
:
break-word
;
margin-bottom
:
10px
;}
.article-body
ol
,
.article-body
ul
{
margin-left
:
40px
;}
...
...
@@ -66,26 +66,29 @@ sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;}
.article-title
span
{
cursor
:
pointer
;}
.article-next
{
background-color
:
#FCFCFC
;
box-shadow
:
0
0
3px
#D5D5D5
inset
;
cursor
:
pointer
;
font-size
:
14px
;
line-height
:
36px
;
text-align
:
center
;}
.article-next
:hover
{
box-shadow
:
0
0
3px
#D5D5D5
,
0
0
3px
#D5D5D5
inset
;}
.article-relative
{
background-color
:
#FCFCFC
;
box-shadow
:
0
0
2px
#D5D5D5
;
float
:
left
;
margin
:
10px
0
;
padding
:
0
20px
10px
;
width
:
3
6
5px
;}
.article-relative
{
background-color
:
#FCFCFC
;
box-shadow
:
0
0
2px
#D5D5D5
;
float
:
left
;
margin
:
10px
0
;
padding
:
0
20px
10px
;
width
:
3
8
5px
;}
.article-relative
:hover
{
background-color
:
#fff
;
box-shadow
:
0
0
4px
#D5D5D5
;}
.article-relative
ul
{
list-style
:
none
;}
#relevantArticles
{
margin-right
:
40px
;}
#externalRelevantArticles
{
width
:
29
7px
;
margin-top
:
0
;}
#comments
{
padding
:
20px
7
0px
;
position
:
relative
;}
#externalRelevantArticles
{
width
:
35
7px
;
margin-top
:
0
;}
#comments
{
padding
:
20px
5
0px
;
position
:
relative
;}
.comment-header
{
float
:
left
;
background-color
:
#FFF
;
border
:
1px
solid
#DEDEDE
;
padding
:
2px
;
height
:
60px
;
width
:
60px
;}
.comment-panel
{
float
:
left
;
line-height
:
16px
;
margin
:
0
10px
20px
;
min-height
:
64px
;
overflow
:
hidden
;
width
:
760
px
;}
.comment-body-ref
{
background-color
:
#FCFCFC
;
box-shadow
:
0
0
2px
#D5D5D5
;
display
:
block
;
left
:
1
40
px
;
padding
:
10px
;
opacity
:
0.9
;
filter
:
alpha
(
opacity
=
90
);
position
:
absolute
;}
.comment-panel
{
float
:
left
;
line-height
:
16px
;
margin
:
0
0
20px
10px
;
min-height
:
64px
;
overflow
:
hidden
;
width
:
814
px
;}
.comment-body-ref
{
background-color
:
#FCFCFC
;
box-shadow
:
0
0
2px
#D5D5D5
;
display
:
block
;
left
:
1
27
px
;
padding
:
10px
;
opacity
:
0.9
;
filter
:
alpha
(
opacity
=
90
);
position
:
absolute
;}
.comment-body-ref
>
.comment-header
{
border
:
0
none
;
float
:
right
;
height
:
48px
;
width
:
48px
;
padding
:
0
;}
.comment-body-ref
>
.comment-panel
{
margin
:
0
20px
0
0
;
min-height
:
48px
;
width
:
756px
;}
.form
{
padding
:
0
70px
20px
;}
.comment-body-ref
>
.comment-panel
{
margin
:
0
20px
0
0
;
min-height
:
48px
;
width
:
725px
;}
.comment-body-ref
>
.comment-panel
>
.right
{
display
:
none
;}
#replyForm
{
margin-left
:
25px
;}
.form
{
padding
:
0
50px
20px
;}
.wrapper
>
.form
{
float
:
left
;}
.form
th
{
text-align
:
right
;
white-space
:
nowrap
;}
.form
input
[
type
=
text
],
.form
input
[
type
=
password
],
.form
textarea
{
background-color
:
#FCFCFC
;
border-width
:
0
;
box-shadow
:
0
0
2px
#BCBCBC
;
font-family
:
Verdana
,
arial
,
\
5
fae
\
8
f6f
\
96
c5
\
9
ed1
;
font-size
:
12px
;
margin
:
0
5px
10px
0
;
outline
:
medium
none
;
padding
:
0
3px
;
height
:
28px
;
line-height
:
28px
;
width
:
260px
;}
.form
input
:focus
,
.form
textarea
:focus
{
box-shadow
:
0
0
4px
#D5D5D5
;}
.form
textarea
{
height
:
120px
;
overflow
:
auto
;
width
:
426px
;
line-height
:
16px
;}
.form
button
{
background-color
:
#F6F6F6
;
border
:
0
none
;
box-shadow
:
0
0
2px
#D5D5D5
;
height
:
28px
;
line-height
:
28px
;
padding
:
0
12px
;
color
:
#
A7A7A7
;}
.form
button
{
background-color
:
#F6F6F6
;
border
:
0
none
;
box-shadow
:
0
0
2px
#D5D5D5
;
height
:
28px
;
line-height
:
28px
;
padding
:
0
12px
;
color
:
#
808080
;}
.form
button
:hover
{
box-shadow
:
0
0
4px
#D5D5D5
;
text-shadow
:
0
0
2px
;}
.form
img
{
background-color
:
#FCFCFC
;
box-shadow
:
0
0
2px
#D5D5D5
;
cursor
:
pointer
;
height
:
24px
;
padding
:
1px
;}
#tags
.other-main
{
margin
:
47px
44px
0
;
width
:
902px
;}
#tags
li
{
float
:
left
;
height
:
38px
;}
#tags
a
{
margin
:
3px
6px
;
padding
:
3px
12px
;
background-color
:
#FCFCFC
;
box-shadow
:
0
0
2px
#D5D5D5
;
float
:
left
;}
#tags
a
:hover
{
text-shadow
:
0
0
2px
;
text-decoration
:
none
;
box-shadow
:
0
0
4px
#D5D5D5
;}
...
...
@@ -95,17 +98,19 @@ sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;}
.tags4
,
.tags4
:visited
{
font-size
:
18px
;
color
:
#323232
;}
.tags5
,
.tags5
:visited
{
font-size
:
20px
;
color
:
#0a0a0a
;}
.archives
{
position
:
relative
;}
.archives
>
div
{
background-color
:
#FCFCFC
;
box-shadow
:
0
0
2px
#D5D5D5
;
padding-bottom
:
20px
;
line-height
:
20px
;
margin
:
20px
;
width
:
27
6
px
;
position
:
absolute
;
top
:
0
;}
.archives
>
div
{
background-color
:
#FCFCFC
;
box-shadow
:
0
0
2px
#D5D5D5
;
padding-bottom
:
20px
;
line-height
:
20px
;
margin
:
20px
;
width
:
27
0
px
;
position
:
absolute
;
top
:
0
;}
.archives
h3
{
text-align
:
center
;}
.archives
>
div
:hover
{
box-shadow
:
0
0
4px
#D5D5D5
;}
.archives
a
{
display
:
block
;
margin-left
:
80
px
;}
.archives
a
{
display
:
block
;
margin-left
:
77
px
;}
.dynamic
ul
{
list-style
:
none
;}
.dynamic
h3
{
text-align
:
center
;}
.dynamic
.module
{
background-color
:
#FCFCFC
;
box-shadow
:
0
0
2px
#D5D5D5
;
float
:
left
;
line-height
:
20px
;
margin
:
20px
;
padding
:
10px
20px
20px
;
width
:
3
93
px
;}
.dynamic
.module
{
background-color
:
#FCFCFC
;
box-shadow
:
0
0
2px
#D5D5D5
;
float
:
left
;
line-height
:
20px
;
margin
:
20px
;
padding
:
10px
20px
20px
;
width
:
3
85
px
;}
.dynamic
.module
:hover
{
box-shadow
:
0
0
4px
#D5D5D5
;}
.dynamic
.side-comments
{
width
:
600px
;}
.dynamic
.side-comments
.comment-panel
{
width
:
510px
;}
.dynamic
.side-tags
{
width
:
1
86
px
;}
.dynamic
.side-tags
{
width
:
1
70
px
;}
.dynamic
.side-tags
li
{
float
:
left
;
margin
:
0
5px
;}
.links
li
{
float
:
left
;
margin
:
0
20px
10px
;
width
:
273px
;}
.other-main
{
display
:
inline-block
;
margin
:
50px
20px
0
;
width
:
950px
;}
\ No newline at end of file
.dynamic
.side-most-comment
,
.dynamic
.side-most-view
{
margin-bottom
:
0
;}
.other-main.links
{
margin-top
:
45px
;}
.links
li
{
float
:
left
;
line-height
:
22px
;
margin
:
0
20px
;
width
:
270px
;}
.other-main
{
display
:
inline-block
;
margin
:
30px
30px
0
;
width
:
930px
;}
\ No newline at end of file
war/src/main/webapp/skins/ease/js/ease.js
View file @
01bed7f5
...
...
@@ -18,7 +18,7 @@
* @fileoverview ease js.
*
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
* @version 1.0.1.
1, Jun 18
, 2012
* @version 1.0.1.
2, Jul 24
, 2012
*/
var
goTranslate
=
function
()
{
window
.
open
(
"
http://translate.google.com/translate?sl=auto&tl=auto&u=
"
+
location
.
href
);
...
...
@@ -162,6 +162,7 @@ var ease = {
return
;
}
$
(
"
.footer
"
).
css
(
"
marginTop
"
,
"
30px
"
);
var
years
=
[],
$archiveList
=
$archives
.
find
(
"
span
"
).
each
(
function
()
{
var
year
=
$
(
this
).
data
(
"
year
"
),
...
...
@@ -204,7 +205,7 @@ var ease = {
break
;
}
$items
[
m
].
style
.
left
=
(
n
*
31
8
)
+
"
px
"
;
$items
[
m
].
style
.
left
=
(
n
*
31
0
)
+
"
px
"
;
if
(
line
>
0
)
{
if
(
$items
[
m
-
3
].
style
.
top
!==
""
)
{
...
...
war/src/main/webapp/skins/ease/js/ease.min.js
View file @
01bed7f5
var
goTranslate
=
function
(){
window
.
open
(
"
http://translate.google.com/translate?sl=auto&tl=auto&u=
"
+
location
.
href
)};
var
getNextPage
=
function
(){
var
$more
=
$
(
"
.article-next
"
);
currentPage
+=
1
;
var
path
=
"
/articles/
"
;
if
(
location
.
pathname
.
indexOf
(
"
tags
"
)
>-
1
){
var
tagsPathnaem
=
location
.
pathname
.
split
(
"
/tags/
"
);
var
tags
=
tagsPathnaem
[
1
].
split
(
"
/
"
);
path
=
"
/articles/tags/
"
+
tags
[
0
]
+
"
/
"
}
else
if
(
location
.
pathname
.
indexOf
(
"
archives
"
)
>-
1
){
var
archivesPathname
=
location
.
pathname
.
split
(
"
/archives/
"
);
var
archives
=
archivesPathname
[
1
].
split
(
"
/
"
);
path
=
"
/articles/archives/
"
+
archives
[
0
]
+
"
/
"
+
archives
[
1
]
+
"
/
"
}
$
.
ajax
({
url
:
latkeConfig
.
staticServePath
+
path
+
currentPage
,
type
:
"
GET
"
,
beforeSend
:
function
(){
$more
.
css
(
"
background
"
,
"
url(
"
+
latkeConfig
.
staticServePath
+
"
/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe
"
)},
success
:
function
(
result
,
textStatus
){
if
(
!
result
.
sc
){
return
}
var
articlesHTML
=
""
,
pagination
=
result
.
rslts
.
pagination
;
for
(
var
i
=
0
;
i
<
result
.
rslts
.
articles
.
length
;
i
++
){
var
article
=
result
.
rslts
.
articles
[
i
];
articlesHTML
+=
'
<li class="article">
'
+
'
<div class="article-title">
'
+
'
<h2>
'
+
'
<a rel="bookmark" class="ft-gray" href="
'
+
latkeConfig
.
servePath
+
article
.
articlePermalink
+
'
">
'
+
article
.
articleTitle
+
'
</a>
'
;
if
(
article
.
hasUpdated
){
articlesHTML
+=
'
<sup>
'
+
Label
.
updatedLabel
+
'
</sup>
'
}
if
(
article
.
articlePutTop
){
articlesHTML
+=
'
<sup>
'
+
Label
.
topArticleLabel
+
'
</sup>
'
}
articlesHTML
+=
'
</h2>
'
+
'
<div class="right">
'
+
'
<a rel="nofollow" class="ft-gray" href="
'
+
latkeConfig
.
servePath
+
article
.
articlePermalink
+
'
#comments">
'
+
+
article
.
articleCommentCount
+
'
'
+
Label
.
commentLabel
+
'
</a>
'
+
'
<a rel="nofollow" class="ft-gray" href="
'
+
latkeConfig
.
servePath
+
article
.
articlePermalink
+
'
">
'
+
article
.
articleViewCount
+
'
'
+
Label
.
viewLabel
+
'
</a>
'
+
'
</div>
'
+
'
<div class="clear"></div>
'
+
'
</div>
'
+
'
<div class="article-body">
'
+
'
<div id="abstract
'
+
article
.
oId
+
'
">
'
+
article
.
articleAbstract
+
'
</div>
'
+
'
<div id="content
'
+
article
.
oId
+
'
" class="none"></div>
'
+
'
</div>
'
+
'
<div class="right ft-gray">
'
;
if
(
article
.
hasUpdated
){
articlesHTML
+=
Util
.
toDate
(
article
.
articleUpdateDate
,
'
yy-MM-dd HH:mm
'
)}
else
{
articlesHTML
+=
Util
.
toDate
(
article
.
articleCreateDate
,
'
yy-MM-dd HH:mm
'
)}
articlesHTML
+=
'
<a href="
'
+
latkeConfig
.
servePath
+
'
/authors/
'
+
article
.
authorId
+
'
">
'
+
article
.
authorName
+
'
</a>
'
+
'
</div>
'
+
'
<div class="left ft-gray">
'
+
Label
.
tag1Label
+
"
"
;
var
articleTags
=
article
.
articleTags
.
split
(
"
,
"
);
for
(
var
j
=
0
;
j
<
articleTags
.
length
;
j
++
){
articlesHTML
+=
'
<a rel="tag" href="
'
+
latkeConfig
.
servePath
+
'
/tags/
'
+
encodeURIComponent
(
articleTags
[
j
])
+
'
">
'
+
articleTags
[
j
]
+
'
</a>
'
;
if
(
j
<
articleTags
.
length
-
1
){
articlesHTML
+=
"
,
"
}}
articlesHTML
+=
'
</div>
'
+
'
<div class="clear"></div>
'
+
'
</li>
'
}
$
(
"
body>.wrapper>ul
"
).
append
(
articlesHTML
);
if
(
pagination
.
paginationPageCount
===
currentPage
){
$more
.
remove
()}
else
{
$more
.
css
(
"
background
"
,
"
none
"
)}}})};
var
ease
=
{
$header
:
$
(
"
.header
"
),
headerH
:
$
(
"
.header
"
).
height
(),
$body
:
$
(
"
body > .wrapper
"
),
$nav
:
$
(
"
.nav
"
),
getCurrentPage
:
function
(){
var
$next
=
$
(
"
.article-next
"
);
if
(
$next
.
length
>
0
){
window
.
currentPage
=
$next
.
data
(
"
page
"
)}},
setNavCurrent
:
function
(){
$
(
"
.nav ul a
"
).
each
(
function
(){
var
$this
=
$
(
this
);
if
(
$this
.
attr
(
"
href
"
)
===
latkeConfig
.
servePath
+
location
.
pathname
){
$this
.
addClass
(
"
current
"
)}
else
if
(
/
\/[
0-9
]
+$/
.
test
(
location
.
pathname
)){
$
(
"
.nav ul li
"
)[
0
].
className
=
"
current
"
}})},
initCommon
:
function
(){
Util
.
init
();
Util
.
replaceSideEm
(
$
(
"
.recent-comments-content
"
));
Util
.
buildTags
(
"
tagsSide
"
)},
initArchives
:
function
(){
var
$archives
=
$
(
"
.archives
"
);
if
(
$archives
.
length
<
1
){
return
}
var
years
=
[],
$archiveList
=
$archives
.
find
(
"
span
"
).
each
(
function
(){
var
year
=
$
(
this
).
data
(
"
year
"
),
tag
=
true
;
for
(
var
i
=
0
;
i
<
years
.
length
;
i
++
){
if
(
year
===
years
[
i
]){
tag
=
false
;
break
}}
if
(
tag
){
years
.
push
(
year
)}});
var
yearsHTML
=
""
;
for
(
var
j
=
0
;
j
<
years
.
length
;
j
++
){
var
monthsHTML
=
""
;
for
(
var
l
=
0
;
l
<
$archiveList
.
length
;
l
++
){
var
$month
=
$
(
$archiveList
[
l
]);
if
(
$month
.
data
(
"
year
"
)
===
years
[
j
]){
monthsHTML
+=
$month
.
html
()}}
yearsHTML
+=
"
<div><h3 class='ft-gray'>
"
+
years
[
j
]
+
"
</h3>
"
+
monthsHTML
+
"
</div>
"
}
$archives
.
html
(
yearsHTML
);
var
$items
=
$
(
"
.archives>div
"
),
line
=
0
,
top
=
0
,
heights
=
[];
for
(
var
m
=
0
;
m
<
$items
.
length
;
m
++
){
for
(
var
n
=
0
;
n
<
3
;
n
++
){
if
(
m
>=
$items
.
length
){
break
}
$items
[
m
].
style
.
left
=
(
n
*
318
)
+
"
px
"
;
if
(
line
>
0
){
if
(
$items
[
m
-
3
].
style
.
top
!==
""
){
top
=
parseInt
(
$items
[
m
-
3
].
style
.
top
)}
$items
[
m
].
style
.
top
=
$
(
$items
[
m
-
3
]).
height
()
+
60
+
top
+
"
px
"
;
heights
[
n
]
=
parseInt
(
$items
[
m
].
style
.
top
)
+
$
(
$items
[
m
]).
height
()
+
60
}
else
{
heights
[
n
]
=
$
(
$items
[
m
]).
height
()
+
60
}
if
(
n
<
2
){
m
+=
1
}}
line
+=
1
}
$archives
.
height
(
heights
.
sort
()[
heights
.
length
-
1
])},
scrollEvent
:
function
(){
var
_it
=
this
;
$
(
window
).
scroll
(
function
(){
var
y
=
$
(
window
).
scrollTop
();
if
(
y
>=
_it
.
headerH
+
$
(
"
#top
"
).
height
()){
_it
.
$nav
.
css
(
"
position
"
,
"
fixed
"
);
_it
.
$body
.
css
(
"
marginTop
"
,
"
58px
"
)}
else
{
_it
.
$nav
.
css
(
"
position
"
,
"
inherit
"
);
_it
.
$body
.
css
(
"
marginTop
"
,
"
0
"
)}
if
(
y
>
_it
.
headerH
){
var
bodyH
=
$
(
window
).
height
();
var
top
=
y
+
bodyH
-
21
;
if
(
$
(
"
body
"
).
height
()
-
58
<=
y
+
bodyH
){
top
=
$
(
"
.footer
"
).
offset
().
top
-
21
}
$
(
"
#goTop
"
).
fadeIn
(
"
slow
"
).
css
(
"
top
"
,
top
)}
else
{
$
(
"
#goTop
"
).
hide
()}})},
setDynamic
:
function
(){
var
$dynamic
=
$
(
"
.dynamic
"
);
if
(
$
(
"
.dynamic
"
).
length
<
1
){
return
}
var
$comments
=
$dynamic
.
find
(
"
.side-comments
"
),
$tags
=
$dynamic
.
find
(
"
.side-tags
"
),
$mostComment
=
$dynamic
.
find
(
"
.side-most-comment
"
),
$mostView
=
$dynamic
.
find
(
"
.side-most-view
"
);
if
(
$comments
.
height
()
>
$tags
.
height
()){
$tags
.
height
(
$comments
.
height
())}
else
{
$comments
.
height
(
$tags
.
height
())}
if
(
$mostComment
.
height
()
>
$mostView
.
height
()){
$mostView
.
height
(
$mostComment
.
height
())}
else
{
$mostComment
.
height
(
$mostView
.
height
())}
$
(
"
.article-body
"
).
each
(
function
(){
this
.
innerHTML
=
Util
.
replaceEmString
(
$
(
this
).
html
())})}};(
function
(){
ease
.
getCurrentPage
();
ease
.
initCommon
();
ease
.
scrollEvent
();
ease
.
setNavCurrent
();
ease
.
initArchives
();
ease
.
setDynamic
()})();
\ No newline at end of file
var
goTranslate
=
function
(){
window
.
open
(
"
http://translate.google.com/translate?sl=auto&tl=auto&u=
"
+
location
.
href
)};
var
getNextPage
=
function
(){
var
$more
=
$
(
"
.article-next
"
);
currentPage
+=
1
;
var
path
=
"
/articles/
"
;
if
(
location
.
pathname
.
indexOf
(
"
tags
"
)
>-
1
){
var
tagsPathnaem
=
location
.
pathname
.
split
(
"
/tags/
"
);
var
tags
=
tagsPathnaem
[
1
].
split
(
"
/
"
);
path
=
"
/articles/tags/
"
+
tags
[
0
]
+
"
/
"
}
else
if
(
location
.
pathname
.
indexOf
(
"
archives
"
)
>-
1
){
var
archivesPathname
=
location
.
pathname
.
split
(
"
/archives/
"
);
var
archives
=
archivesPathname
[
1
].
split
(
"
/
"
);
path
=
"
/articles/archives/
"
+
archives
[
0
]
+
"
/
"
+
archives
[
1
]
+
"
/
"
}
$
.
ajax
({
url
:
latkeConfig
.
staticServePath
+
path
+
currentPage
,
type
:
"
GET
"
,
beforeSend
:
function
(){
$more
.
css
(
"
background
"
,
"
url(
"
+
latkeConfig
.
staticServePath
+
"
/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe
"
)},
success
:
function
(
result
,
textStatus
){
if
(
!
result
.
sc
){
return
}
var
articlesHTML
=
""
,
pagination
=
result
.
rslts
.
pagination
;
for
(
var
i
=
0
;
i
<
result
.
rslts
.
articles
.
length
;
i
++
){
var
article
=
result
.
rslts
.
articles
[
i
];
articlesHTML
+=
'
<li class="article">
'
+
'
<div class="article-title">
'
+
'
<h2>
'
+
'
<a rel="bookmark" class="ft-gray" href="
'
+
latkeConfig
.
servePath
+
article
.
articlePermalink
+
'
">
'
+
article
.
articleTitle
+
'
</a>
'
;
if
(
article
.
hasUpdated
){
articlesHTML
+=
'
<sup>
'
+
Label
.
updatedLabel
+
'
</sup>
'
}
if
(
article
.
articlePutTop
){
articlesHTML
+=
'
<sup>
'
+
Label
.
topArticleLabel
+
'
</sup>
'
}
articlesHTML
+=
'
</h2>
'
+
'
<div class="right">
'
+
'
<a rel="nofollow" class="ft-gray" href="
'
+
latkeConfig
.
servePath
+
article
.
articlePermalink
+
'
#comments">
'
+
+
article
.
articleCommentCount
+
'
'
+
Label
.
commentLabel
+
'
</a>
'
+
'
<a rel="nofollow" class="ft-gray" href="
'
+
latkeConfig
.
servePath
+
article
.
articlePermalink
+
'
">
'
+
article
.
articleViewCount
+
'
'
+
Label
.
viewLabel
+
'
</a>
'
+
'
</div>
'
+
'
<div class="clear"></div>
'
+
'
</div>
'
+
'
<div class="article-body">
'
+
'
<div id="abstract
'
+
article
.
oId
+
'
">
'
+
article
.
articleAbstract
+
'
</div>
'
+
'
<div id="content
'
+
article
.
oId
+
'
" class="none"></div>
'
+
'
</div>
'
+
'
<div class="right ft-gray">
'
;
if
(
article
.
hasUpdated
){
articlesHTML
+=
Util
.
toDate
(
article
.
articleUpdateDate
,
'
yy-MM-dd HH:mm
'
)}
else
{
articlesHTML
+=
Util
.
toDate
(
article
.
articleCreateDate
,
'
yy-MM-dd HH:mm
'
)}
articlesHTML
+=
'
<a href="
'
+
latkeConfig
.
servePath
+
'
/authors/
'
+
article
.
authorId
+
'
">
'
+
article
.
authorName
+
'
</a>
'
+
'
</div>
'
+
'
<div class="left ft-gray">
'
+
Label
.
tag1Label
+
"
"
;
var
articleTags
=
article
.
articleTags
.
split
(
"
,
"
);
for
(
var
j
=
0
;
j
<
articleTags
.
length
;
j
++
){
articlesHTML
+=
'
<a rel="tag" href="
'
+
latkeConfig
.
servePath
+
'
/tags/
'
+
encodeURIComponent
(
articleTags
[
j
])
+
'
">
'
+
articleTags
[
j
]
+
'
</a>
'
;
if
(
j
<
articleTags
.
length
-
1
){
articlesHTML
+=
"
,
"
}}
articlesHTML
+=
'
</div>
'
+
'
<div class="clear"></div>
'
+
'
</li>
'
}
$
(
"
body>.wrapper>ul
"
).
append
(
articlesHTML
);
if
(
pagination
.
paginationPageCount
===
currentPage
){
$more
.
remove
()}
else
{
$more
.
css
(
"
background
"
,
"
none
"
)}}})};
var
ease
=
{
$header
:
$
(
"
.header
"
),
headerH
:
$
(
"
.header
"
).
height
(),
$body
:
$
(
"
body > .wrapper
"
),
$nav
:
$
(
"
.nav
"
),
getCurrentPage
:
function
(){
var
$next
=
$
(
"
.article-next
"
);
if
(
$next
.
length
>
0
){
window
.
currentPage
=
$next
.
data
(
"
page
"
)}},
setNavCurrent
:
function
(){
$
(
"
.nav ul a
"
).
each
(
function
(){
var
$this
=
$
(
this
);
if
(
$this
.
attr
(
"
href
"
)
===
latkeConfig
.
servePath
+
location
.
pathname
){
$this
.
addClass
(
"
current
"
)}
else
if
(
/
\/[
0-9
]
+$/
.
test
(
location
.
pathname
)){
$
(
"
.nav ul li
"
)[
0
].
className
=
"
current
"
}})},
initCommon
:
function
(){
Util
.
init
();
Util
.
replaceSideEm
(
$
(
"
.recent-comments-content
"
));
Util
.
buildTags
(
"
tagsSide
"
)},
initArchives
:
function
(){
var
$archives
=
$
(
"
.archives
"
);
if
(
$archives
.
length
<
1
){
return
}
$
(
"
.footer
"
).
css
(
"
marginTop
"
,
"
30px
"
);
var
years
=
[],
$archiveList
=
$archives
.
find
(
"
span
"
).
each
(
function
(){
var
year
=
$
(
this
).
data
(
"
year
"
),
tag
=
true
;
for
(
var
i
=
0
;
i
<
years
.
length
;
i
++
){
if
(
year
===
years
[
i
]){
tag
=
false
;
break
}}
if
(
tag
){
years
.
push
(
year
)}});
var
yearsHTML
=
""
;
for
(
var
j
=
0
;
j
<
years
.
length
;
j
++
){
var
monthsHTML
=
""
;
for
(
var
l
=
0
;
l
<
$archiveList
.
length
;
l
++
){
var
$month
=
$
(
$archiveList
[
l
]);
if
(
$month
.
data
(
"
year
"
)
===
years
[
j
]){
monthsHTML
+=
$month
.
html
()}}
yearsHTML
+=
"
<div><h3 class='ft-gray'>
"
+
years
[
j
]
+
"
</h3>
"
+
monthsHTML
+
"
</div>
"
}
$archives
.
html
(
yearsHTML
);
var
$items
=
$
(
"
.archives>div
"
),
line
=
0
,
top
=
0
,
heights
=
[];
for
(
var
m
=
0
;
m
<
$items
.
length
;
m
++
){
for
(
var
n
=
0
;
n
<
3
;
n
++
){
if
(
m
>=
$items
.
length
){
break
}
$items
[
m
].
style
.
left
=
(
n
*
310
)
+
"
px
"
;
if
(
line
>
0
){
if
(
$items
[
m
-
3
].
style
.
top
!==
""
){
top
=
parseInt
(
$items
[
m
-
3
].
style
.
top
)}
$items
[
m
].
style
.
top
=
$
(
$items
[
m
-
3
]).
height
()
+
60
+
top
+
"
px
"
;
heights
[
n
]
=
parseInt
(
$items
[
m
].
style
.
top
)
+
$
(
$items
[
m
]).
height
()
+
60
}
else
{
heights
[
n
]
=
$
(
$items
[
m
]).
height
()
+
60
}
if
(
n
<
2
){
m
+=
1
}}
line
+=
1
}
$archives
.
height
(
heights
.
sort
()[
heights
.
length
-
1
])},
scrollEvent
:
function
(){
var
_it
=
this
;
$
(
window
).
scroll
(
function
(){
var
y
=
$
(
window
).
scrollTop
();
if
(
y
>=
_it
.
headerH
+
$
(
"
#top
"
).
height
()){
_it
.
$nav
.
css
(
"
position
"
,
"
fixed
"
);
_it
.
$body
.
css
(
"
marginTop
"
,
"
58px
"
)}
else
{
_it
.
$nav
.
css
(
"
position
"
,
"
inherit
"
);
_it
.
$body
.
css
(
"
marginTop
"
,
"
0
"
)}
if
(
y
>
_it
.
headerH
){
var
bodyH
=
$
(
window
).
height
();
var
top
=
y
+
bodyH
-
21
;
if
(
$
(
"
body
"
).
height
()
-
58
<=
y
+
bodyH
){
top
=
$
(
"
.footer
"
).
offset
().
top
-
21
}
$
(
"
#goTop
"
).
fadeIn
(
"
slow
"
).
css
(
"
top
"
,
top
)}
else
{
$
(
"
#goTop
"
).
hide
()}})},
setDynamic
:
function
(){
var
$dynamic
=
$
(
"
.dynamic
"
);
if
(
$
(
"
.dynamic
"
).
length
<
1
){
return
}
var
$comments
=
$dynamic
.
find
(
"
.side-comments
"
),
$tags
=
$dynamic
.
find
(
"
.side-tags
"
),
$mostComment
=
$dynamic
.
find
(
"
.side-most-comment
"
),
$mostView
=
$dynamic
.
find
(
"
.side-most-view
"
);
if
(
$comments
.
height
()
>
$tags
.
height
()){
$tags
.
height
(
$comments
.
height
())}
else
{
$comments
.
height
(
$tags
.
height
())}
if
(
$mostComment
.
height
()
>
$mostView
.
height
()){
$mostView
.
height
(
$mostComment
.
height
())}
else
{
$mostComment
.
height
(
$mostView
.
height
())}
$
(
"
.article-body
"
).
each
(
function
(){
this
.
innerHTML
=
Util
.
replaceEmString
(
$
(
this
).
html
())})}};(
function
(){
ease
.
getCurrentPage
();
ease
.
initCommon
();
ease
.
scrollEvent
();
ease
.
setNavCurrent
();
ease
.
initArchives
();
ease
.
setDynamic
()})();
\ No newline at end of file
war/src/main/webapp/skins/ease/macro-comments.ftl
View file @
01bed7f5
...
...
@@ -11,7 +11,7 @@
<#else>
<a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
</#if>
<#if comment.isReply>
@
<#if comment.isReply>@
<a href="${servePath}${article.permalink}#${comment.commentOriginalCommentId}"
onmouseover="page.showComment(this, '${comment.commentOriginalCommentId}', 20);"
onmouseout="page.hideComment('${comment.commentOriginalCommentId}')">${comment.commentOriginalCommentName}</a>
...
...
@@ -140,7 +140,7 @@
}
var replyTo = function (id) {
var commentFormHTML = "<table class='form
comment-reply
' id='replyForm'>";
var commentFormHTML = "<table class='form' id='replyForm'>";
page.addReplyForm(id, commentFormHTML);
$("#replyForm label").each(function () {
$this = $(this);
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment