ken
/
nfu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

'update'

This commit is contained in:
ken 2025-10-14 13:32:42 +08:00
parent 19386ba6f0
commit 3a5c0215ed
44 changed files with 836 additions and 200 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/design_thumb.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.1 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
assets/images/li-sign.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 129 B

18
assets/javascripts/app.js
View File

@ -1264,6 +1264,9 @@ $(document).ready(function () {
handleAnimationOnce('.hide3', 'animationvisible3', 0.5); handleAnimationOnce('.hide3', 'animationvisible3', 0.5);
handleAnimationOnce('.rotate0', 'animationrotate0', 0.5); handleAnimationOnce('.rotate0', 'animationrotate0', 0.5);
handleAnimationOnce('.zoomin', 'animationvisible5', 0.5); handleAnimationOnce('.zoomin', 'animationvisible5', 0.5);
handleAnimationOnce('.fadeInUp', 'animationvisible', 0.5);
handleAnimationOnce('.fadeInDown', 'animationvisible3', 0.5);
}); });
init(); init();
@ -1441,6 +1444,21 @@ $(document).ready(function() {
$(this).find('span').text(selectedText + '（已選取）'); $(this).find('span').text(selectedText + '（已選取）');
}); });
}); });
$(document).ready(function() {
$('.toggler').on('click', function() {
$(this)
.toggleClass('active')
.next('.content-wrapper') // 只選相鄰的後一個 .content-wrapper
.stop(true, true)
.slideToggle(300); // 平滑展開/收起
});
});
$(document).ready(function() {
// 確保兩個元素都存在
if ($('.header-nav blockquote').length && $('.orbit-bar-menu').length) {
$('.header-nav blockquote').appendTo('.orbit-bar-menu');
}
});
// //選單樣式2 // //選單樣式2
// $(document).ready(function() { // $(document).ready(function() {
// "use strict"; // "use strict";

2
assets/stylesheets/template/base/_global.scss
View File

@ -25,11 +25,13 @@ body #orbit-bar .orbit-bar-search-sign-language #search input[type="search"]{
outline: 3px solid $theme-color-second; outline: 3px solid $theme-color-second;
background-color: #e6f0ff; background-color: #e6f0ff;
border-radius: 4px; border-radius: 4px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
} }
&:focus{ &:focus{
outline: 3px solid $theme-color-second; outline: 3px solid $theme-color-second;
background-color: #e6f0ff; background-color: #e6f0ff;
border-radius: 4px; border-radius: 4px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
} }
} }
#orbit-bar .orbit-bar-inner > ul > li > ul li{ #orbit-bar .orbit-bar-inner > ul > li > ul li{

1
assets/stylesheets/template/base/_go_back_top.scss
View File

@ -15,6 +15,7 @@
border-radius: 0.125em; border-radius: 0.125em;
z-index: 1050; z-index: 1050;
border-radius: 4em; border-radius: 4em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
height: 50px; height: 50px;
width: 50px; width: 50px;
display: flex; display: flex;

128
assets/stylesheets/template/layout/content.scss
View File

