update template

This commit is contained in:
rulingcom 2021-09-03 03:40:41 +00:00
parent 6bdbafa502
commit 82cddbfbeb
11 changed files with 129 additions and 25 deletions

View File

@ -7,7 +7,7 @@
z-index: 0; z-index: 0;
.w-ad-banner { .w-ad-banner {
max-width: 75em; //max-width: 75em;
margin: auto; margin: auto;
} }
} }

View File

@ -14,10 +14,15 @@
<tbody data-level="0" data-list="acts"> <tbody data-level="0" data-list="acts">
<tr> <tr>
<td>{{category}}</td> <td>{{category}}</td>
<td>{{act_start_date}} ~ <br /> {{act_end_date}}</td> <td>{{act_duration_date}}</td>
<td>{{title}}</td> <td>
<td>{{sign_start_date}} ~ <br /> {{sign_end_date}}</td> <span class="active-status-wrap" data-list="statuses" data-level="1">
<td>{{sign_up}}</i></td> <span class="label status {{status-class}}">{{status}}</span>
</span>
{{title}}
</td>
<td>{{sign_duration_date}}</td>
<td>{{sign_up}}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

View File

@ -0,0 +1,25 @@
<div class="active-index1 {{display}}">
<h3>{{page-title}}</h3>
<table class="table table-striped">
<thead>
<tr>
<th class="active-th-time">{{th_act_time_range}}</th>
<th class="active-th-title">{{th_title}}</th>
<th class="col-md-2">{{th_sign_up}}</th>
</tr>
</thead>
<tbody data-level="0" data-list="acts">
<tr>
<td class="active-time" date-format="%Y-%m-%d">{{act_duration_date}}</td>
<td class="active-content">
<span class="active-status-wrap" data-list="statuses" data-level="1">
<span class="label status {{status-class}}">{{status}}</span>
</span>
{{title}}
</td>
<td>{{sign_up}}</td>
</tr>
</tbody>
</table>
</div>
{{pagination_goes_here}}

View File

@ -0,0 +1,32 @@
<div class="active-index2">
<h3>{{page-title}}</h3>
<ul class="row" data-level="0" data-list="acts">
<li class="col-md-4">
<a href="{{link_to_show}}">
<div class="active-img-wrap">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>
<div class="active-content-wrap">
<div class="active-meta">
<span class="active-status-wrap" data-list="statuses" data-level="1">
<span class="label {{status-class}}">{{status}}</span>
</span>
<span class="active-time-wrap" date-format="%Y-%m-%d">
<i class="fa fa-calendar-o"></i>
<span class="active-time" date-format="%Y-%m-%d">{{act_duration_date}}</span>
</span>
<span class="active-category-wrap">
<i class="fa fa-tasks"></i>
<span class="active-category">{{category}}</span>
</span>
</div>
<h4 class="active-title">
{{title_text}}
</h4>
<p class="active-subtitle">{{subtitle}}</p>
</div>
</a>
</li>
</ul>
</div>
{{pagination_goes_here}}

View File

