--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/wp/wp-content/plugins/codecanyon-3027163-content-timeline-responsive-wordpress-plugin/js/ctimeline_admin.js Wed Nov 06 03:21:17 2013 +0000
@@ -0,0 +1,509 @@
+(function($){
+$(document).ready(function(){
+
+ // COLORPICKER
+ var colPickerOn = false,
+ colPickerShow = false,
+ pluginUrl = $('#plugin-url').val(),
+ timthumb = pluginUrl + 'timthumb/timthumb.php';
+ // colorpicker field
+ $('.cw-color-picker').each(function(){
+ var $this = $(this),
+ id = $this.attr('rel');
+
+ $this.farbtastic('#' + id);
+ $this.click(function(){
+ $this.show();
+ });
+ $('#' + id).click(function(){
+ $('.cw-color-picker:visible').hide();
+ $('#' + id + '-picker').show();
+ colPickerOn = true;
+ colPickerShow = true;
+ });
+ $this.click(function(){
+ colPickerShow = true;
+ });
+
+ });
+ $('body').click(function(){
+ if(colPickerShow) colPickerShow = false;
+ else {
+ colPickerOn = false;
+ $('.cw-color-picker:visible').hide();
+ }
+ });
+
+ // IMAGE UPLOAD
+ var thickboxId = '',
+ thickItem = false;
+
+ // backgorund images
+ $('.cw-image-upload').click(function(e) {
+ e.preventDefault();
+ thickboxId = '#' + $(this).attr('id');
+ formfield = $(thickboxId + '-input').attr('name');
+ tb_show('', 'media-upload.php?type=image&TB_iframe=true');
+ return false;
+ });
+
+
+ window.send_to_editor = function(html) {
+ imgurl = $('img',html).attr('src');
+ $(thickboxId + '-input').val(imgurl);
+ if (thickItem) {
+ thickItem = false;
+ $(thickboxId).attr('src', timthumb + '?src=' + imgurl + '&w=258&h=50');
+ }
+ else {
+ $(thickboxId).css('background', 'url('+imgurl+') repeat');
+ }
+ tb_remove();
+ }
+
+ $('.remove-image').click(function(e){
+ e.preventDefault();
+ $(this).parent().parent().find('input').val('');
+ $(this).parent().parent().find('.cw-image-upload').css('background-image', 'url(' + pluginUrl + '/images/no_image.jpg)');
+ });
+
+ // CATEGORIES
+ if ($('#cat-type').val() == 'categories') {
+ $('.cat-display').show();
+ $('.data_id').css('color', 'gray');
+ }
+ else {
+ $('.category_id').css('color', 'gray');
+ }
+ $('#cat-type').change(function(){
+ if ($(this).val() == 'months') {
+ $('.cat-display').hide();
+ $('.category_id').css('color', 'gray');
+ $('.data_id').css('color', '');
+ alert('Check the Date field of your items before you save!');
+ }
+ else {
+ $('.cat-display').show();
+ $('.data_id').css('color', 'gray');
+ $('.category_id').css('color', '');
+ alert('Check the Category field of your items, and pick categoryes you want to show before you save!');
+ }
+ });
+
+ $('#cat-check-all').click(function(){
+ $('.cat-name').attr('checked', true);
+ });
+
+ $('#cat-uncheck-all').click(function(){
+ $('.cat-name').attr('checked', false);
+ });
+
+
+ // SORTABLE
+
+ $('#timeline-sortable').sortable({
+ placeholder: "tsort-placeholder"
+ });
+
+ //---------------------------------------------
+ // Ctimeline Sortable Actions
+ //---------------------------------------------
+
+ // add
+ $('#tsort-add-new').click(function(e){
+ e.preventDefault();
+ ctimelineAddNew(pluginUrl);
+ });
+
+ // open item
+ $('.tsort-plus').live('click', function(){
+ if (!$(this).hasClass('open')) {
+ $(this).addClass('open');
+ $(this).html('-').css('padding', '5px 8px');
+ $(this).next().next('.tsort-content').show();
+ }
+ else {
+ $(this).removeClass('open');
+ $(this).html('+').css('padding', '7px 5px');
+ $(this).next().next('.tsort-content').hide();
+ }
+ });
+ // delete
+ $('.tsort-delete').live('click', function(e){
+ e.preventDefault();
+ $(this).parent().parent().remove();
+ });
+
+ $('.tsort-remove').live('click', function(e){
+ e.preventDefault();
+ $(this).parent().find('input').val('');
+ $(this).parent().find('img').attr('src', pluginUrl + '/images/no_image.jpg');
+ });
+
+
+ // item images
+ $('.tsort-change').live('click', function(e) {
+ e.preventDefault();
+ thickItem = true;
+ thickboxId = '#' + $(this).parent().find('img').attr('id');
+ formfield = $(thickboxId + '-input').attr('name');
+ tb_show('', 'media-upload.php?type=image&TB_iframe=true');
+ return false;
+ });
+
+ // item images
+ $('.tsort-start-item').live('click', function(e) {
+ $('.tsort-start-item').attr('checked', false);
+ $(this).attr('checked', 'checked');
+ });
+
+ // ----------------------------------------
+
+ // AJAX subbmit
+ $('#save-timeline').click(function(e){
+ e.preventDefault();
+ $('#save-loader').show();
+ $.ajax({
+ type:'POST',
+ url: 'admin-ajax.php',
+ data:'action=ctimeline_save&' + $('#post_form').serialize(),
+ success: function(response) {
+ $('#timeline_id').val(response);
+ $('#save-loader').hide();
+ }
+ });
+ });
+
+ $('#preview-timeline').click(function(e){
+ e.preventDefault();
+ var html = '<div id="TBct_overlay" class="TBct_overlayBG"></div>';
+ html += '<div id="TBct_window" style="width:250px; margin-left:-75px; height:80px; margin-top:-40px; visibility: visible;">';
+ html += '<div id="TBct_title"><div id="TBct_ajaxWindowTitle">Preview</div>';
+ html += '<div id="TBct_closeAjaxWindow"><a id="TBct_closeWindowButton" title="Close" href="#"><img src="'+pluginUrl+'/images/tb-close.png" alt="Close"></a></div>';
+ html += '</div>';
+ html += '<div id="timelineHolder" style="margin:0 auto;">';
+ html += '<img style="margin:20px 20px;" id="TBct_loader" src="'+pluginUrl+'/images/loadingAnimation.gif" />';
+ html += '</div>';
+ html += '<div style="clear:both;"></div></div>';
+ html += '</div>';
+ $('body').append(html);
+ var postForm = $('#post_form').serialize();
+ $.ajax({
+ type:'POST',
+ url: 'admin-ajax.php',
+ data:'action=ctimeline_preview&' + postForm,
+ success: function(response) {
+ $('#TBct_loader').hide();
+ $('#TBct_window').animate({width: '100%', marginLeft:'-50%', marginTop: '-250px', height: '500px'}, 500, function(){
+ $('#timelineHolder').html(response);
+ $('#timelineHolder').css({'overflow-y':'scroll', 'position': 'relative', 'width':'100%', 'height':'470px'});
+
+ if($('#read-more').val() == 'whole-item') {
+ var $read_more = '.item';
+ var $swipeOn = false;
+ }
+ else if ($('#read-more').val() == 'button') {
+ var $read_more = '.read_more';
+ var $swipeOn = true;
+ }
+ else {
+ var $read_more = '.none';
+ var $swipeOn = true;
+ }
+
+ var startItem = $('#ctimeline-preview-start-item').val();
+
+
+ var $cats = [];
+ var $numOfItems = [];
+ var numGet = parseInt($('#number-of-posts').val());
+ $('input[name|="cat-name"]:checked').each(function(){
+ $cats.push($(this).val());
+ $numOfItems.push(numGet);
+
+ });
+
+
+
+
+ var jsonOptions = {
+ itemMargin : parseInt($('#item-margin').val()),
+ swipeOn : $swipeOn,
+ scrollSpeed : parseInt($('#scroll-speed').val()),
+ easing : $('#easing').val(),
+ openTriggerClass : $read_more,
+ startItem : startItem,
+ yearsOn : ($('#years-on:checked').length > 0 ),
+ hideTimeline : ($('#hide-line:checked').length > 0 ),
+ hideControles : ($('#hide-nav:checked').length > 0 )
+ }
+
+ if (typeof $cats[0] != 'undefined' && $('#cat-type').val() == 'categories') {
+ jsonOptions.yearsOn = false;
+ jsonOptions.categories = $cats;
+ jsonOptions.numberOfSegments = $numOfItems;
+ }
+ $(".scrollable-content").mCustomScrollbar();
+ $('.timeline').timeline(jsonOptions);
+ $('#preview-loader').hide();
+
+ $('#TBct_closeWindowButton').click(function(ev){
+ ev.preventDefault();
+ $('.timeline').timeline('destroy');
+ $('#TBct_overlay').remove();
+ $('#TBct_window').remove();
+ });
+ });
+
+ }
+ });
+ });
+
+
+});
+
+
+function ctimelineSortableActions(pluginUrl) {
+
+
+
+
+}
+
+function ctimelineAddNew(pluginUrl) {
+ var searches = new Array();
+ searches[''] = '';
+ var html = '<div id="TBct_overlay" class="TBct_overlayBG"></div>';
+ html += '<div id="TBct_window" style="width:450px; margin-left:-225px; margin-top:-35px; height:70px; visibility: visible;">';
+ html += '<div id="TBct_title"><div id="TBct_ajaxWindowTitle">Add new timeline item</div>'
+ html += '<div id="TBct_closeAjaxWindow"><a id="TBct_closeWindowButton" title="Close" href="#"><img src="'+pluginUrl+'/images/tb-close.png" alt="Close"></a></div>';
+ html += '</div>';
+ html += '<a href="#" id="TBct_timelineSubmit" style="margin:10px;" class="button button-highlighted alignright">Add</a><img id="TBct_timelineSubmitLoader" class="alignright" src="'+pluginUrl+'/images/ajax-loader.gif" /><select id="TBct_timelineSelect" style="margin:10px; width:150px;"><option value="new">Add New</option><option value="post">From Post</option><option value="category">Whole Category</option></select>';
+ html += '<div id="TBct_timelineFromPost" style="padding:10px; border-top:1px solid gray; display:none;"><label for="timelineFromPost">Search posts:</label> <span id="timelineFromPostHolder"><input id="timelineFromPost" name="timelineFromPost" style="width:325px;"/><img id="timelineFromPostLoader" src="'+pluginUrl+'/images/ajax-loader.gif" /> <ul style="display:none;" id="timelineFromPostComplete"></ul></span>';
+
+ html += '</div>';
+ html += '<div id="TBct_timelineWholeCategory" style="padding:10px; border-top:1px solid gray; display:none;">';
+ html += '<label for="TBct_timelineCategorySelect">Pick category</label> <select style="width:200px" id="TBct_timelineCategorySelect" name="TBct_timelineCategorySelect">'
+ var allCats = $('#categories-hidden').val();
+ if(allCats) {
+ allCats = allCats.split('||');
+ }
+ else {
+ allCats = new Array();
+ }
+ for (cate in allCats) {
+ html += '<option value="'+allCats[cate]+'">'+allCats[cate]+'</option>';
+ }
+
+ html += '</select>';
+ html += '</div>';
+ html += '</div>';
+ $('body').prepend(html);
+
+
+ $('#TBct_closeWindowButton').click(function(e){
+ e.preventDefault();
+ $('#TBct_overlay').remove();
+ $('#TBct_window').remove();
+ });
+
+ $('#TBct_timelineSelect').change(function(){
+ if ($(this).val() == 'new') {
+ $('#TBct_window').css({marginTop:'-35px', height:'70px'});
+ $('#TBct_timelineFromPost').hide();
+ $('#TBct_timelineWholeCategory').hide();
+ }
+ if ($(this).val() == 'category') {
+ $('#TBct_window').css({marginTop:'-60px', height:'120px'});
+ $('#TBct_timelineWholeCategory').show();
+ $('#TBct_timelineFromPost').hide();
+ }
+ else {
+ $('#TBct_window').css({marginTop:'-150px', height:'300px'});
+ $('#TBct_timelineFromPost').show();
+ $('#TBct_timelineWholeCategory').hide();
+ }
+ });
+
+ $('#TBct_timelineSubmit').click(function(e){
+ e.preventDefault();
+ var timelineItem = '';
+ if ($('#TBct_timelineSelect').val() == 'new') {
+ timelineItem = timelineGenerateItem();
+ $('#timeline-sortable').append(timelineItem);
+ $('.tsort-start-item').eq($('.tsort-start-item').length-1).trigger('click').attr('checked', 'checked');
+ $('#TBct_overlay').remove();
+ $('#TBct_window').remove();
+ }
+ else if ($('#TBct_timelineSelect').val() == 'category') {
+ $('#TBct_timelineSubmitLoader').show();
+ $.ajax({
+ url:"admin-ajax.php",
+ type:"POST",
+ data:'action=ctimeline_post_category_get&cat_name='+$('TBct_timelineCategorySelect').val(),
+
+ success:function(results){
+ var resultsArray = results.split('||');
+ var ii = 0;
+ while (typeof resultsArray[0+ii] != 'undefined') {
+
+ var properties = {
+ 'title' : resultsArray[0+ii],
+ 'dataId' : resultsArray[1+ii],
+ 'categoryId' : resultsArray[2+ii],
+ 'itemContent' : resultsArray[3+ii],
+ 'itemImage' : resultsArray[4+ii],
+ 'itemOpenContent' : resultsArray[5+ii]
+ }
+ timelineItem = timelineGenerateItem(properties);
+ $('#timeline-sortable').append(timelineItem);
+ ii +=6;
+ }
+ $('.tsort-start-item').eq($('.tsort-start-item').length-1).trigger('click').attr('checked', 'checked');
+ $('#TBct_overlay').remove();
+ $('#TBct_window').remove();
+ }
+ });
+ }
+
+ else if($('#timelineFromPostComplete li a.active').length < 1) {
+ alert('You have to select post you want to add, or choose add new!');
+ }
+ else {
+ var postId = $('#timelineFromPostComplete li a.active').attr('href');
+ $('#TBct_timelineSubmitLoader').show();
+ $.ajax({
+ url:"admin-ajax.php",
+ type:"POST",
+ data:'action=ctimeline_post_get&post_id='+postId,
+
+ success:function(results){
+ var resultsArray = results.split('||');
+ var properties = {
+ 'title' : resultsArray[0],
+ 'dataId' : resultsArray[1],
+ 'categoryId' : resultsArray[2],
+ 'itemContent' : resultsArray[3],
+ 'itemImage' : resultsArray[4],
+ 'itemOpenContent' : resultsArray[5]
+ }
+ timelineItem = timelineGenerateItem(properties);
+ $('#timeline-sortable').append(timelineItem);
+ $('.tsort-start-item').eq($('.tsort-start-item').length-1).trigger('click').attr('checked', 'checked');
+ $('#TBct_overlay').remove();
+ $('#TBct_window').remove();
+ }
+ });
+ }
+
+ })
+
+ $('#timelineFromPost').keyup(function(e){
+ var icall = null,
+ qinput = $('#timelineFromPost').val();
+
+ if(qinput in searches) {
+ if(icall != null) icall.abort();
+ $('#timelineFromPostComplete').html(searches[qinput]).show();
+ $('#timelineFromPostComplete li a').click(function(e){
+ e.preventDefault();
+ $('#timelineFromPostComplete li a.active').removeClass('active');
+ $(this).addClass('active');
+ });
+ $('#timelineFromPostLoader').hide();
+ }
+ else {
+ $('#timelineFromPostLoader').show();
+ if(icall != null) icall.abort();
+ icall = $.ajax({
+ url:"admin-ajax.php",
+ type:"POST",
+ data:'action=ctimeline_post_search&query='+qinput,
+
+ success:function(results){
+ $('#timelineFromPostComplete').html(results).show();
+ searches[qinput] = results;
+ $('#timelineFromPostComplete li a').click(function(e){
+ e.preventDefault();
+ $('#timelineFromPostComplete li a.active').removeClass('active');
+ $(this).addClass('active');
+ });
+ $('#timelineFromPostLoader').hide();
+ }
+ });
+ }
+ });
+}
+
+function timelineGenerateItem(properties) {
+ // set globals
+ var pluginUrl = $('#plugin-url').val(),
+ timthumb = pluginUrl + '/timthumb/timthumb.php';
+
+ // calculate item number
+ var itemNumber = 1;
+ while($('#sort'+itemNumber).length > 0) {
+ itemNumber++;
+ }
+
+ // get current date
+ var today = new Date();
+ var dd = today.getDate();
+ var mm = today.getMonth()+1;
+ var yyyy = today.getFullYear();
+ if(dd<10){dd='0'+dd}
+ if(mm<10){mm='0'+mm}
+ today = dd+'/'+mm+'/'+yyyy;
+
+ // get input properties
+ var pr = $.extend({
+ 'title' : 'Title',
+ 'dataId' : today,
+ 'categoryId' : '',
+ 'itemContent' : 'Content',
+ 'itemImage' : '',
+ 'itemOpenContent' : 'Content'
+ }, properties);
+
+ // bring all the pieces together
+ var itemHtml = '\n'+
+' <li id="sort'+itemNumber+'" class="sortableItem">\n'+
+' <div class="tsort-plus">+</div>\n'+
+' <div class="tsort-header">Item '+itemNumber+' <small><i>- '+pr.title+'</i></small> <a href="#" class="tsort-delete"><i>delete</i></a></div>\n'+
+' <div class="tsort-content">\n'+
+' <div class="tsort-dataid">\n'+
+' <input id="'+itemNumber+'-start-item" class="tsort-start-item alignright" type="checkbox"><label for="'+itemNumber+'-start-item" class="alignright">Start item </label>'+
+' <span class="timeline-help">? <span class="timeline-tooltip">Argument by which are elements organised (date - dd/mm/yyyy, Category - full category name) Different field is used for different categorizing type.</span></span>'+
+' <label for="sort'+itemNumber+'-dataid">Date</label>'+
+' <input style="margin-left:5px;" id="sort'+itemNumber+'-dataid" name="sort'+itemNumber+'-dataid" value="'+pr.dataId+'" type="text"/>'+
+' <label style="margin-left:5px;" for="sort'+itemNumber+'-categoryid">Category</label>'+
+' <input style="margin-left:5px;" id="sort'+itemNumber+'-categoryid" name="sort'+itemNumber+'-categoryid" value="'+pr.categoryId+'" type="text"/>'+
+' </div>\n'+
+' <div class="tsort-item">\n'+
+' <h3 style="padding-left:0;"><span class="timeline-help">? <span class="timeline-tooltip">Base item content (image, title and content).</span></span>Item Options</h3>\n'+
+' <div class="tsort-image"><img id="sort'+itemNumber+'-item-image" src="'+((pr.itemImage != '') ? timthumb + '?src=' + pr.itemImage + '&w=258&50' : pluginUrl + '/images/no_image.jpg')+ '" /><a href="#" id="sort'+itemNumber+'-item-image-change" class="tsort-change">Change</a>\n' +
+' <input id="sort'+itemNumber+'-item-image-input" name="sort'+itemNumber+'-item-image" type="hidden" value="'+pr.itemImage+'" />\n'+
+' <a href="#" id="sort'+itemNumber+'-item-image-remove" class="tsort-remove">Remove</a>\n'+
+' </div>\n'+
+' <input class="tsort-title" name="sort'+itemNumber+'-item-title" value="'+pr.title+'" type="text" />\n'+
+' <div class="clear"></div>\n'+
+' <textarea class="tsort-contarea" name="sort'+itemNumber+'-item-content">'+pr.itemContent+'</textarea>\n'+
+' </div>\n'+
+' <div class="tsort-itemopen">\n'+
+' <h3 style="padding-left:0;"><span class="timeline-help">? <span class="timeline-tooltip">Opened item content (image, title and content).</span></span>Item Open Options</h3>\n'+
+' <div class="tsort-image"><img id="sort'+itemNumber+'-item-open-image" src="'+((pr.itemImage != '') ? timthumb + '?src=' + pr.itemImage + '&w=258&50' : pluginUrl + '/images/no_image.jpg')+ '" /><a href="#" id="sort'+itemNumber+'-item-open-image-change" class="tsort-change">Change</a>'+
+' <input id="sort'+itemNumber+'-item-open-image-input" name="sort'+itemNumber+'-item-open-image" type="hidden" value="'+pr.itemImage+'" />\n'+
+' <a href="#" id="sort'+itemNumber+'-item-open-image-remove" class="tsort-remove">Remove</a>\n'+
+' </div>\n'+
+' <input class="tsort-title" name="sort'+itemNumber+'-item-open-title" value="'+pr.title+'" type="text" />\n'+
+' <div class="clear"></div>\n'+
+' <textarea class="tsort-contarea" name="sort'+itemNumber+'-item-open-content">'+pr.itemOpenContent+'</textarea>\n'+
+' </div>\n'+
+' </div>\n'+
+' </li>\n';
+ return itemHtml;
+}
+
+
+})(jQuery)
+