@ -114,6 +114,7 @@
.ask-question-form{ .ask-question-form{
padding: 2em; padding: 2em;
border-radius: 10px; border-radius: 10px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 1px solid #E4E6EA; border: 1px solid #E4E6EA;
padding-bottom: 3em!important; padding-bottom: 3em!important;
@media(max-width: 820px){ @media(max-width: 820px){
@ -247,6 +248,7 @@
font-weight: bold; font-weight: bold;
line-height: 30px; line-height: 30px;
border-radius: 6px !important; border-radius: 6px !important;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
margin-top: 0; margin-top: 0;
padding: 8.5px 15px 8.5px; padding: 8.5px 15px 8.5px;
text-transform: uppercase; text-transform: uppercase;
@ -282,4 +284,128 @@
.quick .ic-list a {display: inline-block; color: #000; text-align: center; width: 80%; margin-left: 20%;text-decoration: none;} .quick .ic-list a {display: inline-block; color: #000; text-align: center; width: 80%; margin-left: 20%;text-decoration: none;}
.quick .ic-list a:hover {color: #347018;} .quick .ic-list a:hover {color: #347018;}
.quick .ic-list:before {vertical-align: middle; color: #5182a7; width:20%; margin-right:-20%; padding: 0;} .quick .ic-list:before {vertical-align: middle; color: #5182a7; width:20%; margin-right:-20%; padding: 0;}
.quick .hot a {color: #ff0000; font-weight: bold;} .quick .hot a {color: #ff0000; font-weight: bold;}
.subCategoryContainer {
width: 100% !important;
}
#itemFullText{
td{
&:first-child{
@media(min-width:769px){
width: 27%;
}
}
}
}
#subCategory{
tr {
background: #fafafa;
border: 1px solid #ddd;
margin-bottom: 1em !important;
position: relative;
display: flex;
}
td{
display: block;
width: fit-content!important;
&:first-child{
width: 18%;
min-width: 130px;
}
img{
outline: 0px;
border: 1px solid #ddd;
vertical-align: middle;
display: block;
height: 130px;
max-width: 100%;
padding: 4px;
margin: 0px 8px 0px 0px;
width: 130px;
}
h2{
outline: 0px;
font-weight: 300;
line-height: 1.1;
color: inherit;
margin-top: 20px;
margin-bottom: 10px;
font-size: 1em!important;
a{
color: #347018;
}
a:before {
content: "";
display: block;
background: url(/assets/li-sign.gif) no-repeat;
width: 20px;
height: 20px;
float: left;
margin: 0 6px 0 0;
}
}
}
}
.subCategory {
background: #fafafa;
border: 1px solid #ddd;
h2{
font-size: 1.5em!important ;
}
}
.subCategory h2 a:before {
content: "";
display: block;
background: url(/assets/li-sign.gif) no-repeat;
width: 20px;
height: 20px;
float: left;
margin: 0 6px 0 0;
}
.itemFullText {
font-size: 0.8em;
}
.ic-wrapper {
background-color: #F0F0F0;
border-top: 10px solid #ffffff;
border-bottom: 3px solid #E0E0E0;
padding: 8px;
font-size: 20px;
line-height: 20px;
font-family: Microsoft JhengHei, arial;
}
.ic-wrapper-item {
padding: 0;
min-width:unset!important;
}
// @media(max-width:768px){
// .css-subCategory-page{
// height: auto!important;
// }
// .css-subCategory-pageContainer{
// width: 100%!important;
// }
// }
.toggler{
cursor: pointer;
margin-bottom: 10px;
padding: 7px;
border: 1px solid #ddd;
background: #F5F5F5;
background: -moz-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%);
background: -webkit-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%);
background: -o-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%);
background: linear-gradient(to bottom, #FAFAFA 0%, #F5F5F5 100%);
-pie-background: linear-gradient(to bottom, #FAFAFA 0%, #F5F5F5 100%);
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border-radius: 5px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
box-shadow: 0 1px 0 #fff inset;
text-shadow: 0 1px 0 #fff;
font-size: 1.2em!important;
}

1
assets/stylesheets/template/layout/footer.scss
View File

@ -86,6 +86,7 @@
background:#1a1b20; background:#1a1b20;
top: -59px; top: -59px;
border-radius: 100px 100px 0 0; border-radius: 100px 100px 0 0;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
margin: auto; margin: auto;
text-align: center; text-align: center;
display: flex; display: flex;

108
assets/stylesheets/template/layout/header.scss
View File

@ -12,10 +12,111 @@
z-index: 1; z-index: 1;
padding:0; padding:0;
} }
.navcontainer{
@media(max-width:768px){
padding: 0;
}
}
.nav_ul{
padding: 0;
& > li{
position: relative;
list-style:none;
float: left;
display: inline-block;
@media(max-width:480px){
width: 100%;
a{
display: block;
}
}
&:hover{
background-color:transparent;
> a{
text-decoration: underline;
padding: 0.7em;
}
& > ul{
display: block;
a{
color: #fff;
}
}
}
& > ul{
@media(max-width:480px){
position: relative;
box-shadow: none;
display: block;
li{
width: 100%;
}
}
display: none;
width:-webkit-fill-available;
min-width: max-content;
box-shadow: 2px 2px 5px #00000033;
margin: 0;
transition-duration: 0.5s;
background:$theme-color-second;
position: absolute;
padding: 0;
li{
list-style:none;
float: none!important;
a{
color: #fff;
display: block;
padding: 0.7em;
}
&:hover{
background-color: rgba(darken($theme-color-second, 10%), 1);;
& > ul{
display: block;
}
}
}
}
}
}
.orbit-bar-inner{
.orbit-bar-menu{
display: flex;
align-items: center;
}
blockquote{
color: #fff;
padding: 0;
margin: 0;
font-size: unset;
border-left: 0;
&:after, &:before{
display: none;
}
a{
color: #fff;
text-decoration: none;
display: inline-block;
height: 40px;
padding: 0.7em;
font-size: 0.85em;
}
}
}
.header-nav { .header-nav {
z-index: 2;
ul{ ul{
padding: 0; padding: 0;
} }
a{
padding: 0.7em;
}
li{
list-style: none;
}
@media(max-width: 769px){ @media(max-width: 769px){
ul{ ul{
display: flex!important; display: flex!important;
@ -42,7 +143,7 @@
list-style: none; list-style: none;
} }
a[accesskey] { a[accesskey] {
position: relative!important;
} }
.container { .container {
@ -81,9 +182,10 @@
a { a {
text-decoration: none; text-decoration: none;
padding: 5px; padding:0.7em;
font-size: 0.85em; font-size: 0.85em;
color: #a5a5a5; color: #a5a5a5;
display: inline-block;
} }
@media (min-width:1025px) { @media (min-width:1025px) {

6
assets/stylesheets/template/modules/ad_banner.scss
View File

@ -89,6 +89,7 @@ iframe{
width: 0.8em !important; width: 0.8em !important;
height: 0.8em !important; height: 0.8em !important;
border-radius: 50%; border-radius: 50%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
opacity: .5; opacity: .5;
cursor: pointer; cursor: pointer;
border: 0; border: 0;
@ -160,6 +161,7 @@ ul.button-mid{
height: 2.5rem; height: 2.5rem;
font-size: 1.5rem; font-size: 1.5rem;
border-radius: 1em; border-radius: 1em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
color: #ffffff; color: #ffffff;
background: rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);
text-align: center; text-align: center;
@ -182,6 +184,7 @@ ul.button-mid{
height: 2.5rem; height: 2.5rem;
font-size: 1.5rem; font-size: 1.5rem;
border-radius: 1em; border-radius: 1em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
color: $theme-white; color: $theme-white;
background: rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);
text-align: center; text-align: center;
@ -297,6 +300,8 @@ ul.button-mid{
.banner-overlay{ .banner-overlay{
padding: 3.5em 5em; padding: 3.5em 5em;
background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000); background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000);
-pie-background: linear-gradient(180deg, transparent 0, #00000066 40%, #000);
behavior: url("/assets/ie_support/PIE2/PIE.htc");
} }
.w-ba-banner__caption { .w-ba-banner__caption {
@ -356,6 +361,7 @@ ul.button-mid{
position: relative; position: relative;
border: 1px solid #dedede; border: 1px solid #dedede;
border-radius: 10px; border-radius: 10px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
padding: 8px !important; padding: 8px !important;
.banner-pager .active-slide a { .banner-pager .active-slide a {
background: $theme-color-second !important; background: $theme-color-second !important;

5
assets/stylesheets/template/modules/announcement.scss
View File

@ -298,6 +298,7 @@
margin-bottom: 0; margin-bottom: 0;
border: 1px solid #dedede; border: 1px solid #dedede;
border-radius: 10px; border-radius: 10px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
padding-top: 5px !important; padding-top: 5px !important;
} }
.w-annc__title { .w-annc__title {
@ -1001,6 +1002,7 @@
.w-annc__img-wrap { .w-annc__img-wrap {
margin-bottom: 0.5em; margin-bottom: 0.5em;
border-radius: 20px; border-radius: 20px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
overflow: hidden; overflow: hidden;
.w-annc__img{ .w-annc__img{
width: 100%; width: 100%;
@ -1905,6 +1907,7 @@
margin-bottom: 1em; margin-bottom: 1em;
margin-top: 1em; margin-top: 1em;
border-radius: 30px!important; border-radius: 30px!important;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
background: rgba(255,255,255,0.6)!important; background: rgba(255,255,255,0.6)!important;
box-shadow: 0px 0px 4px 0px #00000033!important; box-shadow: 0px 0px 4px 0px #00000033!important;
margin-right: 0.5em; margin-right: 0.5em;
@ -1987,6 +1990,7 @@
margin-left: 0.5em; margin-left: 0.5em;
margin-right: 0.5em; margin-right: 0.5em;
border-radius: 10px; border-radius: 10px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
transition: all 0.3s; transition: all 0.3s;
width: calc( 100%/5 - 1.5em); width: calc( 100%/5 - 1.5em);
&:hover{ &:hover{
@ -3035,6 +3039,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
margin-left: 0.5em; margin-left: 0.5em;
margin-right: 0.5em; margin-right: 0.5em;
border-radius: 10px; border-radius: 10px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
transition: all 0.3s; transition: all 0.3s;
width: calc( 100%/5 - 1.5em); width: calc( 100%/5 - 1.5em);
&:hover{ &:hover{

4
assets/stylesheets/template/modules/archives.scss
View File

@ -361,6 +361,7 @@
position: relative; position: relative;
background: #fff; background: #fff;
border-radius: 5px; border-radius: 5px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
} }
.thead.row { .thead.row {
margin: 0; margin: 0;
@ -395,6 +396,7 @@
position: relative; position: relative;
background: #fff; background: #fff;
border-radius: 5px; border-radius: 5px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
} }
.head{ .head{
@media(min-width: 821px){ @media(min-width: 821px){
@ -431,6 +433,7 @@
margin-bottom: 1.5em; margin-bottom: 1.5em;
position: relative; position: relative;
border-radius: 5px; border-radius: 5px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
@media(max-width: $screen-xs){ @media(max-width: $screen-xs){
padding: 1em; padding: 1em;
} }
@ -480,6 +483,7 @@
margin-bottom: 1.5em; margin-bottom: 1.5em;
position: relative; position: relative;
border-radius: 5px; border-radius: 5px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
} }
.thead.row { .thead.row {
margin: 0; margin: 0;

1
assets/stylesheets/template/modules/ask.scss
View File

@ -6,6 +6,7 @@
background-color: #fdfdfd; background-color: #fdfdfd;
padding: 2em; padding: 2em;
border-radius: 10px; border-radius: 10px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 1px solid #E4E6EA; border: 1px solid #E4E6EA;
label{ label{
width: 100%; width: 100%;

1
assets/stylesheets/template/modules/calendar.scss
View File

@ -536,6 +536,7 @@ a.fc-daygrid-more-link.fc-more-link{
display: block; display: block;
padding: 0.5em; padding: 0.5em;
border-radius: 1em; border-radius: 1em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
box-shadow: 0 2px 6px #00000026; box-shadow: 0 2px 6px #00000026;
border: 0.0625em solid #00000033; border: 0.0625em solid #00000033;
@media(max-width: 768px){ @media(max-width: 768px){

2
assets/stylesheets/template/modules/event_news.scss
View File

@ -1139,6 +1139,8 @@
width: 100%; width: 100%;
height: 8px; height: 8px;
background: linear-gradient(180deg, transparent, #000); background: linear-gradient(180deg, transparent, #000);
-pie-background: linear-gradient(180deg, transparent, #000);
behavior: url("/assets/ie_support/PIE2/PIE.htc");
z-index: -1; z-index: -1;
-webkit-transition: height .6s; -webkit-transition: height .6s;
transition: height .6s; transition: height .6s;

1
assets/stylesheets/template/modules/faq.scss
View File

@ -64,6 +64,7 @@
min-width: 30px; min-width: 30px;
height: 30px; height: 30px;
border-radius: 50%; border-radius: 50%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
text-align: center; text-align: center;
line-height: 30px; line-height: 30px;
transition: 0.4s; transition: 0.4s;

25
assets/stylesheets/template/modules/hashtag.scss Normal file
View File

@ -0,0 +1,25 @@
@charset "utf-8";
@import "../initial";
p.s-annc__post-orbithashtags{
clear: both;
}
a.orbit-hash-tag {
list-style: none;
background: #e0edff;
color: #0a84ff;
margin-right: 0.5em;
border-radius: 0.5em;
padding: 0.2em 0.5em;
margin-bottom: 0.5em;
display: inline-block;
&:hover{
background: #0a84ff;
transform: translatey(-2px);
transition: transform 0.4s;
color: #fff;
}
}

11
assets/stylesheets/template/modules/menu.scss
View File

@ -90,7 +90,6 @@
z-index: 10; z-index: 10;
position: fixed; position: fixed;
left: 0; left: 0;
top:0;
margin-top: 0; margin-top: 0;
min-width: 100%; min-width: 100%;
-webkit-transition: all .3s ease; -webkit-transition: all .3s ease;
@ -659,11 +658,11 @@
} }
} }
html[lang="en"]{ html[lang="en"]{
.modules-menu .modules-menu-level-0{ // .modules-menu .modules-menu-level-0{
@media (min-width: 1025px){ // @media (min-width: 1025px){
width: 50%; // width: 72%;
} // }
} // }
.modules-menu-level-1{ .modules-menu-level-1{
@media(min-width:769px){ @media(min-width:769px){
min-width: 220px!important; min-width: 220px!important;

2
assets/stylesheets/template/modules/universal-table.scss
View File

@ -10,6 +10,7 @@
margin: 0.5em; margin: 0.5em;
padding: 0.5em; padding: 0.5em;
border-radius: 1em; border-radius: 1em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
} }
} }
.universal-table-index{ .universal-table-index{
@ -18,6 +19,7 @@
margin: 0.5em; margin: 0.5em;
padding: 0.5em; padding: 0.5em;
border-radius: 1em; border-radius: 1em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
} }
} }
.universal-table-index{ .universal-table-index{

14
assets/stylesheets/template/modules/video.scss
View File

@ -25,6 +25,7 @@
padding-bottom: 0px; padding-bottom: 0px;
padding-top: 0px; padding-top: 0px;
border-radius: 50%; border-radius: 50%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 0px; border: 0px;
background-color: $theme-color-second; background-color: $theme-color-second;
background: url(/assets/btn-play.svg) no-repeat; background: url(/assets/btn-play.svg) no-repeat;
@ -43,6 +44,7 @@
.view_info{ .view_info{
max-height: 100%; max-height: 100%;
border-radius: 2px; border-radius: 2px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
font-size: 0.875rem; font-size: 0.875rem;
font-weight: normal; font-weight: normal;
letter-spacing: 0.3px; letter-spacing: 0.3px;
@ -84,6 +86,7 @@
max-height: 100%; max-height: 100%;
border: 0; border: 0;
border-radius: 2px; border-radius: 2px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
background-color: transparent; background-color: transparent;
font-size: 0.875rem; font-size: 0.875rem;
font-family: "Noto Sans TC", PingFangTC, 微軟正黑體, "Microsoft JhengHei", sans-serif; font-family: "Noto Sans TC", PingFangTC, 微軟正黑體, "Microsoft JhengHei", sans-serif;
@ -101,6 +104,7 @@
&:first-child{ &:first-child{
border:1px #fff solid; border:1px #fff solid;
border-radius: 2px; border-radius: 2px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
background-color: #1515154d; background-color: #1515154d;
} }
float: left; float: left;
@ -261,6 +265,7 @@
padding: 0px 15px; padding: 0px 15px;
height: 44px; height: 44px;
border-radius: 22px; border-radius: 22px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
line-height: 42px; line-height: 42px;
border: 1px solid transparent; border: 1px solid transparent;
background-color: $theme-color-second; background-color: $theme-color-second;
@ -312,6 +317,8 @@
position: absolute; position: absolute;
bottom: 0; bottom: 0;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
-pie-background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
behavior: url("/assets/ie_support/PIE2/PIE.htc");
top: 0; top: 0;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
@ -508,6 +515,7 @@
padding-bottom: 0px; padding-bottom: 0px;
padding-top: 0px; padding-top: 0px;
border-radius: 50%; border-radius: 50%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 0px; border: 0px;
background-color: $theme-color-second; background-color: $theme-color-second;
background: url(/assets/btn-play.svg) no-repeat; background: url(/assets/btn-play.svg) no-repeat;
@ -526,6 +534,7 @@
.view_info{ .view_info{
max-height: 100%; max-height: 100%;
border-radius: 2px; border-radius: 2px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
font-size: 0.875rem; font-size: 0.875rem;
font-weight: normal; font-weight: normal;
letter-spacing: 0.3px; letter-spacing: 0.3px;
@ -567,6 +576,7 @@
color: #909090; color: #909090;
background: #fff; background: #fff;
border-radius: 50%; border-radius: 50%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: none; border: none;
height: 2.5em; height: 2.5em;
width: 2.5em; width: 2.5em;
@ -683,6 +693,7 @@
padding: 0px 7px; padding: 0px 7px;
max-height: 100%; max-height: 100%;
border-radius: 2px; border-radius: 2px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
margin-bottom: 1em; margin-bottom: 1em;
&:first-child{ &:first-child{
border: 1px solid; border: 1px solid;
@ -894,6 +905,7 @@
padding: 0px 15px; padding: 0px 15px;
height: 36px; height: 36px;
border-radius: 18px; border-radius: 18px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
line-height: 34px; line-height: 34px;
border: 1px solid rgb(204, 204, 204); border: 1px solid rgb(204, 204, 204);
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
@ -939,6 +951,7 @@
max-height: 100%; max-height: 100%;
border: 0; border: 0;
border-radius: 2px; border-radius: 2px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
background-color: transparent; background-color: transparent;
font-size: 0.875rem; font-size: 0.875rem;
font-family: "Noto Sans TC", PingFangTC, 微軟正黑體, "Microsoft JhengHei", sans-serif; font-family: "Noto Sans TC", PingFangTC, 微軟正黑體, "Microsoft JhengHei", sans-serif;
@ -957,6 +970,7 @@
min-width: 5em; min-width: 5em;
border: 1px solid; border: 1px solid;
border-radius: 2px; border-radius: 2px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
background-color: #1515154d; background-color: #1515154d;
} }
} }

6
assets/stylesheets/template/modules/web_resource.scss
View File

@ -68,6 +68,7 @@
} }
&.widget1 { &.widget1 {
margin-top: 0.5em;
.widget-title{ .widget-title{
margin-bottom: 10px; margin-bottom: 10px;
background: #268663; background: #268663;
@ -75,6 +76,7 @@
font-weight: bold; font-weight: bold;
line-height: 30px; line-height: 30px;
border-radius: 6px !important; border-radius: 6px !important;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
margin-top: 0; margin-top: 0;
padding: 8.5px 15px 8.5px; padding: 8.5px 15px 8.5px;
text-transform: uppercase; text-transform: uppercase;
@ -103,7 +105,6 @@
} }
.widget-content-title { .widget-content-title {
padding-top: 0.5em;
@extend .i-subtitle; @extend .i-subtitle;
} }
} }
@ -166,9 +167,11 @@
} }
.link-img-wrap{ .link-img-wrap{
border-radius:10em; border-radius:10em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
overflow: hidden; overflow: hidden;
&:hover{ &:hover{
border-radius:2em; border-radius:2em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
-webkit-transition: .3s all ease; -webkit-transition: .3s all ease;
-o-transition: .3s all ease; -o-transition: .3s all ease;
transition: .3s all ease; transition: .3s all ease;
@ -208,6 +211,7 @@
} }
.link-img-wrap{ .link-img-wrap{
border-radius: 2em; border-radius: 2em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
overflow: hidden; overflow: hidden;
&:hover{ &:hover{
img{ img{

11
assets/stylesheets/template/template.scss
View File

@ -236,6 +236,7 @@ ul.tab_nav {
} }
.black-screen-social-window.reactable .content-social .social_wrap > div:hover, .black-screen-social-window.reactable .content-social .social_wrap > div.hover-class{ .black-screen-social-window.reactable .content-social .social_wrap > div:hover, .black-screen-social-window.reactable .content-social .social_wrap > div.hover-class{
border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
background: #fff; background: #fff;
} }
.hide_sharer_button{ .hide_sharer_button{
@ -354,6 +355,7 @@ ul.tab_nav {
position: absolute; position: absolute;
padding: 0.1em 1.5em; padding: 0.1em 1.5em;
border-radius: 1em; border-radius: 1em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 2px solid #f5c346; border: 2px solid #f5c346;
color: #333; color: #333;
left: 36%; left: 36%;
@ -384,6 +386,7 @@ ul.tab_nav {
position: absolute; position: absolute;
padding: 0.1em 1.5em; padding: 0.1em 1.5em;
border-radius: 1em; border-radius: 1em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 2px solid #5a89f5; border: 2px solid #5a89f5;
color: #333; color: #333;
left: 36%; left: 36%;
@ -414,6 +417,7 @@ ul.tab_nav {
position: absolute; position: absolute;
padding: 0.1em 1.5em; padding: 0.1em 1.5em;
border-radius: 1em; border-radius: 1em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 2px solid #464063; border: 2px solid #464063;
color: #333; color: #333;
left: 36%; left: 36%;
@ -444,6 +448,7 @@ ul.tab_nav {
position: absolute; position: absolute;
padding: 0.1em 1.5em; padding: 0.1em 1.5em;
border-radius: 1em; border-radius: 1em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 2px solid #ed7b77; border: 2px solid #ed7b77;
color: #333; color: #333;
left: 36%; left: 36%;
@ -474,6 +479,7 @@ ul.tab_nav {
position: absolute; position: absolute;
padding: 0.1em 1.5em; padding: 0.1em 1.5em;
border-radius: 1em; border-radius: 1em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 2px solid #afaac8; border: 2px solid #afaac8;
color: #333; color: #333;
left: 36%; left: 36%;
@ -571,6 +577,7 @@ table.dataTable>tbody>tr.child{
.modal-content{ .modal-content{
box-shadow: 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f, 0 11px 15px -7px #00000033; box-shadow: 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f, 0 11px 15px -7px #00000033;
border-radius: 8px; border-radius: 8px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 0; border: 0;
} }
.fc .fc-daygrid-day.fc-day-today{ .fc .fc-daygrid-day.fc-day-today{
@ -816,6 +823,7 @@ a.ui-state-default{
letter-spacing: 2px; letter-spacing: 2px;
outline: none; outline: none;
border-radius: 25px; border-radius: 25px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
transition: all .5s ease-in-out; transition: all .5s ease-in-out;
background:none; background:none;
padding-right: 40px; padding-right: 40px;
@ -847,6 +855,7 @@ a.ui-state-default{
outline: none; outline: none;
cursor: pointer; cursor: pointer;
border-radius: 50%; border-radius: 50%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
position: absolute; position: absolute;
right: 0px; right: 0px;
color:#ffffff ; color:#ffffff ;
@ -861,6 +870,7 @@ a.ui-state-default{
.btn-search:focus ~ .input-search{ .btn-search:focus ~ .input-search{
width: 200px; width: 200px;
border-radius: 0px; border-radius: 0px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
background-color: transparent; background-color: transparent;
border-bottom:1px solid rgba(255,255,255,.5); border-bottom:1px solid rgba(255,255,255,.5);
transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2); transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
@ -873,6 +883,7 @@ a.ui-state-default{
.input-search:focus{ .input-search:focus{
width: 200px; width: 200px;
border-radius: 0px; border-radius: 0px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
background-color: transparent; background-color: transparent;
border-bottom:1px solid rgba(255,255,255,.5); border-bottom:1px solid rgba(255,255,255,.5);
transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2); transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);

1
assets/stylesheets/template/widget/sitemenu.scss
View File

@ -32,6 +32,7 @@
cursor: pointer; cursor: pointer;
background-color: #fff; background-color: #fff;
border-radius: 2em; border-radius: 2em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
color: #686868; color: #686868;
text-align: center; text-align: center;
margin-right: 1em; margin-right: 1em;

4
home/index.html.erb
View File

@ -9,9 +9,7 @@
<%= render_orbit_bar %> <%= render_orbit_bar %>
<div class="background" data-pp="100"></div> <div class="background" data-pp="100"></div>
<%= render_header %> <%= render_header %>
<div class="layout-slide no-print single-child-datapp homebanner" data-pp="3000"></div>
<div class="no-print single-child-datapp homebanner text_marqueewrapper" data-pp="999"></div>
<div class="layout-slide no-print single-child-datapp homebanner" data-pp="300"></div>
<div class="layout-content2 topcontent"> <div class="layout-content2 topcontent">
<div class=" single-child-datapp onesection" id="onesection" data-pp="1999"></div> <div class=" single-child-datapp onesection" id="onesection" data-pp="1999"></div>
</div> </div>

18
modules/ad_banner/_ad_banner_widget1.html.erb
View File

@ -30,19 +30,9 @@
</div> </div>
<div class="w-ad-banner__caption ad-overlay w-ba-banner__caption w-ad-banner__caption w-ad-banner__overlay_{{subpart-id}}"></div> <div class="w-ad-banner__caption ad-overlay w-ba-banner__caption w-ad-banner__caption w-ad-banner__overlay_{{subpart-id}}"></div>
<div class="w-ad-banner__pager-1 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0"> <div class="w-ad-banner__pager-1 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
<li><button title="Slide {{slide_number}}" aria-label="Pager"><span style="display: none;">Slide {{slide_number}}</span></button></li> <li><button title="Slide {{slide_number}}"><span style="display: none;">Slide {{slide_number}}</span></button></li>
</div> </div>
<ul class="controlplay" role="radiogroup" aria-label="播放控制選項"> <ul class="controlplay"><a href="javascript:;" class="resume-slide active" title="<%= I18n.t("ad_banner.resume") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.resume") %>"></i><p style="display: none;"><%= I18n.t("ad_banner.resume") %></p></a><a href="javascript:;" class="pause-slide" title="<%= I18n.t("ad_banner.pause") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.pause") %>"></i><p style="display: none;"><%= I18n.t("ad_banner.pause") %></p></a></ul>
<a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
<i aria-hidden="true"></i>
<p style="display: none;"><%= I18n.t("ad_banner.resume") %></p>
</a>
<a role="radio" aria-checked="false" href="javascript:;" class="pause-slide" title="暫停播放" aria-label="暫停播放" aria-live="assertive">
<i aria-hidden="true"></i>
<p style="display: none;"><%= I18n.t("ad_banner.pause") %></p>
</a>
</ul>
<ul class="button-mid"> <ul class="button-mid">
<i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i> <i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
<i class="fa fa-angle-right next-button" aria-label="<%= I18n.t("ad_banner.next") %>"></i> <i class="fa fa-angle-right next-button" aria-label="<%= I18n.t("ad_banner.next") %>"></i>
@ -61,7 +51,7 @@
}); });
$('[data-subpart-id="{{subpart-id}}"] .next-button').click(function(){ $('[data-subpart-id="{{subpart-id}}"] .next-button').click(function(){
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next"); $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
}) })
$('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){ $('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev"); $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
@ -86,4 +76,4 @@
.next-button,.prev-button{ .next-button,.prev-button{
cursor: pointer; cursor: pointer;
} }
</style> </style>

41
modules/ad_banner/_ad_banner_widget2_video.html.erb
View File

@ -11,7 +11,7 @@
data-cycle-timeout="{{timeout}}" data-cycle-timeout="{{timeout}}"
data-cycle-fx="{{ad_fx}}" data-cycle-fx="{{ad_fx}}"
data-pager=".banner_caption_{{subpart-id}}" data-pager=".banner_caption_{{subpart-id}}"
data-pager-template="<li><button title='pager' aria-label='Pager'></button></li>" data-pager-template="<li><button title='pager'></button></li>"
data-pager-active-class="active-slide" data-pager-active-class="active-slide"
data-cycle-youtube="true" data-cycle-youtube="true"
data-cycle-youtube-autostart="false" data-cycle-youtube-autostart="false"
@ -26,17 +26,7 @@
</div> </div>
<div class="ad-overlay w-ad-banner__overlay_{{subpart-id}}"></div> <div class="ad-overlay w-ad-banner__overlay_{{subpart-id}}"></div>
<div class="w-ba-banner__caption w-ad-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></div> <div class="w-ba-banner__caption w-ad-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></div>
<ul class="controlplay" role="radiogroup" aria-label="播放控制選項"> <ul class="controlplay"><a href="javascript:;" class="resume-slide active" title="<%= I18n.t("ad_banner.resume") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.resume") %>"></i><p style="display: none;"><%= I18n.t("ad_banner.resume") %></p></a><a href="javascript:;" class="pause-slide" title="<%= I18n.t("ad_banner.pause") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.pause") %>"></i><p style="display: none;"><%= I18n.t("ad_banner.pause") %></p></a></ul>
<a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
<i aria-hidden="true"></i>
<p style="display: none;"><%= I18n.t("ad_banner.resume") %></p>
</a>
<a role="radio" aria-checked="false" href="javascript:;" class="pause-slide" title="暫停播放" aria-label="暫停播放" aria-live="assertive">
<i aria-hidden="true"></i>
<p style="display: none;"><%= I18n.t("ad_banner.pause") %></p>
</a>
</ul>
<ul class="button-mid"> <ul class="button-mid">
<i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i> <i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
<i class="fa fa-angle-right next-button" aria-label="<%= I18n.t("ad_banner.next") %>"></i> <i class="fa fa-angle-right next-button" aria-label="<%= I18n.t("ad_banner.next") %>"></i>
@ -117,19 +107,9 @@
} }
}); });
button_container.find('.jarallax-video-audio').remove(); button_container.find('.jarallax-video-audio').remove();
var caption = button_container.find('.w-ba-banner__caption'); button_container.append(audio_div);
var banner_overlay = button_container.find('.banner-overlay');
if (banner_overlay.length) {
audio_div.insertBefore(banner_overlay);
} else {
button_container.append(audio_div);
}
if(control_play_btn != null){ if(control_play_btn != null){
if (banner_overlay.length) { audio_div.after(control_play_btn);
control_play_btn.insertBefore(banner_overlay);
} else {
button_container.append(control_play_btn);
}
control_play_btn.click(function(){ control_play_btn.click(function(){
var cycle_slideshow = button_container.find('.cycle-slideshow'); var cycle_slideshow = button_container.find('.cycle-slideshow');
var opts = cycle_slideshow.data('cycle.opts'); var opts = cycle_slideshow.data('cycle.opts');
@ -347,6 +327,9 @@
event_dict[count_key] = event_dict[array_key].length; event_dict[count_key] = event_dict[array_key].length;
yt_player.addEventListener('onStateChange',onPlayerStateChange); yt_player.addEventListener('onStateChange',onPlayerStateChange);
banner_wrap.trigger('resize'); banner_wrap.trigger('resize');
if(i == 0 && $iframe.parents(".youtube_slide[data-autoplay=\"1\"]").length != 0){
yt_player.mute().playVideo();
}
}else{ }else{
console.log("YT player changes its variables!") console.log("YT player changes its variables!")
} }
@ -404,9 +387,10 @@
controlplay.find(".pause-slide").removeClass("active"); controlplay.find(".pause-slide").removeClass("active");
} }
} }
}); })
/*
var height = opts.slides.filter('.active').height() || opts.slides.height();
banner_wrap.height(height)*/
banner_wrap.css("padding-bottom",""); banner_wrap.css("padding-bottom","");
{{extra_document_ready_script}} {{extra_document_ready_script}}
$('[data-subpart-id="{{subpart-id}}"] .pause-slide').click(function(){ $('[data-subpart-id="{{subpart-id}}"] .pause-slide').click(function(){
@ -425,8 +409,7 @@
$('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){ $('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev"); $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
}) })
}); })
</script> </script>
<style type="text/css"> <style type="text/css">
.jarallax-video-audio, .jarallax-video-control-play{ .jarallax-video-audio, .jarallax-video-control-play{

108
modules/announcement/_annc_widget25.html.erb Normal file
View File

@ -0,0 +1,108 @@
<div class="w-annc widget-announcement-4">
<div class="w-annc__more-wrap clearfix">
<h2 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h2>
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
</div>
<ul class="w-annc__list row" data-level="0" data-list="announcements">
<li class="w-annc__item col-md-4">
<div class="w-annc__img-wrap bullseye">
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>
<div class="w-annc__content-wrap">
<div class="w-annc__meta">
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
<span class="w-annc__status label {{status-class}}">{{status}}</span>
</span>
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
<i class="fa fa-calendar-o"></i>
<span class="w-annc__postdate">{{postdate}}</span>
</span>
<span class="w-annc__category-wrap">
<i class="fa fa-tasks"></i>
<span class="w-annc__category">{{category}}</span>
</span>
</div>
<h4 class="w-annc__entry-title">
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
</h4>
<p class="w-annc__subtitle">{{subtitle}}</p>
</div>
</li>
</ul>
</div>
<style type="text/css">
[data-subpart-id="{{subpart-id}}"] .bullseye{
overflow: hidden;
}
</style>
<script>
function combineul_{{subpart-id}}(){
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
parents.each(function(i,v){
for(var i=1;i<$(v).find('ul.w-annc__list').length;i++)
$(v).find('ul.w-annc__list').eq(0).find('>li').eq(-1).after($(v).find('ul.w-annc__list').eq(i).html());
var ullength = $(v).find('ul.w-annc__list').length;
for(var i = 1;i < ullength;i++)
$(v).find('ul.w-annc__list').eq(-1).remove();
})
};
var num;
var lilength = $('[data-subpart-id=\"{{subpart-id}}\"] li.w-annc__item').length;
function reorganize_{{subpart-id}}(num){
combineul_{{subpart-id}}();
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
parents.each(function(i,v){
var lilength = $(v).find('li.w-annc__item').length;
var ul_length = Math.ceil(lilength/num);
for(var ii=1;ii< ul_length;ii++){
var clone_ul = $(v).find('ul.w-annc__list').eq(-1).clone();
clone_ul.empty();
clone_ul.removeClass("active");
clone_ul.css("display","");
$(v).find('ul.w-annc__list').eq(-1).after(clone_ul.prop("outerHTML"));
var lihtml="";
if(ii != (ul_length-1)){
for(var j=0;j<num;j++){
lihtml += $(v).find('li.w-annc__item').eq(ii*num+j).prop("outerHTML");
};
}else{
for(var j=0;j< lilength - num *(ul_length-1) ;j++){
lihtml += $(v).find('li.w-annc__item').eq(ii*num+j).prop("outerHTML");
};
};
$(v).find('ul.w-annc__list').eq(-1).html(lihtml);
}
if(ul_length != 1 )
for(var i=0;i< lilength -num ; i++)
$(v).find('ul.w-annc__list').eq(0).find("li.w-annc__item").eq(num).remove();
})
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list >li').css('width','calc('+100/num+'% - '+20/16+'em)'); //20px=>li的margin
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list >li').css("float","left");
};
$(window).resize(function(){
if($(window).width()>1024){
reorganize_{{subpart-id}}(3);
num=3;
}else if($(window).width()>576){
reorganize_{{subpart-id}}(2);
num=2;
}else{
reorganize_{{subpart-id}}(1);
num=1;
}
})
$(document).ready(function(){
if($(window).width()>1024){
reorganize_{{subpart-id}}(3);
num=3;
}else if($(window).width()>576){
reorganize_{{subpart-id}}(2);
num=2;
}else{
reorganize_{{subpart-id}}(1);
num=1;
}
})
</script>

171
modules/announcement/_annc_widget26.html.erb Normal file
View File

@ -0,0 +1,171 @@
<div class="w-annc widget-announcement-4 w-annc widget-announcement-15" style="position:relative;">
<div class="w-annc__more-wrap clearfix">
<h2 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h2>
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
</div>
<div style="position: absolute;top: 50%;bottom: 50%;width:100%;">
<button class="btn-left" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>" style="float: left;height: 2.5em; width: 2.5em;background: border: 0;background-size: contain;position: absolute;transition:.3s; left: 0.6%;color: #ffffff;
background: rgba(0, 0, 0, 0.2);
border-radius: 50%;
border: none;"><i class="fa fa-angle-left prev-button" aria-hidden="true" style="font-size: 1.5rem;"></i><span style="display: none;"><%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %></span></button>
<button class="btn-right" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>" style="float: right;;height: 2.5em; width: 2.5em;background-size: contain;border: 0;position: absolute;transition:.3s;right: 0.6%;color: #ffffff;
background: rgba(0, 0, 0, 0.2);
border-radius: 50%;
border: none;"><i class="fa fa-angle-right next-button" aria-hidden="true" style="font-size: 1.5rem;"></i><span style="display: none;"><%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %></span></button>
</div>
<ul class="w-annc__list row" data-level="0" data-list="announcements">
<li class="w-annc__item col-md-4">
<div class="w-annc__img-wrap bullseye">
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
<div class="transitionfade"></div>
</div>
<div class="w-annc__content-wrap">
<div class="w-annc__meta">
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
<span class="w-annc__status label {{status-class}}">{{status}}</span>
</span>
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
<i class="fa fa-calendar-o"></i>
<span class="w-annc__postdate">{{postdate}}</span>
</span>
<span class="w-annc__category-wrap">
<i class="fa fa-tasks"></i>
<span class="w-annc__category">{{category}}</span>
</span>
</div>
<h4 class="w-annc__entry-title">
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
</h4>
<p class="w-annc__subtitle">{{subtitle}}</p>
</div>
</li>
</ul>
</div>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
function combineul_{{subpart-id}}(){
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
parents.each(function(i,v){
for(var i=1;i<$(v).find('ul.w-annc__list').length;i++)
$(v).find('ul.w-annc__list').eq(0).find('>li').eq(-1).after($(v).find('ul.w-annc__list').eq(i).html());
var ullength = $(v).find('ul.w-annc__list').length;
for(var i = 1;i < ullength;i++)
$(v).find('ul.w-annc__list').eq(-1).remove();
})
};
var num;
var lilength = $('[data-subpart-id=\"{{subpart-id}}\"] li.w-annc__item').length;
function reorganize_{{subpart-id}}(num){
var uls = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').toArray();
var currentul = uls.findIndex(function(v){
return $(v).hasClass("active") && !$(v).hasClass("hidden_item");
})
if(currentul == -1)
currentul = 0;
var li_active_idx = 0;
if(currentul != 0)
li_active_idx = $(uls[currentul]).find("li.w-annc__item").eq(0).index("li.w-annc__item");
combineul_{{subpart-id}}();
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
parents.each(function(i,v){
var lilength = $(v).find('li.w-annc__item').length;
var ul_length = Math.ceil(lilength/num);
for(var ii=1;ii< ul_length;ii++){
var clone_ul = $(v).find('ul.w-annc__list').eq(-1).clone();
clone_ul.empty();
clone_ul.removeClass("active");
clone_ul.css("display","");
$(v).find('ul.w-annc__list').eq(-1).after(clone_ul.prop("outerHTML"));
var lihtml="";
if(ii != (ul_length-1)){
for(var j=0;j<num;j++){
lihtml += $(v).find('li.w-annc__item').eq(ii*num+j).prop("outerHTML");
};
}else{
for(var j=0;j< lilength - num *(ul_length-1) ;j++){
lihtml += $(v).find('li.w-annc__item').eq(ii*num+j).prop("outerHTML");
};
};
$(v).find('ul.w-annc__list').eq(-1).html(lihtml);
}
if(ul_length != 1 )
for(var i=0;i< lilength -num ; i++)
$(v).find('ul.w-annc__list').eq(0).find("li.w-annc__item").eq(num).remove();
})
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css("display","none");
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css('padding','0 1.125em');
$('[data-subpart-id=\"{{subpart-id}}\"] button').css('z-index','10');
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list >li').css('width','calc('+100/num+'% - '+20/16+'em)'); //20px=>li的margin
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list >li').css('float','left');
var active_ul = $("[data-subpart-id=\"{{subpart-id}}\"] li.w-annc__item").eq(li_active_idx).parents("ul.w-annc__list");
active_ul.addClass("active");
active_ul.removeClass("hidden_item");
active_ul.css("display","");
};
$(window).resize(function(){
if($(window).width()>1024){
reorganize_{{subpart-id}}(3);
num=3;
}else if($(window).width()>576){
reorganize_{{subpart-id}}(2);
num=2;
}else{
reorganize_{{subpart-id}}(1);
num=1;
}
})
$(document).ready(function(){
if($(window).width()>1024){
reorganize_{{subpart-id}}(3);
num=3;
}else if($(window).width()>576){
reorganize_{{subpart-id}}(2);
num=2;
}else{
reorganize_{{subpart-id}}(1);
num=1;
}
var flag=false;
$('[data-subpart-id=\"{{subpart-id}}\"] .btn-left').click(function(){
if(!flag){
var uls = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').toArray();
var ul_length = uls.length;
var currentul = uls.findIndex(function(v){
return $(v).hasClass("active");
})
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css('display','none');
if(currentul - 1 < 0)
currentul += ul_length;
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').removeClass("active");
var active_item = $(uls[currentul-1]);
active_item.addClass("active");
active_item.find("li").css("display","block");
flag=true;
$("body").css("overflow-x","hidden");
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list.active').eq(0).effect("slide", { direction: "left", mode: 'show', duration: 500},function(){$("body").css("overflow-x","");flag=false;});
};
});
$('[data-subpart-id=\"{{subpart-id}}\"] .btn-right').click(function(){
var lilength = $('[data-subpart-id=\"{{subpart-id}}\"] li.w-annc__item').length;
if(!flag){
var uls = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').toArray();
var ul_length = uls.length;
var currentul = uls.findIndex(function(v){
return $(v).hasClass("active");
})
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css('display','none');
if(currentul + 1 > ul_length - 1)
currentul -= ul_length;
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').removeClass("active");
var active_item = $(uls[currentul+1]);
active_item.addClass("active");
active_item.find("li").css("display","block");
flag=true;
$("body").css("overflow-x","hidden");
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list.active').eq(0).effect("slide", { direction: "right", mode: 'show', duration: 500},function(){$("body").css("overflow-x","");flag=false;});
};
});
});
</script>

32
modules/announcement/_annc_widget27.html.erb Normal file
View File

@ -0,0 +1,32 @@
<div class="i-annc index-announcement-18">
<style>
@media (min-width: 992px){
li.i-annc__item.col-md-4:nth-child(3n) {
clear: left;
}
}
</style>
<h3 class="i-annc__page-title">{{widget-title}}</h3>
<ul class="i-annc__list row" data-level="0" data-list="announcements">
<li class="i-annc__item col-md-4">
<div class="i-annc__content-wrap">
<div class="i-annc__meta">
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
<span class="i-annc__postdate">{{postdate}}</span>
</span>
<span class="i-annc__category-wrap">
<i class="fa fa-clone"></i>
<span class="i-annc__category">{{category}}</span>
</span>
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
</span>
</div>
<h4 class="i-annc__entry-title">
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
</h4>
<p class="i-annc__subtitle">{{subtitle}}</p>
</div>
</li>
</ul>
</div>

51
modules/announcement/info.json
View File

@ -211,13 +211,13 @@
"thumbnail": "annc_widget15_thumbs.png" "thumbnail": "annc_widget15_thumbs.png"
}, },
{ {
"filename": "annc_widget19", "filename": "annc_widget19",
"name": { "name": {
"zh_tw": "19. 輪波兩欄文-slide ( 模組標題, 狀態, 日期, 類別, 標題, 副標題 )", "zh_tw": "19. 輪波兩欄文-slide ( 模組標題, 狀態, 日期, 類別, 標題, 副標題 )",
"en": "19. 2-Column Standard Text -slide(widget-title, image, status, postdate, category, title, subtitle)" "en": "19. 2-Column Standard Text -slide(widget-title, image, status, postdate, category, title, subtitle)"
},
"thumbnail": "annc_widget19_thumbs.png"
}, },
"thumbnail": "annc_widget19_thumbs.png"
},
{ {
"filename": "annc_widget20", "filename": "annc_widget20",
"name": { "name": {
@ -235,14 +235,13 @@
"thumbnail": "annc_widget21_thumbs.png" "thumbnail": "annc_widget21_thumbs.png"
}, },
{ {
"filename": "annc_widget22", "filename": "annc_widget22",
"name": { "name": {
"zh_tw": "22. 輪波8欄文原始-slide ( 模組標題, 狀態, 日期, 類別, 標題, 副標題 )", "zh_tw": "22. 輪波8欄文原始-slide ( 模組標題, 狀態, 日期, 類別, 標題, 副標題 )",
"en": "22. 8-Column Standard Text -slide(widget-title, image, status, postdate, category, title, subtitle)" "en": "22. 8-Column Standard Text -slide(widget-title, image, status, postdate, category, title, subtitle)"
},
"thumbnail": "annc_widget22_thumbs.png"
}, },
"thumbnail": "annc_widget22_thumbs.png"
},
{ {
"filename": "annc_widget5", "filename": "annc_widget5",
"name": { "name": {
@ -362,6 +361,30 @@
"en": "24. longshort2-Column Standard Image + Text (widget-title, image, status, postdate, category, title, subtitle)" "en": "24. longshort2-Column Standard Image + Text (widget-title, image, status, postdate, category, title, subtitle)"
}, },
"thumbnail": "annc_widget24_thumbs.png" "thumbnail": "annc_widget24_thumbs.png"
},
{
"filename": "annc_widget25",
"name": {
"zh_tw": "25. 三欄圖文 ( 模組標題, 圖片, 狀態, 日期, 類別, 標題, 副標題 )",
"en": "25. 3-Column Standard Image + Text (widget-title, image, status, postdate, category, title, subtitle)"
},
"thumbnail": "annc_widget4_thumbs.png"
},
{
"filename": "annc_widget26",
"name": {
"zh_tw": "26.5. 三欄圖文-slide ( 模組標題, 圖片, 狀態, 日期, 類別, 標題, 副標題 )",
"en": "26.5. 3-Column Standard Image + Text -slide(widget-title, image, status, postdate, category, title, subtitle)"
},
"thumbnail": "annc_widget4_thumbs.png"
},
{
"filename": "annc_widget27",
"name": {
"zh_tw": "27. 標準文字列表三欄 ( 模組標題, 日期, 類別, 狀態, 標題, 副標題 )",
"en": "27. 3-Column Standard Text List (widget-title, postdate, category, status, title, subtitle)"
},
"thumbnail": "annc_index19_thumbs.png"
} }
] ]
} }

18
modules/announcement/show.html.erb
View File

@ -11,19 +11,13 @@
.s-annc__sub-img.pull-left { .s-annc__sub-img.pull-left {
margin-right: 2em; margin-right: 2em;
} }
.show-announcement{
max-width: 800px;
margin: auto;
z-index: 1;
position: relative;
}
</style> </style>
<article class="s-annc show-announcement"> <article class="s-annc show-announcement">
<h3 class="s-annc__show-title annc-title" aria-label="內頁公告標題">{{title}}</h3> <h1 class="s-annc__show-title">{{title}}</h1>
<ul class="s-annc__meta-wrap list-unstyled no-print"> <ul class="s-annc__meta-wrap list-unstyled no-print">
<li class="s-annc__date-wrap s-annc__meta--item"> <li class="s-annc__date-wrap s-annc__meta--item">
<i class="fa-regular fa-calendar"></i> <i class="fa fa-calendar-o"></i>
<span class="s-annc__date" date-format="%Y-%m-%d">{{updated_at}}</span> <span class="s-annc__date" date-format="%Y-%m-%d">{{updated_at}}</span>
</li> </li>
<li class="s-annc__author-wrap s-annc__meta--item"> <li class="s-annc__author-wrap s-annc__meta--item">
@ -78,12 +72,12 @@
// Hiding parent element when children elements are not present // Hiding parent element when children elements are not present
// Tags // Tags
hideEmptyEl($('.s-annc__tag'), $('.s-annc__tag-wrap')); hideEmptyEl($('.s-annc__tag'), $('.s-annc__tag-wrap'));
// Attachments // Attachments
hideEmptyEl($('.s-annc__flie-title'), $('.s-annc__related-file')); hideEmptyEl($('.s-annc__flie-title'), $('.s-annc__related-file'));
// Links // Links
hideEmptyEl($('.s-annc__link-title'), $('.s-annc__related-link')); hideEmptyEl($('.s-annc__link-title'), $('.s-annc__related-link'));
$("img[src='']").remove(); $("img[src='']").remove();
}(jQuery)); }(jQuery));
</script> </script>

14
modules/archive/archive_index7.html.erb
View File

@ -1,4 +1,4 @@
<div class="i-archive index-archive-7"> <div class="i-archive index-archive-5">
<h3 class="i-archive-title"> <h3 class="i-archive-title">
<span>{{page-title}}</span> <span>{{page-title}}</span>
</h3> </h3>
@ -15,18 +15,20 @@
</thead> </thead>
<tbody class="tbody i-archive__category-list" data-list="archives" data-level="1"> <tbody class="tbody i-archive__category-list" data-list="archives" data-level="1">
<tr class="archive-items"> <tr class="archive-items">
<td class="date col-sm-2">{{created_at}}</td> <td class="date col-sm-2">{{created_at}}</td>
<td class="head col-sm-4">{{archive-title}}</td> <td class="head col-sm-4">{{archive-title}}</td>
<span class="i-archive__status-wrap" data-list="statuses" data-level="2">
<span class="i-archive__status-wrap" data-list="statuses" data-level="2">
<span class="i-archive__status label status {{status-class}}">{{status}}</span> <span class="i-archive__status label status {{status-class}}">{{status}}</span>
</span> </span>
<td class="description col-sm-3">{{description}}</td> </td>
<td class="description col-sm-3" style="border-right: 0.05em solid #333;">{{description}}</td>
<td class="i-archive__file-list col-sm-3" data-list="files" data-level="2"> <td class="i-archive__file-list col-sm-3" data-list="files" data-level="2">
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" data-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary {{file-type}}">{{file-type}}</span></a> <a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" data-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary {{file-type}}">{{file-type}}</span></a>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</div>
</table> </table>
</div> </div>
</div> </div>
@ -51,4 +53,4 @@ $(window).resize(function(){
$(".archive-items >").css("min-height",""); $(".archive-items >").css("min-height","");
} }
}) })
</script> </script>

13
modules/gallery/_gallery_widget4.html.erb
View File

@ -35,4 +35,17 @@
</div> </div>
</div> </div>
</div> </div>
<script>
$(document).ready(function(){
$('[data-subpart-id="{{subpart-id}}"] .card-body a').on('focusin', function(){
var _this = $(this);
var card_flip = _this.parents('.card-flip');
card_flip.addClass('hover-class');
var off_hover = function(){
card_flip.removeClass('hover-class');
}
_this.one('focusout', off_hover);
})
})
</script>
</div> </div>

6
modules/web_resource/_web_res_widget1.html.erb
View File

@ -4,15 +4,13 @@
</h3> </h3>
<ul class="list-unstyled" data-level="0" data-list="web_link"> <ul class="list-unstyled" data-level="0" data-list="web_link">
<li class="widget-content"> <li class="widget-content">
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
<div class="link-img-wrap{{display_image}}"> <div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}"> <img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div> </div>
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a> <a class="widget-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a>
<span data-list="statuses" data-level="1"> <span data-list="statuses" data-level="1">
<span class="label status {{status-class}}">{{status}}</span> <span class="label status {{status-class}}">{{status}}</span>
</span> </span>
</a>
</li> </li>
</ul> </ul>
</div> </div>

8
modules/web_resource/_web_res_widget2.html.erb
View File

@ -3,8 +3,7 @@
<span>{{widget-title}}</span> <span>{{widget-title}}</span>
</h3> </h3>
<ul class="list-unstyled" data-level="0" data-list="web_link"> <ul class="list-unstyled" data-level="0" data-list="web_link">
<li class="widget-content widget-content-horizontal col-sm-3"> <li class="widget-content widget-content-horizontal">
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
<div class="link-img-wrap{{display_image}}"> <div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}"> <img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div> </div>
@ -12,14 +11,11 @@
<span data-list="statuses" data-level="1"> <span data-list="statuses" data-level="1">
<span class="label status {{status-class}}">{{status}}</span> <span class="label status {{status-class}}">{{status}}</span>
</span> </span>
</a>
</li> </li>
</ul> </ul>
<div class="morebken">more<i class="fa-solid fa-chevron-down"></i></div>
</div> </div>
<style type="text/css"> <style type="text/css">
.widget-content-horizontal{ .widget-content-horizontal{
float: left; float: left;
} }
</style>
</style>

28
modules/web_resource/_web_res_widget3.html.erb
View File

@ -5,15 +5,19 @@
<span>{{widget-title}}</span> <span>{{widget-title}}</span>
</h2> </h2>
</div> </div>
<ul class="widget-link__list row" data-level="0" data-list="web_link" style="position:relative; z-index: 3"> <ul class="widget-link__list row" data-level="0" data-list="web_link" style="position:relative; z-index: 3">
<li class="widget-link__item col-sm-3"> <li class="widget-link__item col-md-3">
<div class="liWrapper"> <div class="liWrapper">
<img class="widget-link__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}"> <img class="widget-link__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div> </div>
</li> </li>
</ul> </ul>
<a class="btn-primary widget-link__more btn" href="{{more_url}}"><%= t("web_link.more") %></a> <div style="position: absolute;top: 55%;bottom: 50%;width:100%;">
<button class="btn-left" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>" style="float: left;height: 2.5em; width: 2.5em;background: url(/assets/link-left.png) no-repeat;border: 0;background-size: contain;position: absolute;transition:.3s; left: -1%;"></button>
<button class="btn-right" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>" style="float: right;;height: 2.5em; width: 2.5em;background: url(/assets/link-right.png) no-repeat;background-size: contain;border: 0;position: absolute;transition:.3s;right: -2%;"></button>
</div>
<a class="widget-link__more btn" href="{{more_url}}"><%= t("web_link.more") %></a>
</div> </div>
<style> <style>
@ -21,7 +25,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
overflow: hidden;
} }
.widget-3 li { .widget-3 li {
background-color: #fff; background-color: #fff;
@ -30,8 +33,19 @@
max-height: 97px; max-height: 97px;
} }
.widget-link__more { .widget-link__more {
float: right; background-color: #811515;
margin-top: 1em; font-size: 1.4em;
color: white !important;
display: block;
width: 200px;
text-align: center;
border-radius: 5px;
bottom: 8px;
margin: 50px auto 0 auto !important;
padding: 15px 10px;
}
.widget-link__more:hover {
background-color: #6b1111;
} }
</style> </style>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
@ -119,7 +133,7 @@
num=1; num=1;
} }
var flag=false; var flag=false;
$('.btn-left').click(function(){ $('.btn-left').click(function(){
if(!flag){ if(!flag){
var uls = $('[data-subpart-id=\"{{subpart-id}}\"] ul.widget-link__list:not(.hidden_item)').toArray(); var uls = $('[data-subpart-id=\"{{subpart-id}}\"] ul.widget-link__list:not(.hidden_item)').toArray();
var ul_length = uls.length; var ul_length = uls.length;

5
modules/web_resource/_web_res_widget4.html.erb
View File

@ -13,8 +13,7 @@
<li class="widget-link__item"> <li class="widget-link__item">
<div class="liWrapper"> <div class="liWrapper">
<a class="widget-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}"> <a class="widget-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
<img class="widget-link__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}"><br /> <img class="widget-link__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
{{title}}
</a> </a>
</div> </div>
</li> </li>
@ -49,4 +48,4 @@
.widget-link.widget-4 .button-mid .fa{ .widget-link.widget-4 .button-mid .fa{
cursor: pointer; cursor: pointer;
} }
</style> </style>

2
modules/web_resource/_web_res_widget6.html.erb
View File

@ -7,7 +7,7 @@
<div class="widget-link_wrapper"> <div class="widget-link_wrapper">
<div class="cycle-slideshow widget-content" style="margin: 0em 3.125em;" <div class="cycle-slideshow widget-content" style="margin: 0em 3.125em;"
data-level="0" data-list="web_link" data-cycle-slides="> li" data-level="0" data-list="web_link" data-cycle-slides="> li"
data-cycle-fx="carousel" data-cycle-timeout="0" data-cycle-carousel-visible="4" data-cycle-fx="carousel" data-cycle-timeout="0" data-cycle-carousel-visible="5"
data-cycle-carousel-rwd-json="{768: 1}" data-cycle-carousel-rwd-json="{768: 1}"
data-cycle-pause-on-hover="true" data-cycle-log="false" data-cycle-carousel-fluid="true"> data-cycle-pause-on-hover="true" data-cycle-log="false" data-cycle-carousel-fluid="true">
<li class="widget-link__item"> <li class="widget-link__item">

80
modules/web_resource/_web_res_widget7.html.erb
View File

@ -1,38 +1,52 @@
<div class="widget-link widget7"> <div class="widget-link widget4 widget-7">
<h3 class="widget-title"> <div class="widget-link__more-wrap clearfix">
<span>{{widget-title}}</span> <h2 class="widget-link__widget-title">
</h3> <span>{{widget-title}}</span>
<ul class="list-unstyled" data-level="0" data-list="web_link"> </h2>
<li class="widget-content widget-content-horizontal "> </div>
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}"> <div class="widget-link_wrapper">
<div class="link-img-wrap{{display_image}}"> <div class="cycle-slideshow widget-content" style="margin: 0em 3em;"
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}"> data-level="0" data-list="web_link" data-cycle-slides="> li"
</div> data-cycle-fx="carousel" data-cycle-timeout="0" data-cycle-carousel-visible="3"
<a class="widget-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a> data-cycle-carousel-rwd-json="{768: 1}"
<span data-list="statuses" data-level="1"> data-cycle-pause-on-hover="true" data-cycle-log="false" data-cycle-carousel-fluid="true">
<span class="label status {{status-class}}">{{status}}</span> <li class="widget-link__item">
</span> <div class="liWrapper">
</a> <img class="widget-link__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</li> </div>
</ul> <h4 class="widget-content-title"><a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a></h4>
<!-- <div class="morebken"><div class="openmorebken"></div><i class="fa-solid fa-chevron-down"></i></div> --> <br>
<div class="widget-content-context"><a class="widget-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{context}}</a></div>
</li>
</div>
<ul class="button-mid">
<i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
<i class="fa fa-angle-right next-button" aria-label="<%= I18n.t("ad_banner.next") %>"></i>
</ul>
</div>
</div> </div>
<script>
$('[data-subpart-id="{{subpart-id}}"] .next-button').click(function(){
$(this).parent("ul").siblings('.widget-content').cycle("next");
})
$('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
$(this).parent("ul").siblings('.widget-content').cycle("prev");
})
</script>
<style type="text/css"> <style type="text/css">
.widget-content-horizontal{ .widget-link_wrapper{
float: left; position: relative;
} }
.openmorebken{ .widget-link.widget-4 .button-mid{
&:before{ position: absolute;
content: '展開'; width: 100%;
display: block; height: 0;
position: relative; top: 50%;
}
} }
.closemorebken{ .widget-link.widget-4 .button-mid .fa{
&:before{ cursor: pointer;
content: '關閉'!important;
display: block;
position: relative;
}
} }
</style> </style>

42
modules/web_resource/info.json
View File

@ -6,7 +6,7 @@
"zh_tw" : "1. 列表 ( 模組標題, 連結, 連結說明 )", "zh_tw" : "1. 列表 ( 模組標題, 連結, 連結說明 )",
"en" : "1. List (widget-title, link, link description)" "en" : "1. List (widget-title, link, link description)"
}, },
"thumbnail" : "web_res_index1_thumb.png" "thumbnail" : "thumb.png"
}, },
{ {
"filename" : "web_res_index2", "filename" : "web_res_index2",
@ -14,7 +14,7 @@
"zh_tw" : "2. 三欄式列表 ( 模組標題, 連結, 連結說明 )", "zh_tw" : "2. 三欄式列表 ( 模組標題, 連結, 連結說明 )",
"en" : "2. 3 column List (widget-title, link, link description)" "en" : "2. 3 column List (widget-title, link, link description)"
}, },
"thumbnail" : "web_res_index2_thumb.png" "thumbnail" : "thumb.png"
} }
], ],
"widgets" : [ "widgets" : [
@ -24,7 +24,7 @@
"zh_tw" : "1. 直式列表 ( 模組標題, 連結 )", "zh_tw" : "1. 直式列表 ( 模組標題, 連結 )",
"en" : "1. Vertical List (widget-title, link)" "en" : "1. Vertical List (widget-title, link)"
}, },
"thumbnail" : "web_res_widget1_thumb.png" "thumbnail" : "thumb.png"
}, },
{ {
"filename" : "web_res_widget2", "filename" : "web_res_widget2",
@ -32,7 +32,7 @@
"zh_tw" : "2. 橫式列表 ( 模組標題, 連結 )", "zh_tw" : "2. 橫式列表 ( 模組標題, 連結 )",
"en" : "2. Horizontal List (widget-title, link)" "en" : "2. Horizontal List (widget-title, link)"
}, },
"thumbnail" : "web_res_widget2_thumb.png" "thumbnail" : "thumb.png"
}, },
{ {
"filename" : "web_res_widget3", "filename" : "web_res_widget3",
@ -40,7 +40,7 @@
"zh_tw" : "3. 輪播1(slide)", "zh_tw" : "3. 輪播1(slide)",
"en" : "3. Banner 1(slide)" "en" : "3. Banner 1(slide)"
}, },
"thumbnail" : "web_res_widget3_thumb.png" "thumbnail" : "thumb.png"
}, },
{ {
"filename" : "web_res_widget4", "filename" : "web_res_widget4",
@ -48,7 +48,7 @@
"zh_tw" : "4. 輪播2(carousel 4)", "zh_tw" : "4. 輪播2(carousel 4)",
"en" : "4. Banner 2(carousel 4)" "en" : "4. Banner 2(carousel 4)"
}, },
"thumbnail" : "web_res_widget4_thumb.png" "thumbnail" : "thumb.png"
}, },
{ {
"filename" : "web_res_widget5", "filename" : "web_res_widget5",
@ -56,7 +56,7 @@
"zh_tw" : "5. 輪播3(carousel 5)", "zh_tw" : "5. 輪播3(carousel 5)",
"en" : "5. Banner 3(carousel 5)" "en" : "5. Banner 3(carousel 5)"
}, },
"thumbnail" : "web_res_widget5_thumb.png" "thumbnail" : "thumb.png"
}, },
{ {
"filename" : "web_res_widget6", "filename" : "web_res_widget6",
@ -64,23 +64,15 @@
"zh_tw" : "6. 輪播4 - 僅有圖片，無標題(carousel 5)", "zh_tw" : "6. 輪播4 - 僅有圖片，無標題(carousel 5)",
"en" : "6. Banner 4 - Only Images, No title(carousel 5)" "en" : "6. Banner 4 - Only Images, No title(carousel 5)"
}, },
"thumbnail" : "web_res_widget6_thumb.png" "thumbnail" : "thumb.png"
}, },
{ {
"filename" : "web_res_widget7", "filename" : "web_res_widget7",
"name" : { "name" : {
"zh_tw" : "7. 圓形橫式列表 ( 模組標題, 連結 )", "zh_tw" : "7. 輪播5(carousel 3)，顯示標題、描述",
"en" : "7. Horizontal List (widget-title, link)" "en" : "7. Banner 5(carousel 3), title, description"
}, },
"thumbnail" : "web_res_widget7_thumb.png" "thumbnail" : "thumb.png"
}, }
{
"filename" : "web_res_widget8",
"name" : {
"zh_tw" : "8. 橫式列表兩欄 ( 模組標題, 連結 )",
"en" : "8. Horizontal List (widget-title, link)"
},
"thumbnail" : "web_res_widget8_thumb.png"
}
] ]
} }

12
modules/web_resource/web_res_index1.html.erb
View File

@ -1,14 +1,14 @@
<div class="index-link index1"> <div class="index-link index1">
<h3 class="index-title"> <h1 class="index-title">
<span>{{page-title}}</span> <span>{{page-title}}</span>
</h3> </h1>
<ul class="list-unstyled" data-list="web_link" data-level="0"> <ul class="list-unstyled" data-list="web_link" data-level="0">
<li class="index-content"> <li class="index-content">
<a class="index-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}"> <a class="index-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
<div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>
<h4> <h4>
<div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>
{{title}} {{title}}
<span data-list="statuses" data-level="1"> <span data-list="statuses" data-level="1">
<span class="label status {{status-class}}">{{status}}</span> <span class="label status {{status-class}}">{{status}}</span>
@ -19,4 +19,4 @@
</li> </li>
</ul> </ul>
</div> </div>
{{pagination_goes_here}} {{pagination_goes_here}}

6
modules/web_resource/web_res_index2.html.erb
View File

@ -1,7 +1,7 @@
<div class="index-link index2"> <div class="index-link index2">
<h3 class="index-title"> <h1 class="index-title">
<span>{{page-title}}</span> <span>{{page-title}}</span>
</h3> </h1>
<ul class="list-unstyled" data-list="web_link" data-level="0"> <ul class="list-unstyled" data-list="web_link" data-level="0">
<li class="index-content col-md-4 col-sm-4"> <li class="index-content col-md-4 col-sm-4">
<a class="index-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}"> <a class="index-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
@ -21,4 +21,4 @@
</li> </li>
</ul> </ul>
</div> </div>
{{pagination_goes_here}} {{pagination_goes_here}}