@ -3,10 +3,26 @@
{ {
"filename" : "active_index", "filename" : "active_index",
"name" : { "name" : {
"zh_tw" : "1. 列表", "zh_tw" : "1. 列表 (類別, 活動期間, 狀態, 活動標題, 報名期間, 線上報名)",
"en" : "1. List" "en" : "1. List (Category, Event Period, status, Event Title, Registration Period, Register)"
}, },
"thumbnail" : "thumb.png" "thumbnail" : "thumb.png"
},
{
"filename" : "active_index1",
"name" : {
"zh_tw" : "2. 精簡表格列表-2 ( 模組標題, 活動期間, 狀態, 標題, 線上報名)",
"en" : "2. Simple Table List (widget-title, Event Period, status, title, Register)"
},
"thumbnail" : "active_index1_thumbs.png"
},
{
"filename" : "active_index2",
"name" : {
"zh_tw" : "3. 三欄圖文 ( 模組標題, 圖片, 狀態, 活動期間, 類別, 標題, 副標題, 線上報名)",
"en" : "3. 3-Column Standard Image + Text (widget-title, image, status, postdate, category, title, subtitle, Register)"
},
"thumbnail" : "active_index2_thumbs.png"
} }
] ]
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -1,5 +1,5 @@
<div class="w-ba-banner ad-banner-widget-1 ba-banner-widget-1"> <div class="w-ad-banner w-ba-banner ad-banner-widget-1 ba-banner-widget-1">
<div class="w-ba-banner__wrap cycle-slideshow" <div class="w-ad-banner__wrap w-ba-banner__wrap cycle-slideshow"
data-list="images" data-list="images"
data-level="0" data-level="0"
data-cycle-slides=".w-ba-banner__slide" data-cycle-slides=".w-ba-banner__slide"
@ -23,13 +23,13 @@
data-target="{{target}}" data-target="{{target}}"
> >
<a href="{{link}}" target="{{target}}" title="{{alt_title}}"> <a href="{{link}}" target="{{target}}" title="{{alt_title}}">
<img class="w-ba-banner__image banner-responsive" src="{{image_link}}" alt="{{alt_title}}"> <img class="w-ad-banner__image w-ba-banner__image banner-responsive" src="{{image_link}}" alt="{{alt_title}}">
</a> </a>
</div> </div>
</div> </div>
<div class="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-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}}"><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"><a class="resume-slide active" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a><a class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a></ul> <ul class="controlplay"><a class="resume-slide active" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a><a class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a></ul>
@ -60,10 +60,23 @@
</script> </script>
<style type="text/css"> <style type="text/css">
.controlplay .resume-slide.active i{ .w-ba-banner .controlplay .resume-slide.active i{
color: #32D9C3; color: #32D9C3;
} }
.controlplay .pause-slide.active i{ .w-ba-banner .controlplay .pause-slide.active i{
color: #ff4500; color: #ff4500;
} }
.w-ba-banner .controlplay{
width: auto;
}
.w-ba-banner .button-mid{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.next-button,.prev-button{
cursor: pointer;
}
</style> </style>

View File

@ -1,5 +1,5 @@
<div class="w-ba-banner ba-banner-widget-1 ba-banner-widget-youtube"> <div class="w-ad-banner ad-banner-widget-2 w-ba-banner ba-banner-widget-1 ba-banner-widget-youtube">
<div class="w-ba-banner__wrap cycle-slideshow" <div class="w-ad-banner__wrap w-ba-banner__wrap cycle-slideshow"
data-list="images" data-list="images"
data-level="0" data-level="0"
data-cycle-slides=".w-ba-banner__slide" data-cycle-slides=".w-ba-banner__slide"
@ -25,11 +25,11 @@
{{html}} {{html}}
</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 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"><a class="resume-slide active" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a><a class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a></ul> <ul class="controlplay"><a class="resume-slide active" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a><a class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a></ul>
<ul class="button-mid"> <ul class="button-mid">
<i class="fa fa-angle-left prev-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>" style="cursor: pointer;"></i> <i class="fa fa-angle-left prev-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>"></i>
<i class="fa fa-angle-right next-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>" style="cursor: pointer;"></i> <i class="fa fa-angle-right next-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>"></i>
</ul> </ul>
</div> </div>
</div> </div>
@ -178,10 +178,23 @@ if (typeof onYouTubeIframeAPIReady !== 'function'){
} }
</script> </script>
<style type="text/css"> <style type="text/css">
.controlplay .resume-slide.active i{ .w-ba-banner .controlplay .resume-slide.active i{
color: #32D9C3; color: #32D9C3;
} }
.controlplay .pause-slide.active i{ .w-ba-banner .controlplay .pause-slide.active i{
color: #ff4500; color: #ff4500;
} }
.w-ba-banner .controlplay{
width: auto;
}
.w-ba-banner .button-mid{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.next-button,.prev-button{
cursor: pointer;
}
</style> </style>

View File

@ -3,7 +3,7 @@
<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">{{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"> <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>
<ul class="sitemenu-list level-2" data-list="children" data-level="1"> <ul class="sitemenu-list level-2" data-list="children" data-level="1">
<li class="sitemenu-item level-2" style="position: relative;"> <li class="sitemenu-item level-2" style="position: relative;">

View File

@ -3,7 +3,7 @@
<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">{{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"> <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>
<ul class="sitemenu-list level-2" data-list="children" data-level="1"> <ul class="sitemenu-list level-2" data-list="children" data-level="1">
<li class="sitemenu-item level-2" style="position: relative;"> <li class="sitemenu-item level-2" style="position: relative;">