template default modified

This commit is contained in:
rulingcom 2015-01-06 15:22:41 +08:00
parent 12107376b6
commit f1acfa34ac
56 changed files with 389 additions and 459 deletions

View File

@ -1,110 +1,106 @@
(function($) {
"use strict"
// Init functions
function init () {
// Announcement modules
var annc = {
truncation : function (el, maxLength) {
var doc = document;
var orbit = {
// Cross browser add class function
addClass : function(el, className) {
if( el.classList ) {
el.classList.add(className);
} else {
el.className += ' ' + className;
}
},
// Cross browser has class function
hasClass : function(el, cls) {
return (' ' + el.className + ' ').indexOf(' ' + cls + ' ') > -1;
},
// Add class name to the menu item when its children items are more than eight
addMegaDropdownClass : function(el, len) {
for( var i = 0; i < el.length; i++ ) {
if( el[i].children.length > len ) {
orbit.addClass(el[i].parentNode, 'mega-dropdown');
}
}
},
// Append caret to menu item if it has dropdown
addCaret : function() {
var list = doc.querySelectorAll('.page_menu.level_2');
for( var i = 0, len = list.length; i < len; i++ ) {
var node = doc.createElement('span');
node.className = 'caret';
list[i].parentNode.appendChild(node);
}
},
// Add link and cursor class name on element that has data-link attribute
addLinkOnADBanner : function(els) {
$.each(els, function(i) {
if ($(this).data('link') !== "" && !$(this).hasClass('youtube')) {
$(this).on('click', function() {
var target = $(this).data('target'),
link = $(this).data('link');
if (target === '_blank') {
window.open(link, target);
} else {
window.location.href = link;
}
}).addClass('cursor');
}
});
},
// Announcement text truncation
truncation : function (el, len) {
for( var i = 0; i < el.length; i ++ ) {
if ( el[i].firstChild !== null ) {
if( el[i].firstChild.length > maxLength ) {
var newTitle = el[i].firstChild.nodeValue;
var newTitle = newTitle.substring(0, maxLength) + '...'
if( el[i].firstChild.length > len ) {
var newStr = el[i].firstChild.nodeValue,
newStr = newStr.substring(0, len) + '...'
el
.eq(i)
.text(newTitle);
.text(newStr);
}
}
}
}
}
},
// Sitemenu dropdown
sitemenuDropdown : function() {
var el = doc.querySelectorAll('.sitemenu__list.level-2');
for( var i = 0, len = el.length; i < len; i++ ) {
if( el[i].hasChildNodes() ) {
var caret = doc.createElement('span');
caret.className = 'sitemenu___dropdown-toggle fa fa-caret-down';
caret.setAttribute('data-toggle', 'dropdown');
function anncFix() {
var w$ = $('.w-announcement-4');
if( w$.length ) {
annc.truncation(w$.find('.w-annc__subtitle'), 25);
}
}
// Necessary for Responsive images
function bullEye() {
// $(".bullseye").bullseye({
// fadeEffect: false
// });
}
// Adding class to submenu that has dropdown items
function submenuFix () {
var item$ = $('.submenu__item.level-1');
var itemLen = item$.length;
var list$ = item$.find('.submenu__list.level-2');
for( var i=0; i<itemLen; i++ ) {
if( list$.eq(i).find('li').length ) {
list$
.eq(i)
.addClass('dropdown');
}
}
}
// Main navigation dropdown
function dropdown () {
var navItemLevel1$ = $('.main-nav-item.level-1');
var dropdownMenu$ = $('.dropdown-menu.level-2');
// Adding class if nav item has dropdown
$(navItemLevel1$)
.has('.dropdown-menu')
.children('a')
.addClass('has-dropdown-menu');
// Hide all dropdowns when click on any HTML elements
$(document).on('click', function() {
$('.dropdown-menu.level-2')
.addClass('hide')
.removeClass('show');
})
// Hide all dropdown after page load
dropdownMenu$
.addClass('hide')
.removeClass('show');
$('.has-dropdown-menu').on('click', function () {
if( $(this).hasClass('has-dropdown-menu') ) {
if( $(this).next('.dropdown-menu').hasClass('show') ) {
dropdownMenu$.addClass('hide');
$(this)
.next('.dropdown-menu')
.removeClass('show')
.addClass('hide')
} else if ( $(this).next('.dropdown-menu').hasClass('hide') ) {
dropdownMenu$.addClass('hide');
dropdownMenu$.removeClass('show');
dropdownMenu$.addClass('hide');
$(this)
.next('.dropdown-menu')
.removeClass('hide')
.addClass('show')
el[i].parentNode.insertBefore(caret, el[i]);
orbit.addClass(el[i], 'dropdown-menu');
}
}
return false;
})
}
}
// Targeting internal page
if( $('body').attr('class') !== 'page-main' ) {
submenuFix();
}
dropdown();
bullEye();
var plugin = {
// RWD image resize script
bullEye : function() {
$(".bullseye").bullseye({
fadeEffect: false
});
}
}
// Specific functions that will be running on homepage
if( doc.body.getAttribute('data-module') === 'home' ) {
}
// Functions that will be running on every page
orbit.sitemenuDropdown();
plugin.bullEye();
}
$(document).ready(function($) {
init();
});

View File

@ -1,8 +0,0 @@
.admin-edit {
clear: both;
}
img {
max-width: 100%;
height: auto;
}

View File

@ -0,0 +1,26 @@
html {
font-size: 100%;
}
body {
font-family: $sub-font;
margin-top: 40px; // needed for Orbit bar
font-size: inherit;
}
a {}
a:hover, a:focus {
text-decoration: none;
}
a:focus {}
img {
max-width: 100%;
height: auto;
}
.admin-edit {
clear: both;
}

View File

@ -1,5 +1,8 @@
@charset "utf-8";
// Google fonts
@import url(http://fonts.googleapis.com/css?family=Roboto);
// Base Color
$theme-gray: #495054;
$theme-gray-light: #cecece;
@ -16,55 +19,5 @@ $theme-color-third: #ed4c43;
// Font stacks
$main-font: Arial, "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif;
$sub-font: Arial, "新細明體", "Helvetica Neue", Helvetica, sans-serif;
//
// Modules
// --------------------------------------------------
// ## commonly use in all widgets
// Font sizes
$w-widget-title-font-size: 1.5rem;
// Colors
$w-border-color: $theme-gray-lighter;
//
// AD banner Module
// --------------------------------------------------
// Font sizes
$w-caption-font-size: 1.4rem;
$w-caption-desc: 0.85rem;
//
// Announcement Module
// --------------------------------------------------
// Font sizes
$w-title-font-size-small: 0.75rem;
$w-subtitle-font-size: 0.75rem;
$w-meta-font-size: 0.75rem;
$w-table-th-font-size: 0.75em;
$w-table-td-font-size: 0.75em;
$i-title-font-size-large: 2em;
// colors
$link-color: $theme-color-main;
$link-hover-color: lighten($theme-color-main, 10%);
$table-th-bgcolor: $theme-color-main;
//
// Archive Module
// --------------------------------------------------
// Font sizes
$w-item-heading-font-size: 0.85rem;
$main-font: 'Roboto', "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif;
$sub-font: 'Roboto', "新細明體", "Helvetica Neue", Helvetica, sans-serif;

View File

@ -61,7 +61,7 @@
}
// Widget-1
.w-announcement-1 {
.widget-announcement-1 {
.w-annc__img-wrap {
height: 200px;
margin: 0 0 1em 0;
@ -74,7 +74,7 @@
}
// Widget-2
.w-announcement-2 {
.widget-announcement-2 {
.w-annc__img-wrap {
height: 200px;
margin: 0 0 1em 0;
@ -87,7 +87,7 @@
}
// Widget-3
.w-announcement-3 {
.widget-announcement-3 {
.w-annc__img-wrap {
height: 200px;
margin: 0 0 1em 0;
@ -100,7 +100,7 @@
}
// Widget-4
.w-announcement-4 {
.widget-announcement-4 {
.w-annc__title {
font-family: $main-font;
line-height: 1.3;
@ -116,7 +116,7 @@
}
// Widget-5
.w-announcement-5 {
.widget-announcement-5 {
.w-annc__title {
font-family: $main-font;
line-height: 1.3;
@ -130,7 +130,7 @@
}
// Widget-6
.w-announcement-6 {
.widget-announcement-6 {
.w-annc__item {
margin-bottom: 0.8em;
padding-bottom: 0.8em;
@ -151,7 +151,7 @@
}
// Widget-7
.w-announcement-7 {
.widget-announcement-7 {
.w-annc__item {
margin-bottom: 0.8em;
padding-bottom: 0.8em;
@ -173,7 +173,7 @@
// Widget-8
// ## Table
.w-announcement-8 {
.widget-announcement-8 {
.w-annc__th {
color: #fff;
background: $theme-color-main;
@ -194,7 +194,7 @@
// Widget-9
// ## Table
.w-announcement-9 {
.widget-announcement-9 {
.w-annc__th {
color: #fff;
background: $theme-color-main;
@ -214,7 +214,7 @@
}
// Widget-10
.w-announcement-10 {
.widget-announcement-10 {
.w-annc__item {
margin-bottom: 0.8em;
padding-bottom: 0.8em;
@ -234,7 +234,7 @@
// Widget-11
// ## Table
.w-announcement-11 {
.widget-announcement-11 {
.w-annc__th {
color: #fff;
background: $theme-color-main;
@ -254,7 +254,7 @@
}
// Widget-12
.w-announcement-12 {
.widget-announcement-12 {
.w-annc__list {
padding: 0 15px;
}
@ -348,7 +348,7 @@
}
// Index-1
.i-announcement-1 {
.index-announcement-1 {
.i-annc__th {
color: #fff;
background: $theme-color-main;
@ -407,18 +407,7 @@
}
.s-annc__tag-wrap {
.s-annc__tag {
display: inline-block;
margin-bottom: 4px;
padding: 5px 8px;
font-size: 0.8em;
color: $theme-gray;
border: 1px solid $theme-gray-light;
text-decoration: none;
&:hover {
color: $theme-color-main;
border-color: $theme-color-main;
background-color: $theme-gray-lighter;
}
font-weight: normal;
}
}
}
@ -430,6 +419,9 @@
padding-top: 1em;
border-top: 1px dotted $theme-gray-light;
}
.s-annc__related-file {
margin-bottom: 15px;
}
.s-annc__related-file,
.s-annc__related-link {
padding-bottom: 6px;
@ -440,22 +432,17 @@
color: darken($theme-gray-light, 10%);
}
a {
display: inline-block;
margin-bottom: 4px;
padding: 5px 8px;
font-size: 0.8em;
color: $theme-gray;
border: 1px solid $theme-gray-light;
text-decoration: none;
&:hover {
color: $theme-color-main;
border-color: $theme-color-main;
background-color: $theme-gray-lighter;
}
}
}
.s-annc__related-link-list,
.s-annc__related-file-list {
display: inline-block;
}
.s-annc__flie-title {
max-width: 9.375rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}

View File

@ -1,99 +1,64 @@
// Member INDEX
// Member index page
.index-member {
.index-title {
@extend .unity-title;
}
&.index1 {
th,
td {
font-size: 0.8125rem;
font-family: $main-font;
}
th[class^="member-data-title"] {
white-space: nowrap;
}
.index-member-item {
min-height: 200px;
margin-bottom: 20px;
}
.index-member-item:nth-child(2n+1) {
clear: both;
}
.member-data-title-job-title:before,
.member-data-title-name:before,
.member-data-title-email:before,
.member-data-title-office-tel:before{
content: "\f007";
font-family: "fontAwesome";
display: inline-block;
margin-right: 0.3125rem;
color: gray;
min-width: 15px;
font-size: 0.75rem;
}
.member-data-title-job-title:before {
content: "\f19d";
}
.member-data-title-email:before {
content: "\f0e0";
}
.member-data-title-office-tel:before{
content: "\f098";
}
.member-profile-data-wrap {
overflow: hidden;
}
.member-pic {
border-radius: 0.25rem;
}
}
// Member SHOW
// Member show page
.show-member {
.show-title {
@extend .unity-title;
font-family: $main-font;
th,
td {
font-size: 0.8125rem;
}
.post-metadata {
border-bottom: 1px solid $theme-gray-light;
@include clearfix();
li {
margin-right: 1em;
margin-bottom: 0.6em;
float: left;
&.metadata-tags {
position: relative;
margin-right: 0;
padding-left: 1.6em;
clear: both;
float: none;
i {
position: absolute;
top: 7px;
left: 0;
}
}
&.metadata-tags {
.tag {
display: inline-block;
margin-bottom: 4px;
padding: 5px 8px;
font-size: 0.8em;
color: $theme-gray;
border: 1px solid $theme-gray-light;
text-decoration: none;
&:hover {
color: $theme-color-main;
border-color: $theme-color-main;
background-color: $theme-gray-lighter;
}
}
}
i {
color: darken($theme-gray-light, 10%);
}
}
}
.post-section {
@include clearfix();
margin-bottom: 2em;
.post-pic {
img {
@include size(100%, auto);
}
}
}
.post-related {
padding-top: 1em;
border-top: 1px solid $theme-gray-light;
li {
padding-bottom: 3px;
padding-left: 1.6em;
& + li {
padding-top: 8px;
border-top: 1px dotted $theme-gray-light;
}
i {
margin: 8px 0 0 -1.6em;
float: left;
color: darken($theme-gray-light, 10%);
}
& > div {
display: inline-block;
}
a {
display: inline-block;
margin-bottom: 4px;
padding: 5px 8px;
font-size: 0.8em;
color: $theme-gray;
border: 1px solid $theme-gray-light;
text-decoration: none;
&:hover {
color: $theme-color-main;
border-color: $theme-color-main;
background-color: $theme-gray-lighter;
}
}
.member-plugins {
margin-bottom: 20px;
a {
font-size: 0.8125rem;
}
}
}

View File

@ -1,5 +1,4 @@
// Base
@import url("http://fonts.googleapis.com/css?family=Droid+Sans:400,700");
@import "bootstrap/mixins";
@import "bootstrap/variables";
@import "base/mixins";
@ -7,7 +6,7 @@
@import "base/unity";
@import "base/pagination";
@import "base/orbitbar-override";
@import "base/genernal";
@import "base/global";
// Layout
@import "layout/header";
@ -29,11 +28,3 @@
// Widget
@import "widget/breadcrumb";
@import "widget/sitemenu";
html {
font-size: 100%;
}
body {
margin-top: 40px; // needed for Orbit bar
font-size: inherit;
}

View File

@ -1,86 +1,52 @@
.submenu-wrap {
@include clearfix();
.sitemenu-wrap {
padding: 10px 0;
.submenu__title {
@include clearfix;
.sitemenu__title {
display: none;
}
.submenu__list {
list-style: none;
padding: 0;
.sitemenu__list {
margin: 0;
padding: 0;
list-style: none;
}
.submenu__item.level-1 {
.sitemenu__item.level-1 {
font-size: 0.8125rem;
position: relative;
float: left;
margin-right: 1%;
margin-bottom: 12px;
}
.submenu__link.level-1 {
float: left;
padding: 8px .8em;
padding-bottom: 8px;
font-size: 13px;
font-size: 0.8125rem;
background: $theme-color-second;
color: #fff;
padding: 8px 0.8em;
border-radius: 0.2em;
border-radius: .2em;
background: $theme-color-second;
&:hover {
background: darken($theme-color-second, 10%);
}
}
.submenu__item:hover .dropdown {
display: block;
}
.touch .submenu__item .dropdown {
display: none !important;
}
// Submenu dropdown
.submenu__list.dropdown {
display: none;
padding: 20px 0 0 0;
position: absolute;
left: 0;
top: 80%;
border-radius: 2px;
z-index: 200;
}
.submenu__list .dropdown:before {
content: "";
border-style: solid;
border-width: 0px 7px 7px 7px;
border-color: transparent transparent $theme-color-main transparent;
position: absolute;
top: 15px;
left: 15px;
}
.submenu__item.level-2 {
display: block;
padding: 4px 8px;
background: $theme-color-main;
font-size: 0.8125rem;
}
.submenu__link.level-2 {
.sitemenu__link.level-1 {
margin-right: .25rem;
color: #fff;
white-space: nowrap;
}
.submenu__list.hidden--item {
display: none;
&:before {
display: none;
.sitemenu___dropdown-toggle {
font-size: 0.75rem;
padding: 2px .3125rem;
cursor: pointer;
}
// sitemenu dropdown
.sitemenu__list.dropdown-menu {
min-width: 100%;
margin-top: 4px;
border: none;
border-radius: .2em;
background: $theme-color-main;
}
.sitemenu__link.level-2 {
color: #fff;
font-size: 0.8125rem;
padding: 4px 0.625rem;
&:hover {
background: lighten($theme-color-second, 5%);
}
}
}
}

View File

@ -3,7 +3,7 @@
<head>
<%= render_partial("head") %>
</head>
<body class="page-main">
<body class="page-home">
<%= render_orbit_bar %>
<%= render_header %>
<section class="layout-slide" data-pp="4"></section>

View File

@ -1,3 +1,5 @@
<ul class="pagination" data-pagination="true">
<li class="{{pagination_active}}"><a href="{{pagination_link}}">{{page_number}}</a></li>
</ul>
<ul class="pagination pagination-sm" data-pagination="true">
<li class="{{pagination_active}}">
<a href="{{pagination_link}}">{{page_number}}</a>
</li>
</ul>

View File

@ -1,4 +1,4 @@
<div class="w-ad-banner ad-banner-widget-1 container">
<div class="w-ad-banner ad-banner-widget-1">
<div class="w-ad-banner__wrap cycle-slideshow"
data-list="images"
data-level="0"
@ -21,3 +21,5 @@
<div class="w-ad-banner__caption"></div>
<ul class="w-ad-banner__pager"></ul>
</div>

View File

@ -0,0 +1,18 @@
<div class="w-ad-banner ad-banner-widget-3">
<div class="w-ad-banner__wrap cycle-slideshow"
data-list="images"
data-level="0"
data-cycle-slides=".w-ad-banner__slide"
data-cycle-log="false"
data-overlay=".w-ad-banner__caption"
data-pager=".w-ad-banner__pager"
data-pager-template="<li><a href='#'></a></li>"
data-pager-active-class="active-slide"
data-cycle-youtube=true
data-cycle-youtube-autostart=false
>
{{html}}
</div>
<ul class="w-ad-banner__pager"></ul>
</div>

View File

@ -1,4 +1,4 @@
<div class="w-ad-banner ad-banner-widget-2 container">
<div class="w-ad-banner ad-banner-widget-2">
<div class="w-ad-banner__wrap cycle-slideshow"
data-list="images"
data-level="0"
@ -19,7 +19,6 @@
</div>
<script type="text/javascript">
$("document").ready(function(){
// total_players = $("*[data-youtube-id]").length
$("*[data-youtube-id]").each(function(){
var obj = $(this).find("embed");
obj.attr("id",$(this).data("youtube-id"));

View File

@ -1,12 +1,19 @@
<div class="w-ad-banner ad-banner-widget-2 container">
<div class="w-ad-banner ad-banner-widget-3">
<div class="w-ad-banner__wrap cycle-slideshow"
data-list="images"
data-level="0"
data-cycle-slides=".w-ad-banner__slide"
data-cycle-log="false"
data-pager=".w-ad-banner__pager"
data-pager-template="<li><a href='#'></a></li>"
data-pager-active-class="active-slide"
>
<div class="w-ad-banner__slide {{class}}">
<div class="w-ad-banner__slide {{class}}"
data-link="{{link}}"
>
<img class="w-ad-banner__image" src="{{image_link}}">
</div>
</div>
</div>
<ul class="w-ad-banner__pager"></ul>
</div>

View File

@ -11,8 +11,8 @@
{
"filename" : "ad_banner_widget2_video",
"name" : {
"zh_tw" : "2. 橫幅輪播 ( 圖片, 導航圖示 )",
"en" : "2. Carousel ( image, navigation, video )"
"zh_tw" : "2. 橫幅輪播 + Youtube影片 ( 圖片, Youtube影片, 導航圖示 )",
"en" : "2. Carousel ( image, Youtube video, navigation )"
},
"thumbnail" : "thumbnail-block.png"
},
@ -20,9 +20,18 @@
"filename" : "ad_banner_widget3",
"name" : {
"zh_tw" : "3. 廣告輪播 ( 圖片 )",
"en" : "2. AD banner ( image )"
"en" : "3. AD banner ( image )"
},
"thumbnail" : "thumbnail-block.png"
},
{
"filename" : "ad_banner_widget4",
"name" : {
"zh_tw" : "4. 廣告輪播 ( 圖片 )",
"en" : "4. AD banner ( image )"
},
"thumbnail" : "thumbnail-block.png"
}
]
}

View File

@ -1,4 +1,4 @@
<div class="w-annc w-announcement-1">
<div class="w-annc widget-announcement-1">
<h3 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h3>

View File

@ -1,4 +1,4 @@
<div class="w-annc w-announcement-10">
<div class="w-annc widget-announcement-10">
<h3 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h3>

View File

@ -1,4 +1,4 @@
<div class="w-annc w-announcement-11">
<div class="w-annc widget-announcement-11">
<h3 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h3>

View File

@ -1,4 +1,4 @@
<div class="w-annc w-announcement-12">
<div class="w-annc widget-announcement-12">
<h3 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h3>

View File

@ -1,4 +1,4 @@
<div class="w-annc w-announcement-2">
<div class="w-annc widget-announcement-2">
<h3 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h3>

View File

@ -1,4 +1,4 @@
<div class="w-annc w-announcement-3">
<div class="w-annc widget-announcement-3">
<h3 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h3>

View File

@ -1,4 +1,4 @@
<div class="w-annc w-announcement-4">
<div class="w-annc widget-announcement-4">
<h3 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h3>

View File

@ -1,4 +1,4 @@
<div class="w-annc w-announcement-5">
<div class="w-annc widget-announcement-5">
<h3 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h3>

View File

@ -1,4 +1,4 @@
<div class="w-annc w-announcement-6">
<div class="w-annc widget-announcement-6">
<h3 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h3>

View File

@ -1,4 +1,4 @@
<div class="w-annc w-announcement-7">
<div class="w-annc widget-announcement-7">
<h3 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h3>

View File

@ -1,4 +1,4 @@
<div class="w-annc w-announcement-8">
<div class="w-annc widget-announcement-8">
<h3 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h3>

View File

@ -1,4 +1,4 @@
<div class="w-annc w-announcement-9">
<div class="w-annc widget-announcement-9">
<h3 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h3>

View File

@ -1,4 +1,4 @@
<div class="i-annc i-announcement-1">
<div class="i-annc index-announcement-1">
<h3 class="i-annc__page-title">{{page-title}}</h3>
<table class="i-annc__table table table-striped">
<thead>

View File

@ -1,4 +1,4 @@
<div class="i-annc i-announcement-2">
<div class="i-annc index-announcement-2">
<h3 class="i-annc__page-title">{{page-title}}</h3>
<ul class="i-annc__list" data-level="0" data-list="announcements">
<li class="i-annc__item">

View File

@ -1,5 +1,5 @@
<article class="s-annc s-announcement">
<h1 class="s-annc__show-title">{{title}}</h1>
<article class="s-annc show-announcement">
<h3 class="s-annc__show-title">{{title}}</h3>
<ul class="s-annc__meta-wrap list-unstyled">
<li class="s-annc__date-wrap s-annc__meta--item">
@ -13,7 +13,7 @@
<li class="s-annc__tag-wrap s-annc__meta--item ">
<i class="fa fa-tags"></i>
<span data-list="tags" data-level="0">
<a href="{{url}}"><span class="s-annc__tag">{{tag}}</span></a>
<a href="{{url}}"><span class="s-annc__tag label label-default">{{tag}}</span></a>
</span>
</li>
</ul>
@ -26,14 +26,14 @@
<li class="s-annc__related-file">
<i class="fa fa-fw fa-paperclip"></i>
<div class="s-annc__related-file-list" data-list="bulletin_files" data-level="0">
<a class="s-annc__flie-title" href="{{file_url}}">{{file_title}}</a>
<a class="s-annc__flie-title btn btn-default btn-sm" href="{{file_url}}">{{file_title}}</a>
</div>
</li>
<li class="s-annc__related-link">
<i class="fa fa-fw fa-link"></i>
<div class="s-annc__related-link-list" data-list="bulletin_links" data-level="0">
<a href="{{link_url}}" target="_blank">{{link_title}}</a>
<a class="s-annc__link-title btn btn-default btn-sm" href="{{link_url}}" target="_blank">{{link_title}}</a>
</div>
</li>
</ul>
@ -47,26 +47,23 @@
{{link_to_edit}}
<script>
$(function() {
(function($) {
// 當metadata-tags沒內容時將會隱藏
if(!$('.metadata-tags .tag').length) {
$('.metadata-tags').remove();
function hideEmptyEl(el, elParent) {
if( el.length === 0) {
elParent.addClass('hide');
}
}
// 當post-related沒內容時會隱藏
if($('.post-related').length) {
var element = ['.post-related-flises-list', '.post-related-links-list'],
n = 0;
$.each(element, function(index, val) {
if(!$(val).text()) {
$(val).closest('li').remove();
n += 1;
}
if(n == element.length) {
$('.post-related').remove();
}
});
}
});
// Hiding parent element when children elements are not present
// Tags
hideEmptyEl($('.s-annc__tag'), $('.s-annc__tag-wrap'));
// Attachments
hideEmptyEl($('.s-annc__flie-title'), $('.s-annc__related-file'));
// Links
hideEmptyEl($('.s-annc__link-title'), $('.s-annc__related-link'));
}(jQuery));
</script>

View File

@ -1,4 +1,4 @@
<div class="w-archive archive-widget-1" module="archive" data-ps="">
<div class="w-archive widget-archive-1" module="archive" data-ps="">
<h3 class="w-archive__widget-title">{{widget-title}}</h3>
<ul class="w-archive__list level-1" data-list="categories" data-level="0">
<li class="w-archive__item level-1">

View File

@ -1,4 +1,4 @@
<div class="i-archive archive-index-1">
<div class="i-archive index-archive-1">
<h3 class="i-archive__page-title">{{page-title}}</h3>
<ul class="i-archive__list" data-list="categories" data-level="0">
<li class="i-archive__item">

View File

@ -6,6 +6,7 @@
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<i class="fa fa-th-list"></i>
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed">
{{category-title}}
</a>

View File

@ -1,7 +1,7 @@
<div class="show-archive">
<h1 class="show-title">
<h3 class="show-title">
<span>{{title}}</span>
</h1>
</h3>
<div class="show-archive-body">
<dl class="dl-horizontal show-archive-item-group" data-list="archives" data-level="1">
<dt class="show-archive-item-list">

View File

@ -1,6 +1,6 @@
<article>
<div class="post-title">
<h1>{{question}}</h1>
<h3>{{question}}</h3>
</div>
<span data-list="tags" data-level="0">

View File

@ -1,4 +1,4 @@
<div class="widget-gallery widget1">
<div class="widget-gallery widget2">
<h3 class="widget-title">
<span>{{widget-title}}</span>
</h3>

View File

@ -1,4 +1,4 @@
<div class="widget-gallery widget2">
<div class="widget-gallery widget3">
<h3 class="widget-title">
<span>{{widget-title}}</span>
</h3>

View File

@ -1,30 +1,30 @@
<div class="index-member index1">
<div class="index-member-group" data-list="roles" data-level="0">
<div class="index-member-group-item">
<div class="index-member-status" data-level="1" data-list="status-list">
<h3 class="index-title">
<span>{{status-title}}</span>
</h3>
<div class="index-member-list row" data-level="2" data-list="members">
<div class="index-member-item clearfix col-sm-6 row" style="font-size: 12px; min-height:180px;">
<div class="col-sm-4">
<a href="{{link_to_show}}"><img class="member-pic" src="{{image}}" alt="{{name}}" title="{{name}}" width="100%"></a>
<div class="index-member-item clearfix col-lg-6 row">
<div class="member-pic-wrap col-xs-4">
<a href="{{link_to_show}}">
<img class="member-pic" src="{{image}}" alt="{{name}}" title="{{name}}" width="100%">
</a>
</div>
<div class="col-sm-8">
<table class="table table-condensed">
<div class="member-profile-data-wrap col-xs-8">
<table class="table">
<tbody data-list="profile_data" data-level="3">
<tr><th class="{{title_class}}" style="min-width:70px;">{{title}}</th><td class="{{value_class}}">{{value}}</td></tr>
<tr>
<th class="{{title_class}}">{{title}}</th>
<td class="{{value_class}}">{{value}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -1,30 +1,30 @@
<div class="index-member index1">
<div class="index-member-group" data-list="roles" data-level="0">
<div class="index-member-group-item">
<div class="index-member-status" data-level="1" data-list="status-list">
<h3 class="index-title">
<span>{{status-title}}</span>
</h3>
<div class="index-member-list row" data-level="2" data-list="members">
<div class="index-member-item clearfix col-sm-6 row" style="font-size: 12px; min-height:180px;">
<div class="col-sm-4">
<a href="{{link_to_show}}"><img class="member-pic" src="{{image}}" alt="{{name}}" title="{{name}}" width="100%"></a>
<div class="index-member-item clearfix col-lg-6 row">
<div class="member-pic-wrap col-xs-4">
<a href="{{link_to_show}}">
<img class="member-pic" src="{{image}}" alt="{{name}}" title="{{name}}" width="100%">
</a>
</div>
<div class="col-sm-8">
<table class="table table-condensed">
<div class="member-profile-data-wrap col-xs-8">
<table class="table">
<tbody data-list="profile_data" data-level="3">
<tr><th class="{{title_class}}" style="min-width:70px;">{{title}}</th><td class="{{value_class}}">{{value}}</td></tr>
<tr>
<th class="{{title_class}}">{{title}}</th>
<td class="{{value_class}}">{{value}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -6,22 +6,25 @@
<span>{{status-title}}</span>
</h3>
<div class="index-member-list row" data-level="2" data-list="members">
<div class="index-member-item clearfix col-sm-6 row" style="font-size: 12px; min-height:180px;">
<div class="col-sm-4">
<a href="{{link_to_show}}"><img class="member-pic" src="{{image}}" alt="{{name}}" title="{{name}}" width="100%"></a>
<div class="index-member-item clearfix col-lg-6 row">
<div class="member-pic-wrap col-xs-4">
<a href="{{link_to_show}}">
<img class="member-pic" src="{{image}}" alt="{{name}}" title="{{name}}" width="100%">
</a>
</div>
<div class="col-sm-8">
<table class="table table-condensed">
<div class="member-profile-data-wrap col-xs-8">
<table class="table">
<tbody data-list="profile_data" data-level="3">
<tr><th class="{{title_class}}" style="min-width:70px;">{{title}}</th><td class="{{value_class}}">{{value}}</td></tr>
<tr>
<th class="{{title_class}}">{{title}}</th>
<td class="{{value_class}}">{{value}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -1,21 +1,19 @@
<div class="show" module="member">
<div class="show-member" module="member">
<div class="row">
<div class="member-pic col-md-3">
<div class="member-pic col-xs-3">
<img src="{{image}}" alt="{{name}}" title="{{name}}" width="100%">
</div>
<div class="member-data col-md-9">
<div class="member-data col-xs-9">
<table class="table table-striped">
<div data-list="profile_data" data-level="0">
<tr><th class="{{title_class}}" width="30%">{{title}}</th><td class="{{value_class}}">{{value}}</td></tr>
<tr><th class="{{title_class}}">{{title}}</th><td class="{{value_class}}">{{value}}</td></tr>
</div>
</table>
</div>
</div>
<br/>
<ul class="nav nav-pills" role="tablist" data-list="plugins" data-level="0">
<ul class="member-plugins nav nav-pills" role="tablist" data-list="plugins" data-level="0">
<li class="{{plugin_class}}"><a href="#{{plugin_name}}" role="tab" data-toggle="tab">{{plugin_title}}</a></li>
</ul>
<br/>
<div class="tab-content" data-list="plugins" data-level="0">
<div class="tab-pane {{plugin_class}}" id="{{plugin_name}}">
<table class="table table-hover table-striped">
@ -28,4 +26,22 @@
</table>
</div>
</div>
</div>
</div>
<script>
(function() {
// Adding class on first element
function memberPlugins() {
var plugins = document.querySelector('.member-plugins');
if( plugins.children.length === 0 ) {
return;
}
if( plugins.querySelectorAll('.member-plugins .active').length === 0 ) {
var navs = plugins.querySelectorAll('.member-plugins > li'),
contents = plugins.nextElementSibling.children[0];
navs[0].className += ' ' + 'active';
contents.className += ' ' + 'active';
}
}
memberPlugins();
}())
</script>

View File

@ -1,11 +1,11 @@
<div class="submenu-wrap">
<h3 class="submenu__title">{{widget_title}}</h3>
<ul data-list="pages" class="submenu__list level-1" data-level="0">
<li class="submenu__item level-1">
<a class="submenu__link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a>
<ul class="submenu__list level-2" data-list="children" data-level="1">
<li class="submenu__item level-2">
<a class="submenu__link level-2" href="{{url}}" target="{{target}}">{{page_name}}</a>
<div class="sitemenu-wrap">
<h3 class="sitemenu__title">{{widget_title}}</h3>
<ul data-list="pages" class="sitemenu__list level-1" data-level="0">
<li class="sitemenu__item level-1">
<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">
<li class="sitemenu__item level-2">
<a class="sitemenu__link level-2" href="{{url}}" target="{{target}}">{{page_name}}</a>
<ul data-list="children" data-level="2">
<li>
<a href="{{url}}" target="{{target}}">{{page_name}}</a>

View File

@ -1,5 +1,5 @@
gem 'announcement', git: 'http://gitlab.tp.rulingcom.com/saurabh/announcement-test.git'
gem 'ad_banner', git: 'http://gitlab.tp.rulingcom.com/saurabh/adbanner-test.git'
gem 'ad_banner', path: '/home/rulingcom/designer/modules/ad_banner_pro'
gem "archive", git: 'http://gitlab.tp.rulingcom.com/saurabh/archive.git'
gem 'gallery', git: 'http://gitlab.tp.rulingcom.com/saurabh/gallery.git'
gem 'links', git: 'http://gitlab.tp.rulingcom.com/saurabh/links.git'

View File

@ -1,14 +1,14 @@
development:
sessions:
default:
database: orbit_4_5
database: orbit_4_5_joshua
hosts:
- localhost:27017
test:
sessions:
default:
database: orbit_4_5
database: orbit_4_5_joshua
hosts:
- localhost:27017
options:
@ -21,6 +21,6 @@ production:
default:
# username:
# password:
database: orbit_4_5
database: orbit_4_5_joshua
hosts:
- localhost:27017

View File

@ -26,4 +26,4 @@ before_fork do |server, worker|
rescue Errno::ENOENT, Errno::ESRCH
end
end
end
end