Monthly Archives: November 2014

Customize Default Gallery

Purpose:

Default gallery thumbs show only description, not caption. This revise is to hide description and show caption.

Source:

/wp-includes/media.php
/wp-includes/post-template.php

function gallery_shortcode( $attr ){} in media.php:

		if ( $captiontag && trim($attachment->post_excerpt) ) {
			$output .= "
				<{$captiontag} class='wp-caption-text gallery-caption'>" . 
				//wptexturize($attachment->post_excerpt) . //Show description
				wptexturize($attachment->post_title) . //Show caption
				"</{$captiontag}>";
				//echo var_dump($output);
				//exit();
		}

if ( $captiontag && trim($attachment->post_excerpt) ) {

$output .= "

<{$captiontag} class='wp-caption-text gallery-caption'>" .

//wptexturize($attachment->post_excerpt) . //Show description

wptexturize($attachment->post_title) . //Show caption

"</{$captiontag}>";

//echo var_dump($output);

//exit();

}

Responsive Background Image

	//When monitor is vertical (portrait mode)
	var $img = $('.column:first').find('img');
	//console.log('img:' + $img.height());
	//console.log('w:' + w_h);
	if($img.height() <= w_h){
		$('.column').find('img').css({
			'width': 'auto', 
			'height': w_h + 'px'
		});
	}else{
		$('.column').find('img').css({
			'width': '100%', 
			'height': 'auto'
		});
	}

//When monitor is vertical (portrait mode)

var $img = $('.column:first').find('img');

//console.log('img:' + $img.height());

//console.log('w:' + w_h);

if($img.height() <= w_h){

$('.column').find('img').css({

'width': 'auto',

'height': w_h + 'px'

});

}else{

$('.column').find('img').css({

'width': '100%',

'height': 'auto'

});

}

CSS Clip: Hide / Show Child Item Effect (Courtain)

Check out “Clip” part of following page:

https://greensock.com/css3/

Example:

http://codepen.io/GreenSock/pen/17b1ea88b3066d2ee4de90cc65fc862e

Sample Code:

var tl = new TimelineMax({'onComplete': function(){
	$this.css('z-index', 0);
}});
var p = {
	top: 0, 
	right: (visual_width + offset) + 'px', 
	bottom: $(window).height() + 'px', 
	left: offset + 'px'
}
tl.to($this, duration, {'clip': 'rect(' + 
		p.top + ', ' + p.right + ', ' + p.bottom + ', ' + p.left + 
	')'});

var tl = new TimelineMax({'onComplete': function(){

$this.css('z-index', 0);

}});

var p = {

top: 0,

right: (visual_width + offset) + 'px',

bottom: $(window).height() + 'px',

left: offset + 'px'

}

tl.to($this, duration, {'clip': 'rect(' +

p.top + ', ' + p.right + ', ' + p.bottom + ', ' + p.left +

')'});