2
widgets/site_menu_widget/_site_menu_widget1.html.erb
View File

@ -1,7 +1,7 @@
<div class="sitemenu-wrap sitemenu-horizontal no-print"> <div class="sitemenu-wrap sitemenu-horizontal no-print">
{{expand-script}} {{expand-script}}
<a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a> <a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a>
<h3 class="sitemenu-title" aria-label="次選單標題">{{widget_title}}</h3> <h3 class="sitemenu-title">{{widget_title}}</h3>
<ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0"> <ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0">
<li class="sitemenu-item level-1 {{active_class}}"> <li class="sitemenu-item level-1 {{active_class}}">
<a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a> <a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a>

2
widgets/site_menu_widget/_site_menu_widget2.html.erb
View File

@ -1,7 +1,7 @@
<div class="sitemenu-wrap sitemenu-vertical no-print"> <div class="sitemenu-wrap sitemenu-vertical no-print">
{{expand-script}} {{expand-script}}
<a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a> <a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a>
<h3 class="sitemenu-title" aria-label="次選單標題">{{widget_title}}</h3> <h3 class="sitemenu-title">{{widget_title}}</h3>
<ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0"> <ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0">
<li class="sitemenu-item level-1 {{active_class}}"> <li class="sitemenu-item level-1 {{active_class}}">
<a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a> <a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a>

