forked from saurabh/orbit4-5
big commit from joshua for orbit_bootstrap sdk and groups
This commit is contained in:
rulingcom
parent
70bbe6ac5a
commit
804030751f
|
|
@ -24,30 +24,6 @@
|
||||||
doc.querySelector( ".group-post-image-wrap").classList.add( "hide" );
|
doc.querySelector( ".group-post-image-wrap").classList.add( "hide" );
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// Create the tool tip wrap and get the seen counts and then inject them into DOM
|
|
||||||
createToolTip: function( container, names, cls1, cls2, wrapEl ) {
|
|
||||||
if( doc.querySelectorAll( names ).length >= 1 ) {
|
|
||||||
var container = doc.querySelector( container ),
|
|
||||||
names = doc.querySelectorAll( names ),
|
|
||||||
span = doc.createElement( "span" ),
|
|
||||||
wrap = doc.createElement( "div" ),
|
|
||||||
frag = document.createDocumentFragment();
|
|
||||||
|
|
||||||
// Get the seen counts and append them
|
|
||||||
span.className = cls1;
|
|
||||||
names[ 0 ].parentNode.appendChild( span );
|
|
||||||
|
|
||||||
// Create the tool tip and save them in the document fragment
|
|
||||||
wrap.className = cls2 + " tool-tip";
|
|
||||||
Array.prototype.slice.call( names ).forEach( function( el ) {
|
|
||||||
frag.appendChild( el );
|
|
||||||
});
|
|
||||||
|
|
||||||
// Append the final result to DOM
|
|
||||||
wrap.appendChild( frag );
|
|
||||||
container.appendChild( wrap );
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// Create scroll effect (with css)
|
// Create scroll effect (with css)
|
||||||
scrollEffect: function() {
|
scrollEffect: function() {
|
||||||
if( doc.querySelector( ".group-page") ) {
|
if( doc.querySelector( ".group-page") ) {
|
||||||
|
|
@ -71,7 +47,6 @@
|
||||||
// When DOM is completely loaded, execute these functions
|
// When DOM is completely loaded, execute these functions
|
||||||
document.addEventListener( "DOMContentLoaded", function( event ) {
|
document.addEventListener( "DOMContentLoaded", function( event ) {
|
||||||
group.cycleFix();
|
group.cycleFix();
|
||||||
group.createToolTip( ".group-post-seen-by", ".group-post-seen-by-name", "group-post-seen-by-count", "group-post-seen-by-names" );
|
|
||||||
group.scrollEffect();
|
group.scrollEffect();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,2 @@
|
||||||
|
/* Plugin for Cycle2; Copyright (c) 2012 M. Alsup; v20141007 */
|
||||||
|
!function(a){"use strict";function b(){try{this.playVideo()}catch(a){}}function c(){try{this.pauseVideo()}catch(a){}}var d='<div class=cycle-youtube><iframe width="640" height="360" frameborder="0" allowfullscreen="" data-yt-api-binded="0" src="{{url}}"></iframe></div>';a.extend(a.fn.cycle.defaults,{youtubeAllowFullScreen:!0,youtubeAutostart:!1,youtubeAutostop:!0}),a(document).on("cycle-bootstrap",function(e,f){f.youtube&&(f.hideNonActive=!1,f.container.find(f.slides).each(function(b){if(void 0!==a(this).attr("href")){var c,e=a(this),g=e.attr("href"),h=f.youtubeAllowFullScreen?"true":"false";g+=(/\?/.test(g)?"&":"?")+"enablejsapi=1",f.youtubeAutostart&&f.startingSlide===b&&(g+="&autoplay=1"),c=f.API.tmpl(d,{url:g,allowFullScreen:h}),e.replaceWith(c)}}),f.slides=f.slides.replace(/(\b>?a\b)/,"div.cycle-youtube"),f.youtubeAutostart&&f.container.on("cycle-initialized cycle-after",function(c,d){var e="cycle-initialized"==c.type?d.currSlide:d.nextSlide;a(d.slides[e]).find("object,embed").each(b)}),f.youtubeAutostop&&f.container.on("cycle-before",function(b,d){a(d.slides[d.currSlide]).find("object,embed").each(c)}))})}(jQuery);
|
||||||
|
|
@ -14,3 +14,8 @@
|
||||||
*= require lib/filter
|
*= require lib/filter
|
||||||
*= require lib/pageslide
|
*= require lib/pageslide
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
/* Hide ckeditor text, it's breaking the layout but we need to keep them for future use */
|
||||||
|
.ui-helper-hidden-accessible {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -318,6 +318,12 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 540px) {
|
||||||
|
#orbit-bar .orbit-bar-search-sign-language #search input[type="search"] {
|
||||||
|
width: 130px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 430px) {
|
@media (max-width: 430px) {
|
||||||
#orbit-bar #search{
|
#orbit-bar #search{
|
||||||
display: none;
|
display: none;
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,107 @@
|
||||||
|
@charset "utf-8";
|
||||||
|
|
||||||
|
@import url(http://fonts.googleapis.com/css?family=Maven+Pro);
|
||||||
|
|
||||||
|
@import url(http://fonts.googleapis.com/css?family=Roboto);
|
||||||
|
|
||||||
|
// Font stacks
|
||||||
|
$main-font: "Maven Pro", "微軟正黑體" sans-serif;
|
||||||
|
$paragraph-font: "Roboto", "微軟正黑體", sans-serif;
|
||||||
|
$gray: #f3f3f3;
|
||||||
|
$dark-gray: #aaaaaa;
|
||||||
|
$light-gray: #cdcdcd;
|
||||||
|
$white: white;
|
||||||
|
$light-black: #353535;
|
||||||
|
$black: black;
|
||||||
|
$green: #4ad976;
|
||||||
|
$blue: #4171d5;
|
||||||
|
$red: #c71932;
|
||||||
|
$blue-green: #00acee;
|
||||||
|
$group-page-bar-color: #171717;
|
||||||
|
|
||||||
|
// Transition units
|
||||||
|
$fast: 0.3s;
|
||||||
|
$normal: 0.6s;
|
||||||
|
$slow: 1s;
|
||||||
|
|
||||||
|
// Border radius units
|
||||||
|
$general: 0.25rem;
|
||||||
|
|
||||||
|
// General style
|
||||||
|
body {
|
||||||
|
background: $gray;
|
||||||
|
font-family: $main-font;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Override and resolve the conflict with main-form.css for that I need RWD support for this page
|
||||||
|
.main-forms fieldset .input-area .controls textarea {
|
||||||
|
max-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Override select2 styles, I need this evil power
|
||||||
|
#main-wrap {
|
||||||
|
.select2-container-multi {
|
||||||
|
margin-right: 0.9375rem;
|
||||||
|
min-width: 200px;
|
||||||
|
.select2-choices {
|
||||||
|
padding: 8px 0.5rem 6px;
|
||||||
|
border-radius: $general;
|
||||||
|
}
|
||||||
|
.select2-search-choice {
|
||||||
|
padding: 10px 1.75rem 10px 0.7rem;
|
||||||
|
border-color: lighten($light-gray, 5%);
|
||||||
|
background: $white;
|
||||||
|
> div {
|
||||||
|
&:before {
|
||||||
|
content: "\F007";
|
||||||
|
font-family: FontAwesome;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 0.9375rem;
|
||||||
|
color: $blue;
|
||||||
|
margin: 0 0.5rem 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.select2-search-choice-close {
|
||||||
|
right: 15px;
|
||||||
|
left: auto;
|
||||||
|
&:before {
|
||||||
|
content: "\f057";
|
||||||
|
font-family: FontAwesome;
|
||||||
|
position: absolute;
|
||||||
|
cursor: pointer;
|
||||||
|
left: 6px;
|
||||||
|
top: 6px;
|
||||||
|
font-size: 0.9375rem;
|
||||||
|
color: $dark-gray;
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
&:before {
|
||||||
|
color: $red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrap-inner {
|
||||||
|
.upload-status-notice {
|
||||||
|
position: fixed;
|
||||||
|
right: 1rem;
|
||||||
|
top: 4rem;
|
||||||
|
color: $white;
|
||||||
|
padding: 16px 1.375rem;
|
||||||
|
background-color: $blue;
|
||||||
|
border-radius: $general;
|
||||||
|
font-size: 0.8125rem;
|
||||||
|
box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.2);
|
||||||
|
-webkit-animation-duration: .3s;
|
||||||
|
animation-duration: .3s;
|
||||||
|
z-index: 3000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.img-avatar {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -1,6 +1,6 @@
|
||||||
(function( $ ) {
|
(function( $ ) {
|
||||||
|
|
||||||
"use strict"
|
"use strict";
|
||||||
|
|
||||||
function init() {
|
function init() {
|
||||||
var doc = document,
|
var doc = document,
|
||||||
|
|
@ -127,7 +127,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
// Specific functions that will be running on homepage
|
// Specific functions that will be running on homepage
|
||||||
if ( pageModule === "home" ) {
|
if ( pageModule === "home" ) {
|
||||||
|
|
@ -136,7 +136,6 @@
|
||||||
|
|
||||||
// Functions that will be running on every page
|
// Functions that will be running on every page
|
||||||
orbit.sitemenuDropdown();
|
orbit.sitemenuDropdown();
|
||||||
orbit.member.equalHeight();
|
|
||||||
orbit.plugins.bullEye();
|
orbit.plugins.bullEye();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@ html {
|
||||||
body {
|
body {
|
||||||
font-family: $sub-font;
|
font-family: $sub-font;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
margin-top: 40px; // needed for Orbit bar
|
margin-top: 40px;
|
||||||
}
|
}
|
||||||
a:hover,
|
a:hover,
|
||||||
a:focus {
|
a:focus {
|
||||||
|
|
|
||||||
|
|
@ -1,111 +1,126 @@
|
||||||
@charset "utf-8";
|
@charset "utf-8";
|
||||||
|
|
||||||
@import "../initial";
|
@import "../initial";
|
||||||
|
|
||||||
//
|
//
|
||||||
// Index
|
// Index
|
||||||
//
|
//
|
||||||
// Member Index
|
// Member Index
|
||||||
// ## Gerneral styles for Index
|
// ## Gerneral styles for Index
|
||||||
.i-member-section {
|
// Index 2
|
||||||
max-width: 500px;
|
.index-member-2 {
|
||||||
margin: auto;
|
.i-member-section {
|
||||||
@media screen and (min-width: $screen-sm) {
|
max-width: 500px;
|
||||||
max-width: 100%;
|
margin: auto;
|
||||||
}
|
}
|
||||||
}
|
.i-member-status-title {
|
||||||
|
@extend .unity-title;
|
||||||
.i-member-status-title {
|
}
|
||||||
@extend .unity-title;
|
.i-member-item-inner {
|
||||||
}
|
background: none;
|
||||||
|
border-radius: 0.25rem;
|
||||||
.i-member-item-inner {
|
padding: 24px 1rem;
|
||||||
background: none;
|
margin-bottom: 16px;
|
||||||
border-radius: 0.25rem;
|
}
|
||||||
padding: 24px 1rem;
|
.i-member-pic-wrap {
|
||||||
margin-bottom: 16px;
|
height: auto;
|
||||||
@media screen and (min-width: $screen-sm) {
|
margin-bottom: 16px;
|
||||||
background: $theme-gray-lighter;
|
}
|
||||||
}
|
.i-member-pic {
|
||||||
}
|
width: 100%;
|
||||||
|
}
|
||||||
.i-member-pic-wrap {
|
.i-member-profile-list {
|
||||||
height: auto;
|
@include list-reset;
|
||||||
margin-bottom: 16px;
|
}
|
||||||
|
.i-member-profile-item {
|
||||||
@media screen and (min-width: $screen-sm) {
|
margin-bottom: 8px;
|
||||||
position: relative;
|
font-size: $font-13;
|
||||||
overflow: hidden;
|
}
|
||||||
height: 125px;
|
// RWD
|
||||||
}
|
@media screen and (min-width: $screen-sm) {
|
||||||
}
|
.i-member-section {
|
||||||
|
max-width: 100%;
|
||||||
.i-member-pic {
|
}
|
||||||
width: 100%;
|
.i-member-item-inner {
|
||||||
|
background: $theme-gray-lighter;
|
||||||
@media screen and (min-width: $screen-sm) {
|
}
|
||||||
position: absolute;
|
|
||||||
top: -100%;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: -100%;
|
|
||||||
margin: auto;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.i-member-profile-list {
|
|
||||||
@include list-reset;
|
|
||||||
}
|
|
||||||
|
|
||||||
.i-member-profile-item {
|
|
||||||
margin-bottom: 8px;
|
|
||||||
font-size: $font-13;
|
|
||||||
}
|
|
||||||
|
|
||||||
.member-data-title-job-title:before,
|
|
||||||
.member-data-title-name:before,
|
|
||||||
.member-data-title-email:before,
|
|
||||||
.member-data-title-office-tel:before {
|
|
||||||
font-family: "fontAwesome";
|
|
||||||
font-size: .75rem;
|
|
||||||
display: inline-block;
|
|
||||||
min-width: 15px;
|
|
||||||
margin-right: .3125rem;
|
|
||||||
content: "\f007";
|
|
||||||
text-align: center;
|
|
||||||
color: $theme-gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
.member-data-title-job-title:before {
|
|
||||||
content: "\f19d";
|
|
||||||
}
|
|
||||||
|
|
||||||
.member-data-title-email:before {
|
|
||||||
content: "\f0e0";
|
|
||||||
}
|
|
||||||
|
|
||||||
.member-data-title-office-tel:before {
|
|
||||||
content: "\f098";
|
|
||||||
}
|
|
||||||
|
|
||||||
// Index 3
|
|
||||||
.i-member-item:nth-child( even) {
|
|
||||||
.i-member-item-inner {}
|
|
||||||
}
|
|
||||||
|
|
||||||
.i-member-pic-wrap {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Member show page
|
|
||||||
.show-member {
|
|
||||||
font-family: $sub-font;
|
|
||||||
th, td {
|
|
||||||
font-size: .8125rem;
|
|
||||||
}
|
|
||||||
.member-plugins {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
a {
|
|
||||||
font-size: .8125rem;
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// // Index 3
|
||||||
|
.index-member-3 {
|
||||||
|
.i-member-section {
|
||||||
|
max-width: 500px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
.i-member-status-title {
|
||||||
|
@extend .unity-title;
|
||||||
|
}
|
||||||
|
.i-member-item-inner {
|
||||||
|
background: none;
|
||||||
|
border-radius: 0.25rem;
|
||||||
|
padding: 24px 1rem;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.i-member-pic-wrap {
|
||||||
|
height: auto;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.i-member-pic {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.i-member-profile-list {
|
||||||
|
@include list-reset;
|
||||||
|
}
|
||||||
|
.i-member-profile-item {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
font-size: $font-13;
|
||||||
|
}
|
||||||
|
.i-member-item:nth-child(odd) {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.i-member-item-inner {}
|
||||||
|
.i-member-pic-wrap {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
// RWD
|
||||||
|
@media screen and (min-width: $screen-sm) {
|
||||||
|
.i-member-section {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
.i-member-item-inner {
|
||||||
|
background: $theme-gray-lighter;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
@media screen and (min-width: $screen-md) {
|
||||||
|
.i-member-pic-wrap {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
height: 125px;
|
||||||
|
}
|
||||||
|
.i-member-pic {
|
||||||
|
position: absolute;
|
||||||
|
top: -100%;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: -100%;
|
||||||
|
margin: auto;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Show page
|
||||||
|
.show-member {
|
||||||
|
font-family: $sub-font;
|
||||||
|
th, td {
|
||||||
|
font-size: .8125rem;
|
||||||
|
}
|
||||||
|
.member-plugins {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
a {
|
||||||
|
font-size: .8125rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
<div class="w-ad-banner ad-banner-widget-4">
|
||||||
|
<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"
|
||||||
|
>
|
||||||
|
<div class="w-ad-banner__slide {{class}}"
|
||||||
|
data-link="{{link}}"
|
||||||
|
>
|
||||||
|
<img class="w-ad-banner__image banner-responsive" src="{{image_link}}">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
<div class="w-adm widget-admission-1">
|
|
||||||
<h3 class="w-adm__widget-title">
|
|
||||||
<span>{{widget-title}}</span>
|
|
||||||
</h3>
|
|
||||||
<table class="w-adm__table table">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th class="w-adm__th w-adm__th--category">{{category-head}}</th>
|
|
||||||
<th class="w-adm__th w-adm__th--title">{{title-head}}</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody data-level="0" data-list="announcements">
|
|
||||||
<tr>
|
|
||||||
<td class="w-adm__category">{{category}}</td>
|
|
||||||
<td>
|
|
||||||
<span class="w-adm__status-wrap" data-list="statuses" data-level="1">
|
|
||||||
<span class="w-adm__status label status {{status-class}}">{{status}}</span>
|
|
||||||
</span>
|
|
||||||
<a class="w-adm__title" href="{{link_to_show}}">{{title}}</a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
|
|
@ -0,0 +1,24 @@
|
||||||
|
<div class="w-annc widget-announcement-13">
|
||||||
|
<h3 class="w-annc__widget-title">
|
||||||
|
<span>{{widget-title}}</span>
|
||||||
|
</h3>
|
||||||
|
<table class="w-annc__table table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="w-annc__th w-annc__th--date">{{date-head}}</th>
|
||||||
|
<th class="w-annc__th w-annc__th--title">{{title-head}}</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody data-level="0" data-list="announcements">
|
||||||
|
<tr>
|
||||||
|
<td class="w-annc__postdate" date-format="%Y-%m-%d">{{postdate}}</td>
|
||||||
|
<td>
|
||||||
|
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
<span class="w-annc__status label status {{status-class}}">{{status}}</span>
|
||||||
|
</span>
|
||||||
|
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
<div class="w-annc widget-announcement-14">
|
||||||
|
<h3 class="w-annc__widget-title">
|
||||||
|
<span>{{widget-title}}</span>
|
||||||
|
</h3>
|
||||||
|
<div class="w-annc__inner row">
|
||||||
|
<div class="w-annc__img-wrap col-md-4 bullseye">
|
||||||
|
<img class="w-annc__img" src="{{main_picture}}" alt="{{main_picture_description}}" title="{{main_picture_description}}">
|
||||||
|
</div>
|
||||||
|
<ul class="w-annc__list col-md-8" data-level="0" data-list="announcements">
|
||||||
|
<li class="w-annc__item">
|
||||||
|
<div class="w-annc__content row">
|
||||||
|
<h4 class="w-annc__entry-title col-md-9">
|
||||||
|
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
<span class="w-annc__status label {{status-class}}">{{status}}</span>
|
||||||
|
</span>
|
||||||
|
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||||
|
</h4>
|
||||||
|
<span class="w-annc__postdate-wrap col-md-3" date-format="%Y-%m-%d">
|
||||||
|
<i class="fa fa-calendar-o"></i>
|
||||||
|
<span class="w-annc__postdate">{{postdate}}</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
<div class="i-annc index-announcement-10">
|
||||||
|
<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 row">
|
||||||
|
<span class="i-annc__postdate-wrap col-sm-2" date-format="%Y-%m-%d">
|
||||||
|
<i class="fa fa-calendar-o"></i>
|
||||||
|
<span class="i-annc__postdate">{{postdate}}</span>
|
||||||
|
</span>
|
||||||
|
<h4 class="i-annc__entry-title col-sm-8">
|
||||||
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||||
|
</span>
|
||||||
|
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||||
|
</h4>
|
||||||
|
<span class="i-annc__category-wrap col-sm-2">
|
||||||
|
<i class="fa fa-tasks"></i>
|
||||||
|
<span class="i-annc__category">{{category}}</span>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
</ul>>
|
||||||
|
</div>
|
||||||
|
{{pagination_goes_here}}
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
<div class="i-annc index-announcement-11">
|
||||||
|
<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 row">
|
||||||
|
<h4 class="i-annc__entry-title col-sm-9">
|
||||||
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||||
|
</span>
|
||||||
|
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||||
|
</h4>
|
||||||
|
<span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">
|
||||||
|
<i class="fa fa-calendar-o"></i>
|
||||||
|
<span class="i-annc__postdate">{{postdate}}</span>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{{pagination_goes_here}}
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
<div class="i-annc index-announcement-12">
|
||||||
|
<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 row">
|
||||||
|
<span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">
|
||||||
|
<i class="fa fa-calendar-o"></i>
|
||||||
|
<span class="i-annc__postdate">{{postdate}}</span>
|
||||||
|
</span>
|
||||||
|
<h4 class="i-annc__entry-title col-sm-9">
|
||||||
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||||
|
</span>
|
||||||
|
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||||
|
</h4>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{{pagination_goes_here}}
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
<div class="i-annc index-announcement-13 {{display}}">
|
||||||
|
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||||
|
<table class="i-annc__table table table-striped">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="i-annc__th i-annc__th--title">{{title-head}}</th>
|
||||||
|
<th class="i-annc__th i-annc__th--date">{{date-head}}</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody data-level="0" data-list="announcements">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||||
|
</span>
|
||||||
|
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||||
|
</td>
|
||||||
|
<td class="i-annc__postdate" date-format="%Y-%m-%d">{{postdate}}</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
{{pagination_goes_here}}
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
<div class="i-annc index-announcement-14 {{display}}">
|
||||||
|
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||||
|
<table class="i-annc__table table table-striped">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="i-annc__th i-annc__th--date">{{date-head}}</th>
|
||||||
|
<th class="i-annc__th i-annc__th--title">{{title-head}}</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody data-level="0" data-list="announcements">
|
||||||
|
<tr>
|
||||||
|
<td class="i-annc__postdate" date-format="%Y-%m-%d">{{postdate}}</td>
|
||||||
|
<td>
|
||||||
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||||
|
</span>
|
||||||
|
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
{{pagination_goes_here}}
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
<div class="i-annc index-announcement-15 {{display}}">
|
||||||
|
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||||
|
<table class="i-annc__table table table-striped">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="i-annc__th i-annc__th--date">{{date-head}}</th>
|
||||||
|
<th class="i-annc__th i-annc__th--title">{{title-head}}</th>
|
||||||
|
<th class="i-annc__th i-annc__th--category">{{view-count-head}}</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody data-level="0" data-list="announcements">
|
||||||
|
<tr>
|
||||||
|
<td class="i-annc__postdate" date-format="%Y-%m-%d">{{postdate}}</td>
|
||||||
|
<td>
|
||||||
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||||
|
</span>
|
||||||
|
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||||
|
</td>
|
||||||
|
<td class="i-annc__category">{{view_count}}</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
{{pagination_goes_here}}
|
||||||
|
|
@ -0,0 +1,39 @@
|
||||||
|
<div class="i-annc index-announcement-16 {{display}}">
|
||||||
|
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||||
|
<table class="i-annc__table table table-striped">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="i-annc__th i-annc__th--date">{{date-head}}</th>
|
||||||
|
<th class="i-annc__th i-annc__th--title">{{title-head}}</th>
|
||||||
|
<th class="i-annc__th i-annc__th--title">{{link-head}}</th>
|
||||||
|
<th class="i-annc__th i-annc__th--title">{{file-head}}</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody data-level="0" data-list="announcements">
|
||||||
|
<tr>
|
||||||
|
<td class="i-annc__postdate" date-format="%Y-%m-%d">{{postdate}}</td>
|
||||||
|
<td>
|
||||||
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||||
|
</span>
|
||||||
|
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<ul data-list="bulletin_links" data-level="1">
|
||||||
|
<li>
|
||||||
|
<a class="i-annc__title" href="{{link_url}}">{{link_title}}</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<ul data-list="bulletin_files" data-level="1">
|
||||||
|
<li>
|
||||||
|
<a class="i-annc__title" href="{{file_url}}">{{file_title}}</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
{{pagination_goes_here}}
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
<div class="i-annc index-announcement-4 {{display}}">
|
||||||
|
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||||
|
<table class="i-annc__table table table-striped">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="i-annc__th i-annc__th--date">{{date-head}}</th>
|
||||||
|
<th class="i-annc__th i-annc__th--title">{{title-head}}</th>
|
||||||
|
<th class="i-annc__th i-annc__th--category">{{category-head}}</th>
|
||||||
|
<th class="i-annc__th i-annc__th--category">{{view-count-head}}</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody data-level="0" data-list="announcements">
|
||||||
|
<tr>
|
||||||
|
<td><span class="i-annc__postdate" date-format="%Y-%m-%d">{{postdate}}</span></td>
|
||||||
|
<td>
|
||||||
|
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
<span class="w-annc__status label {{status-class}}">{{status}}</span>
|
||||||
|
</span>
|
||||||
|
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||||
|
</td>
|
||||||
|
<td class="i-annc__category">{{category}}</td>
|
||||||
|
<td class="i-annc__category">{{view_count}}</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
{{pagination_goes_here}}
|
||||||
|
|
@ -0,0 +1,30 @@
|
||||||
|
<div class="i-annc index-announcement-5">
|
||||||
|
<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 row">
|
||||||
|
<div class="i-annc__img-wrap col-sm-4">
|
||||||
|
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
|
</div>
|
||||||
|
<div class="i-annc__content-wrap col-sm-8">
|
||||||
|
<div class="i-annc__meta">
|
||||||
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||||
|
</span>
|
||||||
|
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||||
|
<i class="fa fa-calendar-o"></i>
|
||||||
|
<span class="i-annc__postdate">{{postdate}}</span>
|
||||||
|
</span>
|
||||||
|
<span class="i-annc__category-wrap">
|
||||||
|
<i class="fa fa-tasks"></i>
|
||||||
|
<span class="i-annc__category">{{category}}</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>
|
||||||
|
{{pagination_goes_here}}
|
||||||
|
|
@ -0,0 +1,30 @@
|
||||||
|
<div class="i-annc index-announcement-6">
|
||||||
|
<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 row">
|
||||||
|
<div class="i-annc__content-wrap col-sm-8">
|
||||||
|
<div class="i-annc__meta">
|
||||||
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||||
|
</span>
|
||||||
|
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||||
|
<i class="fa fa-calendar-o"></i>
|
||||||
|
<span class="i-annc__postdate">{{postdate}}</span>
|
||||||
|
</span>
|
||||||
|
<span class="i-annc__category-wrap">
|
||||||
|
<i class="fa fa-tasks"></i>
|
||||||
|
<span class="i-annc__category">{{category}}</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>
|
||||||
|
<div class="i-annc__img-wrap col-sm-4">
|
||||||
|
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{{pagination_goes_here}}
|
||||||
|
|
@ -0,0 +1,30 @@
|
||||||
|
<div class="i-annc index-announcement-7">
|
||||||
|
<h3 class="i-annc__page-title">{{page-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__img-wrap bullseye">
|
||||||
|
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||||
|
</div>
|
||||||
|
<div class="i-annc__content-wrap">
|
||||||
|
<div class="i-annc__meta">
|
||||||
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||||
|
</span>
|
||||||
|
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||||
|
<i class="fa fa-calendar-o"></i>
|
||||||
|
<span class="i-annc__postdate">{{postdate}}</span>
|
||||||
|
</span>
|
||||||
|
<span class="i-annc__category-wrap">
|
||||||
|
<i class="fa fa-tasks"></i>
|
||||||
|
<span class="i-annc__category">{{category}}</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>
|
||||||
|
{{pagination_goes_here}}
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
<div class="i-annc index-announcement-8">
|
||||||
|
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||||
|
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||||
|
<li class="i-annc__item">
|
||||||
|
<div class="i-annc__content-wrap">
|
||||||
|
<div class="i-annc__meta">
|
||||||
|
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||||
|
<i class="fa fa-calendar-o"></i>
|
||||||
|
<span class="i-annc__postdate">{{postdate}}</span>
|
||||||
|
</span>
|
||||||
|
<span class="i-annc__category-wrap">
|
||||||
|
<i class="fa fa-tasks"></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-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>
|
||||||
|
</div>
|
||||||
|
{{pagination_goes_here}}
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
<div class="i-annc index-announcement-9">
|
||||||
|
<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 row">
|
||||||
|
<span class="i-annc__category-wrap col-sm-2">
|
||||||
|
<i class="fa fa-tasks"></i>
|
||||||
|
<span class="i-annc__category">{{category}}</span>
|
||||||
|
</span>
|
||||||
|
<h4 class="i-annc__entry-title col-sm-8">
|
||||||
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||||
|
</span>
|
||||||
|
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||||
|
</h4>
|
||||||
|
<span class="i-annc__postdate-wrap col-sm-2" date-format="%Y-%m-%d">
|
||||||
|
<i class="fa fa-calendar-o"></i>
|
||||||
|
<span class="i-annc__postdate">{{postdate}}</span>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{{pagination_goes_here}}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
|
|
@ -1,46 +1,46 @@
|
||||||
{
|
{
|
||||||
"frontend": [
|
"frontend": [
|
||||||
{
|
{
|
||||||
"filename" : "gallery_index1",
|
"filename" : "gallery_index1",
|
||||||
"name" : {
|
"name" : {
|
||||||
"zh_tw" : "1. 相本排版-1",
|
"zh_tw" : "1. 相本排版-1",
|
||||||
"en" : "1. Gallery-1"
|
"en" : "1. Gallery-1"
|
||||||
},
|
},
|
||||||
"thumbnail" : "thumbnail-block-list.png"
|
"thumbnail" : "thumb.png"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"filename" : "gallery_index2",
|
"filename" : "gallery_index2",
|
||||||
"name" : {
|
"name" : {
|
||||||
"zh_tw" : "2. 相本排版-2",
|
"zh_tw" : "2. 相本排版-2",
|
||||||
"en" : "2. Gallery-2"
|
"en" : "2. Gallery-2"
|
||||||
},
|
},
|
||||||
"thumbnail" : "thumbnail-block.png"
|
"thumbnail" : "thumb.png"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"widgets" : [
|
"widgets" : [
|
||||||
{
|
{
|
||||||
"filename" : "gallery_widget1",
|
"filename" : "gallery_widget1",
|
||||||
"name" : {
|
"name" : {
|
||||||
"zh_tw" : "1. 相本排版-1",
|
"zh_tw" : "1. 相本排版-1",
|
||||||
"en" : "1. Gallery-1"
|
"en" : "1. Gallery-1"
|
||||||
},
|
},
|
||||||
"thumbnail" : "thumbnail-block.png"
|
"thumbnail" : "thumb.png"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"filename" : "gallery_widget2",
|
"filename" : "gallery_widget2",
|
||||||
"name" : {
|
"name" : {
|
||||||
"zh_tw" : "2. 相本排版-2",
|
"zh_tw" : "2. 相本排版-2",
|
||||||
"en" : "2. Gallery-2"
|
"en" : "2. Gallery-2"
|
||||||
},
|
},
|
||||||
"thumbnail" : "thumbnail-block.png"
|
"thumbnail" : "thumb.png"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"filename" : "gallery_widget3",
|
"filename" : "gallery_widget3",
|
||||||
"name" : {
|
"name" : {
|
||||||
"zh_tw" : "3. 相本排版-3",
|
"zh_tw" : "3. 相本排版-3",
|
||||||
"en" : "2. Gallery-3"
|
"en" : "2. Gallery-3"
|
||||||
},
|
},
|
||||||
"thumbnail" : "thumbnail-block.png"
|
"thumbnail" : "thumb.png"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
|
|
@ -0,0 +1,28 @@
|
||||||
|
{
|
||||||
|
"frontend": [
|
||||||
|
{
|
||||||
|
"filename" : "member_index1",
|
||||||
|
"name" : {
|
||||||
|
"zh_tw" : "1. 表格列表",
|
||||||
|
"en" : "1. Table List"
|
||||||
|
},
|
||||||
|
"thumbnail" : "thumbnail-block-list.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"filename" : "member_index2",
|
||||||
|
"name" : {
|
||||||
|
"zh_tw" : "2. 單欄式 ( 類別標題, 個人照片, 個人資料)",
|
||||||
|
"en" : "2. Single Column (category title, photo, profile)"
|
||||||
|
},
|
||||||
|
"thumbnail" : "member_index2_thumb.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"filename" : "member_index3",
|
||||||
|
"name" : {
|
||||||
|
"zh_tw" : "3. 名片式 ( 類別標題, 個人照片, 個人資料 )",
|
||||||
|
"en" : "3. Two Columns (category title, photo, profile)"
|
||||||
|
},
|
||||||
|
"thumbnail" : "member_index3_thumb.png"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -1,47 +1,11 @@
|
||||||
<!-- <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-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="member-profile-data-wrap col-xs-8">
|
|
||||||
<table class="table">
|
|
||||||
<tbody data-list="profile_data" data-level="3">
|
|
||||||
<tr>
|
|
||||||
<th class="{{title_class}}">{{title}}</th>
|
|
||||||
<td class="{{value_class}}">{{value}}</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
|
|
||||||
<div class="i-member index-member-1">
|
<div class="i-member index-member-1">
|
||||||
<div class="i-member-group" data-list="roles" data-level="0">
|
<div class="i-member-group" data-list="roles" data-level="0">
|
||||||
<div class="index-member-status" data-level="1" data-list="status-list">
|
<div class="index-member-status" data-level="1" data-list="status-list">
|
||||||
<h3 class="i-member__status-title">{{status-title}}</h3>
|
<h3 class="i-member__status-title">{{status-title}}</h3>
|
||||||
<div class="index-member-list" >
|
<div class="index-member-list" >
|
||||||
<table class="i-member__table table table-striped">
|
<table class="i-member__table table table-striped">
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th class="i-member__th i-member__th--date {{title_class}}">{{date-head}}</th>
|
|
||||||
<th class="i-member__th i-member__th--title">{{title-head}}</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody data-level="2" data-list="members">
|
<tbody data-level="2" data-list="members">
|
||||||
<tr data-list="profile_data" data-level="3">
|
<tr data-list="profile_data" data-level="3">
|
||||||
<th class="">{{title}}</th>
|
|
||||||
<td class="{{value_class}}">{{value}}</td>
|
<td class="{{value_class}}">{{value}}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,29 @@
|
||||||
|
<div class="i-member index-member-2">
|
||||||
|
<div data-list="roles" data-level="0">
|
||||||
|
<div class="i-member-section">
|
||||||
|
<div data-level="1" data-list="status-list">
|
||||||
|
<h3 class="i-member-status-title">{{status-title}}</h3>
|
||||||
|
<div class="i-member-list" data-level="2" data-list="members">
|
||||||
|
<div class="i-member-item row">
|
||||||
|
<div class="i-member-item-inner clearfix">
|
||||||
|
<div class="i-member-pic-wrap col-sm-3">
|
||||||
|
<a class="i-member-link" href="{{link_to_show}}">
|
||||||
|
<img class="i-member-pic img-thumbnail" src="{{image}}" alt="{{name}}" title="{{name}}">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="i-member-profile-data-wrap col-sm-9">
|
||||||
|
<ul class="i-member-profile-list" data-list="profile_data" data-level="3">
|
||||||
|
<li class="i-member-profile-item">
|
||||||
|
<span class="i-member-title {{title_class}}">{{title}}</span>
|
||||||
|
<span class="i-member-value {{value_class}}">: {{value}}</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{pagination_goes_here}}
|
||||||
|
|
@ -0,0 +1,29 @@
|
||||||
|
<div class="i-member index-member-3">
|
||||||
|
<div data-list="roles" data-level="0">
|
||||||
|
<div class="i-member-section">
|
||||||
|
<div data-level="1" data-list="status-list">
|
||||||
|
<h3 class="i-member-status-title">{{status-title}}</h3>
|
||||||
|
<div class="i-member-list row" data-level="2" data-list="members">
|
||||||
|
<div class="i-member-item col-md-6">
|
||||||
|
<div class="i-member-item-inner clearfix">
|
||||||
|
<div class="i-member-pic-wrap col-sm-4">
|
||||||
|
<a class="i-member-link" href="{{link_to_show}}">
|
||||||
|
<img class="i-member-pic" src="{{image}}" alt="{{name}}" title="{{name}}">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="i-member-profile-data-wrap col-sm-8">
|
||||||
|
<ul class="i-member-profile-list" data-list="profile_data" data-level="3">
|
||||||
|
<li class="i-member-profile-item">
|
||||||
|
<span class="i-member-title {{title_class}}">{{title}}</span>
|
||||||
|
<span class="i-member-value {{value_class}}">: {{value}}</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{pagination_goes_here}}
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
<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-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="member-profile-data-wrap col-xs-8">
|
|
||||||
<table class="table">
|
|
||||||
<tbody data-list="profile_data" data-level="3">
|
|
||||||
<tr>
|
|
||||||
<th class="{{title_class}}">{{title}}</th>
|
|
||||||
<td class="{{value_class}}">{{value}}</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{{pagination_goes_here}}
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
<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-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="member-profile-data-wrap col-xs-8">
|
|
||||||
<table class="table">
|
|
||||||
<tbody data-list="profile_data" data-level="3">
|
|
||||||
<tr>
|
|
||||||
<th class="{{title_class}}">{{title}}</th>
|
|
||||||
<td class="{{value_class}}">{{value}}</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{{pagination_goes_here}}
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
|
|
@ -1,3 +1,6 @@
|
||||||
|
<% content_for :page_specific_javascript do -%>
|
||||||
|
<%= javascript_include_tag "group.js" %>
|
||||||
|
<% end -%>
|
||||||
<%
|
<%
|
||||||
current_user_is_group_admin = group.admins.include?(current_user.id.to_s) ? true : false
|
current_user_is_group_admin = group.admins.include?(current_user.id.to_s) ? true : false
|
||||||
if !current_user_is_group_admin
|
if !current_user_is_group_admin
|
||||||
|
|
|
||||||
|
|
@ -2,17 +2,8 @@
|
||||||
<%= stylesheet_link_tag "lib/main-forms" %>
|
<%= stylesheet_link_tag "lib/main-forms" %>
|
||||||
<%= stylesheet_link_tag "lib/fileupload" %>
|
<%= stylesheet_link_tag "lib/fileupload" %>
|
||||||
<%= stylesheet_link_tag "lib/main-list" %>
|
<%= stylesheet_link_tag "lib/main-list" %>
|
||||||
<%= stylesheet_link_tag "lib/group" %>
|
<%= stylesheet_link_tag "group_admin" %>
|
||||||
<%= stylesheet_link_tag "select2/select2" %>
|
<%= stylesheet_link_tag "select2/select2" %>
|
||||||
<style>
|
|
||||||
.select2-container{
|
|
||||||
width : 600px;
|
|
||||||
}
|
|
||||||
.img-avatar{
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<% end %>
|
<% end %>
|
||||||
<% content_for :page_specific_javascript do %>
|
<% content_for :page_specific_javascript do %>
|
||||||
<%= javascript_include_tag "lib/bootstrap-fileupload" %>
|
<%= javascript_include_tag "lib/bootstrap-fileupload" %>
|
||||||
|
|
@ -71,8 +62,23 @@
|
||||||
<div class="control-group">
|
<div class="control-group">
|
||||||
<label class="control-label muted">Privacy</label>
|
<label class="control-label muted">Privacy</label>
|
||||||
<div class="controls">
|
<div class="controls">
|
||||||
<input type="radio" name="group[privacy]" value="open" /> Open
|
<label class="radio inline">
|
||||||
<input type="radio" name="group[privacy]" value="closed" checked="checked" /> Closed
|
<input type="radio" name="group[privacy]" value="open" /> Open
|
||||||
|
</label>
|
||||||
|
<label class="radio inline">
|
||||||
|
<input type="radio" name="group[privacy]" value="closed" checked="checked" /> Closed
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="control-group">
|
||||||
|
<label class="control-label muted">Permission</label>
|
||||||
|
<div class="controls">
|
||||||
|
<label class="radio inline">
|
||||||
|
<input type="radio" name="group[privacy]" value="open" /> Read
|
||||||
|
</label>
|
||||||
|
<label class="radio inline">
|
||||||
|
<input type="radio" name="group[privacy]" value="closed" checked="checked" /> Write
|
||||||
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="control-group">
|
<div class="control-group">
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<a href="/admin/posts/<%= post.to_param %>" class="group-page-post-link">
|
<a href="/admin/posts/<%= post.to_param %>" class="group-page-post-link">
|
||||||
<div class="group-page-post">
|
<div class="group-page-post clearfix">
|
||||||
<div class="group-page-post-image-wrap">
|
<div class="group-page-post-image-wrap">
|
||||||
<% if !post.group_post_images.blank? %>
|
<% if !post.group_post_images.blank? %>
|
||||||
<img class="group-page-post-image" src="<%= post.group_post_images.first.image.thumb.url %>" alt="<%= post.title %>">
|
<img class="group-page-post-image" src="<%= post.group_post_images.first.image.thumb.url %>" alt="<%= post.title %>">
|
||||||
|
|
@ -26,21 +26,20 @@
|
||||||
<i class="group-page-post-author-icon icon-user"></i> <%= author %>
|
<i class="group-page-post-author-icon icon-user"></i> <%= author %>
|
||||||
<% end %>
|
<% end %>
|
||||||
</span>
|
</span>
|
||||||
<span class="group-page-post-postdate">
|
<div class="group-page-post-sub-wrap">
|
||||||
<% date = DateTime.parse(post.created_at.to_s).strftime("%d %B") %>
|
<span class="group-page-post-postdate">
|
||||||
<i class="group-page-post-postdate-icon icon-time"></i> <%= date %>
|
<% date = DateTime.parse(post.created_at.to_s).strftime("%d %B") %>
|
||||||
</span>
|
<i class="group-page-post-postdate-icon icon-time"></i> <%= date %>
|
||||||
|
</span>
|
||||||
|
<span class="group-post-time">10:25</span>
|
||||||
|
</div>
|
||||||
<div class="group-page-seen-by tool-tip-parent">
|
<div class="group-page-seen-by tool-tip-parent">
|
||||||
|
<i class="fa fa-eye"></i>
|
||||||
<em class="group-page-seen-by-lead">Seen by: </em>
|
<em class="group-page-seen-by-lead">Seen by: </em>
|
||||||
<span class="group-page-seen-by-name">Harry</span>
|
<div class="gorup-post-seen-by-names tool-tip right">
|
||||||
<span class="group-page-seen-by-name">Ika</span>
|
<span class="group-page-seen-by-name">Harry</span>
|
||||||
<span class="group-page-seen-by-name">Joshua</span>
|
<span class="group-page-seen-by-name">Ika</span>
|
||||||
<span class="group-page-seen-by-name">Mason</span>
|
</div>
|
||||||
<span class="group-page-seen-by-name">Tina</span>
|
|
||||||
<span class="group-page-seen-by-name">Shelley</span>
|
|
||||||
<span class="group-page-seen-by-name">Anna</span>
|
|
||||||
<span class="group-page-seen-by-name">Poke</span>
|
|
||||||
<span class="group-page-seen-by-name">Moses</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -3,6 +3,10 @@
|
||||||
<%= stylesheet_link_tag "lib/fileupload" %>
|
<%= stylesheet_link_tag "lib/fileupload" %>
|
||||||
<%= stylesheet_link_tag "lib/main-list" %>
|
<%= stylesheet_link_tag "lib/main-list" %>
|
||||||
<%= stylesheet_link_tag "lib/dropzone" %>
|
<%= stylesheet_link_tag "lib/dropzone" %>
|
||||||
|
<%= stylesheet_link_tag "group_show" %>
|
||||||
|
<%= stylesheet_link_tag "group_admin" %>
|
||||||
|
<%= stylesheet_link_tag "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" %>
|
||||||
|
<%= stylesheet_link_tag "//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.6/animate.min.css" %>
|
||||||
<% end %>
|
<% end %>
|
||||||
<% content_for :page_specific_javascript do %>
|
<% content_for :page_specific_javascript do %>
|
||||||
<%= javascript_include_tag "lib/bootstrap-fileupload" %>
|
<%= javascript_include_tag "lib/bootstrap-fileupload" %>
|
||||||
|
|
@ -11,6 +15,11 @@
|
||||||
<%= javascript_include_tag "lib/dropzone" %>
|
<%= javascript_include_tag "lib/dropzone" %>
|
||||||
<% end %>
|
<% end %>
|
||||||
<div class="input-area">
|
<div class="input-area">
|
||||||
|
|
||||||
|
<div class="upload-status-notice hide">
|
||||||
|
<i class="fa fa-refresh fa-spin"></i>
|
||||||
|
<span class="upload-text">Uploading...</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Module Tabs -->
|
<!-- Module Tabs -->
|
||||||
<ul class="nav nav-pills module-nav">
|
<ul class="nav nav-pills module-nav">
|
||||||
|
|
@ -26,13 +35,16 @@
|
||||||
<label class="control-label muted"><%= t(:images) %></label>
|
<label class="control-label muted"><%= t(:images) %></label>
|
||||||
<div class="controls">
|
<div class="controls">
|
||||||
<!-- <input name="group_post_images" type="file" multiple > -->
|
<!-- <input name="group_post_images" type="file" multiple > -->
|
||||||
<div class="dropzone" id="group-post-images">
|
<div class="dropzone dropzone-pool" id="group-post-images">
|
||||||
<div class="dropzone-previews" id="group-post-images-container"></div>
|
<div class="dropzone-previews" id="group-post-images-container"></div>
|
||||||
</div>
|
</div>
|
||||||
<% if params[:action] == "editpost" %>
|
<% if params[:action] == "editpost" %>
|
||||||
<button class="upload_image_btn">Upload</button>
|
<button class="upload_image_btn btn">Upload</button>
|
||||||
<% end %>
|
<% end %>
|
||||||
<button class="remove_image_btn">Remove all images</button>
|
<button class="remove_image_btn btn btn-warning">
|
||||||
|
<i class="fa fa-ban"></i>
|
||||||
|
<span>Remove all images</span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="image_ids">
|
<div id="image_ids">
|
||||||
|
|
||||||
|
|
@ -65,13 +77,16 @@
|
||||||
<label class="control-label muted"><%= t(:files) %></label>
|
<label class="control-label muted"><%= t(:files) %></label>
|
||||||
<div class="controls">
|
<div class="controls">
|
||||||
<!-- <input name="group_post_images" type="file" multiple > -->
|
<!-- <input name="group_post_images" type="file" multiple > -->
|
||||||
<div class="dropzone" id="group-post-files">
|
<div class="dropzone dropzone-pool" id="group-post-files">
|
||||||
<div class="dropzone-previews" id="group-post-files-container"></div>
|
<div class="dropzone-previews" id="group-post-files-container"></div>
|
||||||
</div>
|
</div>
|
||||||
<% if params[:action] == "editpost" %>
|
<% if params[:action] == "editpost" %>
|
||||||
<button class="upload_file_btn">Upload</button>
|
<button class="upload_file_btn">Upload</button>
|
||||||
<% end %>
|
<% end %>
|
||||||
<button class="remove_file_btn">Remove all files</button>
|
<button class="remove_file_btn btn btn-warning">
|
||||||
|
<i class="fa fa-ban"></i>
|
||||||
|
<span>Remove all files<span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="file_ids">
|
<div id="file_ids">
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -107,6 +107,10 @@
|
||||||
|
|
||||||
$("#create-post-form-btn").on("click",function(){
|
$("#create-post-form-btn").on("click",function(){
|
||||||
doImagesUpload();
|
doImagesUpload();
|
||||||
|
// uploading all the files
|
||||||
|
$(".upload-status-notice")
|
||||||
|
.removeClass("hide")
|
||||||
|
.addClass("animated slideInRight");
|
||||||
return false;
|
return false;
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
<% content_for :page_specific_css do -%>
|
<% content_for :page_specific_css do -%>
|
||||||
<%= stylesheet_link_tag "group_show" %>
|
<%= stylesheet_link_tag "group_show" %>
|
||||||
|
<%= stylesheet_link_tag "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" %>
|
||||||
<% end -%>
|
<% end -%>
|
||||||
<% content_for :page_specific_javascript do -%>
|
<% content_for :page_specific_javascript do -%>
|
||||||
<%= javascript_include_tag "group.js" %>
|
<%= javascript_include_tag "group.js" %>
|
||||||
|
|
@ -22,11 +23,23 @@
|
||||||
<% if user_can_write? %>
|
<% if user_can_write? %>
|
||||||
<a class="group-page-new-post button button-primary" href="<%= admin_group_newpost_path(@group) %>"><i class="icon-plus"></i> New Post</a>
|
<a class="group-page-new-post button button-primary" href="<%= admin_group_newpost_path(@group) %>"><i class="icon-plus"></i> New Post</a>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
<ul class="group-page-view-switch-in-bar button-group">
|
||||||
|
<li class="group-page-feed-view button button-group-common button-default active">
|
||||||
|
<a class="group-page-switch-btn" href="#" title="Feed"><i class="icon-list-ul"></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="group-page-grid-view button button-group-common button-default">
|
||||||
|
<a class="group-page-switch-btn" href="#" title="Grid"><i class="icon-th"></i></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="group-page-section">
|
<div class="group-page-section">
|
||||||
<div class="group-page-detail">
|
<div class="group-page-detail">
|
||||||
|
<ul class="group-page-pagenation breadcrumb">
|
||||||
|
<li><a href="#">Home</a> <span class="divider">/</span></li>
|
||||||
|
<li class="active">Another teacher group</li>
|
||||||
|
</ul>
|
||||||
<span class="gorup-page-info-wrap button button-default" id="group_info_button">
|
<span class="gorup-page-info-wrap button button-default" id="group_info_button">
|
||||||
<i class="group-page-info-icon icon-info-sign"></i> <span>Info</span>
|
<i class="group-page-info-icon icon-info-sign"></i> <span>Info</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
<% content_for :page_specific_css do -%>
|
<% content_for :page_specific_css do -%>
|
||||||
<%= stylesheet_link_tag "group_show" %>
|
<%= stylesheet_link_tag "group_show" %>
|
||||||
|
<%= stylesheet_link_tag "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" %>
|
||||||
<% end -%>
|
<% end -%>
|
||||||
<% content_for :page_specific_javascript do -%>
|
<% content_for :page_specific_javascript do -%>
|
||||||
<%= javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20140415/jquery.cycle2.min.js" %>
|
<%= javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20140415/jquery.cycle2.min.js" %>
|
||||||
|
|
@ -10,6 +11,10 @@
|
||||||
<% end -%>
|
<% end -%>
|
||||||
|
|
||||||
<article class="group-post">
|
<article class="group-post">
|
||||||
|
<ul class="group-page-pagenation breadcrumb">
|
||||||
|
<li><a href="#">Home</a> <span class="divider">/</span></li>
|
||||||
|
<li class="active">Another teacher group</li>
|
||||||
|
</ul>
|
||||||
<header class="group-post-meta">
|
<header class="group-post-meta">
|
||||||
<div class="group-post-heading-wrap clearfix">
|
<div class="group-post-heading-wrap clearfix">
|
||||||
<h2 class="group-post-title"><%= @post.title %></h2>
|
<h2 class="group-post-title"><%= @post.title %></h2>
|
||||||
|
|
@ -33,6 +38,7 @@
|
||||||
<% date = DateTime.parse(@post.created_at.to_s).strftime("%d %B") %>
|
<% date = DateTime.parse(@post.created_at.to_s).strftime("%d %B") %>
|
||||||
<i class="group-post-postdate-icon icon-time"></i> <%= date %>
|
<i class="group-post-postdate-icon icon-time"></i> <%= date %>
|
||||||
</span>
|
</span>
|
||||||
|
<span class="group-post-time">10:25</span>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<section class="group-post-image-wrap">
|
<section class="group-post-image-wrap">
|
||||||
|
|
@ -57,37 +63,39 @@
|
||||||
</section>
|
</section>
|
||||||
<div class="group-post-attachment-wrap">
|
<div class="group-post-attachment-wrap">
|
||||||
<% if !@post.group_post_files.blank? %>
|
<% if !@post.group_post_files.blank? %>
|
||||||
<i class="group-post-attachment-icon icon-paper-clip"></i>
|
|
||||||
<span class="group-post-attachments">
|
<span class="group-post-attachments">
|
||||||
<% @post.group_post_files.each do |gpf| %>
|
<% @post.group_post_files.each do |gpf| %>
|
||||||
<a href="/admin/posts/file/<%= gpf.id.to_s %>" class="btn btn-default"><%= File.basename(gpf.file.path) %></a>
|
<a href="/admin/posts/file/<%= gpf.id.to_s %>" class="button button-default"><i class="group-post-attachment-file-format fa fa-file-image-o"></i><span class="group-post-attachments-file-name"><%= File.basename(gpf.file.path) %></span></a>
|
||||||
<% end %>
|
<% end %>
|
||||||
</span>
|
</span>
|
||||||
<% end %>
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
<% if !@read_by_names.blank? %>
|
<% if !@read_by_names.blank? %>
|
||||||
<div class="group-post-seen-by tool-tip-parent">
|
<div class="group-post-seen-by tool-tip-parent">
|
||||||
|
<i class="fa fa-eye"></i>
|
||||||
<em class="group-post-seen-by-lead">Seen by: <span class="group-post-seen-by-count"><%= @read_by_names.count %></span></em>
|
<em class="group-post-seen-by-lead">Seen by: <span class="group-post-seen-by-count"><%= @read_by_names.count %></span></em>
|
||||||
<% @read_by_names.each do |name| %>
|
<div class="gorup-post-seen-by-names tool-tip right">
|
||||||
<span class="group-post-seen-by-name"><%= name %></span>
|
<% @read_by_names.each do |name| %>
|
||||||
<% end %>
|
<span class="group-post-seen-by-name"><%= name %></span>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
<section class="comments">
|
<section class="comments">
|
||||||
<% if user_can_write? %>
|
<% if user_can_write? %>
|
||||||
<div class="grou-post-respond">
|
<div class="group-post-respond">
|
||||||
<form action="/admin/posts/comment" method="post" id="comment-form" >
|
<form action="/admin/posts/comment" method="post" id="comment-form" >
|
||||||
<h3 class="group-post-respond-title">
|
<h3 class="group-post-respond-title">
|
||||||
Leave a comment
|
Leave a comment
|
||||||
</h3>
|
</h3>
|
||||||
<div class="group-post-respond-wrap">
|
<div class="group-post-respond-wrap">
|
||||||
<label for="comment" class="screen-reader">Comment</label>
|
<label for="comment" class="screen-reader">Comment</label>
|
||||||
<textarea name="group_post_comment[comment]" id="group_post_comment" class="group-post-respond-comment" cols="100" rows="2" placeholder="Your comment here."></textarea>
|
<input type="text" name="group_post_comment[comment]" id="group_post_comment" class="group-post-respond-comment" placeholder="Your comment here.">
|
||||||
<input type="hidden" name="group_post_comment[group_post_id]" value="<%= @post.id.to_s %>" />
|
<input type="hidden" name="group_post_comment[group_post_id]" value="<%= @post.id.to_s %>" />
|
||||||
<input type="hidden" name="group_post_comment[user_id]" value="<%= current_user.id.to_s %>" />
|
<input type="hidden" name="group_post_comment[user_id]" value="<%= current_user.id.to_s %>" />
|
||||||
</div>
|
</div>
|
||||||
<div class="grou-post-submit-wrap">
|
<div class="group-post-submit-wrap">
|
||||||
<input type="submit" name="submit" class="grou-post-respond-submit btn btn-primary" id="submit" value="Submit Comment">
|
<input type="submit" name="submit" class="group-post-respond-submit button button-primary" id="submit" value="Submit Comment">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -102,7 +110,7 @@
|
||||||
<ol class="group-post-comment-list" id="group-post-comment-list" >
|
<ol class="group-post-comment-list" id="group-post-comment-list" >
|
||||||
<%= render :partial => "post_comment", :collection => @post.group_post_comments.desc(:created_at) %>
|
<%= render :partial => "post_comment", :collection => @post.group_post_comments.desc(:created_at) %>
|
||||||
<% if @post.group_post_comments.length == 0 %>
|
<% if @post.group_post_comments.length == 0 %>
|
||||||
<li id="no-comments-li"> No comments yet. <%= (user_can_write? ? "Be the first one!" : "") %> </li>
|
<li id="no-comments-li" class="group-post-no-comment"> No comments yet. <%= (user_can_write? ? "Be the first one!" : "") %> </li>
|
||||||
<% end %>
|
<% end %>
|
||||||
</ol>
|
</ol>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue