<|start_filename|>template/back/plugins/nestable/nestable.css<|end_filename|>
.cf:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .cf {
	zoom:1;
}
*:first-child+html .cf {
	zoom:1;
}
.small {
	color:#666;
	font-size:0.875em;
}
.large {
	font-size: 1.25em;
}
/** * Nestable */
.dd {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	max-width:600px;
	list-style:none;
	font-size:13px;
	line-height:20px;
}
.dd-list {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
.dd-list .dd-list {
	padding-left:30px;
}
.dd-collapsed .dd-list {
	display:none;
}
.dd-item,.dd-empty,.dd-placeholder {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	height:auto;
	font-size:13px;
	line-height:20px;
}
.dd-handle {
	display:block;
	height:auto;
	margin:5px 0;
	padding:5px 10px;
	color:#333;
	text-decoration:none;
	font-weight:300;
	border:1px solid #ccc;
	background:#F5F5F5;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	cursor:move !important;
	transition: all .6s ease-in-out;
	
}
.dd-handle:hover {
	color:#2ea8e5;
	background:#E7E7E7;
	cursor:move !important;
	transition: all .6s ease-in-out;
}
.dd-item>button {
	display:block;
	position:relative;
	cursor:pointer;
	float:left;
	width:25px;
	height:20px;
	margin:5px 0;
	padding:0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	border:0;
	background:transparent;
	font-size:12px;
	line-height:1;
	text-align:center;
	font-weight:bold;
	cursor:move !important;
}
.dd-item>button:before {
	content:'+';
	display:block;
	position:absolute;
	width:100%;
	text-align:center;
	text-indent:0;
}
.dd-item>button[data-action="collapse"]:before {
	content:'-';
}
.dd-placeholder,.dd-empty {
	margin:5px 0;
	padding:0;
	min-height:30px;
	height: 80px !important;
	background:#f2fbff;
	border:1px dashed #b6bcbf;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.dd-empty {
	border:1px dashed #bbb;
	min-height:100px;
	background-color:#e5e5e5;
	
	background-size:60px 60px;
	background-position:0 0,30px 30px;
}
.dd-dragel {
	position:absolute;
	pointer-events:none;
	z-index:9999;
}
.dd-dragel>.dd-item .dd-handle {
	margin-top:0;
}
.dd-dragel .dd-handle {
	-webkit-box-shadow:2px 4px 6px 0 rgba(0,0,0,.1);
	box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}
/** * Nestable Extras */
.nestable-lists {
	display:block;
	clear:both;
	width:100%;
	border:0;
}
#nestable-menu {
	padding:0;
	margin:20px 0;
}
#nestable-output,#nestable2-output {
	width:100%;
	height:7em;
	font-size:0.75em;
	line-height:1.333333em;
	font-family:Consolas,monospace;
	padding:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#nestable2 .dd-handle {
	color:#fff;
	border:1px solid #999;
	background:#bbb;
}
#nestable2 .dd-handle:hover {
	background:#bbb;
}
#nestable2 .dd-item>button:before {
	color:#fff;
}
@media only screen and (min-width:700px) {
	.dd {
		float:left;
		width:100%;
		  margin-left: 28%;
	}
	.dd+.dd {
		margin-left:2%;
	}
}
.dd-hover>.dd-handle {
	background: #2ea8e5 !important;
}
/** * Nestable Draggable Handles */
.dd3-content {
	display:block;
	height:30px;
	margin:5px 0;
	padding:5px 10px 5px 40px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #ccc;
	background:#fafafa;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.dd3-content:hover {
	color:#2ea8e5;
	background:#fff;
}
.dd-dragel>.dd3-item>.dd3-content {
	margin:0;
}
.dd3-item>button {
	margin-left:30px;
}
.dd3-handle {
	position:absolute;
	margin:0;
	left:0;
	top:0;
	cursor:pointer;
	width:30px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	border:1px solid #aaa;
	background:#ddd;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.dd3-handle:before {
	content:'≡';
	display:block;
	position:absolute;
	left:0;
	top:3px;
	width:100%;
	text-align:center;
	text-indent:0;
	color:#fff;
	font-size:20px;
	font-weight:normal;
}
.dd3-handle:hover {
	background: #ddd;
}

<|start_filename|>template/back/js/demo/mail.js<|end_filename|>

// Mail.js
// ====================================================================
// This file should not be included in your project.
// This is just a sample how to initialize plugins or components.
//
// - ThemeOn.net -



 $(document).on('ready', function() {



	// MAILBOX-COMPOSE.HTML
	// =================================================================

	if ($('#demo-mail-compose').length) {


		// SUMMERNOTE
		// =================================================================
		// Require Summernote
		// http://hackerwins.github.io/summernote/
		// =================================================================
		$('#demo-mail-compose').summernote({
			height:500
		});


		// Show The CC Input Field
		// =================================================================
		$('#demo-toggle-cc').on('click', function(){
			$('#demo-cc-input').toggleClass('hide');
		});



		// Show The BCC Input Field
		// =================================================================
		$('#demo-toggle-bcc').on('click', function(){
			$('#demo-bcc-input').toggleClass('hide');
		});



		// Attachment button.
		// =================================================================
		$('.btn-file :file').on('fileselect', function(event, numFiles, label, fileSize) {
			$('#demo-attach-file').html('<strong class="box-block text-capitalize"><i class="fa fa-paperclip fa-fw"></i> '+label+'</strong><small class="text-muted">'+fileSize+'</small>');
		});


		return;
	}





	// MAILBOX-MESSAGE.HTML
	// =================================================================

	// SUMMERNOTE
	// =================================================================
	// Require Summernote
	// http://hackerwins.github.io/summernote/
	// =================================================================
	if( $('#demo-mail-textarea').length ){
		$('#demo-mail-textarea').on('click', function(){
			$(this).empty().summernote({
			height:300,
			focus: true
			});
			$('#demo-mail-send-btn').removeClass('hide');
		});
		return;
	}





	// MAILBOX.HTML
	// =================================================================
	var mSelAllCb 	= $('#demo-checked-all-mail').find('.form-checkbox');
	var mListCb 	= $('.demo-cb-mail');
	var mReadCb 	= $('#demo-mail-list').find('li:not(.mail-list-unread)');
	var mUnreadCb 	= $('#demo-mail-list').find('.mail-list-unread');
	var mStarBtn 	= $('#demo-mail-list').find('.mail-star a');


	// Select / deselect all checkboxes.
	// =================================================================
	$('#demo-checked-all-mail').on('click', function(e){
		if(!mSelAllCb.activeitCheck('isChecked')){
			mListCb.activeitCheck('toggleOn');
			mSelAllCb.activeitCheck('toggleOn');
		}else{
			mListCb.activeitCheck('toggleOff');
			mSelAllCb.activeitCheck('toggleOff');
		}
	});


	// Sellect all checkboxes.
	// =================================================================
	$('#demo-select-all-list').on('click', function(e){
		mListCb.activeitCheck('toggleOn');
		mSelAllCb.activeitCheck('toggleOn');
	});


	// Toggle checkboxes.
	// =================================================================
	$('#demo-select-toggle-list').on('click', function(e){
		mListCb.activeitCheck('toggle');
	});


	// Uncheck all checkboxes.
	// =================================================================
	$('#demo-select-none-list').on('click', function(e){
		mListCb.activeitCheck('toggleOff');
		mSelAllCb.activeitCheck('toggleOff');
	});


	// Check on all the messages that have been read.
	// =================================================================
	$('#demo-select-read-list').on('click', function(e){
		mListCb.activeitCheck('toggleOff');
		mReadCb.activeitCheck('toggleOn');
	});


	// Checks on all unread messages.
	// =================================================================
	$('#demo-select-unread-list').on('click', function(e){
		mListCb.activeitCheck('toggleOff');
		mUnreadCb.activeitCheck('toggleOn');
	});


	// Check on all the messages that have been starred.
	// =================================================================
	$('#demo-select-starred-list').on('click', function(e){
		mListCb.activeitCheck('toggleOff');
		$('#demo-mail-list').find('.mail-starred .demo-cb-mail').activeitCheck('toggleOn');
	});


	//  Toggle the star on/off.
	// =================================================================
	mStarBtn.on('click', function(e){
		e.preventDefault();

		$(this).closest('li').toggleClass('mail-starred');
	});


	// highlight the message.
	// =================================================================
	mListCb.on('activeit.ch.checked', function(){
		$(this).parents('li').addClass('highlight');
	}).on('activeit.ch.unchecked', function(){
		$(this).closest('li').removeClass('highlight');
	});


	// Loading overlay.
	// =================================================================
	$('#demo-mail-ref-btn').activeitOverlay().on('click', function(){
		var $el = $(this), relTime;

		$el.activeitOverlay('show');
		relTime = setInterval(function(){
			$el.activeitOverlay('hide');
			clearInterval(relTime);
		},2500);
	});


 });



<|start_filename|>template/back/js/demo/tables.js<|end_filename|>

// Tables.js
// ====================================================================
// This file should not be included in your project.
// This is just a sample how to initialize plugins or components.
//
// - ThemeOn.net -



$(document).ready(function() {

	// DATA TABLE
	// =================================================================
	// Require Bootstrap Table
	// http://wenzhixin.net.cn/p/bootstrap-table/docs/index.html
	// =================================================================

	// Initialize bootstrap table
	// =================================================================
	$('#demo-table').bootstrapTable();


});




// FORMAT TABLE
// Use "data-formatter" on HTML to format the display of bootstrap table column.
// =================================================================


// Sameple format for Invoice Column.
function invoiceFormatter(value, row) {
	return '<a href="#" class="btn-link text-dark text-thin" > Order #' + value + '</a>';
}




// Sample Format for User Name Column.
function nameFormatter(value, row) {
	return '<a href="#" class="btn-link" > ' + value + '</a>';
}




// Sample Format for Order Date Column.
function dateFormatter(value, row) {
	var icon = row.id % 2 === 0 ? 'fa-star' : 'fa-user';
	return '<small class="text-muted"><i class="fa fa-clock-o"></i> ' + value + '</span>';
}



// Sample Format for Order Status Column.
function statusFormatter(value, row) {
	var labelColor;
	if (value == "Paid") {
		labelColor = "success";
	}else if(value == "Unpaid"){
		labelColor = "warning";
	}else if(value == "Shipped"){
		labelColor = "info";
	}else if(value == "Refunded"){
		labelColor = "danger";
	}

	var icon = row.id % 2 === 0 ? 'fa-star' : 'fa-user';
	return '<div class="label label-'+ labelColor+' text-lg" style="display:inline-block; width:80%; font-size:1em; max-width:100px; padding:5px"> ' + value + '</div>';
}



// Sample Format for Tracking Number Column.
function trackFormatter(value, row) {
	if (value) return '<i class="fa fa-plane"></i> ' + value;
}



// Sort Price Column
function priceSorter(a, b) {
	a = +a.substring(1); // remove $
	b = +b.substring(1);
	if (a > b) return 1;
	if (a < b) return -1;
	return 0;
}