25
widgets/site_menu_widget/info.json
View File

@ -6,7 +6,7 @@
"zh_tw" : "1. 橫式 ( 模組標題, 網站第二層選單, 網站第三層選單 )", "zh_tw" : "1. 橫式 ( 模組標題, 網站第二層選單, 網站第三層選單 )",
"en" : "1. Horizontal (widget-title, second level dropdown, third level dropdown)" "en" : "1. Horizontal (widget-title, second level dropdown, third level dropdown)"
}, },
"thumbnail" : "site_menu_widget1_thumbs.png" "thumbnail" : "thumb.png"
}, },
{ {
"filename" : "site_menu_widget2", "filename" : "site_menu_widget2",
@ -14,24 +14,7 @@
"zh_tw" : "1. 直式 ( 模組標題, 網站第二層選單, 網站第三層選單 )", "zh_tw" : "1. 直式 ( 模組標題, 網站第二層選單, 網站第三層選單 )",
"en" : "1. Vertical (widget-title, second level dropdown, third level dropdown)" "en" : "1. Vertical (widget-title, second level dropdown, third level dropdown)"
}, },
"thumbnail" : "site_menu_widget2_thumbs.png" "thumbnail" : "thumb.png"
}, }
{
"filename" : "site_menu_widget3",
"name" : {
"zh_tw" : "2. 直式 ( 模組標題, 網站第二層選單, 網站第三層選單 )",
"en" : "2. Vertical2 (widget-title, second level dropdown, third level dropdown)"
},
"thumbnail" : "site_menu_widget3_thumbs.png"
},
{
"filename" : "site_menu_widget4",
"name" : {
"zh_tw" : "2. 橫式 ( 模組標題, 網站第二層選單, 網站第三層選單 )",
"en" : "2. Horizontal2 (widget-title, second level dropdown, third level dropdown)"
},
"thumbnail" : "site_menu_widget4_thumbs.png"
}
] ]
} }