(http://www.ecotreasure.com.tw/)

Sorting UI

HTML:

<!-- Sorting -->
<div id="modal_sorting" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="modal_sorting_label" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		<h3 id="modal_sorting_label">排序</h3>
	</div>
	<div class="modal-body">
		<ul class="sortable">
		</ul>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">關閉</button>
		<button id="bt_delete" class="btn btn-primary bt_submit" data-dismiss="modal">儲存</button>
	</div>
</div>

</div>

</ul>

</div>

</div>

CSS:

.sortable{
	list-style: none;
	margin: 0px;
	padding: 0px;
	min-width: 100px;
}
.sortable li{
	margin: 0 3px 3px 3px; 
	padding: 0.4em; 
	padding-left: 1.5em; 
	font-size: 1.4em; 
	height: 18px;
	overflow: hidden;
}
.sortable li span{
	position: absolute; 
	margin-left: -1.3em;
}

.sortable{

list-style: none;

margin: 0px;

padding: 0px;

min-width: 100px;

}

.sortable li{

margin: 0 3px 3px 3px;

padding: 0.4em;

padding-left: 1.5em;

font-size: 1.4em;

height: 18px;

overflow: hidden;

}

.sortable li span{

position: absolute;

margin-left: -1.3em;

}

Javascript:

var sorting = {
	get_modal: function(){
		return $('#modal_sorting');
	}, 
	get_list: function(){
		return this.get_modal().find('.sortable');
	}, 
	init: function(){
		var wrap = this;
		var $modal = wrap.get_modal();

		$modal.find('.bt_submit').on('click', function(e){
			wrap.update();
		});
	}, 
	show: function(node_id, parent_id){
		var wrap = this;
		var $modal = wrap.get_modal();
		var $list = wrap.get_list();

		$modal.modal();
		$modal.data({
			id: node_id, 
			parent_id: parent_id
		});

		var params = {
			parent_id: parent_id
		}
		$.post('services/cat/get_children.php', params, function(data){
			//console.log(data);
			$list.children().remove();

			var items = data.data;
			for(var i = 0; i < items.length; i++){
				var item = items[i];
				//console.log(item);
				$list.append(
					'<li class="ui-state-default" data-id="' + item.id + '">' + 
					'<span class="ui-icon ui-icon-arrowthick-2-n-s"></span>' + 
					item.title + 
					'</li>'
				);

			}
			
			$list.sortable();
		});
	}, 
	get_sorting: function(){
		var wrap = this;
		var $list = wrap.get_list();
		var sorting = [];

		$list.find('li').each(function(index){
			var $this = $(this);
			sorting.push($this.attr('data-id'));
		});

		return sorting;
	}, 
	update: function(){
		var wrap = this;
		var $modal = wrap.get_modal();
		var $list = wrap.get_list();

		var params = {
			parent_id: $modal.data().parent_id, 
			sorting: JSON.stringify(wrap.get_sorting())
		}
		//console.log(params);
		//return;

		$.post('services/cat/update_sorting.php', params, function(data){
			//console.log(data);
			window.location.reload();
		});
	}
}

var sorting = {

get_modal: function(){

return $('#modal_sorting');

get_list: function(){

return this.get_modal().find('.sortable');

init: function(){

var wrap = this;

var $modal = wrap.get_modal();

$modal.find('.bt_submit').on('click', function(e){

wrap.update();

});

show: function(node_id, parent_id){

var wrap = this;

var $modal = wrap.get_modal();

var $list = wrap.get_list();

$modal.modal();

$modal.data({

id: node_id,

parent_id: parent_id

});

var params = {

parent_id: parent_id

}

$.post('services/cat/get_children.php', params, function(data){

//console.log(data);

$list.children().remove();

var items = data.data;

for(var i = 0; i < items.length; i++){

var item = items[i];

//console.log(item);

$list.append(

'<li class="ui-state-default" data-id="' + item.id + '">' +

'<span class="ui-icon ui-icon-arrowthick-2-n-s"></span>' +

item.title +

'</li>'

);

}

$list.sortable();

});

get_sorting: function(){

var wrap = this;

var $list = wrap.get_list();

var sorting = [];

$list.find('li').each(function(index){

var $this = $(this);

sorting.push($this.attr('data-id'));

});

return sorting;

update: function(){

var wrap = this;

var $modal = wrap.get_modal();

var $list = wrap.get_list();

var params = {

parent_id: $modal.data().parent_id,

sorting: JSON.stringify(wrap.get_sorting())

}

//console.log(params);

//return;

$.post('services/cat/update_sorting.php', params, function(data){

//console.log(data);

window.location.reload();

});

}

jsTree Utilities

$(document).on('dnd_stop.vakata', function (e, data) {
	var tree = $("#cat_tree").jstree(true);
	var id = data.data.nodes[0];
	var node = tree.get_node(id);
    console.log(node);
});

$(document).on('dnd_stop.vakata', function (e, data) {

var tree = $("#cat_tree").jstree(true);

var id = data.data.nodes[0];

var node = tree.get_node(id);

console.log(node);

});

PHPExcel

	public function excel_get(){
		$this->check_login();

		$file = FCPATH . 'uploads' . DIRECTORY_SEPARATOR . 'Members.xls';
		$file_url = base_url() . 'uploads/Members.xls';
		
		// Initiate cache
		$cacheMethod = PHPExcel_CachedObjectStorageFactory::cache_to_phpTemp;
		$cacheSettings = array( 'memoryCacheSize' => '32MB');
		PHPExcel_Settings::setCacheStorageMethod($cacheMethod, $cacheSettings);
		$objPHPExcel = new PHPExcel();

		//Create $worksheet object to save data
		$worksheet = $objPHPExcel->setActiveSheetIndex(0);
		$rowN = 1;
		$columnN = 0;

		$headers = array(
			'ID', 
			'姓名', 
			'性別', 
			'生日', 
			'國碼', 
			'電話', 
			'國家', 
			'身份證明', 
			'單位', 
			'居住地', 
			'Email', 
			'建立時間', 
			'作者介紹', 
			'劇本名', 
			'投稿組別', 
			'劇本大綱', 
			'是否參與其他競賽', 
			'劇本發表', 
			'PDF', 
			'Word', 
			'上傳時間' 
		);
		foreach($headers as $value){
            $worksheet->setCellValueByColumnAndRow($columnN, $rowN, $value);
			$columnN++;
		}

		$members = $this->competition_m->get_items(false);
		$rowN++;
		foreach($members as $member){
			$data = array(
				$member->id, 
				$member->name, 
				($member->gender == 'f') ? '女' : '男', 
				$member->birthday, 
				$member->phone_country_code, 
				$member->phone, 
				$member->country, 
				$member->attachment, 
				$member->company, 
				$member->city, 
				$member->email, 
				$member->created_time, 
				$member->introduction, 
				$member->title, 
				$member->language, 
				$member->summary, 
				($member->exclusive == 1) ? '是' : '否', 
				($member->public == 1) ? '是' : '否', 
				$member->pdf, 
				$member->word, 
				$member->upload_time
			);

			$columnN = 0;
			foreach($data as $value){
	            $worksheet->setCellValueByColumnAndRow($columnN, $rowN, $value);
				$columnN++;
			}

			$rowN++;
		}

		$objWriter = PHPExcel_IOFactory::createWriter($objPHPExcel, 'Excel5');
		$objWriter->save($file);

		$this->success_response($file_url);
	}

public function excel_get(){

$this->check_login();

$file = FCPATH . 'uploads' . DIRECTORY_SEPARATOR . 'Members.xls';

$file_url = base_url() . 'uploads/Members.xls';

// Initiate cache

$cacheMethod = PHPExcel_CachedObjectStorageFactory::cache_to_phpTemp;

$cacheSettings = array( 'memoryCacheSize' => '32MB');

PHPExcel_Settings::setCacheStorageMethod($cacheMethod, $cacheSettings);

$objPHPExcel = new PHPExcel();

//Create $worksheet object to save data

$worksheet = $objPHPExcel->setActiveSheetIndex(0);

$rowN = 1;

$columnN = 0;

$headers = array(

'ID',

'姓名',

'性別',

'生日',

'國碼',

'電話',

'國家',

'身份證明',

'單位',

'居住地',

'Email',

'建立時間',

'作者介紹',

'劇本名',

'投稿組別',

'劇本大綱',

'是否參與其他競賽',

'劇本發表',

'PDF',

'Word',

'上傳時間'

);

foreach($headers as $value){

$worksheet->setCellValueByColumnAndRow($columnN, $rowN, $value);

$columnN++;

}

$members = $this->competition_m->get_items(false);

$rowN++;

foreach($members as $member){

$data = array(

$member->id,

$member->name,

($member->gender == 'f') ? '女' : '男',

$member->birthday,

$member->phone_country_code,

$member->phone,

$member->country,

$member->attachment,

$member->company,

$member->city,

$member->email,

$member->created_time,

$member->introduction,

$member->title,

$member->language,

$member->summary,

($member->exclusive == 1) ? '是' : '否',

($member->public == 1) ? '是' : '否',

$member->pdf,

$member->word,

$member->upload_time

);

$columnN = 0;

foreach($data as $value){

$worksheet->setCellValueByColumnAndRow($columnN, $rowN, $value);

$columnN++;

}

$rowN++;

}

$objWriter = PHPExcel_IOFactory::createWriter($objPHPExcel, 'Excel5');

$objWriter->save($file);

$this->success_response($file_url);

}

常用方法:

Create Custom ZIP File

	public function download_get(){
		$this->check_login();

		$zip = new ZipArchive();
		$dest = FCPATH . 'uploads' . DIRECTORY_SEPARATOR . 'all_works.zip';
		$dest_url = base_url() . 'uploads/all_works.zip';
		//log_g($dest);

		$open = $zip->open($dest, ZIPARCHIVE::OVERWRITE);
		//log_g($open);
		if($open !== true) {
			$this->failed_response(0, '無法建立壓縮檔');
		}
		
		$root = FCPATH . 'uploads' . DIRECTORY_SEPARATOR . 'members' . DIRECTORY_SEPARATOR;
		//log_g($dest);

		$members = $this->competition_m->get_items(false);
		foreach($members as $member){
			if(isset($member->pdf) == false || $member->pdf == ''){
				continue;
			}

			$member_root = $root . $member->id . DIRECTORY_SEPARATOR . 'competition_2014' . DIRECTORY_SEPARATOR;
			$pdf = $member_root . basename($member->pdf);
			$word = $member_root . basename($member->word);

			$folder = $member->country . '_' . $member->email;
			//$folder = iconv("UTF-8", "BIG-5//TRANSLIT", $member->name);
			//log_g($member_name);
			$zip->addFile($pdf, $folder . '/' . basename($member->pdf));
			$zip->addFile($word, $folder . '/' . basename($member->word));
		}

		$zip->close();

		$this->success_response($dest_url);
	}

public function download_get(){

$this->check_login();

$zip = new ZipArchive();

$dest = FCPATH . 'uploads' . DIRECTORY_SEPARATOR . 'all_works.zip';

$dest_url = base_url() . 'uploads/all_works.zip';

//log_g($dest);

$open = $zip->open($dest, ZIPARCHIVE::OVERWRITE);

//log_g($open);

if($open !== true) {

$this->failed_response(0, '無法建立壓縮檔');

}

$root = FCPATH . 'uploads' . DIRECTORY_SEPARATOR . 'members' . DIRECTORY_SEPARATOR;

//log_g($dest);

$members = $this->competition_m->get_items(false);

foreach($members as $member){

if(isset($member->pdf) == false || $member->pdf == ''){

continue;

}

$member_root = $root . $member->id . DIRECTORY_SEPARATOR . 'competition_2014' . DIRECTORY_SEPARATOR;

$pdf = $member_root . basename($member->pdf);

$word = $member_root . basename($member->word);

$folder = $member->country . '_' . $member->email;

//$folder = iconv("UTF-8", "BIG-5//TRANSLIT", $member->name);

//log_g($member_name);

$zip->addFile($pdf, $folder . '/' . basename($member->pdf));

$zip->addFile($word, $folder . '/' . basename($member->word));

}

$zip->close();

$this->success_response($dest_url);

}

M	T	W	T	F	S	S
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

Rex's Personal Site

This site is built on WordPress and contains personal notes, photos and videos

Monthly Archives: November 2014

Customize Default Gallery

Purpose:

Source:

function gallery_shortcode( $attr ){} in media.php:

Responsive Background Image

CSS Clip: Hide / Show Child Item Effect (Courtain)

Sorting UI

jsTree Utilities

PHPExcel

Create Custom ZIP File