Файловый менеджер - Редактировать - /home/lmsyaran/public_html/pusher/scripts_.tar
Назад
abstract.js 0000644 00000000047 15116747507 0006723 0 ustar 00 window.EasyBlog = abstractComponent(); dashboard/blogimage.js 0000644 00000005701 15116747507 0010777 0 ustar 00 // module: start EasyBlog.module("dashboard/blogimage", function($) { var module = this; EasyBlog.require() .library("image") .done(function(){ // controller: start EasyBlog.Controller("Dashboard.BlogImage", { defaultOptions: { // Containers "{placeHolder}" : ".blogImagePlaceHolder", "{imageData}" : ".imageData", "{image}" : ".image", // Actions "{selectBlogImageButton}": ".selectBlogImage", "{removeBlogImageButton}": ".removeBlogImage" } }, // Instance properties function(self) { return { init: function() { EasyBlog.dashboard.registerPlugin("blogImage", self); var meta = $.trim(self.imageData().val()); if (meta) { self.setImage($.evalJSON(meta)); } }, "{selectBlogImageButton} click": function() { // Optional: For the first param which is null now, // by passing in the key of the previously selected blog image, // it will activate the item on the browser. EasyBlog.mediaManager.browse(null, "blogimage"); }, "{removeBlogImageButton} click" : function(el) { self.removeImage(); el.blur(); }, removeImage: function() { self.image().remove(); self.element.addClass("empty"); self.imageData().val(""); }, setImage: function(meta) { if (!meta) return; self.removeImage(); self.element .addClass("loading"); clearTimeout(self.imageTimer); // Clone the meta var meta = $.extend({}, meta); // Delete metadata delete meta.data; $.Image.get(meta.thumbnail.url) .done(function(image) { var resize = function(){ // Keep a copy of the placeholder's width & height var placeHolder = self.placeHolder(); maxWidth = placeHolder.width(); maxHeight = placeHolder.height(); // Calculate size var size = $.Image.resizeWithin( image.data("width"), image.data("height"), maxWidth, maxHeight ); size.top = (maxHeight - size.height) / 2; size.left = (maxWidth - size.width) / 2; return size; }; var size = resize(); var checkDimension = function() { if (size.width===0 || size.height===0) { self.imageTimer = setTimeout(function(){ size = resize(); checkDimension(); }, 1000); } else { image.css(size); } } checkDimension(); // Resize and insert image .addClass("image") .css(size) .appendTo(self.placeHolder()); self.imageData().val($.toJSON(meta)); self.element.removeClass("empty"); }) .fail(function(){ self.element.addClass("empty"); }) .always(function(){ self.element.removeClass("loading"); }); } }} ); // controller: end module.resolve(); }); // require: end }); // module: end dashboard/editor.js 0000644 00000001166 15116747507 0010340 0 ustar 00 // module: start EasyBlog.module("dashboard/editor", function($){ var module = this; EasyBlog.Controller( "Dashboard.Editor", { defaultOptions: { editorId: "write_content" } }, function(self) { return { init: function() { EasyBlog.dashboard.registerPlugin("editor", self); }, insert: function(html) { window.jInsertEditorText(html, self.options.editorId); }, content: function(html) { // TODO: Port eblog.editor to this new controller if (html!==undefined) { window.eblog.editor.setContent(html); } return window.eblog.editor.getContent(); } }} ); module.resolve(); }); dashboard/index.html 0000644 00000000037 15116747507 0010505 0 ustar 00 <!DOCTYPE html><title></title> dashboard/medialink.js 0000644 00000001126 15116747507 0011003 0 ustar 00 // module: start EasyBlog.module("dashboard/medialink", function($) { var module = this; EasyBlog.Controller( "Dashboard.MediaLink", { defaultOptions: { "{menu}": ".ui-togmenu", "{content}": ".ui-togbox" } }, function(self){ return { init: function() { }, "{menu} click": function(el) { var hiding = el.hasClass("active"); self.menu().removeClass("active"); self.content().removeClass("active"); if (!hiding) { el.addClass("active"); self.content("." + el.attr("togbox")).addClass("active"); } } }} ); module.resolve(); }); // module: end dashboard.js 0000644 00000000631 15116747507 0007046 0 ustar 00 // module: start EasyBlog.module("dashboard", function($){ var module = this; EasyBlog.Controller( "Dashboard", { defaultOptions: function() { } }, function(self) { return { init: function() { EasyBlog.dashboard = self; }, registerPlugin: function(pluginName, instance) { if (self[pluginName]===undefined) { self[pluginName] = instance; } } }} ); module.resolve(); }); eblog.js 0000644 00000133207 15116747507 0006215 0 ustar 00 /** * @package EasyBlog * @copyright Copyright (C) 2010 Stack Ideas Private Limited. All rights reserved. * @license GNU/GPL, see LICENSE.php * * EasyBlog is free software. This version may have been modified pursuant * to the GNU General Public License, and as distributed it includes or * is derivative of works licensed under the GNU General Public License or * other free or open source software licenses. * See COPYRIGHT.php for copyright notices and details. */ EasyBlog.module('eblog', function($){ var module = this; window.isSave = false; var eblog = window.eblog = { stream: { load: function( startlimit ){ ejax.load( 'dashboard' , 'loadStream' , startlimit ); } }, login:{ toggle: function(){ $( '#easyblog-search-form' ).hide().siblings().removeClass('active'); $( '.user-options' ).hide().siblings().removeClass('active'); $( '#easyblog-login-form' ).toggle(); $( '#easyblog-login-form' ).siblings().toggleClass('active') } }, report:{ show: function( objId , objType ){ EasyBlog.ajax( 'site.views.reports.show' , { id: objId, type: objType }, function( title , html ){ ejax.dialog( { 'title' : title , 'content' : html } ); }); } }, search:{ toggle: function(){ $( '.user-options' ).hide().siblings().removeClass('active'); $( '#easyblog-login-form' ).hide().siblings().removeClass('active'); $( '#easyblog-search-form' ).toggle(); $( '#easyblog-search-form' ).siblings().toggleClass( 'active' ); } }, toolbar:{ dashboard: function(){ $( '#easyblog-search-form' ).hide(); $( '#easyblog-login-form' ).hide(); $( '.user-options' ).toggle(); $( '.user-options' ).siblings().toggleClass( 'active' ); } }, images: { initFancybox: function(element, options) { if (window.eblog_lightbox_strip_extension && window.eblog_lightbox_title) { $(element).each(function(){ var el = $(this), title = el.attr("title") || "", parts = title.split(".").reverse(); if (/jpg|png|gif|xcf|odg|bmp|jpeg/.test(parts[0].toLowerCase())) { parts.splice(0, 1); } title = parts.reverse().join('.'); el.fancybox($.extend(true, {}, options, {title: title})); }); } else { $(element).fancybox(options); } }, initCaption: function(images) { $(images).each(function(i, image){ var image = $(image).removeClass("easyblog-image-caption"); if (image.parents(".easyblog-image-caption-container").length > 0) { return; } var imageUrl = $(image).attr("src"), hasFancybox = image.parent().hasClass("easyblog-thumb-preview"); var hasSiblings = function(image) { var image = image[0], value = false; $.each(image.parentNode.childNodes, function(i, node){ if (node!=image && !$(node).hasClass("easyblog-image-caption") && !$(node).hasClass("easyblog-thumb-preview")) { value = true; } }); return value; } // Reinject src so we can trigger the load function image .one("load", function() { var target = (hasFancybox) ? image.parent() : image; // Decide where to float var orientation = target.css("float"); if (orientation=="none") { orientation = image.css("float"); } if (orientation=="none") { var props = (image.attr("style") || "").split(";"), css = {}; $.each(props, function(i, prop){ var _prop = prop.split(":"); css[$.trim(_prop[0])] = $.trim(_prop[1]); }); if (css["margin-left"]=="auto" && css["margin-right"]=="auto") { orientation = "center"; } } // Use alignment if (orientation=="none") { var alignment = image.parent().attr("align"); if (alignment===undefined || alignment=="none") { alignment = image.attr("align"); } switch (alignment) { case "left": orientation = "left"; break; case "right": orientation = "right"; break; case "center": case "middle": orientation = "center"; break; } } if (!/none|center/.test(orientation)) { orientation = ((hasSiblings(target)) ? "float" : "align") + orientation; } // Prepare container var container = $("<span>") .addClass("easyblog-image-caption-container orientation-" + orientation); if (orientation=="center" || orientation=="alignright" || orientation=="alignleft") { var additionalWrapper = $("<span>"); target.wrap(additionalWrapper); target.parent().wrap(container); } else { // Insert container target.wrap(container); } // Prepare caption var caption = $("<span>").addClass("easyblog-image-caption"); caption .width(target.outerWidth()) .html(image.attr("title")); // Insert caption target.after(caption); }) .removeAttr("src") .attr("src", imageUrl); }); } }, captcha: { reload: function(){ var previousId = $( '#captcha-id' ).val(); ejax.load( 'entry' , 'reloadCaptcha' , previousId ); }, reloadImage: function( id , source ){ $( '#captcha-image' ).attr( 'src' , source ); $( '#captcha-id' ).val( id ); $( '#captcha-response' ).val( '' ); } }, comments:{ edit: function( id ){ ejax.load( 'entry' , 'editComment' , id ); }, remove: function( id ){ ejax.load( 'entry' , 'deleteComment' , id ); } }, checkbox: { render: function(){ // Transform all checkboxes into nicer switches $( '.option-enable' ).click( function(){ var parent = $(this).parent(); $( '.option-disable' , parent ).removeClass( 'selected' ); $( this ).addClass( 'selected' ); $( '.radiobox' , parent ).attr( 'value' , 1 ); }); $( '.option-disable' ).click( function(){ var parent = $(this).parent(); $( '.option-enable' , parent ).removeClass( 'selected' ); $( this ).addClass( 'selected' ); $( '.radiobox' , parent ).attr( 'value' , 0 ); }); } }, categories : { loadMore : function( element ) { $( element ).parent().hide().next( '.more-subcategories' ).show(); } }, drafts: { getContent: null, // Frequency of draft checks by default to 5 seconds frequency: 15000, chars: 0, check: function(){ // Returns the content var content = eblog.drafts.getContent(); if( typeof content == 'undefined' ) { return; } var title = $("#title").val(); if( content.length > 0 || ( title.length > 0 && title != emptyText )) { // Only run this when there's more contents ejax.load( 'dashboard' , 'saveDraft' , ejax.getFormVal( '#blogForm' ) , content , '' ); } setTimeout( 'eblog.drafts.check()', eblog.drafts.frequency ); }, save: function() { //do submitting eblog.editor.toggleSave(); $(window).unbind('beforeunload'); $('#form-task').val('savedraft'); var data = eblog.editor.getContent(), content = $( '<div>' ).html( data ).html(); $('#write_content_hidden' ).val( content ); $('#blogForm').submit(); } }, subscription: { // show subscription show: function( type , id ) { ejax.load( 'subscription', 'showForm' , type , id ); }, submit: function( type ) { eblog.loader.loading( 'eblog_loader' ); ejax.load( 'subscription', 'submitForm', type , ejax.getFormVal('#frmSubscribe') ); } }, /** * Dashboard */ dashboard: { logout: function(){ $( '#eblog-logout' ).submit(); }, changeCollab: function( type ){ $( '#blog_contribute_source' ).val( type ); }, changeAuthor: function( title , url ){ ejax.dialog({ width: 700, height: 500, title: title , content: '', beforeDisplay: function(){ var dialog = $(this); // Remove padding from dialog dialog.find('.dialog-middle').css('padding', 0); }, afterDisplay: function(){ var dialog = $(this); // Add iframe $('<iframe>') .attr('src', url ) .css({ width: dialog.find('.dialog-middle').width(), height: dialog.find('.dialog-middle').height(), border: 'none' }) .appendTo(dialog.find('.dialog-middle-content')); } }); }, changeCategory: function( title, url ){ ejax.dialog({ width: 700, height: 500, title: title , content: '', beforeDisplay: function(){ var dialog = $(this); // Remove padding from dialog dialog.find('.dialog-middle').css('padding', 0); }, afterDisplay: function(){ var dialog = $(this); // Add iframe $('<iframe>') .attr('src', url ) .css({ width: dialog.find('.dialog-middle').width(), height: dialog.find('.dialog-middle').height(), border: 'none' }) .appendTo(dialog.find('.dialog-middle-content')); } }); }, socialshare: { setActive: function( element ){ $( element ).parent().toggleClass( 'active' ); } }, drafts: { discard: function( cids ){ ejax.load( 'dashboard' , 'confirmDeleteDraft' , cids ); }, discardAll: function(){ ejax.load( 'dashboard' , 'confirmDeleteAllDraft' ); } }, lists: { init: function( element ){ $( '#dashboard-'+ element ).checkList({ checkbox: ".stackSelect", masterCheckbox: ".stackSelectAll", check: function(){ this.parent('.ui-list-select').addClass('active'); $('#select-actions').show(); }, uncheck: function(){ this.parent('.ui-list-select').removeClass('active'); $('#select-actions').hide(); }, change: function(selected, deselected){ } }); } }, toggle: function( element ){ if( $( element ).parent().next().css( 'display' ) == 'block' ) { $( element ).parent().addClass( 'ui-togbox' ); $( element ).parent().next().hide(); } else { $( element ).parent().removeClass( 'ui-togbox' ); $( element ).parent().next().show(); } }, quickpost: { notify: function( type , message ){ $( '#eblog-message' ).removeClass( 'error info success' ).addClass( type ); $( '#eblog-message div' ).html( message ); $( '#eblog-message').show(); }, save: function(){ eblog.loader.loading( 'quickpost-loading' ); var values = ejax.getFormVal( '#quick-post' ); ejax.load( 'dashboard' , 'save' , values ); }, draft: function(){ eblog.loader.loading( 'quickdraft-loading' ); var content = $( '#eblog-post-content' ).val(); // Only run this when there's more contents ejax.load( 'dashboard' , 'quickSaveDraft' , ejax.getFormVal( '#quick-post' ) , content , '' ); } }, settings: { submit: function(){ // Validate password if( $( '#password' ).val() != '' || $( '#password2' ).val() != '' ) { if( $( '#password' ).val() != $( '#password2' ).val() ) { $( '.password-notice' ).show(); return false; } } $( '#dashboard' ).submit(); } }, categories:{ create: function(){ if( $( '#widget-create-category' ).css( 'display' ) == 'block' ) { $( '#widget-create-category' ).slideUp(); } else { $( '#widget-create-category' ).slideDown(); } return false; }, edit: function( id ) { ejax.load( 'dashboard', 'editCategory' , id ); }, remove: function( url , id ){ ejax.load( 'dashboard' , 'confirmDeleteCategory' , id , url ); }, quicksave: function( name ){ ejax.load( 'dashboard' , 'quickSaveCategory' , name); } }, comments: { publish: function( id , status ){ ejax.load( 'dashboard' , 'publishComment' , id , status ); }, publishModerated: function( id , status ){ ejax.load( 'dashboard' , 'publishModerateComment' , id , status ); }, edit: function( id ){ ejax.load( 'dashboard' , 'editComment' , id ); }, remove: function( url , id ){ ejax.load( 'dashboard' , 'confirmDeleteComment' , id , url ); } }, action: function( element , redirect ){ var action = $( '#' + element + '-action' ).val(); var form = '#' + element + '-form'; var cids = ''; $( form + ' INPUT[name="cid[]"]').each( function() { if ( $(this).attr('checked') ) { if(cids.length == 0) { cids = $(this).val(); } else { cids = cids + ',' + $(this).val(); } } }); if( cids == '' ) { eblog.system.alert('COM_EASYBLOG_PLEASE_SELECT_ONE_ITEM_TO_CONTINUE', 'COM_EASYBLOG_WARNING'); return; } switch( action ) { case 'copy': // Copy blog posts ejax.load( 'dashboard' , 'copyForm' , cids ); break; case 'discardDraft': eblog.dashboard.drafts.discard( cids ); break; case 'publishBlog': eblog.blog.togglePublish( cids , 'publish' ); break; case 'unpublishBlog': eblog.blog.togglePublish( cids , 'unpublish' ); break; case 'deleteBlog': eblog.blog.confirmDelete( cids , redirect ); break; case 'rejectBlog': eblog.editor.reject( cids ); break; case 'unpublishComment': eblog.dashboard.comments.publish( cids , 'unpublish' ); break; case 'publishComment': eblog.dashboard.comments.publish( cids , 'publish' ); break; case 'removeComment': eblog.dashboard.comments.remove( redirect , cids, '' ); break; default : eblog.system.alert('COM_EASYBLOG_PLEASE_SELECT_ACTION_TO_PERFORM', 'COM_EASYBLOG_WARNING'); break; } }, videos:{ insert: function( editor ){ var url = $( '#video-source' ).val(); var width = $( '#video-width' ).val(); var height = $( '#video-height' ).val(); var data = '[embed=videolink]' + '{"video":"' + url + '","width":"' + width + '","height":"' + height + '"}' + '[/embed]'; jInsertEditorText( data , editor ) ejax.closedlg(); }, showForm: function( editor ){ try { IeCursorFix(); } catch(e) {}; ejax.load( 'dashboard' , 'showVideoForm' , editor ); } }, preview: function( itemId ) { var content = eblog.drafts.getContent(); if( typeof content == 'undefined' ) { return; } var title = $("#eblog-wrapper #title").val(); if( content.length > 0 && ( title.length > 0 && title != emptyText )) { ejax.call('dashboard','saveDraft', [ejax.getFormVal( '#blogForm' ), content, ''], { success: function(){ //second step var draftId = $('#draft_id').val(); if( draftId != '') { var url = $.rootPath + 'index.php?option=com_easyblog&view=entry&layout=preview&draftid=' + draftId + '&Itemid=' + itemId, width = screen.width, height = screen.height, left = (screen.width/2)-( width /2), top = (screen.height/2)-(height/2); window.open( url , '' , 'toolbar=no, location=no, directories=no, status=yes, menubar=yes, scrollbars=yes, resizable=yes, copyhistory=no, width='+width+', height='+height+', top='+top+', left='+left ); } } }); } else { if( content.length > 0 ) { eblog.system.alert('COM_EASYBLOG_PLEASE_SET_TITLE_BEFORE_PREVIEW', 'COM_EASYBLOG_ENTRY_PREVIEW_MODE'); } else { eblog.system.alert('COM_EASYBLOG_ENTRY_PREVIEW_MODE_NO_CONTENT', 'COM_EASYBLOG_ENTRY_PREVIEW_MODE'); } } } }, /** * Ratings **/ ratings:{ setup: function( elementId , disabled , ratingType ){ $("#" + elementId ).stars({ split: 2, disabled: disabled, oneVoteOnly: true, cancelShow: false, callback: function( element ){ eblog.loader.loading( elementId + '-command .rating-text' ); ejax.load( 'ratings' , 'vote' , element.value() , $( '#' + elementId ).children( 'input:hidden' ).val() , ratingType , elementId ); } }); }, showVoters: function( elementId , elementType ){ ejax.load( 'ratings' , 'showvoters' , elementId , elementType ); }, update: function( elementId , ratingType , value , resultCommand ){ $( '#' + elementId ).children( '.ui-stars-star' ).removeClass( 'ui-stars-star-on' ); value = parseInt( value ); // Hide command $( '#' + elementId + '-command' ).hide(); $( '#' + elementId ).addClass( 'voted' ); $( '#' + elementId ).children( '.ui-stars-star' ).each( function( index ){ if( index < value ) { $( this ).addClass( 'ui-stars-star-on' ); } else { $( this ).removeClass( 'ui-stars-star-on' ); } }); } }, /** * Editor */ editor: { checkPublishStatus: function() { var status = $('#published').val(); var unpublishdate = $('#publish_down').val(); if(unpublishdate == '' || unpublishdate == '0000-00-00 00:00:00') { eblog.editor.postSubmit(); return true; } ejax.load( 'dashboard' , 'checkPublishStatus' , status, unpublishdate); return true; }, cancelSubmit: function() { isSave = false; $("#save_post").attr('disabled', ''); return false; }, postSubmit: function () { //do submitting $(window).unbind('beforeunload'); $('#blogForm').submit(); }, // save the post save: function() { eblog.editor.toggleSave(); // Retrieve the main content. var editorContents = eblog.editor.getContent(); // Try to break the parts with the read more. var val = editorContents.split( '<hr id="system-readmore" />' ); if( val.length > 1 ) { // It has a read more tag var intro = $.sanitizeHTML( val[0] ); var fulltext = $.sanitizeHTML( val[1] ); var content = intro + '<hr id="system-readmore" />' + fulltext; } else { // Since there is no read more tag here, the first index is always the full content. var content = $.sanitizeHTML( editorContents );; } $( '#write_content_hidden' ).val( content ); $('#save_post_button' ).addClass( 'ui-disabled' ); $( '#save_post_button' ).attr( 'disabled' , 'disabled' ); eblog.editor.checkPublishStatus(); }, apply: function(){ $( 'input[name=apply]' ).val( 1 ); eblog.editor.save(); }, reject: function( blogId ) { ejax.load( 'Dashboard' , 'confirmRejectBlog' , blogId ); }, search: { load: function(){ try { IeCursorFix(); } catch(e) {}; ejax.load( 'search' , 'search' , $( '#search-content' ).val() ); }, insert: function( value , title , editor ){ var link = '<a href="'+value+'">'+title+'</a>'; switch(editor) { case 'intro': if($( '#widget-write-introtext .ui-modhead' ).hasClass('ui-togbox')) { eblog.editor.setIntro(link); } else { jInsertEditorText( link, editor ); } break; case 'write_content': if($( '#widget-writepost .ui-modhead' ).hasClass('ui-togbox')) { eblog.editor.setContent(link); } else { jInsertEditorText( link, editor ); } break; default: //do nothing } } }, setIntro: null, setContent: null, getContent: null, /** * Generate date time picker like Wordpress */ datetimepicker: { element: function( id, reset ) { // Referenced from http://www.quackit.com/javascript/javascript_date_and_time_functions.cfm // Adds active class on the element. $( '#datetime_' + id ).addClass( 'toggle-active' ); // Hide edit button $( '#datetime_edit_' + id ).hide(); var day, month, year, hour, minute, ampm; eblog.editor.datetimepicker.hideEditLink(id); var day, month, year, hour, minute, ampm; eblog.editor.datetimepicker.hideEditLink(id); if( id == 'publish_down' && $('#' + id).val() == '') { var tmpStr = $('#publish_down_reset').val(); $('#' + id).val(tmpStr); } if ( $('#' + id).val() != '' ) { var strValue = $('#' + id).val(); var strTemp = strValue.split(' '); var strTime = strTemp[1].split(':'); var strDate = strTemp[0].split('-'); day = strDate[2]; month = strDate[1]; year = strDate[0]; hour = strTime[0]; minute = strTime[1]; } else { today = new Date(); day = today.getDate(); month = today.getMonth() + 1; //in js, month start from 0, not 1 year = today.getFullYear(); hour = today.getHours(); minute = today.getMinutes(); } //minute = parseInt(minute); hour = parseInt(hour, 10); if (minute.length <= 1) { minute = '0' + minute; } if ( hour >= 12 ) { ampm = 'pm'; } else { ampm = 'am'; } if ( hour > 12 ) { hour -= 12; } if( ampm == 'am' && hour == 0) { hour = 12; } if( hour < 10 ) { hour = '0' + hour; } var html = ''; html += '<div class="dtpicker-wrap" id="dtpicker_'+id+'" style="display: none;">'; html += ' <select tabindex="4" name="dt_month" id="dt_month_'+id+'">'; html += ' <option value="01" '+ (month == '01' ? 'selected="selected"' : "" ) +'>'+ sJan +'</option>'; html += ' <option value="02" '+ (month == '02' ? 'selected="selected"' : "" ) +'>'+ sFeb +'</option>'; html += ' <option value="03" '+ (month == '03' ? 'selected="selected"' : "" ) +'>'+ sMar +'</option>'; html += ' <option value="04" '+ (month == '04' ? 'selected="selected"' : "" ) +'>'+ sApr +'</option>'; html += ' <option value="05" '+ (month == '05' ? 'selected="selected"' : "" ) +'>'+ sMay +'</option>'; html += ' <option value="06" '+ (month == '06' ? 'selected="selected"' : "" ) +'>'+ sJun +'</option>'; html += ' <option value="07" '+ (month == '07' ? 'selected="selected"' : "" ) +'>'+ sJul +'</option>'; html += ' <option value="08" '+ (month == '08' ? 'selected="selected"' : "" ) +'>'+ sAug +'</option>'; html += ' <option value="09" '+ (month == '09' ? 'selected="selected"' : "" ) +'>'+ sSep +'</option>'; html += ' <option value="10" '+ (month == '10' ? 'selected="selected"' : "" ) +'>'+ sOct +'</option>'; html += ' <option value="11" '+ (month == '11' ? 'selected="selected"' : "" ) +'>'+ sNov +'</option>'; html += ' <option value="12" '+ (month == '12' ? 'selected="selected"' : "" ) +'>'+ sDec +'</option>'; html += ' </select>'; html += ' <input type="text" autocomplete="off" tabindex="4" maxlength="2" size="2" value="' + day + '" name="dt_day" id="dt_day_'+id+'">, '; html += ' <input type="text" autocomplete="off" tabindex="4" maxlength="4" size="4" value="' + year + '" name="dt_year" id="dt_year_'+id+'"> @ '; html += ' <input type="text" autocomplete="off" tabindex="4" maxlength="2" size="2" value="' + hour + '" name="dt_hour" id="dt_hour_'+id+'"> : '; html += ' <input type="text" autocomplete="off" tabindex="4" maxlength="2" size="2" value="' + minute + '" name="dt_min" id="dt_min_'+id+'">'; html += ' <select tabindex="4" name="dt_ampm" id="dt_ampm_'+id+'">'; html += ' <option value="am" ' + (ampm == "am" ? 'selected="selected"' : '') + '>'+ sAm +'</option>'; html += ' <option value="pm" ' + (ampm == "pm" ? 'selected="selected"' : '') + '>'+ sPm +'</option>'; html += ' </select>'; html += ' <div class="dtpicker-action" id="dtpicker_action_'+id+'">'; html += ' <a class="dtpicker-save ui-button" href="javascript:void(0);" onclick="eblog.editor.datetimepicker.save(\''+id+'\')">'+btnOK+'</a>'; if ( reset ) { html += ' <a class="dtpicker-reset" href="javascript:void(0);" onclick="eblog.editor.datetimepicker.reset(\''+id+'\')">'+btnReset+'</a>'; } html += ' <a class="dtpicker-cancel" href="javascript:void(0);" onclick="eblog.editor.datetimepicker.cancel(\''+id+'\')">'+btnCancel+'</a>'; html += ' </div>'; html += '</div>'; $(html).insertAfter('#datetime_' + id); $('#dtpicker_' + id).slideDown('fast'); }, reset: function(id) { $('#dtpicker_' + id).slideUp('fast'); $('#' + id).val(''); $('#datetime_' + id + ' .datetime_caption').html(sNever); eblog.editor.datetimepicker.showEditLink(id); }, cancel: function(id) { $('#dtpicker_' + id).slideUp('fast'); if( id == 'publish_down' && ($('#publish_down_ori').val() == '' || $('#publish_down_ori').val() == '0000-00-00 00:00:00')) { // make sure the value get remove. $('#' + id).val(''); } // Remove toggle-active class once the cancel is clicked $( '#datetime_' + id ).removeClass( 'toggle-active' ); eblog.editor.datetimepicker.showEditLink(id); }, save: function(id) { $('#dtpicker_' + id).slideUp('fast'); // Remove toggle-active class once the cancel is clicked $( '#datetime_' + id ).removeClass( 'toggle-active' ); // construct date time var day, month, year, hour, minute, ampm; //today = new Date(); day = $('#dtpicker_' + id + ' #dt_day_' + id).val(); month = $('#dtpicker_' + id + ' #dt_month_' + id).val(); month = parseInt(month, 10); if ( month < 10 ) { month = '0' + month; } year = $('#dtpicker_' + id + ' #dt_year_' + id).val(); hour = $('#dtpicker_' + id + ' #dt_hour_' + id).val(); ampm = $('#dtpicker_' + id + ' #dt_ampm_' + id).val(); if ( ampm == 'pm' ) { switch ( parseInt(hour, 10) ) { case 12: //hour = parseInt(hour); break; default: hour = parseInt(hour, 10) + 12; break; } } else { switch ( parseInt(hour) ) { case 12: hour = '00'; break; default: if ( hour.length <= 1) { hour = '0' + hour; } break; } } minute = $('#dtpicker_' + id + ' #dt_min_' + id).val(); //minute = parseInt(minute); if ( minute.length <= 1) { minute = '0' + minute; } var setTime = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':00'; $('#' + id).val(setTime); // $('#datetime_' + id + ' .datetime_caption').html(setTime); ejax.load( 'dashboard' , 'updateDisplayDate' , id, setTime); eblog.editor.datetimepicker.showEditLink(id); // $('.dtpicker-wrap').remove(); }, showEditLink: function(id) { $('#datetime_edit_' + id ).show(); }, hideEditLink: function(id) { $('#datetime_edit_' + id ).hide(); } }, permalink: { edited: false, // get permalink from controller generate: function() { // We don't want to generate empty permalinks and // if the permalink is edited, we don't want to change the user's value. if( $('#title').val() != '' && !eblog.editor.permalink.edited ) { ejax.load( 'dashboard' , 'getPermalink' , $('#title').val() ); } }, edit: function(){ if( $( '#permalink-edit' ).css( 'display' ) == 'none' ) { // We try to remember the state here so that permalink don't get // generated everytime we try to change the title. eblog.editor.permalink.edited = true; $( '#permalink-edit' ).show(); $( '#permalink-value' ).hide(); } else { $( '#permalink-edit' ).hide(); $( '#permalink-value' ).show(); } }, save: function(){ // Change the value of the display $( '#permalink-url' ).html( $( '#permalink-data').val() ); // Hide the edit form first. eblog.editor.permalink.edit(); } } }, tags: { search: { init: function(){ $('#filter-tags').keyup(function() { var text = $.trim($(this).val()); $('.post-tags li') .hide() .filter(function() { return (this.textContent || this.innerText || '').toUpperCase().indexOf(text.toUpperCase()) >= 0 }) .show(); }); } } }, loader:{ item: null, loading: function( elementId ) { eblog.loader.item = elementId; $( '#' + elementId ).addClass( 'eblog_loader' ); $( '#' + elementId ).show(); }, doneLoading: function(){ if( eblog.loader.item != null ) { $( '#' + eblog.loader.item ).removeClass( 'eblog_loader'); } } }, /** * All comment operations */ comment: { /** * Comment like or dislike */ likes: function(contentId, status, likeId) { eblog.loader.loading( 'likes-' + contentId ); ejax.load('Entry', 'likesComment', contentId, status, likeId); }, /** * Save comment */ save: function() { //clear err-msg $('#eblog-message').removeClass('info error'); $('#eblog-message').html(''); eblog.loader.loading( 'comment-form-title' ); finalData = ejax.getFormVal('#frmComment'); ejax.load('Entry', 'commentSave', finalData); if ( $('#empty-comment-notice').length > 0 ) { $('#empty-comment-notice').fadeOut('100'); } }, /** * Reply to comment */ reply: function( id , commentDepth , autoTitle ) { // hide all reply container $('.cancel_container').hide(); // show all reply container $('.reply_container').show(); //prepare the comment input form $('#comment-reply-form-' + id).show(); var commentForm = $('#eblog-wrapper #frmComment').clone(); $('#eblog-wrapper #frmComment').remove(); $('#comment-reply-form-' + id).addClass('comment-form-inline').append(commentForm); $('#parent_id').val(id); $('#comment_depth').val(commentDepth); if(autoTitle) { //auto insert title var title = $('#comment-title-' + id).text(); var reTitle = (title != '') ? 'RE:' + title : ''; $('#title.inputbox').val(reTitle); } //toggle toolbar button //$('#toolbar-reply-' + id).hide(); //$('#toolbar-cancel-' + id).show(); // reset all reply/cancel to reply $('.comment-reply-no').removeClass('show-this'); $('.comment-reply-yes').addClass('show-this'); // set reply to cancel $('#toolbar-reply-' + id).removeClass('show-this'); $('#toolbar-cancel-' + id).addClass('show-this'); $('#toolbar-cancel-' + id).parent('.comment-reply').toggleClass('in-action'); //need to check if bbcode enabled if($('.markItUpContainer').length > 0) { $("#comment").markItUpRemove(); $("#comment").markItUp(EasyBlogBBCodeSettings); } }, /** * Cancel comment reply */ cancel: function(id) { //revert the comment input form var commentForm = $('#eblog-wrapper #comment-reply-form-' + id + ' #frmComment').clone(); $('#eblog-wrapper #comment-reply-form-' + id + ' #frmComment').remove(); $('#eblog-wrapper #comment-separator').after(commentForm); $('#parent_id').val('0'); $('#comment_depth').val('0'); $('#comment-reply-form-' + id).hide(); $('#title.inputbox').val(''); //toggle toolbar button //$('#toolbar-cancel-' + id).hide(); //$('#toolbar-reply-' + id).toggleClass('hide-this'); //$('#toolbar-reply-' + id).removeAttr('style'); $('#toolbar-reply-' + id).toggleClass('show-this'); $('#toolbar-cancel-' + id).toggleClass('show-this'); $('#toolbar-cancel-' + id).parent('.comment-reply').toggleClass('in-action'); //need to check if bbcode enabled if($('.markItUpContainer').length > 0) { $("#comment").markItUpRemove(); $("#comment").markItUp(EasyBlogBBCodeSettings); } }, /** * Save edit comment */ edit: function() { //clear err-msg $('#eblog-message').removeClass('info error'); $('#eblog-message').html(''); //toggleSpinner(true); finalData = ejax.getFormVal('#frmComment'); ejax.load('dashboard', 'updateComment', finalData); }, /** * Actions */ action: function(param, url) { var count = 0; var cids = ""; var actionStr = $("#"+param).val(); if(actionStr == '') { eblog.system.alert('COM_EASYBLOG_PLEASE_SELECT_ACTION_TO_PERFORM', 'COM_EASYBLOG_WARNING'); return; } $("#adminForm INPUT[name='cid[]']").each( function() { if ( $(this).attr('checked') ) { if(cids.length == 0) { cids = $(this).val(); } else { cids = cids + ',' + $(this).val(); } count++; } }); if(count <= 0) { eblog.system.alert('COM_EASYBLOG_PLEASE_SELECT_ONE_ITEM_TO_CONTINUE', 'COM_EASYBLOG_WARNING'); return; } if(actionStr == 'unpublishComment') { ejax.load('dashboard', 'publishComment', cids, '0', 'comment'); } else if(actionStr == 'publishComment') { ejax.load('dashboard', 'publishComment', cids, '1', 'comment'); } else if(actionStr == 'removeComment') { eblog.comment.confirm( url , cids, ''); } }, confirm: function(url, commentId, lbl) { var targetUrl = url + '&task=removeComment&commentId=' + commentId; var callback = 'window.location = "' + targetUrl + '";'; eblog.system.dialog('COM_EASYBLOG_ARE_YOU_SURE_YOU_WANT_TO_REMOVE_COMMENT', callback, 'CONFIRMATION'); return; }, displayInlineMsg: function (msgType, msg) { //$('#err-msg').show(); $('#eblog-message').removeClass('info error'); $('#eblog-message').html(msg); $('#eblog-message').addClass(msgType); if(msgType == 'info') { setTimeout( function() { $('#eblog-message').removeClass('info error'); $('#eblog-message').html(''); }, 6000); } } }, /** * Featured */ featured: { add: function(type, cid){ ejax.load('Latest', 'makeFeatured', type, cid); }, remove: function(type, cid){ ejax.load('Latest', 'removeFeatured', type, cid); }, slider: { holderWidth: 0, element: Array(), autorotate: function( interval ){ var items = $( '#ezblog-featured .featured-a' ).children(); var set = false; $( items ).each( function(){ if( $( this ).hasClass( 'active' ) && set != true ) { if( $( this ).next().length == 0 ) { // return to the parent $( '#ezblog-featured .featured-a :first' ).click(); } else { $( this ).next().click(); } set = true; } }); setTimeout( 'eblog.featured.slider.autorotate(' + interval + ');' , interval ); }, init: function( sliderElement , autorotate , interval ){ eblog.featured.slider.element[ sliderElement ] = { 'width' : parseInt( $( '.' + sliderElement ).parent().width() ) , 'element' : '.' + sliderElement }; var total = 0; $( eblog.featured.slider.element[ sliderElement ].element ).children().each( function(){ total += eblog.featured.slider.element[ sliderElement ].width; }); $( eblog.featured.slider.element[ sliderElement ].element ).css( 'width' , total ); $( eblog.featured.slider.element[ sliderElement ].element ).children().css( 'width' , eblog.featured.slider.element[ sliderElement ].width ); if( autorotate ) { interval = parseInt( interval ) * 1000; setTimeout( 'eblog.featured.slider.autorotate(' + interval + ');' , interval ); } }, slide: function( index , sliderElement ){ var left = 0; var elementId = index; if( index != 1 ) { index -= 1; left = eblog.featured.slider.element[ sliderElement ].width * parseInt( index ); } $( eblog.featured.slider.element[ sliderElement ].element ).animate( { 'left' : '-' + left + 'px' } , 'slow' ); $( eblog.featured.slider.element[ sliderElement ].element ).parent().parent().children( 'div.featured-navi' ).children().children().removeClass( 'active' ); // Set active element for the slider buttons. $( eblog.featured.slider.element[ sliderElement ].element ).parent().parent().children( 'div.featured-navi' ).children().children( '.slider-navi-' + elementId ).addClass( 'active' ); } } }, /** * Spinner */ spinner: { // toggle btw the spinner and save button show: function() { $('#blogSubmitBtn').hide(); $('#blogSubmitWait').show(); }, // toggle btw the spinner and save button hide: function() { $('#blogSubmitWait').hide(); $('#blogSubmitBtn').show(); }, // for publish operation publish: function(id, show) { if(show == 1) { $("#"+id+"Spinner").html("<img src=\""+spinnerPath+"\" alt=\"Loading\">"); } else { $("#"+id+"Spinner").html(""); } } }, /** * Elements */ element: { focus: function(element) { ele = '#' + element; $(ele).focus(); ejax.closedlg(); } }, /** * Blog */ blog: { /** * HTTP POST */ publish: function(url, id, status) { var targetUrl = url + '&task=toggleBlogStatus&status=' + status + '&blogId=' + id; window.location = targetUrl; }, remove: function(id, actionSrc) { var id_str = ""; var src = (actionSrc) ? actionSrc : 'Dashboard'; $.each(id, function() { eblog.spinner.publish(id, 1); if(id_str!="") { id_str += ","; } id_str += this; }); ejax.load('Dashboard', 'deleteBlog', id_str, src); }, confirmDelete: function( ids , url ){ ejax.load( 'dashboard' , 'confirmDelete' , ids , url ); }, confirm: function(url, blogId, lbl) { var targetUrl = url + '&task=deleteBlog&blogId=' + blogId; var callback = 'window.location = "' + targetUrl + '";'; //console.log(callback); //eblog.system.dialog( 'COM_EASYBLOG_ARE_YOU_SURE_YOU_WANT_TO_REMOVE_BLOG' , callback, 'CONFIRMATION'); return; }, approve: function( url , blogId ) { ejax.load( 'dashboard' , 'confirmApproveBlog' , blogId , url ); }, ajaxpublish: function(id, status, actionSrc) { var id_str = ""; var src = (actionSrc) ? actionSrc : 'Dashboard'; $.each(id, function() { eblog.spinner.publish( id , 1 ); if( id_str!="" ) { id_str += ","; } id_str += this; }); ejax.load( 'Dashboard', 'togglePublishStatus', id_str , status , src); }, togglePublish: function( id , action ){ ejax.load( 'dashboard' , 'togglePublish' , id , action ); }, action: function( param , url ) { var count = 0; var cids = ""; var actionStr = $("#"+param).val(); if(actionStr == 'default') { return; } $("#adminForm INPUT[name='cid[]']").each( function() { if ( $(this).attr('checked') ) { if(cids.length == 0) { cids = $(this).val(); } else { cids = cids + ',' + $(this).val(); } count++; } }); if(count <= 0) { eblog.system.alert('COM_EASYBLOG_PLEASE_SELECT_ONE_ITEM_TO_CONTINUE', 'COM_EASYBLOG_WARNING'); return; } if(actionStr == 'unpublishBlog') { eblog.blog.togglePublish( cids , 'unpublish' ); } else if(actionStr == 'publishBlog') { eblog.blog.togglePublish( cids , 'publish' ); } else if(actionStr == 'deleteBlog') { eblog.blog.confirmDelete( cids , url ); } }, /** * Tab section in blog.read.php */ tab: { init: function() { // hide all containers $('.tab_container').hide(); // Show the first container $( 'div.tab-wrapper .tab_container:first' ).show(); // Make the first tab active all the time. $('.tab_item:first').addClass('item-active'); // Bind the click function on the tabs. $('ul.tab_button li.tab_item a').click( function() { var element = $(this).parent(); if ( element.hasClass( 'item-active' ) ) { return false; } element.siblings().each( function(){ if( $(this).hasClass( 'item-active' ) ) { $(this).removeClass( 'item-active' ); } }); element.addClass( 'item-active' ); // hide all other container $( '.tab_container' ).hide(); // get id from element var _id = element.attr('id'); var _x = _id.split('-'); var id = _x[1]; $( '#section-' + id ).show(); return false; }); } }, /** * ajax unsubscribe blog */ unsubscribe: function( sid, bid ) { ejax.load( 'entry' , 'confirmUnsubscribeBlog' , sid , bid ); } }, /** * Tags */ tag: { remove: function( redirect , tagId ) { ejax.load( 'Dashboard' , 'confirmDeleteTag' , tagId , redirect ); }, edit: function(id) { ejax.load('Dashboard', 'editTagDialog', id); }, /** * Actions */ action: function(param, url) { var count = 0; var cids = ""; var actionStr = $("#"+param).val(); if(actionStr == '') { eblog.system.alert('COM_EASYBLOG_PLEASE_SELECT_ACTION_TO_PERFORM', 'COM_EASYBLOG_WARNING'); return; } $("#adminForm INPUT[name='cid[]']").each( function() { if ( $(this).attr('checked') ) { if(cids.length == 0) { cids = $(this).val(); } else { cids = cids + ',' + $(this).val(); } count++; } }); if(count <= 0) { eblog.system.alert('COM_EASYBLOG_PLEASE_SELECT_ONE_ITEM_TO_CONTINUE', 'COM_EASYBLOG_WARNING'); return; } if(actionStr == 'deleteTag') { eblog.tag.confirm(url, cids, ''); } }, confirm: function(url, tagId, lbl) { var targetUrl = url + '&task=deleteTag&tagId=' + tagId; var callback = 'window.location = "' + targetUrl + '";'; eblog.system.dialog('COM_EASYBLOG_ARE_YOU_SURE_YOU_WANT_TO_REMOVE_TAGS', callback, 'CONFIRMATION'); return; }, save: function() { finalData = ejax.getFormVal('#frmEditTag'); ejax.load('Dashboard', 'saveTag', finalData); } }, socialshare:{ share: function( id , type ){ eblog.spinner.publish( id , 1 ); ejax.load( 'dashboard' , 'ajaxSocialShare' , id , type ); } }, /** * Twitter */ twitter: { update: function(id) { if ( id != "" ) { eblog.spinner.publish(id, 1); ejax.load('Dashboard', 'ajaxUpdateTwitter', id); } } }, /** * Forms */ form: { checkbox: { checkall: function() { $("#adminForm INPUT[type='checkbox']").each( function() { if ( $('#toggle').attr('checked') ) $(this).attr('checked', true); else $(this).attr('checked', false); }); return false; } } }, /** * Trackbacks */ trackback: { url: { copy: function() { $( '#trackback-url' ).focus().select(); } } }, /** * Common method for EasyBlog */ system: { alert: function ( text, title ) { ejax.alert(ejax.string(text), ejax.string(title), '450', 'auto'); //ejax.load('Latest', 'ajaxShowAlertDialog', _text, _title); }, dialog: function ( text, callback, title ) { var dialogActions = '<div class="dialog-actions"><input type="button" value="' + ejax.string('No') + '" class="button" id="edialog-cancel" name="edialog-cancel" onclick="ejax.closedlg();" /><input type="button" value="' + ejax.string('Yes') + '" class="button" id="edialog-submit" name="edialog-submit" onclick="' + callback + '" /></div>'; var options = { title: ejax.string(title), content: ejax.string(text) + dialogActions } ejax.dialog(options); //ejax.load('Latest', 'ajaxShowDialog', text, callback, title); }, loader: function (show) { if(show) { if($('img#easyblog-loader').length > 0) { $('img#easyblog-loader').remove(); } var img = new Image; img.src = '/components/com_easyblog/assets/images/loader.gif'; img.name = 'easyblog-loader'; img.id = 'easyblog-loader'; var divBody = $('div#eblog-wrapper'); var divWidth = divBody.width(); //divHeight = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || window.parent.document.body.clientHeight; divHeight = window.innerHeight || self.innerHeight || window.parent.document.body.clientHeight; divBody.prepend(img); $('img#easyblog-loader').css('marginTop', (divHeight / 2)); $('img#easyblog-loader').css('marginLeft', (divWidth / 2)); $('img#easyblog-loader').css('position', 'absolute'); $('img#easyblog-loader').css('z-index', 10); } else { if($('img#easyblog-loader').length > 0) { $('img#easyblog-loader').remove(); } } } }, teamblog: { join: function(teamId) { var id = String(teamId); ejax.load('TeamBlog', 'showDialog', id, 'join'); }, leave: function(teamId) { var id = String(teamId); ejax.load('TeamBlog', 'showDialog', id, 'leave'); }, leaveteam: function() { eblog.loader.loading( 'eblog_loader' ); ejax.load( 'teamblog' , 'leaveTeam' , ejax.getFormVal( '#frmLeave' ) ); }, send: function() { eblog.loader.loading( 'eblog_loader' ); ejax.load( 'teamblog' , 'addJoinRequest' , ejax.getFormVal( '#frmJoin' ) ); }, approve: function() { }, reject: function() { } }, calendar: { reload: function(view, func, position, itemid, size, type, timestamp) { ejax.load( view , func, position, itemid, size, type, timestamp); }, showtooltips : function(id) { $('.easyblog_calendar_tooltips').hide(); $('#com_easyblog_calendar_day_'+id).show(); } } } $(document).ready(function(){ $.sanitizeHTML = function(html) { var fragmentContainer = document.createElement('div'), fragment = document.createDocumentFragment(); $.clean([html], document, fragment); fragmentContainer.appendChild(fragment); return fragmentContainer.innerHTML; } /** * Initializes all the gallery stuffs here **/ // Init fancy box images. if (window.eblog_enable_lightbox) { var options = { showOverlay: true, centerOnScroll: true, overlayOpacity: 0.7 } if (!window.eblog_lightbox_title) { options.helpers = { title: false }; } if (window.eblog_lightbox_enforce_size) { options.maxWidth = window.eblog_lightbox_width; options.maxHeight = window.eblog_lightbox_height; } eblog.images.initFancybox('a.easyblog-thumb-preview', options); } eblog.images.initCaption('img.easyblog-image-caption'); }); // module: end module.resolve(); }); EasyBlog .require() //.script('toolbar' , 'responsive') .script( 'responsive') .done(function($) { if( EasyBlog.responsive ) { $('#eblog-wrapper').responsive({at: 818, switchTo: 'w768'}); $('#eblog-wrapper').responsive({at: 600, switchTo: 'w600'}); $('#eblog-wrapper').responsive({at: 500, switchTo: 'w320'}); } // /$('.discuss-searchbar').responsive({at: 500, switchTo: 'narrow'}); }); ejax.js 0000644 00000025064 15116747507 0006055 0 ustar 00 /** * @package EasyBlog * @copyright Copyright (C) 2010 Stack Ideas Private Limited. All rights reserved. * @license GNU/GPL, see LICENSE.php * * EasyBlog is free software. This version may have been modified pursuant * to the GNU General Public License, and as distributed it includes or * is derivative of works licensed under the GNU General Public License or * other free or open source software licenses. * See COPYRIGHT.php for copyright notices and details. */ EasyBlog.module('ejax', function($) { var module = this; ejax = { http: false, //HTTP Object format: 'text', callback: function(data){}, error: false, getHTTPObject : function() { var http = false; //Use IE's ActiveX items to load the file. if ( typeof ActiveXObject != 'undefined' ) { try { http = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { http = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { http = false; } } //If ActiveX is not available, use the XMLHttpRequest of Firefox/Mozilla etc. to load the document. } else if ( XMLHttpRequest ) { try {http = new XMLHttpRequest();} catch (e) {http = false;} } return http; }, /** * Ajax function */ // ejax.call('controller','task', ['arg1', 'arg2'], function(){}); // ejax.call('controller','task', ['arg1', 'arg2'], { // success: function(){}, // error: function(){} // }); call: function(view, method, params, callback) { var args = [{view: view, callback: callback}, method]; args = args.concat(params); ejax.load.apply(this, args); }, load : function ( view, method ) { var callback = { success: function(){}, error: function(){} }; if (typeof view == "object") { callback = $.extend(callback, ($.isFunction(view.callback)) ? {success: view.callback} : view.callback); view = view.view; } // This will be the site we are trying to connect to. url = eblog_site; url += '&tmpl=component'; url += '&no_html=1'; url += '&format=ejax'; //Kill the Cache problem in IE. url += "&uid=" + new Date().getTime(); var parameters = '&view=' + view + '&layout=' + method; // If there is more than 1 arguments, we want to accept it as parameters. if ( arguments.length > 2 ) { for ( var i = 2; i < arguments.length; i++ ) { var myArgument = arguments[ i ]; if($.isArray(myArgument)) { for(var j = 0; j < myArgument.length; j++) { var argument = myArgument[j]; if ( typeof( argument ) == 'string' ) { // Encode value to proper html entities. parameters += '&value' + ( i - 2 ) + '[]=' + encodeURIComponent( argument ); } } } else { var argument = myArgument; if ( typeof( argument ) == 'string' ) { // Encode value to proper html entities. parameters += '&value' + ( i - 2 ) + '=' + encodeURIComponent( argument ); } } } } var http = this.getHTTPObject(); //The XMLHttpRequest object is recreated at every call - to defeat Cache problem in IE if ( !http || !view || !method ) return; // if ( this.http.overrideMimeType ) // this.http.overrideMimeType( 'text/xml' ); //Closure var ths = this; http.open( 'POST' , url , true ); // Required because we are doing a post http.setRequestHeader( "Content-type", "application/x-www-form-urlencoded" ); http.setRequestHeader( "Content-length", parameters.length ); http.setRequestHeader( "Connection", "close" ); http.onreadystatechange = function(){ //Call a function when the state changes. if (http.readyState == 4) { //Ready State will be 4 when the document is loaded. if (http.status == 200) { var result = ""; if (http.responseText) { result = http.responseText; } // Evaluate the result before processing the JSON text. New lines in JSON string, // when evaluated will create errors in IE. result = result.replace(/[\n\r]/g,""); try { result = eval( result ); } catch(e) { if (callback.error) { callback.error('Invalid response.'); } } // Give the data to the callback function. ths.process( result, callback ); } else { //An error occured if (ths.error) { ths.error( http.status ); if (callback.error) { callback.error(http.status); } } } } } http.send( parameters ); }, /** * Method to get translated string from server * * @param string */ _string: [], string: function( str ) { if (ejax._string[str]!=undefined) return ejax._string[str]; var url = eblog_site + '&tmpl=component&no_html=1&controller=easyblog&task=ajaxGetSystemString'; var r1 = $.ajax({ type: "POST", url: url, data: "data=" + str, async: false, cache: true }).responseText; ejax._string[str] = r1; return r1; }, /** * Get form values * * @param string Form ID */ getFormVal : function( element ) { var inputs = []; var val = null; $( ':input', $( element ) ).each( function() { val = this.value.replace(/"/g, """); val = encodeURIComponent(val); if($(this).is(':checkbox') || $(this).is(':radio')) { if($(this).prop('checked')) { inputs.push( this.name + '=' + escape( val ) ); } } else { inputs.push( this.name + '=' + escape( val ) ); } }); //var finalData = inputs.join('&&'); //return finalData; return inputs; }, process : function ( result, callback ){ // Process response according to the key for(var i=0; i < result.length;i++) { var action = result[ i ][ 0 ]; switch( action ) { case 'script': var data = result[ i ][ 1 ]; eval("EasyBlog(function($){" + data + "});"); break; case 'after': var id = result[ i ][ 1 ]; var value = result[ i ][ 2 ]; $( '#' + id ).after( value ); break; case 'append': var id = result[ i ][ 1 ]; var value = result[ i ][ 2 ]; $( '#' + id ).append( value ); break; case 'assign': var id = result[ i ][ 1 ]; var value = result[ i ][ 2 ]; $( '#' + id ).html( value ); break; case 'value': var id = result[ i ][ 1 ]; var value = result[ i ][ 2 ]; $( '#' + id ).val( value ); break; case 'prepend': var id = result[ i ][ 1 ]; var value = result[ i ][ 2 ]; $( '#' + id ).prepend( value ); break; case 'destroy': var id = result[ i ][ 1 ]; $( '#' + id ).remove(); break; case 'dialog': ejax.dialog( result[ i ][ 1 ] ); break; case 'alert': ejax.alert( result[ i ][ 1 ], result[ i ][ 2 ], result[ i ][ 3 ] , result[ i ][ 4 ] ); break; case 'create': break; case 'error': var args = result[ i ].slice(1); callback.error.apply(this,args); break; case 'callback': var args = result[ i ].slice(1); callback.success.apply(this, args); break; } } delete result; }, /** * Dialog */ dialog: function( options ) { ejax._showPopup( options ); }, closedlg: function() { var dialog = $('#eblog-dialog'); var dialogOverlay = $('#eblog-overlay'); var options = dialog.data('options'); dialogOverlay.hide(); dialog .fadeOut(function() { options.afterClose.apply(dialog); }); $(window).unbind('.dialog'); $(document).unbind('keyup', ejax._attachPopupShortcuts); }, _attachPopupShortcuts: function(e) { if (e.keyCode == 27) { ejax.closedlg(); } }, /** * Alert */ alert: function( content, title, width, height ) { var COM_EASYBLOG_OK = ejax.string('COM_EASYBLOG_OK'); var dialogActions = '<div class="dialog-actions"><input type="button" value="' + COM_EASYBLOG_OK + '" class="button" id="edialog-cancel" name="edialog-cancel" onclick="ejax.closedlg();" /></div>'; var options = { title: title, content: content + dialogActions, width: width, height: height } ejax._showPopup( options ); }, /** * Private function * * Generate dialog and popup dialog */ _showPopup: function( options ){ var defaultOptions = { width: '500', height: 'auto', type: 'dialog', beforeDisplay: function(){}, afterDisplay: function(){}, afterClose: function(){} } var options = $.extend({}, defaultOptions, options); var dialogOverlay = $('#eblog-overlay'); if (dialogOverlay.length < 1) { dialogOverlay = '<div id="eblog-overlay"></div>'; dialogOverlay = $(dialogOverlay).appendTo('body'); dialogOverlay.click(function() { ejax.closedlg(); }); } var dialog = $('#eblog-dialog'); if (dialog.length < 1) { dialogTemplate = '<div id="eblog-dialog">'; dialogTemplate += ' <div class="dialog">'; dialogTemplate += ' <div class="dialog-wrap">'; dialogTemplate += ' <div class="dialog-top">'; dialogTemplate += ' <h3></h3>'; dialogTemplate += ' <a href="javascript:void(0);" onclick="ejax.closedlg();" class="closeme">Close</a>'; dialogTemplate += ' </div>'; dialogTemplate += ' <div class="dialog-middle clearfix">'; dialogTemplate += ' <div class="dialog-middle-content"></div>'; dialogTemplate += ' </div>'; dialogTemplate += ' </div>'; dialogTemplate += ' </div>'; dialogTemplate += '</div>'; dialog = $(dialogTemplate).appendTo('body'); } // Store dialog options dialog .data('options', options); var dialogTitle = dialog.find('.dialog-top h3'); options.title = options.title != null ? options.title : ' '; dialogTitle.html(unescape(options.title)); var dialogContent = $('#eblog-dialog .dialog-middle-content'); dialogContent .css({ width : (options.width=='auto') ? 'auto' : parseInt(options.width), height: (options.height=='auto') ? 'auto' : parseInt(options.height) }) .html(options.content); options.beforeDisplay.apply(dialog); var positionDialog = function() { dialog .css({ top: 0, left: 0 }) .position({ my: 'center', at: 'center', of: window }); dialogOverlay .css({ width: $(document).width(), height: $(document).height() }) .show(); }; dialog .show(0, function() { positionDialog(); var positionDelay; $(window) .bind('resize.dialog scroll.dialog', function() { clearTimeout(positionDelay); positionDelay = setTimeout(positionDialog, 50); }); }); dialog.fadeOut(0, function() { dialog.fadeIn(function() { options.afterDisplay.apply(dialog); }); }); $('#edialog-cancel, #edialog-submit').live('mouseup', function() { ejax.closedlg(); }); $(document).bind('keyup', ejax._attachPopupShortcuts); } } // module: end module.resolve(); }); featured.js 0000644 00000005376 15116747507 0006731 0 ustar 00 EasyBlog.module( "featured" , function($) { var module = this; // require: start EasyBlog.require() .done(function(){ // controller: start EasyBlog.Controller( "Featured.Scroller", { defaultOptions: { elements: null, itemWidth: null, // Auto rotate option autorotate: { enabled : false, interval : 50 }, // Items "{placeHolder}" : ".slider-holder", "{slider}" : ".featured-entries", "{sliderItems}" : ".slider-holder ul li", "{sliderNavigation}" : ".featured-navi .featured-a a" } }, function(self) {return { /** * Featured scroller object initialization happens here. * */ init: function() { // Set the current holder width to a temporary location. self.options.itemWidth = self.placeHolder().width() + 1; // Calculate the total width of the whole parent container as we need to multiply this by the number of child elements. var totalWidth = self.sliderItems().length * parseInt( self.options.itemWidth ); // Now, we need to stretch the parent's width to match the total items. self.slider().css( 'width' , totalWidth ); // Make sure the width of each child items has the same width as its parent. self.sliderItems().css( 'width' , self.options.itemWidth ); if( self.options.autorotate.enabled ) { setTimeout( function(){ self.initAutoRotate(); }, parseInt( self.options.autorotate.interval ) * 1000 ); } }, "{sliderNavigation} click" : function( element ){ var index = $( element ).data( 'slider' ); var left = 0; // If the current index is 1, we can just leave left as 0 if( index != 1 ) { left = self.options.itemWidth * parseInt( index - 1 ); } // Since any items after the first item is hidden by default, we need to show the current item. self.slider().children( ':nth-child(' + index + ')' ).show(); // Now let's animate the placeholder. self.slider().animate( { left : '-' + left + 'px' }, 'slow' ); // Remove active class from the navigation anchor link. self.sliderNavigation( '.active' ).removeClass( 'active' ); // Set the active element on the current item. $( element ).addClass( 'active' ); }, /** * This initializes the auto rotation for the featured items. */ initAutoRotate: function(){ var set = false; self.sliderNavigation().each(function(){ if( $( this ).hasClass( 'active' ) && set != true ) { if( $( this ).next().length == 0 ) { self.sliderNavigation( ':first' ).click(); } else { $( this ).next().click(); } set = true; } }); setTimeout( function(){ self.initAutoRotate(); }, parseInt( self.options.autorotate.interval ) * 1000 ); } } } ); module.resolve(); // controller: end }); }); index.html 0000644 00000000037 15116747507 0006556 0 ustar 00 <!DOCTYPE html><title></title> location.js 0000644 00000031604 15116747507 0006733 0 ustar 00 EasyBlog.module("location", function($) { var module = this; // require: start EasyBlog.require() .library( "throttle-debounce", "ui/autocomplete" ) .done(function(){ // controller: start EasyBlog.Controller( "Location.Form", { defaultOptions: { language: 'en', initialLocation: null, mapType : "ROADMAP", "{locationInput}": ".locationInput", "{locationLatitude}": ".locationLatitude", "{locationLongitude}": ".locationLongitude", "{locationMap}": ".locationMap", "{autoDetectButton}": ".autoDetectButton" } }, function(self) { return { init: function() { var mapReady = $.uid("ext"); window[mapReady] = function() { $.___GoogleMaps.resolve(); } if (!$.___GoogleMaps) { $.___GoogleMaps = $.Deferred(); EasyBlog.require() .script( {prefetch: false}, "https://maps.googleapis.com/maps/api/js?sensor=true&language=" + self.options.language + "&callback=" + mapReady ); } // Defer instantiation of controller until Google Maps library is loaded. $.___GoogleMaps.done(function() { self._init(); }); }, _init: function(el, event) { self.geocoder = new google.maps.Geocoder(); self.hasGeolocation = navigator.geolocation!==undefined; if (!self.hasGeolocation) { self.autoDetectButton().remove(); } else { self.autoDetectButton().show(); } self.locationInput() .autocomplete({ delay: 300, minLength: 0, source: self.retrieveSuggestions, select: function(event, ui) { self.locationInput() .autocomplete("close"); self.setLocation(ui.item.location); } }) .prop("disabled", false); self.autocomplete = self.locationInput().autocomplete("widget"); self.autocomplete .addClass("location-suggestion"); var initialLocation = $.trim(self.options.initialLocation); if (initialLocation) { self.getLocationByAddress( initialLocation, function(location) { self.setLocation(location[0]); } ); }; self.busy(false); }, busy: function(isBusy) { self.locationInput().toggleClass("loading", isBusy); }, getUserLocations: function(callback) { self.getLocationAutomatically( function(locations) { self.userLocations = self.buildDataset(locations); callback && callback(locations); } ); }, getLocationByAddress: function(address, callback) { self.geocoder.geocode( { address: address }, callback); }, getLocationByCoords: function(latitude, longitude, callback) { self.geocoder.geocode( { location: new google.maps.LatLng(latitude, longitude) }, callback); }, getLocationAutomatically: function(success, fail) { if (!navigator.geolocation) { return fail("ERRCODE", "Browser does not support geolocation or do not have permission to retrieve location data.") } navigator.geolocation.getCurrentPosition( // Success function(position) { self.getLocationByCoords(position.coords.latitude, position.coords.longitude, success) }, // Fail fail ); }, renderMap: function(location, tooltipContent) { self.busy(true); self.locationMap().show(); var map = new google.maps.Map( self.locationMap()[0], { zoom: 15, center: location.geometry.location, mapTypeId: google.maps.MapTypeId[self.options.mapType], disableDefaultUI: true } ); var marker = new google.maps.Marker( { position: location.geometry.location, center : location.geometry.location, title : location.formatted_address, map : map } ); var infoWindow = new google.maps.InfoWindow({ content: tooltipContent }); google.maps.event.addListener(map, "tilesloaded", function() { infoWindow.open(map, marker); self.busy(false); }); }, setLocation: function(location) { if (!location) return; self.locationResolved = true; self.lastResolvedLocation = location; self.locationInput() .val(location.formatted_address); self.locationLatitude() .val(location.geometry.location.lat()); self.locationLongitude() .val(location.geometry.location.lng()); self.renderMap(location, location.formatted_address); }, removeLocation: function() { self.locationResolved = false; self.locationInput() .val(''); self.locationLatitude() .val(''); self.locationLongitude() .val(''); self.locationMap().hide(); }, buildDataset: function(locations) { var dataset = $.map(locations, function(location){ return { label: location.formatted_address, value: location.formatted_address, location: location }; }); return dataset; }, retrieveSuggestions: function(request, response) { self.busy(true); var address = request.term, respondWith = function(locations) { response(locations); self.busy(false); }; // User location if (address=="") { respondWith(self.userLocations || []); // Keyword search } else { self.getLocationByAddress(address, function(locations) { respondWith(self.buildDataset(locations)); }); } }, suggestUserLocations: function() { if (self.hasGeolocation && self.userLocations) { self.removeLocation(); self.locationInput() .autocomplete("search", ""); } self.busy(false); }, "{locationInput} blur": function() { // Give way to autocomplete setTimeout(function(){ var address = $.trim(self.locationInput().val()); // Location removal if (address=="") { self.removeLocation(); // Unresolved location, reset to last resolved location } else if (self.locationResolved) { if (address != self.lastResolvedLocation.formatted_address) { self.setLocation(self.lastResolvedLocation); } } else { self.removeLocation(); } }, 250); }, "{autoDetectButton} click": function() { self.busy(true); if (self.hasGeolocation && !self.userLocations) { self.getUserLocations(self.suggestUserLocations); } else { self.suggestUserLocations(); } } }} ); EasyBlog.Controller( "Location.Map", { defaultOptions: { animation: 'drop', language: 'en', useStaticMap: false, disableMapsUI: true, // fitBounds = true will disobey zoom // single location with fitBounds = true will set zoom to max (by default from Google) // locations.length == 1 will set fitBounds = false unless explicitly specified // locations.length > 1 will set fitBounds = true unless explicitly specified zoom: 5, fitBounds: null, minZoom: null, maxZoom: null, // location in center has to be included in locations array // center will default to first object in locations // latitude and longitude always have precedence over address // { // "latitude": latitude, // "longitude": longitude, // "address": address // } center: null, // address & title are optional // latitude and longitude always have precedence over address // title will default to geocoded address // first object will open info window // [ // { // "latitude": latitude, // "longitude": longitude, // "address": address, // "title": title // } // ] locations: [], // Default map type to be road map. Can be overriden. mapType: "ROADMAP", width: 500, height: 400, "{locationMap}": ".locationMap" } }, function(self) { return { init: function() { self.mapLoaded = false; var mapReady = $.uid("ext"); window[mapReady] = function() { $.___GoogleMaps.resolve(); } if(self.options.useStaticMap == true) { var language = '&language=' + String(self.options.language); var dimension = '&size=' + String(self.options.width) + 'x' + String(self.options.height); var zoom = '&zoom=' + String(self.options.zoom); var center = '¢er=' + String(parseFloat(self.options.locations[0].latitude).toFixed(6)) + ',' + String(parseFloat(self.options.locations[0].longitude).toFixed(6)); var maptype = '&maptype=' + google.maps.MapTypeId[ self.options.mapType ]; var markers = '&markers='; var url = 'https://maps.googleapis.com/maps/api/staticmap?sensor=false' + language + dimension; if(self.options.locations.length == 1) { markers += String(parseFloat(self.options.locations[0].latitude).toFixed(6)) + ',' + String(parseFloat(self.options.locations[0].longitude).toFixed(6)); url += zoom + center + maptype + markers; } else { var temp = new Array(); $.each(self.options.locations, function(i, location) { temp.push(String(parseFloat(location.latitude).toFixed(6)) + ',' + String(parseFloat(location.longitude).toFixed(6))); }) markers += temp.join('|'); url += markers + maptype; } self.locationMap().show().html('<img src="' + url + '" />'); self.busy(false); } else { var mapReady = $.uid("ext"); window[mapReady] = function() { $.___GoogleMaps.resolve(); } if (!$.___GoogleMaps) { $.___GoogleMaps = $.Deferred(); EasyBlog.require() .script( {prefetch: false}, "https://maps.googleapis.com/maps/api/js?sensor=true&language=" + self.options.language + "&callback=" + mapReady ); } // Defer instantiation of controller until Google Maps library is loaded. $.___GoogleMaps.done(function() { self._init(); }); } }, _init: function() { // initialise fitBounds according to locations.length if(self.options.fitBounds === null) { if(self.options.locations.length == 1) { self.options.fitBounds = false; } else { self.options.fitBounds = true; } } // initialise disableMapsUI value to boolean self.options.disableMapsUI = Boolean(self.options.disableMapsUI); // initialise all location object self.locations = new Array(); $.each(self.options.locations, function(i, location) { if( location.latitude != 'null' && location.longitude != 'null' ) { self.locations.push(new google.maps.LatLng(location.latitude, location.longitude)); } }); if(self.locations.length > 0) { self.renderMap(); } self.busy(false); }, busy: function(isBusy) { self.locationMap().toggleClass("loading", isBusy); }, renderMap: function() { self.busy(true); self.locationMap().show(); var latlng; if(self.options.center) { latlng = new google.maps.LatLng(center.latitude, center.longitude); } else { latlng = self.locations[0]; } self.map = new google.maps.Map( self.locationMap()[0], { zoom: parseInt( self.options.zoom ), minZoom: parseInt( self.options.minZoom ), maxZoom: parseInt( self.options.maxZoom ), center: latlng, mapTypeId: google.maps.MapTypeId[ self.options.mapType ], disableDefaultUI: self.options.disableMapsUI } ); google.maps.event.addListener(self.map, "tilesloaded", function() { if(self.mapLoaded == false) { self.mapLoaded = true; self.loadLocations(); } }); }, loadLocations: function() { self.bounds = new google.maps.LatLngBounds(); self.infoWindow = new Array(); var addLocations = function() { $.each(self.locations, function(i, location) { self.bounds.extend(location); var placeMarker = function() { self.addMarker(location, self.options.locations[i]); } setTimeout(placeMarker, 100 * ( i + 1 ) ); }); if(self.options.fitBounds) { self.map.fitBounds(self.bounds); } }; setTimeout(addLocations, 500); }, addMarker: function(location, info) { if (!location) return; var marker = new google.maps.Marker( { position: location, map: self.map } ); marker.setAnimation(google.maps.Animation.DROP); self.addInfoWindow(marker, info) }, addInfoWindow: function(marker, info) { var content = info.content; if(!content) { content = info.address; } var infoWindow = new google.maps.InfoWindow(); infoWindow.setContent(content); self.infoWindow.push(infoWindow); if(self.options.locations.length > 1) { google.maps.event.addListener(marker, 'click', function() { $.each(self.infoWindow, function(i, item) { item.close(); }); infoWindow.open(self.map, marker); }); } else { google.maps.event.addListener(marker, 'click', function() { infoWindow.open(self.map, marker); }); infoWindow.open(self.map, marker); } // custom hack for postmap module if(info.ratingid) { google.maps.event.addListener(infoWindow, 'domready', function() { $.each(info.ratingid, function(i, rid) { eblog.ratings.setup( 'ebpostmap_' + rid + '-ratings' , true , 'entry' ); $('#ebpostmap_' + rid + '-ratings').removeClass('ui-state-disabled'); $('#ebpostmap_' + rid + '-ratings-form').find('.blog-rating-text').hide(); $('#ebpostmap_' + rid + '-ratings .ratings-value').hide(); }) }); } } }} ); module.resolve(); // controller: end }); // require: end }); media/browser.item.js 0000644 00000026706 15116747510 0010623 0 ustar 00 // module: start EasyBlog.module("media/browser.item", function($) { var module = this; EasyBlog.Controller("Media.Browser.Item", { defaultOptions: { "{itemTitle}": ".itemTitle", "{itemIcon}": ".itemIcon", "{childItem}": ".browserItem", hasCustomHandler: ["folder"] } }, // Instance properties function(self) { var $Media, $Library, $Browser; return { init: function() { $Media = self.media; $Library = $Media.library; $Browser = $Media.browser; // Store a reference to the controller inside item data // and also add a item-type class. self.element .data("item", self) .addClass("item-type-" + self.meta().type); // Bind to the remove event self.meta().data.on("removed", function(){ $Browser.removeItem(self); }); // Create item handler self.createHandler(); }, meta: function() { return $Library.getMeta(self.key); }, place: function() { return $Library.getPlace(self.key); }, parentFolder: function() { return $Browser.getItem($Library.getParentKey(self.key)); }, createHandler: function() { if ($.inArray(self.meta().type, self.options.hasCustomHandler) < 0) return; var ItemHandler = EasyBlog.Controller.Media.Browser.Item[$.String.capitalize(self.meta().type)]; if (ItemHandler===undefined) { EasyBlog.require() .script("media/browser.item." + self.meta().type) .done(function() { self.createHandler(); }); return; } self.handler = new ItemHandler( self.element, { controller: { media: self.media, item: self } } ); }, activate: function() { self.setLayout(); if (self.handler) { self.handler.activate(); } }, remove: function() { try { // Destroy handler if (self.handler) { if (!self.handler._destroyed) { self.handler.destroy(); } } if (self.element) { self.element.remove(); } } catch(e) { } }, isVisible: function() { // TODO: Optimize routines using seed var itemElement = self.element, itemHeight = itemElement.outerHeight(), itemTop = itemElement.offset().top, itemBottom = itemTop + itemHeight, itemField = self.media.browser.itemField(), itemFieldTop = itemField.offset().top, itemFieldBottom = itemFieldTop + itemField.height(); isVisible = !((itemTop < itemFieldTop && itemBottom < itemFieldTop) || (itemTop > itemFieldBottom && itemBottom > itemFieldBottom)); // #debug:start if (self.media.options.debug.itemVisiblity) { self.media.console("info", [ "Item visibility", { title: self.meta().title, isVisible: isVisible, item: self, itemHeight: itemHeight, itemTop: itemTop, itemBottom: itemBottom, itemFieldTop: itemFieldTop, itemFieldBottom: itemFieldBottom } ]); } // #debug:end return isVisible; }, setLayout: function(animate) { // Nothing to be done for folders if (self.meta().type=="folder") return; // Call handler's setLayout if exists if (self.handler && $.isFunction(self.handler.setLayout)) { return self.handler.setLayout(); } self.setIcon(); }, setIcon: function() { // If icon is loading, skip. if (self.setIcon.loading || self.setIcon.loaded) return; // If no icon given or item has been destroyed, skip. if (self.meta().icon===undefined || self._destroyed) return; self.setIcon.loading = true; $Browser.iconThread.addDeferred(function(thread) { var itemIcon = self.itemIcon(); // Save on calculating this // if we rely on a set layout seed if (!self.isVisible()) { self.setIcon.loading = false; thread.reject(); } else { var meta = self.meta(), place = self.place(), iconUrl = meta.icon.url; if (!self.setIcon.useNaturalUrl && !/jomsocial|flickr/.test(place.id) && meta.type==="image") { iconUrl = EasyBlog.baseUrl + "&view=media&layout=getIconImage" + "&place=" + encodeURIComponent(place.id) + "&path=" + encodeURIComponent(self.meta().path) + "&format=image&tmpl=component"; } self.element.addClass("loading-icon"); itemIcon .image("get", iconUrl) .done(function(){ self.element.removeClass("loading-icon"); self.setIcon.loaded = true; self.setIcon.loading = false; thread.resolve(); }) .fail(function(){ self.element.removeClass("loading-icon"); self.setIcon.loaded = false; self.setIcon.loading = false; thread.reject(); if (!self.setIcon.triedNaturalUrl) { self.setIcon.useNaturalUrl = true; self.setIcon.triedNaturalUrl = true; } }); } }); } } } ); EasyBlog.Controller("Media.Browser.Item.Folder", { defaultOptions: { "{childItem}": ".browserItem" } }, // Instance properties function(self) { var $Media, $Library, $Browser; return { init: function() { $Media = self.media; $Library = $Media.library; $Browser = $Media.browser; self.element.empty(); }, items: {}, // This is to make sure parent class's setLayout isn't called. setLayout: function() { var place = self.item.place(), status; switch (place.ready.state()) { case "pending": status = "loading"; break; case "rejected": status = "error"; break; case "resolved": if (self.folderView && self.folderView.map.length > 0) { status = "ready"; $Browser.browserPagination().show(); } else { switch (place.populate.task.state()) { case "pending": status = "loading"; break; case "rejected": status = "error"; break; case "resolved": if (self.folderView && self.folderView.map.length < 1) { status = place.acl.canUploadItem ? "empty canUpload" : "empty"; if (self.item.meta().place==="jomsocial" && self.item.meta().path===$Media.options.directorySeparator) { status = "selectAlbum"; } } else { status = "ready"; } $Browser.browserPagination().toggle(!/empty|selectAlbum/.test(status)); break; } } break; } $Browser.currentFolderStatus(status); $Browser.setItemLayout(); if(self.isChangingPage) { self.isChangingPage = false; } else { self.populatePages(); } }, populate: function(files) { if ($Browser.itemField().hasClass("searching")) return; var i, l = files.length; var _items = self.items; self.items = {}; // If there is nothing to show if (l<1) { // Detach everything try { // Wrapped in try catch because deleted items by may be involved. self.childItem().detach(); } catch(e) { } // TODO: If this at an imposible range, // revert to the last possible range. // return; } else { for (i=0; i<l; i++) { var key = files[i]; // This either return the newly created file, // or the file that has been previously created. var file = $Browser.createFile(key); file.element .appendTo(self.element); self.items[key] = file; delete _items[key]; } for (key in _items) { // TODO: Check if this will result in error for removed item // Then remove the try catch try { _items[key].element.detach(); } catch(e) { } } } // If we are populating in the background, // we don't need to set the item layout yet. if (self.item.place().itemGroup.hasClass("active") && self.element.hasClass("focus")) { self.setLayout(); } }, activate: function() { if (!self.folderView) { self.folderView = self.item.meta().data.views .create({from: 0, to: $Browser.options.layout.maxIconPerPage}); self.folderView .updated(self.populate); } self.setLayout(); }, populatePages: function() { var page = self.totalPage(); if(page < 2) { $Browser.browserPagination().hide(); } else { $Browser.browserPagination().show(); $Browser.pageSelection().html(''); for(var i = 1; i <= page; i++) { $Browser.view.paginationPage({ page: i }).appendTo($Browser.pageSelection()); } self.folderView.currentPage = self.folderView.currentPage || 1; $Browser.paginationPage().removeClass('selected'); $Browser.paginationPage('.page' + self.folderView.currentPage).addClass('selected'); } }, totalPage: function() { var totalItems = self.folderView.map.length, basePage = totalItems % $Browser.options.layout.maxIconPerPage, page = Math.floor((basePage > 0) ? totalItems / $Browser.options.layout.maxIconPerPage + 1 : totalItems / $Browser.options.layout.maxIconPerPage); if($Browser.totalPage().text() != page) { $Browser.totalPage().text(page); } return page; }, // both getter and setter currentPage: function(page, callback) { var current = parseInt(self.folderView.currentPage); if(isNaN(current)) { current = 1; self.folderView.currentPage = 1; $Browser.paginationPage().removeClass('selected'); $Browser.paginationPage(':first').addClass('selected'); } if(page===undefined) { page = { from: self.folderView.from }; } if($.isPlainObject(page) && page.from !== undefined) { var totalItems = self.folderView.map.length, currentPage = Math.floor(page.from / $Browser.options.layout.maxIconPerPage) + 1; } page = currentPage || page; if(page != current) { var from = (page - 1) * $Browser.options.layout.maxIconPerPage, to = from + $Browser.options.layout.maxIconPerPage; if(from != page.from) { self.folderView.select({from: from, to: to}); } self.folderView.currentPage = page; $Browser.paginationPage().removeClass('selected'); $Browser.paginationPage('.page' + page).addClass('selected'); $Browser.trigger('pageChanged', [current, page]); } callback && callback(); return page; }, next: function() { self.changePage('next'); }, prev: function() { self.changePage('prev'); }, changePage: function(type) { self.isChangingPage = true; var totalPage = self.totalPage(), currentPage = self.currentPage(); if(type == 'next' && currentPage < totalPage) { currentPage += 1; } if(type == 'prev' && currentPage > 1) { currentPage -= 1; } self.currentPage(currentPage); }, locateItem: function(meta) { var meta = $Library.getMeta(meta), page = self.getItemPage(meta); if (page) { self.currentPage(page, function(){ $Browser.focusItem(meta.key, true); }); } }, getItemPage: function(meta) { var meta = $Library.getMeta(meta), key = meta.key, mapLength = self.folderView.map.length, matchedIndex; $.each(self.folderView.map, function(i, value) { if(value == key) { matchedIndex = i; return false; } }); return (matchedIndex !== undefined) ? Math.floor(matchedIndex / $Browser.options.layout.maxIconPerPage) + 1 : false; } } } ); module.resolve(); }); // module: end media/browser.item.less 0000644 00000021402 15116747510 0011141 0 ustar 00 (~"@{MediaManager}") { .browserItemField { position: relative; text-align: left; overflow: hidden; height: 100%; margin-left: 181px; &.searching { .browserItemGroup { display: none !important; } .browserItemGroup.search-mode { display: block !important; } } // Hints: Start; .hints { background: #fff; .hint { display: none; } } &.ready { .hints { display: none; } overflow-y: scroll; } &.loading { .hint.hint-loading { margin-top: (42px / 2) * -1; display: block; i { width: 220px; height: 19px; background: url(loader.bar.gif) no-repeat; display: inline-block; } } } &.empty { .hint.hint-empty { display: block; .uploaderButton { display: none; } } &.canUpload { .hint.hint-empty { margin-top: -29px; .uploaderButton { display: inline-block; height: 32px; padding-left: 28px; margin-top: 4px; i { .icon-media(7, 2); display: block; height: 16px; left: 7px; position: absolute; top: 6px; width: 16px; } } } } } &.emptySearch { .hint.hint-emptySearch { display: block; } } &.error { .hint.hint-error { display: block; } } &.selectAlbum { .hint.hint-selectAlbum { display: block; } } &.flickr { .hint.hint-flickr { margin-top: (82px / 2) * -1; display: block; .hint-content { height: auto; padding: 0 100px 10px; } } } // Hints: End; .browserItemGroup { position: relative; width: 100%; display: none; border-bottom: 1px solid #fff; /* Fixes flickering */ .clearfix(); .unselectable(); &.active { display: block; } } .browserItem { position: relative; cursor: pointer; overflow: hidden; i.loading { background: url(loader.gif) center center no-repeat; width: 16px; height: 16px; display: none; } &.loading-icon { i.loading { display: block; } } .itemTitle { font-size: 12px; .unselectable(); } &.loading-icon { .itemIcon { .opacity(0); } } // Folder start &.item-type-folder { padding: 0; display: none; // Prevent width/height overriding by tile view width: auto !important; height: auto !important; &.active, &.focus { display: block; } } // Folder end } &.view-tile { .browserItem { .item-type-general() { float: left; .rounded(5px); // It is perfectly fine to increase tile height // as it won't affect the filling of available // horizontal space. padding-top: 10px; padding-bottom: 28px; i.loading { .absolute-center(-16px); margin-left: -10px; } .item-wrap { display: block; width: 100%; height: 100%; overflow: hidden; .item-wrap-outer { // Sets the boundary of the tile display: table; width: 100%; height: 100%; } // Sets the content boundary of the tile .item-wrap-inner { display: table-cell; padding: 0 10px; text-align: center; // Allow horizontal centering on child elements that are inline vertical-align: middle; // Allow vertical centering } } .itemIcon { display: inline; // So it can be centered horizontally z-index: 1; // Ensure this is above loading indicator // max-height: 100%; max-width: 100%; &.orientation-tall { width: 100%; // height: 100%; } &.orientation-wide { width: 100%; } &.orientation-square { width: 100%; } } .itemTitle { display: inline; position: absolute; bottom: 0; left: 0; width: 100%; height: 18px; margin-bottom: 10px; span { display: block; margin: 0 10px; line-height: 24px; // 18px + 6px cosmetic .text-overflow(); white-space: nowrap; overflow: hidden; } } &.active { .activeItemColorScheme(); } } &.item-type-file, &.item-type-image, &.item-type-audio, &.item-type-video { .item-type-general(); } &.item-type-image { .itemIcon { // .box-shadow(0px 0px 3px 0 rgba(0, 0, 0, 0.5)); } } &.item-type-folder { .clearfix(); } } } &.view-list { .browserItem { line-height: 32px; border-top: 1px solid #ddd; .item-wrap { position: relative; } i.loading { position: absolute; top: 8px; left: 6px; } .folderItemGroup { width: auto; } .item-type-general() { height: 32px; padding: 4px 8px; &.active { .activeItemColorScheme(); } .itemIcon { max-width: 32px; max-height: 32px; display: inline-block; position: absolute; z-index: 1; } .itemTitle { display: block; text-align: left; position: relative; z-index: 2; padding: 0 0 0 37px; } } &.item-type-file, &.item-type-image, &.item-type-audio, &.item-type-video, &.item-type-upload { .item-type-general(); } } } } } media/browser.js 0000644 00000101054 15116747510 0007654 0 ustar 00 // module: start EasyBlog.module("media/browser", function($) { var module = this; // require: start EasyBlog.require() .library( "image", "easing", "scrollTo", "throttle-debounce" ) .script( "media/browser.item" ) // .view( // "media/browser", // "media/browser.itemGroup", // "media/browser.item", // "media/browser.treeItemGroup", // "media/browser.treeItem", // "media/browser.paginationPage" // ) // .language( // 'COM_EASYBLOG_MM_CONFIRM_DELETE_ITEM', // 'COM_EASYBLOG_MM_CANCEL_BUTTON', // 'COM_EASYBLOG_MM_YES_BUTTON', // 'COM_EASYBLOG_MM_ITEM_DELETE_CONFIRMATION' // ) .done(function(){ var $Media, $Library, $Browser, $Uploader, $Prompt, DS; // controller: start EasyBlog.Controller("Media.Browser", // Class properties { defaultOptions: { view: { browser : "media/browser", itemGroup : "media/browser.item-group", item : "media/browser.item", treeItemGroup : "media/browser.tree-item-group", treeItem : "media/browser.tree-item", paginationPage : "media/browser.pagination-page" }, path: "", items: undefined, mode: "browse", layout: { viewMode: "tile", tileSize: 0.125, scrollToItemDuration: 500, scrollToItemEasing: 'swing', iconMaxLoadThread: 8 }, search: { chunkSize: 128, chunkDelay: 500 }, "{modalHeader}" : ".modalHeader", "{modalToolbar}" : ".modalToolbar", "{modalContent}" : ".modalContent", "{modalFooter}" : ".modalFooter", "{modalPrompt}" : ".modalPrompt", // Also shared with folder hint's .uploaderButton "{modalUploaderButton}" : ".uploaderButton", "{header}" : ".browserHeader", "{content}" : ".browserContent", "{footer}" : ".browserFooter", "{treeToggleButton}": ".browserTreeToggleButton", "{tileViewButton}" : ".browserTileViewButton", "{listViewButton}" : ".browserListViewButton", "{itemField}" : ".browserItemField", "{itemGroup}" : ".browserItemGroup", "{item}" : ".browserItem", "{treeItemField}" : ".browserTreeItemField", "{treeItemGroup}" : ".browserTreeItemGroup", "{treeItem}" : ".browserTreeItem", "{headerTitle}" : ".browserTitle", "{headerSearch}" : ".browserSearch", "{headerNavigation}": ".browserNavigation", "{headerUpload}" : ".browserUploadButton", "{footerStatus}" : ".browserStatus", "{footerMessage}" : ".browserMessage", "{itemActionSet}": ".browserItemActionSet", "{itemFieldHints}": ".browserItemField .hints", "{browserPagination}" : ".browserPagination", "{currentPage}" : ".currentPage", "{totalPage}" : ".totalPage", "{prevPageButton}" : ".prevPageButton", "{nextPageButton}" : ".nextPageButton", "{pageSelection}" : ".pageSelection", "{paginationPage}" : ".paginationPage", "{searchInput}" : ".searchInput" } }, // Instance properties function(self) { return { init: function() { // Globals $Media = self.media; $Library = $Media.library; $Browser = $Media.browser = self; DS = $Media.options.directorySeparator; self.iconThread = $.Threads({threadLimit: self.options.layout.iconMaxLoadThread}); self.enqueue = $.Enqueue(); // Render browser UI self.element .addClass("browser") .html( self.view.browser() ); // Browser navigation self.headerNavigation() .implement( EasyBlog.Controller.Media.Navigation, { controller: self.controllerProps() }, function() { // Assign controller as a property of myself self.navigation = this; } ); self.modalPrompt() .implement( EasyBlog.Controller.Media.Prompt, { controller: self.controllerProps() }, function() { $Prompt = self.promptDialog = this; } ); // Implement browser actions self.element .implement( EasyBlog.Controller.Media.Browser.Actions, { controller: self.controllerProps() }, function() { self.actions = this; } ); self.search = $.debounce(500, self._search); // Set to browse mode self.mode("browse"); // Always revert to browser mode when going back to dashboard $Media.element.bind("hideModal", function(){ self.mode("browse"); }); // Set browser layout self.viewMode(self.options.layout.viewMode); self.setLayout(); // Bind item group scroll event self._bind( self.itemField(), "scroll", $.debounce(250, self["{itemField} scroll"]) ); // Create all places $.each($Library.places, function(id, place) { self.createPlace(place); }); // Determine which place is the initial place, // if no intial place was given, automatically select // the first place on the list. self.activatePlace(self.options.initialPlace || $Library.places[0].id) .done( self.enqueue(function(place){ self.activateItem(place.baseFolder()); }) ); }, controllerProps: function(prop) { return $.extend( { media: $Media }, prop || {}); }, items: {}, createPlace: function(place) { var place = $Library.getPlace(place); place.treeItemGroup = self.view.treeItemGroup() .appendTo(self.treeItemField()); place.treeItem = self.view.treeItem({title: place.title}) .addClass("type-place") .data("place", place) .appendTo(place.treeItemGroup); place.itemGroup = self.view.itemGroup() .appendTo(self.itemField()); return place; }, activatePlace: function(place) { var place = $Library.getPlace(place); if (place===undefined) return; // Toggle active class on item group self.itemGroup().removeClass("active"); place.itemGroup.addClass("active"); // Toggle active class on item tree self.treeItem().removeClass("active"); place.treeItem.addClass("active"); // Create the activator task if (!place.activator) { place.activator = $.Deferred(); } // If flickr is not authenticated yet if (place.id==="flickr" && !place.options.associated) { // Show the flickr login prompt $Browser.currentFolderStatus("flickr"); return place.activator; } if (!place.populated) { // Mark as populated so this doesn't run again place.populated = true; // Add busy indicator self.currentFolderStatus("loading"); var populator = /jomsocial|flickr/.test(place.id) ? place.populate() : place.ready; populator .done(function() { // Create base folder var baseFolderItem = self.createFolder(place.baseFolder()); place.activator.resolveWith(place, [place, baseFolderItem]); }) .fail(function() { self.currentFolderStatus("error"); place.activator.rejectWith(place, arguments); }); } return place.activator; }, getItem: function(item) { // Skip going through all the tests below. if (item===undefined) return; // Item instance if (item instanceof EasyBlog.Controller.Media.Browser.Item) { return item; } // Item key if (typeof item === "string") { return self.items[item]; } // Meta if ($Library.isMeta(item)) { return self.items[$Library.getKey(item)]; } }, createItem: function(meta, options) { var meta = $Library.getMeta(meta); if (!meta) return; // Create item, store to item map, return item. return self.items[meta.key] = new EasyBlog.Controller.Media.Browser.Item( self.view.item({meta: meta}), { controller: { key: meta.key, media: $Media } } ); }, createFolder: function(meta, options) { var meta = $Library.getMeta(meta); return self.getItem(meta) || (function(){ // Create & insert item var item = self.createItem(meta); var place = item.place(), parentFolder = item.parentFolder(); ((parentFolder) ? item.element .insertAfter(parentFolder.element) : item.element .appendTo(place.itemGroup)); // Create & insert tree item item.treeItem = ((parentFolder) ? self.view.treeItem({title: meta.title}) .addClass("type-folder") .css("marginLeft", 18 * (meta.path.split(DS).length - 1)) .insertAfter(parentFolder.treeItem) : place.treeItem // Store a reference to the item ).data("item", item); // Listen to the subfolder for changes meta.data.views .create({group: "folders"}) .updated(function(folders){ $.each(folders, function(i, key) { self.createFolder(key); }); }); return item; })(); }, createFile: function(meta, options) { var meta = $Library.getMeta(meta); return self.getItem(meta) || self.createItem(meta); }, removeItem: function(item) { clearTimeout(self.removeItem.revert); var item = self.getItem(item), parentFolder = item.parentFolder(); // Remove item element & handler item.remove(); // Remove treeItem if it exists if (item.treeItem) { item.treeItem.remove(); } // Delete from entry delete self.items[item.key]; // Don't revert if searching if (self.itemField().hasClass("searching")) return; self.removeItem.revert = setTimeout(function(){ if (parentFolder) { self.activateItem(parentFolder); } }, 500); }, focusItem: function(item, alsoActivate) { var item = self.getItem(item); // If item does not exist, skip. if (!item) return; if (!alsoActivate) { // Set item as current item self.currentItem(item); // Remove the active class because // we just want to focus it, not activate it. item.element.removeClass("active"); } else { self.activateItem(item); } self.scrollTo(item); self.trigger("itemFocus", [item]); }, locateItem: function(meta) { if (self.itemField().hasClass("searching")) { self.clearSearch(true); } var meta = $Library.getMeta(meta); if (!meta) return; self.activatePlace(meta.place) .done( self.enqueue(function() { var isFolder = meta.type==="folder", item = self.activateItem((isFolder) ? meta : meta.parentKey); if (item===undefined) return; if (!isFolder) { item.handler.locateItem(meta); } // Quick monkey patch var folderView = item.handler.folderView; if (folderView) { folderView.refresh(); } }) ); }, activateItem: function(item) { var item = self.getItem(item); // If item does not exist, skip. if (!item) return; // Set item as current item self.currentItem(item); // Activating an item will trigger its handler, e.g. // for folders it will generate items inside it. item.activate(); self.trigger("itemActivate", [item]); return item; }, scrollTo: function(item) { var item = self.getItem(item); if (!item) return; self.itemField() .scrollTo(item.element, { duration: self.options.layout.scrollToItemDuration, easing: self.options.layout.scrollToItemEasing, // This means that the item will be scrolled to 10% from the top of the field offset: {top: self.itemField().height() * -0.10} }); }, currentItem: function(item) { // Get current item. var currentItem = self.currentItem.item; // If current item has been destroyed, if (currentItem && currentItem._destroyed) { // set current item as undefined. currentItem = self.currentItem.item = undefined; } // If this is a setter operation, get the item. var item = self.getItem(item); // If the new current item does not exist, // just return current item. if (!item) return currentItem; // If the new current item has already been destroyed, // just return current item. if (item._destroyed) return currentItem; // If previous current item exists, if (currentItem) { /// remove its active & focus class. currentItem.element.removeClass("active focus"); // Also, if this item is a file, // remove active & focus class from its parent folder. if (currentItem.meta().type!=="folder") { currentItem.parentFolder().element.removeClass("active focus"); } // Also remove active class from place's itemgroup currentItem.place().itemGroup.removeClass("active"); } // Add active & focus class to new current item item.element.addClass("active focus"); // Lets see if this item is a folder. var isFolder = item.meta().type=="folder"; // If new current item is file, if (!isFolder) { // then add a focus class to its parent folder. item.parentFolder().element.addClass("focus"); } // Add active class to item group item.place().itemGroup.addClass("active"); // If this a folder, set current folder to the item itself. // If this is a file, set current folder to the item's parent folder. self.currentFolder( (isFolder) ? item : item.parentFolder() ); // Set the navigation to the new current item. self.navigation.setPathway(item.key); // Set and return new current item. return self.currentItem.item = item; }, currentFolder: function(folder) { // Get current folder var currentFolder = self.currentFolder.folder; // If current folder has been destroyed, if (currentFolder && currentFolder._destroyed) { // set current folder as undefined. currentFolder = self.currentFolder.folder = undefined; } // If this is a setter operation, get the item. var folder = self.getItem(folder); // If the folder does not exist, return current folder. // Also, as getter operation. if (!folder) return currentFolder; // Add active class to new current folder self.treeItem().removeClass("active"); folder.treeItem.addClass("active"); // Also expand the place tree if (folder.meta().path!==DS) { folder.place().treeItemGroup.addClass("expanded"); } // Also refresh view if (folder.handler.folderView) { if (folder.handler.refreshSeed!==self.folderRefreshSeed) { folder.handler.folderView.refresh(); folder.handler.refreshSeed = self.folderRefreshSeed; } } // Set and return new current folder. return self.currentFolder.folder = folder; }, currentFolderStatus: function(status) { // Quick monkey patch to prevent double activation (also fixes jomsocial) if (self.itemField().hasClass("searching") && !/emptySearch|ready/.test(status)) return; var lastStatus = self.currentFolderStatus.lastStatus; // Getter if (status === undefined) return lastStatus; // Setter if (typeof status !== "string") return; // Remove last status if (lastStatus) { self.itemField() .removeClass(lastStatus); } // Add new status self.itemField().addClass(status); return self.currentFolderStatus.lastStatus = status; }, setLayout: function() { // Skip if no layout has been set OR current modal is not us. if (!$Media.layout || $Media.currentModal!=="browser") return; var contentHeight; self.modalContent() .hide() .height( contentHeight = self.element.height() - self.modalHeader().outerHeight() - self.modalToolbar().outerHeight() - self.modalFooter().outerHeight() ) .show(); if ($.browser.msie) { self.treeItemField() .height(contentHeight); self.itemField() .height(contentHeight); self.itemFieldHints() .height(contentHeight); } self.setItemLayout(); self.trigger("setLayout"); }, setItemStyle: function(force) { // If this is not forced, skip setting item style // if layout seed hasn't changed yet. if (!force) { // Get current layout seed var seed = $Media.layout; // If layout seed matches, no setting of item style is necessary. if (self.setItemStyle.seed===seed) return; // Set current layout seed self.setItemStyle.seed = seed; } // Set up variables var viewMode = self.viewMode(), cssRules = {}; if (viewMode=="tile") { var browserItem = "#EasyBlogMediaManager .browser .browserItemField.view-tile .browserItem", availableWidth = (function() { var testElement = $(document.createElement("DIV")).prependTo(self.itemField()), availableWidth = testElement.width(); testElement.remove(); return availableWidth; })(), itemWidth = Math.floor(availableWidth * self.options.layout.tileSize), itemHeight = itemWidth - 24; cssRules[browserItem] = { width: itemWidth + "px", height: itemHeight + "px" } } // Get the document head var head = document.getElementsByTagName("head")[0]; // Remove previous stylesheet if (self.itemStyle) { try { head.removeChild(self.itemStyle); } catch(e) {}; } // Create new stylesheet self.itemStyle = document.createElement("style"); self.itemStyle.type = "text/css"; // Generate css text var cssText = ""; $.each(cssRules, function(selector, props) { cssText += selector + "{" + $.map(props, function(val, key){ return key + ":" + val; }).join(";") + "}\n"; }); // Append css text to stylesheet if (self.itemStyle.styleSheet) { self.itemStyle.styleSheet.cssText = cssText; } else { self.itemStyle.appendChild(document.createTextNode(cssText)); } // Append stylesheet to head head.appendChild(self.itemStyle); }, setItemLayout: function() { // Skip if no layout has been set OR current modal is not us. if (!$Media.layout || $Media.currentModal!=="browser") return; self.setItemStyle(); setTimeout(function() { var items = []; if (self.itemField().hasClass("searching")) { // Monkey patch if (self.searchItemGroup) { items = self.searchItemGroup.find(".browserItem"); } } else { // If there's no current folder selected, don't do anything. var currentFolder = self.currentFolder(); if (currentFolder===undefined) return; items = currentFolder.childItem(); } if (items.length < 1) return; // Drill down var itemFieldOffset = self.itemField().offset(), item, itemOffset, j = items.length, i = 1; if (items.length < 1) return; while (Math.abs(j - i) > 1) { item = items.eq(i-1); itemOffset = item.offset(); var itemBottom = itemOffset.top - itemFieldOffset.top + item.outerHeight(); if (itemBottom < 0) { i = Math.ceil((j + i) / 2); } else { j = i; i = Math.ceil(j / 2); } } // From the first found visible item, // work backwards & forwards until all // visible items on the viewport are covered if (i===1) i = 0; var b = i, f = i, min = 0, max = items.length - 1; setLayout = function(i) { if (i < min || i > max) return false; var item = items.eq(i).data("item"); if (!item.isVisible()) return false; item.setLayout(); }; while (true) { if (setLayout(b)===false) break; b--; } while (true) { if (setLayout(f)===false) break; f++; } }, 0); }, viewMode: function(mode) { // Get current view mode var currentMode = self.viewMode.mode; // If a mode hasn't been set yet, take from options. if (!currentMode) { currentMode = self.viewMode.mode = self.options.layout.viewMode; } // Setter operation if (mode!==undefined) { // Force a seed refresh self.setItemStyle.seed = null; // Replace view mode self.itemField() .removeClass("view-" + currentMode) .addClass("view-" + mode); // Update current view mode self.viewMode.mode = currentMode = mode; // Set browser layout self.setLayout(); // Scroll to current item (as its position have changed in different view modes) var currentItem = self.currentItem(); if (currentItem!==undefined) { self.scrollTo(currentItem); } } // Getter operation return currentMode; }, mode: function(mode) { // Getter if (mode===undefined) return self.mode.currentMode || "browse"; switch (mode) { case "browse": self.element .removeClass("mode-blogimage") .addClass("mode-browse"); // Quick monkey patch to hide jomsocial & flickr items // under blog imagemode. $.each($Library.places, function(i, place){ if (/jomsocial|flickr/.test(place.id)) { place.treeItemGroup && place.treeItemGroup.show(); place.itemGroup && place.itemGroup.show(); } }); break; case "blogimage": self.element .addClass("mode-blogimage") .removeClass("mode-browse"); // Quick monkey patch to hide jomsocial & flickr items // under blog imagemode. var currentItem = self.currentItem(), switchToNearestLocalPlace = false; if (currentItem) { if (/jomsocial|flickr/.test(currentItem.place().id)) { switchToNearestLocalPlace = true; } } $.each($Library.places, function(i, place){ if (/jomsocial|flickr/.test(place.id)) { place.treeItemGroup && place.treeItemGroup.hide(); place.itemGroup && place.itemGroup.hide(); } else { if (switchToNearestLocalPlace) { switchToNearestLocalPlace = false; if (place.treeItem) { place.treeItem.click(); } } } }); break; } self.mode.currentMode = mode; }, "{self} itemActivate": function(el, event, item) { self.itemActionSet().removeClass("active"); if (item.meta().type=="folder") { self.itemActionSet(".type-folder").addClass("active"); } else { self.itemActionSet(".type-item").addClass("active"); } }, "{headerNavigation} activate": function(el, event, key) { self.activateItem(key); }, "{tileViewButton} click": function(el, event) { el.addClass("active") .siblings() .removeClass("active"); self.viewMode("tile"); }, "{listViewButton} click": function(el, event) { el.addClass("active") .siblings() .removeClass("active"); self.viewMode("list"); }, "{treeItem} click": function(el, event) { self.clearSearch(true); var item = el.data("item"); if (el.hasClass("type-place")) { var place = el.data("place"); // If the toggle icon was clicked if ($(event.target).hasClass("treeItemToggle")) { // Expand the tree group place.treeItemGroup.toggleClass("expanded"); } self.activatePlace(place) .done( self.enqueue(function(place, baseFolder) { if (place.id==="jomsocial") { place.treeItemGroup.addClass("expanded"); } self.activateItem(baseFolder); }) ); return; } self.activateItem(item); }, "{itemField} scroll": function(el, event) { self.setItemLayout(); }, "{item} click": function(el, event) { // Prevents click event from being bubbled back to parent folder item event.stopPropagation(); var item = el.data("item"); if (item===undefined) return; var place = item.place(); self.activatePlace(place) .done( self.enqueue(function(place, baseFolder) { // Monkey patch to work with search // self.activateItem(baseFolder); self.activateItem(item); }) ); }, "{item} dblclick": function(el, event) { // Prevents click event from being bubbled back to parent folder item event.stopPropagation(); var item = el.data("item"); // #debug:start if (event.shiftKey) { $Media.console("log", [item]); return; } // #debug:end if (item===undefined) return; if (item.meta().type=="folder") return; if(self.mode.currentMode==='blogimage') { if (item.meta().type=="image") { // We are getting the raw meta var meta = $Library.meta[item.key]; EasyBlog.dashboard.blogImage.setImage(meta); $Media.hide(); } } else { $Media.edit(item.key); } }, "{modalUploaderButton} click": function() { var item = self.currentFolder(); $Media.upload((item.place().acl.canUploadItem) ? item.key : ""); }, "{self} modalActivate": function(el, event, meta, mode) { if (mode!==undefined) { self.mode(mode); } var meta = $Library.getMeta(meta) || self.currentItem().meta(); if (meta) { self.locateItem(meta); } }, "{prevPageButton} click": function() { var folder = $Browser.currentFolder(); folder.handler.changePage('prev'); }, "{nextPageButton} click": function() { var folder = $Browser.currentFolder(); folder.handler.changePage('next'); }, // "{pageSelection} change": function(el) { // var folder = $Browser.currentFolder(), // page = el.val(); // folder.handler.currentPage(page); // }, "{pageSelection} click": function(el) { if(self.paginationPage().length > 1) { el.toggleClass('expanded'); } }, "{paginationPage} click": function(el) { if(self.pageSelection().hasClass('expanded') && !el.hasClass('selected')) { var page = el.data('page'), folder = $Browser.currentFolder(); folder.handler.isChangingPage = true; folder.handler.currentPage(page); } }, "{window} click": function(el, event) { var className = $(event.target).attr('class'); if(!/pageSelection|paginationPage/.test(className)) { if(self.pageSelection().hasClass('expanded')) { self.pageSelection().removeClass('expanded'); } } }, _search: function(keyword) { if (!self.itemBeforeSearch) { self.itemBeforeSearch = self.currentItem().meta(); } self.element.addClass("searching"); self.itemField() .addClass("searching"); if (!self.searchItemGroup) { self.searchItemGroup = self.view.itemGroup() .appendTo(self.itemField()); } self.searchItemGroup .addClass("active search-mode"); var timer; self.searchView = $Library.search(keyword) .create({from: 0, to: 300}) .updated(function(files){ var l = files.length; if (l < 1) { timer = setTimeout(function(){ $Browser.currentFolderStatus("emptySearch"); }, 500); return; } clearTimeout(timer); $Browser.currentFolderStatus("ready"); for (i=0; i<l; i++) { var key = files[i]; // This either return the newly created file, // or the file that has been previously created. var file = $Browser.createFile(key); file.element .appendTo(self.searchItemGroup); } self.setItemLayout(); }); }, clearSearch: function(cancel) { self.folderRefreshSeed = $.uid(); if (cancel) { self.searchInput().val("").blur(); } self.element.removeClass("searching"); self.itemField() .removeClass("searching"); if (self.searchItems) { $.each(self.searchItems, function(i, item){ $(item).detach(); }); } if (self.searchItemGroup) { self.searchItemGroup .find(".browserItem") .detach(); self.searchItemGroup.removeClass("active"); } if (self.searchView) { self.searchView.destroy(); } delete self.searchView; if (self.itemBeforeSearch) { self.locateItem(self.itemBeforeSearch); } }, "{searchInput} focusin": function(el) { el.parent().addClass("active"); if ($.trim(el.val())!=="") { el.parent().addClass("showCancelButton"); } }, "{searchInput} focusout": function(el) { setTimeout(function(){ if ($.trim(el.val())==="") { el.parent().removeClass("active showCancelButton"); } }, 50); }, "{searchInput} keyup": function(el) { var keyword = $.trim(el.val()); if (keyword==="") { el.parent().removeClass("showCancelButton"); self.clearSearch(); delete self.itemBeforeSearch; return; } el.parent().addClass("showCancelButton"); self.search(keyword); } }} ); // controller: end EasyBlog.Controller("Media.Browser.Actions", { defaultOptions: { // Item actions "{customizeItemButton}": ".customizeItemButton", "{insertAsGalleryButton}": ".insertAsGalleryButton", "{insertItemButton}": ".insertItemButton", "{insertBlogImageButton}": ".insertBlogImageButton", // Create folder prompt "{createFolderButton}" : ".createFolderButton", "{confirmCreateFolderButton}" : ".createFolderPrompt .confirmCreateFolderButton", "{folderPath}" : ".createFolderPrompt .folderPath", "{folderCreationPath}" : ".createFolderPrompt .folderCreationPath", "{folderInput}" : ".createFolderPrompt .folderInput", "{folderCreationFailedReason}": ".createFolderPrompt .folderCreationFailedReason", // Remove item prompt "{removeItemButton}" : ".removeItemButton", "{removeItemFilename}" : ".removeItemPrompt .removeItemFilename", "{confirmRemoveItemButton}": ".confirmRemoveItemButton", "{removeItemFailedReason}" : ".removeItemPrompt .removeItemFailedReason", // Flickr login "{flickrLoginButton}": ".flickrLoginButton", // Search "{cancelSearchButton}": ".cancelSearchButton", // Error prompt "{retryPopulateButton}": ".retryPopulateButton" } }, function(self) { return { init: function() { }, "{self} itemActivate": function(el, event, item) { self.item = item; var acl = item.place().acl; // If the current file can't be removed, hide remove item button. self.removeItemButton() .toggle(acl.canRemoveItem); self.createFolderButton() .toggle(acl.canCreateFolder); // Show insert blog image button if we are selecting blog image self.insertBlogImageButton().toggle($Browser.mode()==="blogimage" && item.meta().type==="image"); }, // Item actions "{customizeItemButton} click": function() { $Media.edit(self.item.key); }, "{insertAsGalleryButton} click": function() { $Media.insert(self.item.key); }, "{insertItemButton} click": function() { $Media.insert(self.item.key); }, "{insertBlogImageButton} click": function() { // We are getting the raw meta var meta = $Library.meta[self.item.key]; EasyBlog.dashboard.blogImage.setImage(meta); $Media.hide(); }, // Create folder prompt "{createFolderButton} click": function() { $Prompt.get("createFolderPrompt") .show() .state("default"); var currentFolder = $Browser.currentFolder(); // Set folder path self.folderPath() .html(currentFolder.meta().friendlyPath); self.folderInput() .focus()[0] .select(); }, "{folderInput} keyup": function(el, event) { if (event.keyCode==13) { self.confirmCreateFolderButton().click(); } }, "{confirmCreateFolderButton} click": function() { var folderName = $.trim(self.folderInput().val()); // Don't do anything if folder name not given if (folderName==="") return; // Get friendly path of the new folder var parentMeta = $Browser.currentFolder().meta(), path = parentMeta.friendlyPath + DS + folderName; // and set it to the folder creation path self.folderCreationPath() .html(path); // Show progress state var createFolderPrompt = $Prompt.get("createFolderPrompt"); createFolderPrompt.state("progress"); // Create folder on server $Library.createFolder(parentMeta, folderName) .done(function(meta){ var item = $Browser.createFolder(meta); createFolderPrompt.hide(); $Browser.activateItem(item); }) .fail(function(message){ self.folderCreationFailedReason() .html(message); createFolderPrompt.state("fail"); }); }, // Remove item prompt "{removeItemButton} click": function() { self.removeItemFilename() .html(self.item.meta().title); // Show prompt $Prompt.get("removeItemPrompt") .show() .state("default"); }, "{confirmRemoveItemButton} click": function(el) { var removeItemPrompt = $Prompt.get("removeItemPrompt"); removeItemPrompt.state("progress"); $Library.removeRemoteMeta(self.item.key) .done(function(){ removeItemPrompt.hide(); }) .fail(function(message){ self.removeItemFailedReason() .html(message); removeItemPrompt.state("fail"); }); }, "{flickrLoginButton} click": function(el) { var login = el.data("login"), callback = el.data("callback"), activateFlickrPlace = $Browser.enqueue(function(){ $Browser.activatePlace("flickr") .done( $Browser.enqueue(function(place, baseFolder){ $Browser.activateItem(baseFolder); }) ); }); window[callback] = function() { var place = $Library.getPlace("flickr"); // Flickr is now associated place.options.associated = true; // Reactivate flickr place activateFlickrPlace(); } window.open(login, "Flickr Login", 'scrollbars=no, resizable=no, width=650, height=700'); }, "{cancelSearchButton} click": function() { $Browser.clearSearch(true); }, "{retryPopulateButton} click": function() { var place = self.item.place(); delete place.activator; place.populated = false; place.treeItem.click(); } }} ); // controller: end module.resolve(); }); // require: end }); // module: end media/browser.less 0000644 00000020503 15116747511 0010206 0 ustar 00 (~"@{MediaManager}") { .browser { background: #fff; .modalTitle { .modalTitleSnippet { display: none; } } &.mode-browse { .title-browse { display: inline; } .title-blogimage { display: none; } } &.mode-blogimage { .title-browse { display: none; } .title-blogimage { display: inline; } .insertItemButton, .customizeItemButton, .insertAsGalleryButton { display: none !important; } } &.searching { .browserPagination { display: none !important; } } .browserHeader { .browserItemActionSet { display: none; &.active { display: block; } .green-button { margin-right: 0 !important; } } .insertItemButton { > i { .icon-media(7, 4); } } .insertBlogImageButton { > i { .icon-media(7, 4); } display: none; } .customizeItemButton { > i { .icon-media(8, 4); } } .insertAsGalleryButton { > i { .icon-media(9, 4); width: 20px !important; } } .removeItemButton { padding-left: 27px !important; > i { .icon-media(8, 1); } } } .browserContent { position: relative; z-index: 2; } .browserFooter { position: relative; .clearfix(); .footerButtons() { padding-left: 6px + 16px + 4px !important; > i { display: inline-block; position: absolute; top: 4px; left: 6px; width: 16px; height: 16px; } } .browserTreeItemFooter { width: 180px; height: 36px; border-right: 1px solid #CCCCCC; float: left; position: relative; .createFolderButton { .footerButtons(); > i { .icon-media(10, 4); } } } .browserItemFooter { height: 36px; margin-left: 181px; border-left: 1px solid #FFFFFF; position: relative; } .browserPagination { i { display: block; width: 16px; height: 16px; position: absolute; top: 5px; left: 6px; } .prevPageButton { .border-radius(0px, 0px, 3px, 3px); float: right; padding-left: 20px; > i { .icon-media(3, 1); } } .nextPageButton { .border-radius(3px, 3px, 0px, 0px); float: right; padding-left: 20px; > i { .icon-media(2, 1); } } .pageNumber { float: right; height: 27px; width: 72px + 1; margin-left: -1px; position: relative; .box-shadow(0 1px 0 rgba(255,255,255,0.7)); } .pageSelection { margin: 0; padding: 0; border-bottom-color: #999999; border-left: none; border-right: none; position: absolute; bottom: 0; width: 72px; height: 25px; list-style: none; background: white; border: 1px solid #aaa; cursor: pointer; overflow: none; .paginationPage { display: none; &.selected { display: block; } } &.expanded { max-height: 200px; min-height: 75px; height: auto; overflow-y: scroll; .paginationPage { display: block; &.selected { .activeItemColorScheme(); } } } } .paginationPage { height: 25px; line-height: 25px; text-align: center; cursor: pointer; &:hover { .hoverItemColorScheme(); } } .pageBreakdown { display: none; } } } .browserViewButtons { position: absolute; top: 4px; right: 4px; button.button { float: left; padding: 0 14px !important; // (16px + 6px + 6px) / 2 position: relative; > i { display: block; width: 16px; height: 16px; position: absolute; top: 4px; left: 6px; } &.active { background: #777 !important; filter: none !important; // Fixes IE not having dark background } &.browserListViewButton { .border-radius(0px, 0px, 3px, 3px); border-right: none; > i { .icon-media(9, 2); } } &.browserListViewButton.active { > i { .icon-media(9, 1); } + .browserTileViewButton { border-left: none; } } &.browserTileViewButton { .border-radius(3px, 3px, 0px, 0px); > i { .icon-media(10, 2); } } &.browserTileViewButton.active { > i { .icon-media(10, 1); } } } } .modalPrompt { .modalPromptDialog { .emphasis() { font-weight: bold; color: black; word-wrap: break-word; } &.createFolderPrompt { height: 200px; margin-top: -100px - 48px; .folderPath { .emphasis(); } .folderInput { width: 220px; } .folderCreationPath { .emphasis(); } } &.removeItemPrompt { height: 220px; margin-top: -110px - 48px; .removeItemFilename { .emphasis(); } } &.flickrLoginPrompt { .flickrLogin { margin: 15px; border: none; overflow: hidden; width: 400px; } } } } } } media/browser.search.less 0000644 00000002337 15116747511 0011457 0 ustar 00 (~"@{MediaManager}") { .browserSearch { float: right; position: relative; margin: 8px; background: darken(#343A44, 5%); height: 28px; width: 150px; .rounded(3px); border: 1px solid darken(#343A44, 10%); .box-shadow(~"inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2)"); i { display: inline-block; width: 16px; height: 16px; position: absolute; top: 6px; left: 4px; .icon-media(3, 2); cursor: pointer; } &.active { i { .icon-media(4, 2); } } &.showCancelButton:hover { i { .icon-media(5, 2); } } padding-left: 22px; .searchInput { background: transparent; border: none !important; width: 95%; line-height: 30px; height: 30px; font-size: 12px; color: #fff; box-shadow: none !important; padding: 0; margin: 0; } .searchInput:focus { box-shadow: none !important; } } } media/browser.treeItem.less 0000644 00000003643 15116747511 0011771 0 ustar 00 (~"@{MediaManager}") { .browserTreeItemField { position: relative; overflow: auto; float: left; background: #f5f5f5; width: 180px; height: 100%; border-right: 1px solid #ccc; } .browserTreeItemGroup { .clearfix(); border-bottom: 1px solid #F5F5F5; &.expanded { .browserTreeItem { &.type-folder { display: block; } &.type-place { i { .icon-media(14, 4); } &.active i { .icon-media(14, 3); } } } } } .browserTreeItem { position: relative; cursor: pointer; padding: 3px 3px 3px 22px; text-align: left; height: 16px; line-height: 16px; white-space: nowrap; i { width: 16px; height: 16px; position: absolute; top: 3px; left: 3px; } .treeItemTitle { .unselectable(); } &.active { .activeItemColorScheme(); } &.loading i { background: url(loader.gif) no-repeat center center !important; } &.type-folder { display: none; padding-left: 4px + 16px + 4px; margin-left: 18px; margin-right: 4px; overflow: hidden; padding-right: 4px; .text-overflow(); .rounded(3px); min-width: 32px; i { .icon-media(10, 3); left: 4px; } } &.type-place { i { .icon-media(14, 2); } &.active i { .icon-media(14, 1); } } } } media/common.less 0000644 00000013337 15116747511 0010022 0 ustar 00 .icon-media(@x,@y) { background: url(icon.media.png) no-repeat; .spriteGrid-32(@x, @y); } .normalGreenButton() { color: white !important; border: 1px solid #3a950b !important; .text-shadow(1px, 1px, 0, #2f7e07); .box-shadow(0 1px 0 rgba(255,255,255,0.7)); .vertical-gradient(#7ad242, #4abb10); &:hover { .vertical-gradient(lighten(#7ad242, 3%), lighten(#4abb10, 3%)); } } .activeItemColorScheme() { .vertical-gradient(#4d71b5, #2f59a8); color: white; } .hoverItemColorScheme() { background: lighten(#2f59a8, 45%); } .normalHeaderColorScheme() { .vertical-gradient(#f5f5f5, #dfdfdf); } .hoverHeaderColorScheme() { .vertical-gradient(lighten(#f5f5f5, 3%), lighten(#dfdfdf, 3%)); } .activeHeaderColorScheme() { .vertical-gradient(#dddddd, #c9c9c9); border-color: #b8b8b8; button.button { .vertical-gradient(#fff, #dadada); &:hover { .vertical-gradient(lighten(#fff, 3%), lighten(#dadada, 3%)); } } } .insetButton() { border: 1px solid #aaa; border-bottom-color: #999; &.active { border: 1px solid darken(#aaa, 30%); border-bottom-color: darken(#999, 10%); } &.green-button { @lightGreen: #87AB60; @darkGreen: #74954F; border: 1px solid @lightGreen; border-bottom-color: @darkGreen; &.active { border: 1px solid darken(@lightGreen, 30%); border-bottom-color: darken(@darkGreen, 10%); } } } (~"@{MediaManager}") { .button-tooltip { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #BBBBBB; border-radius: 2px 2px 2px 2px; padding: 10px; .text-shadow(0, 0, 0, transparent); color: #444 !important; position: absolute; text-align: left; width: 250px; z-index: 2; > i { background: url("../../../../components/com_easyblog/themes/dashboard/system/images/a-point-top.png") no-repeat top left transparent; display: block; width: 15px; height: 8px; position: absolute; top: -8px; right: 12px; z-index: 3; } } .hints { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f6f6f6; text-align: center; z-index: 1; .hint { margin-top: -11px; position: absolute; top: 50%; width: 100%; } .hint-label { font-size: 22px; line-height: 22px; padding: 12px; display: block; color: #bbb; .text-shadow(1px, 1px, 0px, #fff); } .hint-content { display: block; font-size: 12px; height: 22px; line-height: 22px; color: #999; .text-shadow(1px, 1px, 0, #fff); } } button.button { display: inline-block; background: #fafafa; margin: 0; padding: 0 8px !important; height: 28px; font-weight: bold; font-family: 'Lucida Grande',Tahoma,sans-serif; font-size: 11px; line-height: 11px; color: #555 !important; text-decoration: none !important; width: auto; overflow: visible; vertical-align: top; cursor: pointer; position: relative; z-index: 1; text-transform: none !important; .insetButton(); .box-shadow(0 1px 0 rgba(255,255,255,0.7)); .rounded(3px); .vertical-gradient(#fff, #eee); .text-shadow(1px, 1px, 0px, #fff); &&::-moz-focus-inner { border: 0; padding: 0; margin: 0; } &.hover, &:hover { .vertical-gradient(lighten(#fff, 5%), lighten(#eee, 5%)); } &.active { background: #999; .box-shadow(~"0 1px 0 rgba(255,255,255,0.7), 0 2px 5px rgba(0, 0, 0, 0.4) inset"); color: #fff !important; } &.green-button { @darkGreen: #85BF46; @lightGreen: #9FDA5F; @shadowGreen: #74954F; color: #fff !important; .text-shadow(1px, 1px, 0px, @shadowGreen); .vertical-gradient(@lightGreen, @darkGreen); &:hover { .vertical-gradient(lighten(@lightGreen, 5%), lighten(@darkGreen, 5%)); } } .button-tooltip { display: none; top: 28px + 8px + 2px; right: -1px; } &.hover, &:hover { .button-tooltip { display: block; } } } @-moz-document url-prefix() { progress { } } progress[role] { display: inline-block; position: relative; width: 90%; background:#fff; -moz-box-sizing: border-box; box-sizing: border-box; } progress[role], progress[aria-valuenow]:before { background-color: #5af; } progress[role], progress[role]:after { background-repeat:repeat-x; background-position: 0 0; -moz-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; } /* Determinate only overrides */ progress[aria-valuenow] { background: #eee; } progress[aria-valuenow]:before { content: ""; display: block; height: 100%; } /* Overlay */ progress[role]:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } media/constrain.js 0000644 00000013351 15116747511 0010174 0 ustar 00 EasyBlog.module('media/constrain', function($) { var module = this; EasyBlog.require().library('image').done(function() { $.fn.constrain = function() { var constrain = this.data('constrain'); if(constrain instanceof $.Constrain) { if(arguments.length > 0) { constrain.update(arguments[0]); } else { return constrain; } } else { constrain = new $.Constrain(this, arguments[0]); this.data('constrain', constrain); } }; $.Constrain = function(element, options) { var self = this; var defaultOptions = { selector: { width: '.inputWidth', height: '.inputHeight', constrain: '.inputConstrain' }, forceConstrain: false } var userOptions = options ? options : {}; self.options = $.extend(true, {}, defaultOptions, userOptions); self.options.element = { width: element.find(self.options.selector.width).data('type', 'width'), height: element.find(self.options.selector.height).data('type', 'height'), constrain: element.find(self.options.selector.constrain) } self.options.initial = self.options.initial || self.options.source; if(self.options.allowedMax !== undefined) { self.options.max = $.Image.resizeWithin(self.options.source.width, self.options.source.height, self.options.allowedMax.width, self.options.allowedMax.height); self.options.initial.width = Math.min(self.options.max.width, self.options.initial.width); self.options.initial.height = Math.min(self.options.max.height, self.options.initial.height); } self.options.element.width.data('initial', self.options.initial.width); self.options.element.height.data('initial', self.options.initial.height); self.fieldValues(self.calculate('width', self.options.initial)); $.each([self.options.element.width, self.options.element.height], function(i, element) { var thisType = element.data('type'), oppositeType = self.getOppositeType(thisType), element = $(element), opposite = self.options.element[oppositeType]; element.bind('keyup', function(event) { if(event.keyCode == 9 || event.keyCode == 16) { return false; } self.fieldValues(self.calculate(thisType)); }); element.bind('blur', function() { if(!self.options.element.constrain.is(':checked') && $.trim(element.val()) == '') { element.val(self.options.initial[thisType]); } if($.trim(element.val()) == '' && $.trim(opposite.val()) == '') { element.val(self.options.initial[thisType]); opposite.val(self.options.initial[oppositeType]); } }); }); $(self.options.element.constrain).bind('change', function() { if($(this).is(':checked')) { var values = self.fieldValues(), type = (values.width === '') ? 'height' : 'width'; self.fieldValues(self.calculate(type)); } }); }; $.extend($.Constrain.prototype, { calculate: function(thisType, values) { var self = this, values = (values !== undefined) ? values : self.fieldValues(), oppositeType = self.getOppositeType(thisType), thisMax = self.options.max ? self.options.max[thisType] : undefined, oppositeMax = self.options.max ? self.options.max[oppositeType] : undefined, thisSource = self.options.source[thisType], oppositeSource = self.options.source[oppositeType], thisVal = values[thisType], oppositeVal = values[oppositeType]; thisVal = (thisVal != '' && thisMax && thisVal > thisMax) ? thisMax : thisVal; if(this.enforceConstrain()) { if(thisVal == '') { oppositeVal = ''; } else { var ratio = thisSource / thisVal; oppositeVal = Math.round(oppositeSource / ratio); if(oppositeMax && oppositeVal > oppositeMax) { oppositeVal = oppositeMax; } } } var result = {}; result[thisType] = thisVal; result[oppositeType] = oppositeVal; return result; }, getOppositeType: function(type) { return (type == 'width') ? 'height' : 'width'; }, getInput: function(type) { var self = this, value = self.options.element[type].val(); value = $.trim(value); value = value.replace(new RegExp('[^0-9.]','g'), ""); value = parseInt(value, 10); return isNaN(value) ? '' : value; }, fieldValues: function(values) { var self = this, result = {}; if(values === undefined) { // getter result.width = self.getInput('width'); result.height = self.getInput('height'); } else { // setter self.options.element.width.val(Math.floor(values.width)); self.options.element.height.val(Math.floor(values.height)); result = values; } return result; }, enforceConstrain: function() { var self = this; return self.options.forceConstrain ? true : (self.options.element.constrain.length < 1) ? true : self.options.element.constrain.is(':checked'); }, update: function(options) { var self = this; // set initial first because initial might have previous source value self.options.initial = options.initial || options.source || self.options.initial; if(options.allowedMax !== undefined && options.source !== undefined) { options.max = $.Image.resizeWithin(options.source.width, options.source.height, options.allowedMax.width, options.allowedMax.height); self.options.initial.width = Math.min(options.max.width, self.options.initial.width); self.options.initial.height = Math.min(options.max.height, self.options.initial.height); } self.options = $.extend(true, {}, self.options, options); values = this.calculate('width', { width: self.options.initial.width || self.options.source.width, height: self.options.initial.height || self.options.source.height }); this.fieldValues(values); } }); module.resolve(); }); }); media/editor.audio.js 0000644 00000005706 15116747511 0010567 0 ustar 00 // module: start EasyBlog.module("media/editor.audio", function($){ var module = this; // require: start EasyBlog.require() .view( "media/editor.audio", "media/editor.audio.player" ) .done(function() { // controller: start EasyBlog.Controller( "Media.Editor.Audio", { defaultOptions: { view: { panel: "media/editor.audio", player: "media/editor.audio.player" }, player: { width: 400, height: 24, autostart: false, controlbar: "bottom", backcolor: "#333333", frontcolor: "#ffffff", modes: [ { type: 'html5' }, { type: 'flash', src: $.rootPath + "components/com_easyblog/assets/vendors/jwplayer/player.swf" }, { type: 'download' } ] }, "{editorPreview}": ".editorPreview", "{editorPanel}": ".editorPanel", "{playerContainer}": ".playerContainer", // Insert options "{autoplay}": ".autoplay" } }, function(self) { var $Media, $Library, $Browser; return { init: function() { $Media = self.media; $Library = $Media.library; $Browser = $Media.browser; var meta = self.meta(), place = self.place(); // Panel self.editorPanel() .html(self.view.panel({ meta: meta })) .implement( EasyBlog.Controller.Media.Editor.Panel, {}, function() { // Keep a reference to this controller self.panel = this; } ); // Preview self.editorPreview() .implement( EasyBlog.Controller.Media.Editor.Preview, {}, function() { // Keep a reference to this controller self.preview = this; self.initPlayer(); } ); }, initPlayer: function() { EasyBlog.require() .script($.rootPath + "/components/com_easyblog/assets/vendors/jwplayer/jwplayer.js") .done(function($) { var meta = self.meta(), place = self.place(), id = "player-" + $.uid(), options = $.extend(self.options.player, { id: id, file: self.meta().url, }), player = self.view.player({ id: id, meta: meta, options: options }); // Append player container self.preview.container() .append(player); self.player = jwplayer(id).setup(options); self.preview.resetLayout(); }); }, meta: function() { return $Library.getMeta(self.key); }, place: function() { return $Library.getPlace(self.meta().place); }, setLayout: function() { }, stop: function() { if (self.player) { if (self.player.getState()=="PLAYING") { self.player.pause(); } } }, deactivate: function() { self.stop(); }, "{self} cancelItem": function() { self.stop(); }, // // Insert audio // "{self} insertItem": function() { var options = { autostart: (self.autoplay().val() == '1') ? true : false, } $Media.insert(self.meta(), options); } }} ); // controller: end module.resolve(); }); // require: end }); // module: end media/editor.file.js 0000644 00000005220 15116747511 0010374 0 ustar 00 // module: start EasyBlog.module("media/editor.file", function($){ var module = this; // require: start EasyBlog.require() .view( "media/editor.file", "media/editor.file.preview" ) .done(function() { // controller: start EasyBlog.Controller( "Media.Editor.File", { defaultOptions: { view: { panel: "media/editor.file", preview: "media/editor.file.preview" }, "{editorPreview}": ".editorPreview", "{editorPanel}": ".editorPanel", // Preview "{filePreviewCaption}" : ".filePreviewCaption", // Insert button "{insertItemButton}": ".insertItemButton", "{insertItemDetail}": ".insertItemDetail", // Insert options "{insertCaption}" : ".insertCaption", "{insertAs}" : ".insertAs" } }, function(self) { var $Media, $Library, $Browser; return { init: function() { $Media = self.media; $Library = $Media.library; $Browser = $Media.browser; var meta = self.meta(); // Panel self.editorPanel() .html(self.view.panel({ meta: meta })) .implement( EasyBlog.Controller.Media.Editor.Panel, {}, function() { // Keep a reference to this controller self.panel = this; } ); // Preview self.editorPreview() .implement( EasyBlog.Controller.Media.Editor.Preview, {}, function() { // Keep a reference to this controller self.preview = this; self.generatePreview(); } ); }, generatePreview: function() { var preview = self.preview.container().find('a'), target = self.insertAs().val(), content = self.insertCaption().val(); if(preview.length < 1) { var meta = self.meta(); self.preview.container().html(self.view.preview({ meta: meta, target: target, content: content })); } else { preview.attr('target', target).text(content); } self.preview.resetLayout(); }, setLayout: function() { }, meta: function() { return $Library.getMeta(self.key); }, place: function() { return $Library.getPlace(self.meta().place); }, "{self} insertItem": function() { var meta = self.meta(), options = { title: meta.title, target: self.insertAs().val(), content: self.insertCaption().val() }; $Media.insert(self.meta(), options); }, "{insertCaption} keyup" : function(el) { self.generatePreview(); }, "{insertCaption} blur": function(el) { if(el.val() == '') { var meta = self.meta(); el.val(meta.title); self.generatePreview(); } }, "{insertAs} change": function(el) { self.generatePreview(); } }} ); // controller: end module.resolve(); }); // require: end }); // module: end media/editor.image.js 0000644 00000056633 15116747511 0010555 0 ustar 00 // module: start EasyBlog.module("media/editor.image", function($){ var module = this; // require: start EasyBlog.require() .library( "ui/position" ) .script( 'media/constrain' ) .view( "media/editor.image", "media/editor.image.variation", "media/editor.image.caption" ) .done(function() { EasyBlog.Controller( "Media.Editor.Image", { defaultOptions: { view: { panel: "media/editor.image", variation: "media/editor.image.variation", caption: "media/editor.image.caption" }, defaultVariation: "thumbnail", "{editorPreview}": ".editorPreview", "{editorPanel}": ".editorPanel", // Variation list "{imageVariationPanel}": ".imageVariationPanel", "{imageVariationList}" : ".imageVariationList", "{imageVariations}" : ".imageVariations", "{imageVariation}" : ".imageVariation", // Enforce Dimension "{imageEnforceDimensionOption}" : ".imageEnforceDimensionOption", "{imageEnforceWidth}" : ".imageEnforceWidth", "{imageEnforceHeight}" : ".imageEnforceHeight", // Caption "{imageCaptionOption}" : ".imageCaptionOption", "{imageCaption}" : ".imageCaption", // Zoom "{imageZoomOption}" : ".imageZoomOption", "{imageZoomLargeImageSelection}": ".imageZoomLargeImageSelection", // File properties "{itemFilesize}": ".itemFilesize", "{itemFilename}": ".itemFilename", "{itemUrl}" : ".itemUrl", "{itemCreationDate}": ".itemCreationDate", // Prompt "{modalPrompt}": ".modalPrompt" } }, function(self) { var $Media, $Library, $Browser, $Prompt; return { init: function() { $Media = self.media; $Library = $Media.library; $Browser = $Media.browser; var meta = self.meta(), place = self.place(), subcontrollerOptions = { controller: { editor: self, media: self.media } }; // Panel self.editorPanel() .html(self.view.panel({ meta: meta, acl: place.acl })) .implement( EasyBlog.Controller.Media.Editor.Panel, {}, function() { // Keep a reference to this controller self.panel = this; // Don't show file size when editing jomsocial image // because we are unable to retrieve them. if (meta.place==="jomsocial") { self.itemFilesize().remove(); self.itemFilename().css("padding-right", 0); } } ); self.modalPrompt() .implement(EasyBlog.Controller.Media.Prompt, subcontrollerOptions, function() { $Prompt = self.promptDialog = this; }); // Image filters var Filter = EasyBlog.Controller.Media.Editor.Image.Filter; self.element .implement(Filter.Dimension, subcontrollerOptions) .implement(Filter.Caption, subcontrollerOptions) .implement(Filter.Lightbox, subcontrollerOptions); // Preview self.editorPreview() .implement( EasyBlog.Controller.Media.Editor.Preview, { draggable: true }, function() { // Keep a reference to this controller self.preview = this; // Attempt to load thumbnail image first self.previewImage(self.meta().thumbnail.url); } ) // Variation form if (place.acl.canCreateVariation && place.acl.canDeleteVariation) { self.element .implement(EasyBlog.Controller.Media.Editor.Image.VariationForm, subcontrollerOptions); } self.populateImageVariations(); self.setLayout(); }, meta: function() { return $Library.getMeta(self.key); }, place: function() { return $Library.getPlace(self.meta().place); }, setLayout: function() { self.preview.resetLayout(); }, "{self} insertItem": function() { var variation = self.currentImageVariation().data("variation"), options = { variation: variation.name }; if(self.imageEnforceDimensionOption().is(":checked")) { options.enforceDimension = true; options.enforceWidth = self.imageEnforceWidth().val(); options.enforceHeight = self.imageEnforceHeight().val(); } if(self.imageCaptionOption().is(":checked")) { options.caption = self.imageCaption().val(); } if(self.imageZoomOption().is(":checked")) { options.zoom = self.imageZoomLargeImageSelection().val(); } $Media.insert(self.meta(), options); }, // // Image variation // populateImageVariations: function() { var meta = self.meta(), variations = meta.variations; self.imageVariationsData = self.imageVariationsData || {}; if (variations===undefined) { // Show loading indicator self.imageVariations() .empty() .addClass("busy"); // Get file variations from server $Library.getMetaVariations(meta.key) .done(function(){ // Try to populate variations again self.populateImageVariations(); self.imageVariations() .removeClass("busy"); }) .fail(function() { // Ask user to try again on the preview screen }) .always(function() { self.imageVariations() .removeClass("busy"); }); return; } $.each(variations, function(i, variation) { // Skip icon variation if (variation.name=="icon") return; self.createImageVariation(variation); }); self.trigger("variationPopulated", [self.imageVariationsData]); }, createImageVariation: function(variation) { var imageVariation = self.view.variation({variation: variation}); imageVariation .data("variation", variation) .appendTo(self.imageVariations()); // Add default class if this is a default variation if (variation["default"]===true || variation["default"]=="true") { imageVariation.addClass("default"); } // If this variation can't be deleted, e.g. thumbnail, original, // then add a lock indicator. if (!variation.canDelete) { imageVariation.addClass("locked"); } self.imageVariationsData[variation.name] = imageVariation; self.trigger("variationCreated", [imageVariation, variation]); return imageVariation; }, "{self} variationPopulated": function() { // Find default variation and highlight default variation var variationName, defaultImageVariation = self.imageVariation(".default"); if(self.imageVariation().length > 0) { if (defaultImageVariation.length < 1) { var meta = self.meta(), image = self.previewImage(); if (image!==undefined) { $.each(meta.variations, function(i, variation) { if(variation.width == image.width() && variation.height == image.height()) { variationName = variation.name; return false; } }); } variationName = variationName || self.imageVariation(":first").data("variation").name; } else { variationName = defaultImageVariation.eq(0).data("variation").name; } self.currentImageVariation(variationName); } }, "{imageVariation} click": function(imageVariation) { var variation = imageVariation.data("variation"); self.currentImageVariation(variation.name); }, currentImageVariation: function(variationName) { var currentImageVariation = self.currentImageVariation.imageVariation, imageVariation = self.imageVariationsData[variationName]; if (imageVariation!==undefined) { var variation = imageVariation.data("variation"); var meta = self.meta(); if(meta.place == 'jomsocial') { var image = self.previewImage(); variation.width = image.data('width'); variation.height = image.data('height'); $('<span class="variationDimension"></span>').text(variation.width + 'x' + variation.height).appendTo(imageVariation); } // Deactivate current image variation if (currentImageVariation) { currentImageVariation.removeClass("active"); } imageVariation.addClass("active"); self.currentImageVariation.imageVariation = imageVariation; self.trigger("variationSelected", [imageVariation, variation]); } return self.currentImageVariation.imageVariation; }, "{self} variationSelected": function(el, event, imageVariation, variation) { self.itemFilesize() .html(variation.filesize); self.itemUrl() .html(variation.url); self.itemCreationDate() .html(variation.dateCreated); self.previewImage(variation.url); }, "{self} variationRemoved": function(el, event, imageVariation, variation) { delete self.imageVariationsData[variation.name]; imageVariation.remove(); // $Library.removeMetaVaration(self.meta(), variation.name); }, previewImage: function(url) { // No url given, return. if (url===undefined) { return self.previewImage.currentImage; }; // Create a collection of image previews (if this is the first time) if (self.previewImage.images===undefined) { self.previewImage.images = {}; } var image = self.previewImage.images[url], currentUrl = self.previewImage.currentUrl, currentImage = self.previewImage.images[currentUrl]; // Show loading indicator self.preview.showDialog("loading"); // Detach current image if (currentImage!==undefined && !$.isDeferred(currentImage)) { currentImage.detach(); self.preview.container().empty(); } // Store a copy of the current url self.previewImage.currentUrl = url; // If image hasn't been loaded if (image===undefined) { // Load image self.previewImage.images[url] = $.Image.get(url) .done(function(image) { self.previewImage.images[url] = image; // If current url has changed, don't show this one. if (self.previewImage.currentUrl==url) { self.previewImage(url); } }) .fail(function() { self.preview.hideDialog("loading"); // If current url is still the same, show error message if (self.previewImage.currentUrl==url) { // TODO: Show error message } }); return; } // If image is still loading if ($.isDeferred(image)) { return; } self.preview.container() .append(image); self.previewImage.currentImage = image; self.trigger("previewImage", [self.preview.container(), image]); // Hide loading indicator self.preview.hideDialog("loading"); self.preview.resetLayout(); } }} ); EasyBlog.Controller( "Media.Editor.Image.VariationForm", { defaultOptions: { // Variation form "{imageVariationForm}" : ".imageVariationForm", "{addVariationButton}" : ".addVariationButton", "{createVariationButton}" : ".createVariationButton", "{removeVariationButton}" : ".removeVariationButton", "{cancelVariationButton}" : ".cancelVariationButton", "{tryCreateVariationButton}": ".tryCreateVariationButton", "{newVariationName}" : ".newVariationName", "{newVariationWidth}" : ".newVariationWidth", "{newVariationHeight}" : ".newVariationHeight", "{newVariationRatio}" : ".newVariationRatio", "{newVariationLockRatio}" : ".newVariationLockRatio", "{imageVariationMessage}" : ".imageVariationMessage", variationNameFilter : new RegExp('[^a-zA-Z0-9]','g'), // Variation prompt "{createNewImageVariationPrompt}" : ".createNewImageVariationPrompt", "{promptVariationName}" : ".createNewImageVariationPrompt .variationName", "{promptVariationWidth}" : ".createNewImageVariationPrompt .variationWidth", "{promptVariationHeight}" : ".createNewImageVariationPrompt .variationHeight" } }, function(self) { return { init: function() { }, "{self} variationSelected": function() { var variation = self.editor.currentImageVariation().data('variation'); self.removeVariationButton() .toggle(variation.canDelete); }, nextVariationName: function(name) { var match = false, name = $.trim(name.toLowerCase()); $.each(self.editor.imageVariationsData, function(i, variation) { if (name==variation.data('variation').name.toLowerCase()) { match = true; var suffix = name.substr(-1, 1); name = ($.isNumeric(suffix)) ? name.substr(0, name.length - 1) + (parseInt(suffix, 10) + 1) : name + 1; return false; } }); return (match) ? self.nextVariationName(name) : name; }, "{addVariationButton} click": function() { self.editor.promptDialog .get('createNewImageVariationPrompt') .state('default') .show(); var variation = self.editor.currentImageVariation().data('variation'); variationName = $.String.capitalize(self.nextVariationName(variation.name)); self.newVariationName() .data("default", variationName) .val(variationName) .select(); self.newVariationWidth() .data("default", variation.width) .val(variation.width); self.newVariationHeight() .data("default", variation.height) .val(variation.height); self.imageVariationForm().constrain({ selector: { width: self.options["{newVariationWidth}"], height: self.options["{newVariationHeight}"], constrain: self.options["{newVariationLockRatio}"] }, source: { width: variation.width, height: variation.height }, allowedMax: { width: self.editor.media.options.exporter.image.maxVariationWidth, height: self.editor.media.options.exporter.image.maxVariationHeight } }) }, "{newVariationRatio} click": function(el) { el.toggleClass("locked"); if (el.hasClass("locked")) { self.newVariationLockRatio().attr('checked', 'checked'); } else { self.newVariationLockRatio().removeAttr('checked'); } self.newVariationLockRatio().trigger('change'); }, "{createVariationButton} click": function() { self.createVariation(); }, "{tryCreateVariationButton} click": function() { self.createVariation(); }, "{newVariationName} keyup": function(el, event) { var value = $.trim($(el).val()); value = value.replace(new RegExp('[^0-9a-zA-Z]','g'), ""); $(el).val(value); if(event.keyCode == 13) { self.createVariationButton().trigger('click'); } }, "[{newVariationWidth}, {newVariationHeight}] keyup": function(el, event) { if(event.keyCode == 13) { self.createVariationButton().trigger('click'); } }, createVariation: function() { var meta = self.editor.meta(), place = self.editor.place(), name = self.newVariationName().val(), width = self.newVariationWidth().val(), height = self.newVariationHeight().val(); if(!$.trim(name) || !$.trim(width) || !$.trim(height)) { return false; } self.promptVariationName().text(name); self.promptVariationWidth().text(width); self.promptVariationHeight().text(height); self.editor.promptDialog .get('createNewImageVariationPrompt') .state('progress') .show(); EasyBlog.ajax( "site.views.media.createVariation", { path: meta.path, place: place.id, name: name, width: width, height: height }, { success: function( variation ) { self.media.library.meta[meta.key].variations.push(variation); self.editor.createImageVariation(variation); self.editor.currentImageVariation(variation.name); self.cancelVariationButton().click(); }, fail: function( message ) { self.editor.promptDialog .get('createNewImageVariationPrompt') .state('fail') .show(); } } ); }, "{removeVariationButton} click": function() { var imageVariation = self.editor.imageVariation(".active"), variation = imageVariation.data("variation"), meta = self.editor.meta(), place = self.editor.place(); if (variation.canDelete) { EasyBlog.ajax( "site.views.media.deleteVariation", { "fromPath": meta.path, "place": place.id, 'name': variation.name }, { beforeSend: function() { imageVariation.addClass("busy"); }, success: function() { // Once the item is successfully removed, we need to remove this variation. imageVariation.slideUp(function(){ self.trigger('variationRemoved', [imageVariation, variation]); }); // Revert to default image variation self.editor.imageVariation(".default") .click(); self.media.library.removeMetaVariation(meta, variation.name); }, fail: function(message) { try { console.log(message); } catch(e) {}; }, complete: function() { imageVariation.removeClass("busy"); } } ); } } }} ); EasyBlog.Controller( "Media.Editor.Image.Filter.Caption", { defaultOptions: { view: { caption: "media/editor.image.caption" }, "{imageVariation}" : ".imageVariation", "{imageCaptionOption}" : ".imageCaptionOption", "{imageCaption}" : ".imageCaption" } }, function(self) { return { init: function() { self.item = { meta: self.editor.meta() } }, "{imageVariation} click": function(el) { self.transform(); }, "{self} dimensionEnforced": function() { self.transform(); }, "{imageCaptionOption} change": function(el, event) { event.stopPropagation(); el.parent(".field").toggleClass("hide-field-content", !el.is(":checked")); self.transform(); }, "{imageCaptionOption} mouseup": function() { setTimeout(function(){ self.imageCaption().focus()[0].select(); }, 1); }, "{imageCaption} blur": function(el) { if($.trim(el.val()) == '') { el.val(self.item.meta.title); } self.transform(); }, "{imageCaption} keyup": function(el, event) { self.transform(); }, transform: function() { var previewContainer = self.editor.preview.container(), image = previewContainer.find('img'), captionText = previewContainer.find('div.imageCaptionText'); if(self.imageCaptionOption().is(':checked')) { var caption = self.imageCaption().val(); captionText.remove(); previewContainer.width(image.width()); previewContainer.addClass('imageCaptionBorder'); previewContainer.width(previewContainer.width()); previewContainer.append(self.view.caption({ caption: caption })); } else { previewContainer.removeClass('imageCaptionBorder'); captionText.remove(); previewContainer.width("auto"); } self.editor.preview.resetLayout(); } }} ); EasyBlog.Controller( "Media.Editor.Image.Filter.Lightbox", { defaultOptions: { defaultImageZoomVariation : "original", "{imageZoomOption}" : ".imageZoomOption", "{imageZoomLargeImageSelection}": ".imageZoomLargeImageSelection", "{imageZoomLargeImageOption}" : ".imageZoomLargeImageSelection option" } }, function(self) { return { init: function() { }, "{self} variationCreated": function(el, event, imageVariation, variation) { // Also add to insert options var variationName = $.String.capitalize(variation.name), largeImageOption = $("<option>") .val(variationName) .html(variationName) .data("variation", variation); var defaultSelectedVariationName = self.media.options.exporter.image.zoom || self.options.defaultImageZoomVariation; if (variation.name==defaultSelectedVariationName) { largeImageOption.attr("selected", true); } self.imageZoomLargeImageSelection() .append(largeImageOption); }, "{self} variationRemoved": function(el, event, imageVariation, variation) { self.imageZoomLargeImageOption('[value="' + variation.name + '"]').remove(); }, "{imageZoomOption} change": function(el, event) { event.stopPropagation(); el.parent(".field").toggleClass("hide-field-content", !el.is(":checked")); }, transform: function() { // Enable image zooming if (self.imageZoomOption().is(":checked")) { var largeImageVariation = self.imageZoomLargeImageOption(":selected").data("variation"); image = $("<a>") .addClass("easyblog-thumb-preview") .attr({ href: largeImageVariation.url, title: imageCaption || self.item.meta.title }) .html(image); } } }} ); EasyBlog.Controller( "Media.Editor.Image.Filter.Dimension", { defaultOptions: { "{imageEnforceDimension}" : ".imageEnforceDimension", "{imageEnforceDimensionOption}" : ".imageEnforceDimensionOption", "{imageEnforceWidth}" : ".imageEnforceWidth", "{imageEnforceHeight}" : ".imageEnforceHeight", "{imageEnforceRatio}" : ".imageEnforceRatio", "{imageEnforceLockRatio}" : ".imageEnforceLockRatio", "{imageVariation}" : ".imageVariation" } }, function(self) { return { init: function() { var options = { selector: { width: self.options["{imageEnforceWidth}"], height: self.options["{imageEnforceHeight}"], constrain: self.options["{imageEnforceLockRatio}"] } }; // only apply constrain once variation has been populated self.editor.bind('variationPopulated', function() { // enforce dimension option if(self.editor.media.options.exporter.image.enforceDimension) { self.imageEnforceDimensionOption().attr({ 'checked': 'checked', 'disabled': 'disabled' }).parent('.field').removeClass('hide-field-content'); } self.applyConstrain(options); }); // self.imageEnforceWidth().data("default", width); // self.imageEnforceHeight().data("default", height); }, "{imageVariation} click": function(el) { self.applyConstrain(); }, "{imageEnforceDimensionOption} change": function(el, event) { event.stopPropagation(); el.parent(".field").toggleClass("hide-field-content", !el.is(":checked")); self.transform(); // self.imageEnforceWidth().trigger("keyup"); }, "{imageEnforceRatio} click": function(el) { el.toggleClass("locked"); if (el.hasClass("locked")) { self.imageEnforceLockRatio().attr('checked', 'checked'); } else { self.imageEnforceLockRatio().removeAttr('checked'); } self.imageEnforceLockRatio().trigger('change'); if(el.hasClass("locked")) { self.transform(); } }, "{self} previewImage": function() { self.transform(); }, "[{imageEnforceWidth}, {imageEnforceHeight}] keyup": function() { self.transform(); }, "[{imageEnforceWidth}, {imageEnforceHeight}] blur": function(el) { if($.trim(el.val()) == '' && !self.imageEnforceLockRatio().is(':checked')) { el.val(el.data('initial')); } self.transform(); }, transform: function() { var image = self.editor.previewImage(); if(image === undefined) return; var dimensions = {}; // Enforce image dimension if (self.imageEnforceDimensionOption().is(":checked")) { dimensions = { width: self.imageEnforceWidth().val(), height: self.imageEnforceHeight().val() }; } else { var variation = self.editor.currentImageVariation(); variation = variation === undefined ? self.editor.meta() : variation.data('variation'); dimensions = { width: variation.width, height: variation.height }; } if(image.width() !== dimensions.width || image.height() !== dimensions.height) { image.css(dimensions); // if dimension changed, trigger change in dimension self.editor.trigger('dimensionEnforced'); } self.editor.preview.resetLayout(); }, applyConstrain: function(options) { var variation = self.editor.currentImageVariation() === undefined ? self.editor.meta() : self.editor.currentImageVariation().data('variation'), dimensions = { source: { width: variation.width, height: variation.height } }; if(self.editor.media.options.exporter.image.enforceDimension) { dimensions.allowedMax = { width: self.editor.media.options.exporter.image.enforceWidth, height: self.editor.media.options.exporter.image.enforceHeight } } options = $.extend(true, {}, dimensions, options); self.imageEnforceDimension().constrain(options); self.transform(); } }} ); module.resolve(); }); // require: end }); // module: end media/editor.image.less 0000644 00000013322 15116747511 0011073 0 ustar 00 (~"@{MediaManager}") { .imageVariationMessage { position: relative; line-height: 16px; color: #900; display: block; text-align: center; font-size: 12px; } .imageVariationList { .imageVariations { background: #fff; border: 1px solid #bbb; border-bottom: none; .border-radius(3px, 0, 0, 3px); overflow-y: auto; &.busy { background: url(loader.gif) #fff no-repeat center center; } height: 88px; .imageVariation { padding: 4px; font-size: 11px; position: relative; .variationName { // padding-left: 14px; background-repeat: no-repeat; background-position: left center; white-space: nowrap; } &.locked i { // background-image: url(variation.locked.gif); display:inline-block; width:10px; height:10px; .icon-media (17, 3); } &.busy .variationName { background-image: url(variation.busy.gif); } .variationDimension { position: absolute; top: 4px; right: 4px; } &.active { .activeItemColorScheme(); } &:hover{ cursor: pointer; } } } &.readOnly { .imageVariations { border: 1px solid #bbb; .border-radius(3px, 3px, 3px, 3px); } } } .imageVariationForm { position: relative; form { background: #fff; border: 1px solid #bbb; border-bottom: none; .border-radius(3px, 0, 0, 3px); padding: 10px; } .newVariationRatio { display: block; width: 24px; height: 30px; position: absolute; top: 80px; right: 90px; // background-image: url("variation.ratio.unlocked.png"); .icon-media (17, 2); // background-repeat: no-repeat; // background-position: top left; cursor: pointer; &.locked { // background-image: url("variation.ratio.locked.png"); .icon-media (17, 1); } } .newVariationLockRatio { display: none; } } .imageVariationActions { position: relative; .vertical-gradient-4(#ffffff, #f3f3f3, #ededed, #ffffff); border: 1px solid #bbb; border-top: 1px solid #ccc; .border-radius(0, 3px, 3px, 0); height: 24px; button { display: block; position: absolute; background: none; border: none; height: 24px; line-height: 24px; padding: 0 6px; padding-left: 18px; // 6px padding-left, 12px icon cursor: pointer; margin: 0 !important; text-transform: normal !important; font-size: 11px !important; i { width: 12px; height: 24px; background-repeat: no-repeat; background-position: center 8px; position: absolute; top: 2px; left: 6px; // 6px padding left .opacity(0.75); } .leftButton() { .border-radius(0, 0, 3px, 0); top: 0; left: 0; border-right: 1px solid #ccc; } .rightButton() { .border-radius(0, 3px, 0, 0); top: 0; right: 0; border-left: 1px solid #ccc; } &:hover { .vertical-gradient-4(lighten(#ffffff, 3%), lighten(#f3f3f3, 3%), lighten(#ededed, 3%), lighten(#ffffff, 3%)); } &.addVariationButton { .rightButton(); i { .icon-media (18, 1); } } &.removeVariationButton { .leftButton(); i { .icon-media (18, 2); } } &.createVariationButton { .rightButton(); i { .icon-media (19, 1); } } &.backVariationButton { .leftButton(); i { .icon-media (19, 2); } } } } .imageEnforceDimension { position: relative; .imageEnforceRatio { display: block; width: 24px; height: 30px; position: absolute; top: 85px; right: 58px; // background-image: url("variation.ratio.unlocked.png"); .icon-media (17, 2); // background-repeat: no-repeat; // background-position: top left; cursor: pointer; &.locked { // background-image: url("variation.ratio.locked.png"); .icon-media (17, 1); } } .imageEnforceLockRatio { display: none !important; } &.field-content { .imageEnforceRatio { top: 10px; right: 20px; } } } } media/editor.js 0000644 00000014353 15116747511 0007465 0 ustar 00 // module: start EasyBlog.module("media/editor", function($){ var module = this; // require: start EasyBlog.require() // .library( // "ui/position" // ) // .view( // "media/editor", // "media/editor.viewport" // ) .done(function(){ // controller: start EasyBlog.Controller( "Media.Editor", { defaultOptions: { view: { editor: "media/editor", viewport: "media/editor.viewport" }, "{modalHeader}": ".modalHeader", "{modalToolbar}": ".modalToolbar", "{modalContent}": ".modalContent", "{navigationPathway}": ".navigationPathway", "{insertItemButton}": ".insertItemButton", "{cancelEditingButton}": ".cancelEditingButton" } }, function(self) { return { init: function() { self.element .addClass("editor") .html(self.view.editor()); // Browser navigation self.navigationPathway() .implement( EasyBlog.Controller.Media.Navigation, { controller: { media: self.media }, canActivate: false }, function() { // Assign controller as a property of myself self.navigation = this; } ); self.setLayout(); }, setLayout: function() { // Don't set layout if current modal is not us if (self.media.currentModal!=="editor") return; self.modalContent() .hide() .height( self.element.height() - self.modalHeader().outerHeight() - self.modalToolbar().outerHeight() ) .show(); // Also trigger set layout on handler var currentEditor = self.getEditor(self.currentEditor); if (currentEditor) { currentEditor.setLayout && currentEditor.setLayout(); } }, editors: [], handlers: [], loadHandler: function(type) { var handlerLoader = self.handlers[type]; if (handlerLoader!==undefined) return handlerLoader; // Create new handler loader handlerLoader = $.Deferred(); // Load handler handlerLoader.require = EasyBlog.require() .script( "media/editor." + type ) .done(function(){ var EditorHandler = EasyBlog.Controller.Media.Editor[$.String.capitalize(type)]; if (EditorHandler!==undefined) { handlerLoader.resolve(EditorHandler); } else { delete self.handlers[type]; handlerLoader.reject(); } }) .fail(function(){ handlerLoader.reject(); }); return handlerLoader; }, createEditor: function(key, callback) { // This will attempt to remove any previously created editor self.removeEditor(key); var meta = self.media.library.getMeta(key); // If there's no meta, skip. // TODO: Show error. if (meta===undefined) return; self.loadHandler(meta.type) .done(function(EditorHandler) { // Create editor & implement handler var editor = new EditorHandler( self.view.viewport() .addClass("editor-type-" + meta.type) .prependTo(self.modalContent()), { controller: { media: self.media, editor: self, key: self.media.library.getKey(meta) } } ); // Register this editor instance self.editors[key] = editor; callback && callback(editor); }); }, removeEditor: function(key) { var editor = self.editors[key]; if (editor===undefined) return; editor.destroy(); delete self.editors[key]; }, getEditor: function(key) { return self.editors[key]; }, activateEditor: function(key) { self.deactivateEditor(self.currentEditor); // Set navigation pathway self.navigation.setPathway(key); var editor = self.getEditor(key), activateEditor = function(editor) { self.currentEditor = key; editor.element.addClass("active"); editor.activate && editor.activate(); }; if (editor===undefined) { self.createEditor(key, activateEditor); } else { activateEditor(editor); } }, deactivateEditor: function() { var editor = self.getEditor(self.currentEditor); if (editor===undefined) return; editor.deactivate && editor.deactivate(); editor.element.removeClass("active"); }, "{self} modalActivate": function(el, event, key) { self.activateEditor(key); }, "{self} modalDeactivate": function() { self.deactivateEditor(); }, "{insertItemButton} click": function() { var editor = self.getEditor(self.currentEditor); if (editor===undefined) return; editor.trigger("insertItem"); }, "{cancelEditingButton} click": function() { var editor = self.getEditor(self.currentEditor); if (editor) { editor.trigger("cancelItem"); } self.media.browse(); } }} ); EasyBlog.Controller( "Media.Editor.Panel", { defaultOptions: { "{sectionHeader}": ".panelSectionHeader", "{sectionContent}": ".panelSectionContent" } }, function(self) { return { init: function() { }, // Common editor UI behaviour "{sectionHeader} click": function(sectionHeader) { var section = sectionHeader.parent(); section.toggleClass("active"); } }} ); EasyBlog.Controller( "Media.Editor.Preview", { defaultOptions: { "{container}": ".previewContainer", "{dialogGroup}": ".previewDialogGroup" } }, function(self) { return { init: function() { }, resetLayout: function() { clearTimeout(self.resetLayoutTimer); self.resetLayoutTimer = setTimeout(function(){ var container = self.container(), width = self.element.width(), height = self.element.height(), containerWidth = container.width(), containerHeight = container.height(), top = 0, left = 0, overflow = "none"; if (containerWidth < width) { left = (width - containerWidth) / 2; } else { overflow = "auto"; } if (containerHeight < height) { top = (height - containerHeight) / 2; } else { overflow = "auto"; } self.element.css("overflow", overflow); container.css({ top: top, left: left }); }, 100); }, showDialog: function(dialogName) { self.dialogGroup().addClass("show-dialog-" + dialogName); }, hideDialog: function(dialogName) { self.dialogGroup().removeClass("show-dialog-" + dialogName); } }} ); module.resolve(); }); // require: end }); // module: end media/editor.less 0000644 00000010476 15116747511 0010021 0 ustar 00 (~"@{MediaManager}") { .editor { background: #fff; .modalToolbar { .insertItemButton { > i { .icon-media(7, 4); } } .cancelEditingButton { > i { .icon-media(6, 4); } } } .modalContent { .clearfix(); .editorViewport, .editorLoading { width: 100%; height: 100%; overflow: hidden; position: absolute; } .editorViewport { top: 99999px; left: 99999px; z-index: 2; &.active { top: 0; left: 0; z-index: 3; } .editorPreview { height: 100%; margin-right: 300px; background: url("editor.preview.png"); overflow: hidden; position: relative; .previewContainer { position: absolute; z-index: 2; // cursor: move; // .box-shadow(0 12px 24px rgba(0, 0, 0, 0.4)); object { .no-focus-outline(); } &.imageCaptionBorder { padding: 5px; border: 1px solid #ddd; background: #f5f5f5; } .imageCaptionText { background: #f5f5f5; padding: 5px 0; } } .previewDialogGroup { width: 100%; height: 100%; position: absolute; z-index: 1; &.alwaysOnTop { z-index: 3; } &.show-dialog-loading { .previewDialog { &.dialog-loading { display: block; } } } .previewDialog { display: none; &.dialog-loading { .absolute-center(); background: url("loader.gif") no-repeat center center; width: 16px; height: 16px; margin: 0 auto; position: relative; z-index: 9999; } } } } .editorPanel { width: 300px; height: 100%; float: right; background: #F5F5F5; border-left: 1px solid #CCCCCC; overflow-y: scroll; overflow-x: hidden; } } .editorLoading { z-index: 1; top: 0; left: 0; text-align: center; width: 100%; height: 100%; background: #f6f6f6; .loadingHint { position: absolute; top: 50%; width: 100%; margin-top: 19px / 2 * -1; i { background: url("loader.bar.gif"); width: 220px; height: 19px; display: inline-block; } .loadingText { font-size: 22px; line-height: 22px; padding: 12px; display: block; color: #bbb; .text-shadow(1px, 1px, 0px, #fff); } } } } } } media/editor.panel.form.less 0000644 00000005434 15116747511 0012057 0 ustar 00 (~"@{MediaManager}") { .editorPanel { .formGroup { display: block; clear:both; margin: 8px 0; .formLabel { display: block; float: left; width: 85px; text-align: right; font-size: 11px; padding-top: 4px; } .formControl { margin-left: 95px; } input[type=text] { background: transparent; border: none; line-height: 20px; width: 150px; height: 20px; font-size: 12px; border:1px solid #999; padding:0 0 0 4px; .rounded(4px); .box-shadow(0px 1px 3px 0px rgba(0, 0, 0, 0.2) inset); } } } .list-form, .list-form li { font-size:11px; margin:0!important; padding:0!important; list-style:none!important; border:0!important; background:none!important; + li{ margin:5px 0 0!important; } > label{ display:block; min-height:17px; line-height:17px; margin:0; text-align:left; width:auto; float:none; } > label + div{ margin:0; line-height:20px; } input[type="text"], input[type="password"], input[type="checkbox"], input[type="radio"] textarea, select { border:1px solid #ccc; font-family:'Lucida Grande',Tahoma,Arial,sans-serif !important; font-size:11px !important; background:#fff; color:#555; display:inline-block; position:relative; vertical-align:top; } input[type="text"], input[type="password"], textarea{ padding:4px; } input[type="text"], input[type="password"]{ width: 90%; height: 20px; } input[type="checkbox"], input[type="radio"]{ float:left; display:inline-block; vertical-align:text-bottom; bottom:-2px; + label{ margin:0 0 0 20px!important; } } select{ padding:2px; top:-1px; } label { font-family:'Lucida Grande',Tahoma,Arial,sans-serif !important; font-size:11px !important; } .field-content { display: block; margin: 5px 0 0 20px; } &.hide-field-content .field-content { display: none; } } } media/editor.panel.info.less 0000644 00000003555 15116747511 0012051 0 ustar 00 (~"@{MediaManager}") { .editor-type-video .panelSection.infoPanel .itemInfo > i, .editor-type-audio .panelSection.infoPanel .itemInfo > i { .icon-media(10, 5); } .editor-type-image .panelSection.infoPanel .itemInfo > i { .icon-media(8, 5); } .editor-type-file .panelSection.infoPanel .itemInfo > i { .icon-media(12, 5); } .panelSection.infoPanel { .panelSectionContent { padding: 8px; .itemInfo { position: relative; padding-left: 40px; min-height: 32px; > i { // background: url(upload.media.png) no-repeat; display: block; position: absolute; width: 32px; height: 32px; top: 0; left: 0; } .itemFilename { display: block; font-weight: bold; line-height: 16px; .text-overflow(); overflow: hidden; white-space: nowrap; padding-right: 64px; } .itemFilesize { line-height: 16px; position: absolute; top: 0; right: 0; } .itemCreationDate { font-size: 11px; line-height: 16px; } } .itemExtraInfo { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDD; margin-top: 6px; padding: 8px; .word-wrap(); .itemUrl { font-size: 10px; } } } } } media/editor.panel.section.less 0000644 00000002434 15116747511 0012555 0 ustar 00 (~"@{MediaManager}") { // .panelSection (common) start .panelSection { text-align: left; .panelSectionHeader { border-top: 1px solid #ccc; padding: 8px 16px; cursor: pointer; .panelSectionTitle { .text-shadow(1px, 1px, 0, darken(#fff, 5%)); position: relative; height: 16px; line-height: 16px; padding-left: 8px; .unselectable(); > i { .icon-media(14, 2); display: block; position: absolute; width: 16px; height: 16px; top: 0px; left: -12px; } } } .panelSectionContent { padding: 8px 24px 16px; display: none; position: relative; } &.active { .panelSectionHeader { padding: 8px 16px 0px; .panelSectionTitle { > i { .icon-media(14, 4); } } } .panelSectionContent { display: block; } } } } media/editor.preview.png 0000644 00000024437 15116747511 0011321 0 ustar 00 �PNG IHDR , , N�~G tEXtSoftware Adobe ImageReadyq�e< hiTXtXML:com.adobe.xmp <?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.3-c011 66.145661, 2012/02/06-14:56:27 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmpMM:OriginalDocumentID="xmp.did:3F1B858708206811822ADDB88CA433DD" xmpMM:DocumentID="xmp.did:0A9B4D67DABE11E1B3DDD613A143814D" xmpMM:InstanceID="xmp.iid:0A9B4D66DABE11E1B3DDD613A143814D" xmp:CreatorTool="Adobe Photoshop CS6 (Macintosh)"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:3F1B858708206811822ADDB88CA433DD" stRef:documentID="xmp.did:3F1B858708206811822ADDB88CA433DD"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>p9�� PLTE������������������������ ^) %)IDATx�읋v��D)Y��������. g�ȴ}��9�ij 5�@?��///���6�����r�������_��__/�o �����//߾�[����ǟ����r�1ǧ��/ ����9�����}|�s����\�g��?s�^����}|�#�3���_��ﾾ�����__�y�Ռ�^.�8 ���q_��\����/9���6X `q �����M� ��8(����;�K.k|�op���q�q�\j� �>���ۀi�f�9�5.x@�c��||k\�f Ϳ� ��8G�6�=n:���\ø����|�<�@<��qg����9]����k���q�q���$� 4�|��7�����#����0��9�~����Q�� �w�N %�9 n�-� W6 a )���&����hy������`-���� �80f�K8��)r߾��K�ɀ�i� ���(8&3�:.�ם[��Qe ���8v�u� ���o�s�a�a�m�Mw�� ��l� ��0�|�f1N7N�M�����I�% �q;��8� � �� �U@��k�1#.f��=Ph�9s`����q\����#�m��Vnm|q����p�^V1' �%6p~�6.z�b�ɫ��6n3��P��,��Y���5KCn 0xL�9*p.2���-ȭ�;�=r/����� ?��(�0�\R�r�iN����tX�c���b*�t�ԁs�M���k��-�����E/�q�pp�rt��lq3rm8W�t�u,]��<p l���b�?&���0'��[#�ĀC"�m�� j��N�X�}����]������d�a� O�&K8��3��5�ݖ� �X\j��Hէ�u'e�Nb�[L#ټq�<~ G���<�Aj���Y�c�.�� �s%@�T� {�塳��~�1�$6X�� (|�syl���$�+ ���s�7�"�s\���xI�^�Bc���<�s\C��\g~s,%,"@��� �/��ck[��B��c�`-�5�%�-;I�q��ܸ�,���&|���"��[<�m��e�ם�v�-I���4Y.�$�7�H�Ƒ���qh�F���} �`-��Ж%g���[v��� �7�4G�.p&�S�H�0-l�y�Rf�`c�q&s;q&��IV����)� �y��e�V�;�v��ŬbnI���l� ��Tj�S�q9H��� ����>&?�+� �6��t�0�\{���o/�k������ؒ6=����ۜN�7���h�1�@MBp���LƔ�8H�ƥ�I �u�%4 v�9N����G�rH Q���n�N��+G4!$K{�uy���9o�)O {�J.��%Kj.u�fj97�%��P��<>��`� ���9��$r I��!e��$�~ } �k�?��y6u`�u ,_q+���E�Nߚ.!�2h�Ԥ O�� �4�� ��a/�Ԝ��l�2��y���m�!r��0 (�Xu� �Xn���0���1��W��6�d����>)7n-�%�.����[l?�Y$W,�Z��,�"��t+�%�L�ij�~Y ��`��w�C h<]@O��4��[����L����u���X�2���$E����e[�r�ۀ4�\e����&nO�:���@ ��`-�eZ?��@o� ���P&o]ڹ�l95X��7bZ93)e�ܤ��&U �� 7Cw�٫���ք��p �`rm<�����`-�%ř�=��t\���@� ܦ��E ����� ��;X��Vig״3��/�4�>>�u�NZ�;;R&��s�$ݯ�o��b��'���vw��N�I��2��hL��ד��D��zy�#1\ J�=� ,��1��#(��<�F 7��f| � �y��aB��+gh,[7 �" hn�&0R|�͆�M����bo8EZ���NGS��� tB(�j��:'�7S� R�Z�H��m��`-��J�"Hh�M�R� 9L��S�LprI���n"����Weܦ����$s�«c3nU���Ot{ �s�� )���uo��rS�h@�����rHћ��%#B�l ��C�a���ŝ��G��U6X+`Y>�L��0�/��W�����H��`����M� �|�u ��HZ��}$�b{�$� ���1��EX���&���M 瘆2��Y�!���9�Cx>�����4�t⫑n���V?��MK���!��()�. �n ��LS��:�a����w$֒Ή)e��$m\���vWx�q1����Y��h�L�� �- Id 0�1 L�+��ܪ��z��K 7�Ðkv?l{�u�%��MA�Ϝ�7�v&�� �`���`-�e� �meYdc6!����8�֦d-����*�6��?���T6s��i � I�����y��KOʶ�)����t��� �o�u,^_�~���f�ַ�J��؟K�3�.%n���RM��WX Mg$,P��t1&M�'� �.҈Z �M�����2ץtJ��,;@+��6�)&�^HTg� )}�����M��S�Y���j�`���)�ڀ�: 9 i�������+�Ï `� �1� �p~7!e� �A �q���b�� �tБV�����<ϒc-]6�n �`-�e:�[���9����e���D��e�W9�A@W�C�lJ�H�Xϥ�P�� �0s��̤��=�R��}+S�&��7X `aNRB0K� ���,Y k�!�f����$�Z�gc� ��cJfK.Je´���r�]u��HS��"ve;B�7X+`Q%il� �n�Z�,!�)�[���w!��鞱�KE�9e�N�d���Q^%)i��rU^6�}�]4�h���zOJn���sZ����[�g(.˩-�H+W�$͏���\� � X�Z3�u�Z��[�M�[TB(���[(�B^d+�uEs�v"q�[����Bv��v&��T��,(�4��] ��^7�`� w�]OZ[aI粽���n�SS��q���4�h&�*yd�L�2?-�]f0��(W@ɴ�"G*y�m� �E�O�k�`-�թ��\�˹R���% �|N�6�' iB�O(�ЮM3��8.U���禝% "�2�U���Kݡq� �7[f�Qj�{�`���ns��rlsr)��6�k���Z KR [<�I_�\ R��B�+�6}��~��u�ϗ��`��e��'6��p(���y �q)M�ds���2��E�#�e�鴨���?)-7Է�6 � I�Ȃ��a�.S���e��֓��d/=��9�� -�j�BQ\O�Q�ˣR�Hl %�;��R2�m]� � XJT���%�r#��e�\�I�����VIj��Z���z���;:a� � �1 W���� Pȹ��-P+���Z�[�WI �� .A�70�����ݘβJ�'�ҍ�����M$�Ճ΄ĵbŔRf�b��.�\+��sN[ޮv�� V�� ) R#�:�.������Ѻ�,�Y|-C!c�֤J�F�đ0�9�8�a�%UC��7��C�|��\�ߥ���`��e���J��3d�V7۬c^mBJ2Y��8��mX<�����Ȓ� �� � XN�r�1���EAɱ�F�qw��Л{g�C�FlS0myW��`��%YQ�iS JWJ�r|�����a<�.��g�/TXǔƩ���?i��l�k�G���|M?� ���,�| �6X `�n�8��� {1(K��<H�J3J��r�mLn��yh�rL�k,���J��W\�7�K��L��Xn" � �SI��� c wN�Y (�3��Jڪ�נ��4��7��(�`�`.=�R���`��Q�9:7*��8*��qT�2t�:��B�Sim�A���^6X�����8>)�3��҂$�����D d5,Q ��MJ��*l�g.��8�$���W!;MR�4tvd��~4�d���s� � � �F�c���Px�-� ��i+ ��ꦎ������Y�HJ��<X�� ��0=��PVNқ�@���b@P�H�P��LN��Fc赶�C%�X�Pi� ���{!aT�:�F��h� � X��\�mK���Iuz�2 ��>�.�˴>x ��R�`���X*@�6� eWQ �﨩�XWU��0�0�J`��ĩ� ���h%X� H-J�s��Ƅ�G� ²��(��Z ��H2���3�Lq|m��T6D;� R?�~S��@R4N�1 �H��A�`���s�H��y�@�.?�,�6(�$H����E��GҖ�c�(n�:)�`Ҕ[.�Ǒ�J>j�E��`-�e��3i6)d��pTQn�Sa���)���$N�/�,G�0\) �E5��[�!��*�j&�D]\�L?��� ��`��v�8o���\RR!!�e7Qz��-�`��3�� i //�NU��x����x� � X}˶ �,�t�6ΦN 4Sz�6� �p,c����VN��v{>(�nJ14F� �X��X:���Y��)l�N���� �aoS�i1ub�ց\�v~N#w.�IRn ��� �nw ���K;�T'}I�l �[���v�����7X `eI6��a# ��T\C(�!�"�:��̲r9jj�Rgi �PD�H�tZN�D�9qC0lG������Te��奈�2 ��m��2�7��#�c�㿥�� � :��)?ؒn�e�3鮴�dYC�5�ETJ����?N`��V\�.�m"Y�������I� �c�S�)G�ko��0Z>O��2�#iY]��J�n��zF� ���M��r���h99�(t��k ���i'�̱�<2� k'�dž� Q��m���n�N��ZR��r�#�+ƽ�W�pH�#!A �!� �A�cDl� 7��!��w��V^vC���A�Ǚ�B��%g�h��t�����ZB���68��#wH�2\ E[z�K �c���g`��씤�fsJ���V��Z K�L\7%R�-@� %xVX ����TXK�0��E�&����N�B`����צ�GS �N�KX�q!\hy���"h� W���4X?��?j?� �0虭 �zMQ�� ��k,ÚYX�` �P�߽�aI�'�76X�`�|�Ku� P�L�d{���r�=s� &=`�"E�agy�=���爆y���MJʽƧD�$�H1�ToB��M�G$m��ʦ�<}B�NO@�8J�A�9�d� �RlǑ@.�А(�!](å����iڙ�Ys2-0���n����C ���F?�`-��D��ц>���$s ��6��|�I_���e�o������>H, �\Z���� ��&�S�b��wSẵ�e �\'`pU[R"�)b��e g0��L�eH�$D���Vb�`-�����d��5L�WS��M�T"� � X��.��V�c��� z�H�뿌��`����J����@ �RB�`h�RӜ�%� �X�m��Պ�, JYo���Z�c��3i� �@ �3�8��]Fz�m����.�R�����`�K�� ����n��"\O�fP�0�� 20����&c�M�$�}��\[�o ��4X)�*�� ��d�&r �@38r�� g.�R��c;d_��%� 箌�f�ߍ�bS>a��L{S�h�S�l���A��y<,tV� ��S�nY�V�l��&���(Si�: ��`�� ���+��N��+��mV���%�G��� ��`-�����&��s� �����p��n(��l��]�_�d�0��d��l%��ڙ�6��� Ҝ�僺=�4a���2�k � �82�w���렄�e�"k���l�آ��dJU� �����֙>G�U��u �gҦ�,DZ��� �i�~��*u��\>m�%����kM�H=J!4�#? �!ߢ� ��[Ɓ�H��ݻ�3�Hm6U�@f��Yf�Nm������䏖���p��� ��F����Y�iꖪC� A�Q qƅ�f�=F�d�t˴�~� �i��ٚ��e��.#t2� �q�$�i���J&�;�s�h��w�K~�v ���H�̈lK����g� �<*Rw�����w7u�� V���<3,���\G���V7[&�,�]~��d�e�-�]Jɣ�l���u���0[4g�OH|-��ZK�N7@��iR�JZ�vAAC�(�Ħ�vk'�[.�[��H�m����!�� ����4(W�rrd8瀦KAH�i� �X`�� �<F��kΏ�"]��Yn_]r��c�6XK`Q�Ⱥ��ַ��[B��d�L��� Bh��K5��P�L�f $ۃ2f:ʹ���i;���PP��n�Ͳ��u9n�l��`}�{�ӝwb���{`��r>�=��,�����ao�A��_5���|��I�s�I�Z~��k,_KJO�tZ6H� M�����N@� ��"o'�Xnߖ'S�@�m�n#����hm��>RE\o������ '�r�`���I`�*s ���l?o����!I������##� � �� 2L4}*V�-q6h&�V c� �@�# lx�W�6T+]m�{ �7X�`9T�SZN��J�n雱� )��tS*��wuy]�)��2�M������n�{�!� �+-�## twkB�,ߔh6X���|n�k��wh,2>����@N��4 m{�cc{�<RY��Ԯ�OK��:�T��Ĝ�|���k,��4I�%��r:ǰ9rOy:�L +l� "�ܢ!2��g� �v �JϜ[N,�w����続�� ��� ��*��~M F� �~y ���l�KC��S��: �ᒆ��� ��A�!|����R ��T�6�B�M���?uZ�fO�)��K���k��E��'���LA�?��`)���-���<��}�f���S�e���JI�O��[A7�"Q��'��5��D�-��� �<bpw��gc�\�Q YۆpTʷ�d���[l�"�� �V� 'e�q�6\��Т�])�f��8w�)�`�˲�#��B8fo�w�ֆ��$ ���mܤ�H�u�L&��S�2���2�е5��� v���2���R/�z����t�)�`���$C�5dq � �`����x�����wb.�&�iv@wS;�5FmS�� �n�zܐ ����s uIS�&�m������rj���6X+`1^�!Ϥz�ғ~-�{�� ��.�le)s ��tJRi$� q�=.�4K���%1w ���x ����Fnm�V��dMQ3��-��=� �(�Cy2�3����?z��"ñ�Z��#�l�$�J�#�Q�y 4� T�+Rm� ��l��w���1(D��]�o�k~�1�IxTz��d� m~�s� �`-�մf�je Iѱ8K;c�[��6ڴL:�H�[��p75SC+ X� ��d4Hd2K� ꣄�.52��[�Ъõ�7�`��(�d1'{I�Q�7���,�d7-� [6'�cJz&Ccr| s�_�P� �J��ٴpP fCP���m��=ͮ�����`�R�[�������r�: �%�es3.��3"� ��-0��HLQD��)e�{Ąip�Jf� �я7X+`q!��v��X1\@D��ԉ��� ��-� �:�U\�h�2� �s���7�R:�aV�{����k�q� �Xl���_�@�Py4�ฉsk���"�E���J1�����2|�w���)FGhI�liV���7$������0��;��Z �yy� ���J�2f<�v1u��1�G@h�!�~��k,��� �A��vfY�)�UR�K��H�v�(��x��b�ŀr�6�r�7�r��#K�����S�r Zq��O7�6X `�f3�6 C �uzԨ�wZ9:]� g��e+UH����rt��g� �8\���$=���j:�n� & �FuK n���E��%��Z�he���(no�y'l�dYW�Ց01����)$��I��`���1DM���P��ͤ�g��6X'���u1{���ؖnCֻ�W6X `�`�� �o(?3-;��6K[1�c��K,�p��|��p�i������g�k��Xb hK���+N�Ԇ[-K~o.�!�^�R�\���7hB:�sc 3AU���� �LYE�:�4�E(�t��1���G`v]X6X `�%�.J����v����3n"ۮ�~�^!�䘡�v��V������� ^�!�n�1�� �y\>&e�l���p��C���Y6X��� ��(�D�* �ǹsI,���BX����/�F�jd�`�g�P��H,� �e��'!�V�-���q&ɕT��E#�~/�l�����nMC�F�<p]p�S {�j�9����R#of��`��: I�(�z���L���m̥�Pԭ� �[~ݨ�\�ڨ� � X��$N�h�� m��i=� ��bM�HY�ҧ�� �Bģ�vE�<��\6X+`�íl� ��sHd8,5�";!����2ܬ%�lR!�"��,�$Ǐ� �F&H#�.5`�]Jiꦸ�7)L��o�N���7�-q�$�L���9� Fњh35۲?�V�(��w��Y�� #�2 �?�A�ۑ��y�A�����M��6X���f#Շ�NhB�@ <K��XZ�L�l ��$�6X+`a.�6�@3U�� �����Aq�� aD^�v1-Q�e&.�2fA��]Z �k��v 1f�im`����ci��$���� �X�P����:�pJe�US*+A7�%��ʜt�M�@�s�㭹��(�mi��.�"�Jy�1}�:̊�:J�q��=�:��FVs�@,�����ܸ�-���|GOڴ�#T� TޙƝ-"rbI~��дy�� �i�v �< a���[?cc[����,� ����0��J�rQ��y��� #��:�� �pGiO#�T JU�)�Z� c�SM\*�^�n�� �O��V�y�h��� �gi#�s�wD � %�Z k��V�㟠b�#�E��c��>��=�:�=Rv1?�`�3Z�����)�8�1iC�v% Le{m���Mr4���l����.�GD�H�7��< �n��`Z����H�`�-eдl��c���/-�6 ���.4n�qiH�1e1���6X���ǂBҕ�����L@ � Np�qt B�Ο�ٖ�G�Rz���1�G��9K�!)����|t PY�Y^*������ �I��lh[8l-��2�1ɖ��D���Ĝ�r(^�c��R�$��NV�G1)%?M[B �C�lJ�#v���w�X�t� �X�+R� w$|V��q�-Ѩ؞�� �Xm� �m��bK�g.�! �$�q�4Lt �%i�f�r���B>Y&ly�J�h���)b�]�)1�\��o�B�=��`K\�) ��<��A�O��ߕ>��˼� K)�!mDٗ��-zR� e����`-��r���%�]y�}�Sf�\i �VE -���J��X�t�R���(CM)]Is�x�X� �z���� p�k�Xژ7Xk`Ie�D� [j���/9x�>.�V<�|�l{�5W�ذ�����x��Z � �1*��Mg� IEND�B`� media/editor.video.js 0000644 00000007651 15116747511 0010575 0 ustar 00 // module: start EasyBlog.module("media/editor.video", function($){ var module = this; // require: start EasyBlog.require() .view( "media/editor.video", "media/editor.video.player" ) .done(function() { // controller: start EasyBlog.Controller( "Media.Editor.Video", { defaultOptions: { view: { panel: "media/editor.video", player: "media/editor.video.player" }, player: { width: 400, // 16 height: 225, // 9 autostart: false, controlbar: "bottom", backcolor: "#333333", frontcolor: "#ffffff", modes: [ { type: 'html5' }, { type: 'flash', src: $.rootPath + "components/com_easyblog/assets/vendors/jwplayer/player.swf" }, { type: 'download' } ] }, "{editorPreview}": ".editorPreview", "{editorPanel}": ".editorPanel", "{playerContainer}": ".playerContainer", // Insert options "{insertWidth}" : ".insertWidth", "{insertHeight}": ".insertHeight", "{autoplay}": ".autoplay" } }, function(self) { var $Media, $Library, $Browser; return { init: function() { $Media = self.media; $Library = $Media.library; $Browser = $Media.browser; var meta = self.meta(); var insertWidth = $Media.options.exporter.video.width; var insertHeight = $Media.options.exporter.video.height; if (insertWidth!==undefined) { self.options.player.width = insertWidth; } if (insertHeight!==undefined) { self.options.player.height = insertHeight; } // Panel self.editorPanel() .html(self.view.panel({ meta: meta, insertWidth: self.options.player.width, insertHeight: self.options.player.height })) .implement( EasyBlog.Controller.Media.Editor.Panel, {}, function() { // Keep a reference to this controller self.panel = this; } ); // Preview self.editorPreview() .implement( EasyBlog.Controller.Media.Editor.Preview, {}, function() { // Keep a reference to this controller self.preview = this; self.initPlayer(); } ); }, initPlayer: function() { // Show loading indicator self.preview.showDialog("loading"); EasyBlog.require() .script($.rootPath + "/components/com_easyblog/assets/vendors/jwplayer/jwplayer.js") .done(function($) { var meta = self.meta(), place = self.place(), id = "player-" + $.uid(), options = $.extend(self.options.player, { id: id, file: self.meta().url, }), player = self.view.player({ id: id, meta: meta, options: options }); // Append player container self.preview.container() .append(player); self.player = jwplayer(id).setup(options); self.preview.resetLayout(); // Hide loading indicator self.preview.hideDialog("loading"); }) .fail(function() { }); }, meta: function() { return $Library.getMeta(self.key); }, place: function() { return $Library.getPlace(self.meta().place); }, setLayout: function() { }, "{self} cancelItem": function() { if (self.player) { if (self.player.getState()=="PLAYING") { self.player.pause(); } } }, // // Insert video // "{self} insertItem": function() { var options = { autostart: (self.autoplay().val() == '1') ? true : false, width: parseInt(self.insertWidth().val(), 10), height: parseInt(self.insertHeight().val(), 10) } $Media.insert(self.meta(), options); }, resize: function() { if (self.player) { var width = parseInt(self.insertWidth().val(), 10); var height = parseInt(self.insertHeight().val(), 10); self.player.resize(width, height); self.preview.resetLayout(); } }, "{insertWidth} keyup": function() { self.resize(); }, "{insertHeight} keyup": function() { self.resize(); } }} ); // controller: end module.resolve(); }); // require: end }); // module: end media/elements.less 0000644 00000025232 15116747511 0010343 0 ustar 00 /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .clearfix() { zoom: 1; &:before, &:after { content: ""; display: table; } &:after { clear: both; } } @sprite32: 32px; .spriteGrid-32(@x, @y) { background-position: -((@x*@sprite32)-@sprite32) -((@y*@sprite32)-@sprite32); } .horizontal-gradient (@startColor: #555, @endColor: #333) { background-color: @endColor; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right top, from(@startColor), to(@endColor)); /* Konqueror */ background-image: -moz-linear-gradient(left, @startColor, @endColor); /* FF 3.6+ */ background-image: -ms-linear-gradient(left, @startColor, @endColor); /* IE10 */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, @startColor), color-stop(100%, @endColor)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(left, @startColor, @endColor); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(left, @startColor, @endColor); /* Opera 11.10 */ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); /* IE6 & IE7 */ -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor); /* IE8+ */ background-image: linear-gradient(left, @startColor, @endColor); /* the standard */ } .vertical-gradient (@startColor: #555, @endColor: #333) { background-color: @endColor; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); /* Konqueror */ background-image: -moz-linear-gradient(@startColor, @endColor); /* FF 3.6+ */ background-image: -ms-linear-gradient(@startColor, @endColor); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(@startColor, @endColor); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(@startColor, @endColor); /* Opera 11.10 */ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); /* IE6 & IE7 */ -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor); /* IE8+ */ background-image: linear-gradient(@startColor, @endColor); /* the standard */ } .vertical-gradient-3 (@startColor: #00b3ee, @midColor: #7a43b6, @endColor: #c3325f, @colorStop: 0.5) { background-color: @endColor; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor)); background-image: -webkit-linear-gradient(top, @startColor 0%, @midColor @colorStop, @endColor 100%); background-image: -moz-linear-gradient(top, @startColor 0%, @midColor @colorStop, @endColor 100%); background-image: -o-linear-gradient(top, @startColor 0%, @midColor @colorStop, @endColor 100%); background-image: -ms-linear-gradient(top, @startColor 0%, @midColor @colorStop, @endColor 100%); background-image: linear-gradient(top, @startColor 0%, @midColor @colorStop, @endColor 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); /* IE6 & IE7 */ -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor); /* IE8+ */ } .vertical-gradient-4 (@startColor: #00b3ee, @color1: #7a43b6, @color2, @endColor: #c3325f, @colorStop1: 50%, @colorStop2: 51%) { background-color: @endColor; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, left bottom, from(@startColor), color-stop(@colorStop1, @color1), color-stop(@colorStop2, @color2), to(@endColor)); background-image: -webkit-linear-gradient(top, @startColor 0%, @color1 @colorStop1, @color2 @colorStop2, @endColor 100%); background-image: -moz-linear-gradient(top, @startColor 0%, @color1 @colorStop1, @color2 @colorStop2, @endColor 100%); background-image: -o-linear-gradient(top, @startColor 0%, @color1 @colorStop1, @color2 @colorStop2, @endColor 100%); background-image: -ms-linear-gradient(top, @startColor 0%, @color1 @colorStop1, @color2 @colorStop2, @endColor 100%); background-image: linear-gradient(top, @startColor 0%, @color1 @colorStop1, @color2 @colorStop2, @endColor 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); /* IE6 & IE7 */ -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor); /* IE8+ */ } .absolute-center(@offsetTop: 0, @offsetLeft: 0) { position: absolute; top: 50%; width: 100%; margin-top: @offsetTop; margin-left: @offsetLeft; } .bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) { border-top: solid 1px @top-color;.box-shadow(inset 0 1px 0 rgba(255,255,255,0.1)); border-left: solid 1px @left-color; border-right: solid 1px @right-color; border-bottom: solid 1px @bottom-color; } .drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) { -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); } .text-shadow(@x: 2px, @y: 1px, @blur: 2px, @color: #555) { text-shadow: @x @y @blur @color; -moz-text-shadow: @x @y @blur @color; -webkit-text-shadow: @x @y @blur @color; /* filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true'); -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true')"; *zoom: 1; */ } .text-overflow(@property: ellipsis) { -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .rounded(@radius: 2px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { -webkit-border-top-right-radius: @topright; -webkit-border-bottom-right-radius: @bottomright; -webkit-border-bottom-left-radius: @bottomleft; -webkit-border-top-left-radius: @topleft; -moz-border-radius-topright: @topright; -moz-border-radius-bottomright: @bottomright; -moz-border-radius-bottomleft: @bottomleft; -moz-border-radius-topleft: @topleft; border-top-right-radius: @topright; border-bottom-right-radius: @bottomright; border-bottom-left-radius: @bottomleft; border-top-left-radius: @topleft; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .opacity(@opacity: 0.5) { @opacityPercentage: @opacity * 100; -moz-opacity: @opacity; -khtml-opacity: @opacity; -webkit-opacity: @opacity; opacity: @opacity; -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opacityPercentage})"; filter: ~"alpha(opacity=@{opacityPercentage})"; } .transition-duration(@duration: 0.2s) { -moz-transition-duration: @duration; -webkit-transition-duration: @duration; transition-duration: @duration; } .rotation(@deg:5deg){ -webkit-transform: rotate(@deg); -moz-transform: rotate(@deg); transform: rotate(@deg); } .scale(@ratio:1.5){ -webkit-transform:scale(@ratio); -moz-transform:scale(@ratio); transform:scale(@ratio); } .transition(@duration:0.2s, @ease:ease-out) { -webkit-transition: all @duration @ease; -moz-transition: all @duration @ease; transition: all @duration @ease; } .transition-opacity(@duration:0.2s, @ease:ease-out) { -webkit-transition: opacity @duration @ease; -moz-transition: opacity @duration @ease; transition: opacity @duration @ease; } .inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) { -webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); } .box-shadow(@arguments) { -webkit-box-shadow: @arguments; -moz-box-shadow: @arguments; box-shadow: @arguments; } .columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) { -moz-column-width: @colwidth; -moz-column-count: @colcount; -moz-column-gap: @colgap; -moz-column-rule-color: @columnRuleColor; -moz-column-rule-style: @columnRuleStyle; -moz-column-rule-width: @columnRuleWidth; -webkit-column-width: @colwidth; -webkit-column-count: @colcount; -webkit-column-gap: @colgap; -webkit-column-rule-color: @columnRuleColor; -webkit-column-rule-style: @columnRuleStyle; -webkit-column-rule-width: @columnRuleWidth; column-width: @colwidth; column-count: @colcount; column-gap: @colgap; column-rule-color: @columnRuleColor; column-rule-style: @columnRuleStyle; column-rule-width: @columnRuleWidth; } .translate(@x:0, @y:0) { -moz-transform: translate(@x, @y); -webkit-transform: translate(@x, @y); -o-transform: translate(@x, @y); -ms-transform: translate(@x, @y); transform: translate(@x, @y); } .unselectable() { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .no-focus-outline() { outline: none; &::-moz-focus-inner { outline: none; border: 0; } } .word-wrap() { // white-space: pre-wrap; /* css-3 */ // white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ // white-space: -pre-wrap; /* Opera 4-6 */ // white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } media/icon.media.png 0000644 00000064133 15116747512 0010357 0 ustar 00 �PNG IHDR � ` +a�< tEXtSoftware Adobe ImageReadyq�e< hiTXtXML:com.adobe.xmp <?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.3-c011 66.145661, 2012/02/06-14:56:27 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmpMM:OriginalDocumentID="xmp.did:CBAE10392E20681188C6DB71831FAD1E" xmpMM:DocumentID="xmp.did:0BB70D2DFE2711E18408E89263B9800E" xmpMM:InstanceID="xmp.iid:0BB70D2CFE2711E18408E89263B9800E" xmp:CreatorTool="Adobe Photoshop CS6 (Macintosh)"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:01801174072068118A6DAE9BC8780012" stRef:documentID="xmp.did:CBAE10392E20681188C6DB71831FAD1E"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>Z�� d�IDATx��XW��It5���M�d�I�)��Xb��� VĆ(����]�F�NL�b{�� �bC�!F;�(�b4*ҿ�� 3d��)�½���<�3�̙;3瞹��;ell��?o�[⍷�o��}��w�\y��2����~V��>Ic��q"� \�V ���̃f#� �$..�L���ʕ���u����"��~��[�~x�}B�X�>��������.�d���m�c�̟, ] ͳ�c_ˎ� 'Cv젝��ԫW/�dyxz������Ppp0m߾�8�5 ���� ���1�|S��cM`� ��o��^1��Ms'F�����'�U�O+TW$�M�II+�ȱ�A`�dD���-�wzs� .�j� ���o�����ׯ��;wi��Ŕ��D)))�h�"z��ݺ}�� 9B�W�^�o���,�GV,���R�ڵMn �1�wY��M!�~�É�)K �����e'I#i�9�X�Q�J��,b�gU+�<���!�3 ��: ���k�O���}n� ��K��d� �K�O��K/)FP� ?zL� ?��Ǐ����'OҼy�^)�Ym3�_א�v+7%Y5Y�X�X Y���/�����<���@gΜ��� �4��ފ�+Dx�� |E��#'����?� �c�X� #= �'O�,���W���� �UP�Or=r]()ևD�o�I��P;WO�%K�d'���<y��3fΠ�[��l��4{�l�?>͟7��-[J۹��t��a�z�*M�0�$0�����;U��v+�����=둁�=̪T�r���>��Ç���� �FEE=�v��o�����]>4�'����GNb�n�|�,Bp?��X�>�W��ԤE{�Y��_L_�:��>I���g��g�RSS�� ?^3��x�i��O��\�\J�u"��+�n�- ��O?QRRR��}ƺ��s'�N�E�I/m۶�""��իW�ƍt��m�p�<�as8x���j �f���߫�֬f�!������ܹsJ���{��q$�`M�'(!1�"##�� ���%GG�L�/��,H4X��>���H>}䯉]{r��A ;�g2��.�d��@}$P��j� ��g��ѣ5x��e ��Q�Gr~�� ?�d�gE��ƅ�����U��w� �F��֯ib�����M�39 8f�4�� ��� ��=iذ���w���)S�w�o�5��&`�p�J!��X�Xi�$V�z�X���7�g���Liii�%!V�� � ;v�����l�o�5�EGG����3�?��c�r�����|�#Ҍ���U�Z+��i&Po�d)i��(�Q�J��KHHXڴiS�֪U+� 2Z�#���a����������$�mK�˩�W��5#(�̙3���;�< ��D_G�w���� �ᣇ��@|kF7߲������=Q���PM��5,�NåE ���)Y3��g%�'�} ��:~��U�{�����>���B�KL�.◛��$ ���XF����>���W������e��� �>:��c#F➫V��͌q?�1�r�&M�(�S=? �3��:�ߞd�p��l�{5I�=���o�1�eڴi�i�&Z�`�2�cO #_��U�|���0��7��dʍ�0����Ě�J�<� ��J���Z�J���F"�a % �����ϋ�� ���@@�#�� x�u�0 �����M ��C���Ӛ�峌e�Xsń5j�H��-��i��p��r^u�� �@�er�)bNk�� ���^נ��.u�z�zn�K����e��Y9��<yB?��Q���6m�D�xB1��j���P������&�B1�|;�x��%��9럺4bg�Dina:x�/0%5݃r��tQj��9h2�wY���� ��W��rU� �[�f����5�e�^�� N�U�~}�D��oN���={��=9�j��*Y'?�}�§ۑ,�N��D���ܦ!�wi��{4f�=�~���#e�����O��X�g�k�}N%�@ � 5�3��� x�&3_Y��sW��� ���}�HS�ެ����ǚ�ES�5�)g �� !������ʜ�9I�cA��F!ᔻt��P���Mc�`��m{Gg�N��(���(`����W�"5+3g��ϰO`Vǔ��E�#��<�u���OQ��P����V���u` @�ŧ�;�{R��D�$�7��-Z}�m<��\���+Oh�/�3�~��>b3��� n� �o���� ����N(����j5�� <ت �Ӭ�� 6R �h^�s+��s�: �]V�����ML�Ξβ ��;�O� S�KQ�F0 l.� �ѓ�jC�)ی`��` ���v5��_5����B��T�7�Y�竌T�Y��&`C�';�} M�|�c#� �W��>�P'���ׁy ��QMߤ��H�2�["{o��I���N���B����۠H�I1"c��PPPPzP1��JߧU} R�~��l�WE����S�MF /�&��gU�f��Mf �g�� Q���AL�~>@s2�b� ��6#E3 ��m�������� /L�W`�ac�#��@l���K�?�>����eH��-#�Kbx��Ж1�H����]v�4b�T�6���w���駅�f� e�3����gD =yj|k�a�t&P�8�f��~����7���-Z�.;��� �40E � �b ��Is�aZ��ڂ �fcu�.t�W`���ݥ|���������/>4X�Q %����k�1��GXC�F�k�,' �D�Q�:77ُS��=� ;��ΝK˖.�={�p7�h uy��]��L;���} �5����2��_'�>�W&�0�de M6 �_�nc�f߬�A���+}_5��@ ��[�M� �6�}� �+�d�a�o��q�Y%��KbP��f�Sh�)���kݺv;ܵk�h����ŕ\\\�]\]����t�7f� �G�ğ���@�ah �2�0"��N�@�:HT�i��7r�|�2 �|xꭇb.H��f���m �?� � �J��A�Y��t�T�a��2���N�f$��� ��4�e ��ds'S�3�ڠ�@��c�lѪU�V;W�'i$- 3K��� X��I0��3���f�m箞��;�T/�T��WT���d]��>I�i��k �� �:�E�9Ә� ��aK��Y�XWXI����d_ |= ��@ ` � 0� � ��W� E�5f @N X�ứS+��:r �z �:�� ��?o�[⍷�o��}��w�\y��2����~V��>Icm�moo_�U�5�5�Ց�VA�����겆���:��*�<��eMa�e%�:�n+[���z�~�#�/ �1�x����2r���߷�o�ֻ ^|��� ��>�@e>�Ī���6�'i8m+2���Xd�[�A��Ml�>g��_���2��K�f�R){d�\�߭�9�=�F�� nF*�u�2 �� � � k� A�1�x�b ݛ �N��Ge?���W�O>�F�V��H�e��4�V��c-�UV��f�Y� Lh�*�FO#�����2���R��%�X��ŌKMj̼ 9�JM>�J�.��+��Y *��(r��.�4r�� N|�LY��l�L�/;II+�ȱl�J��U��ʚΪ�zOm����D�+\a�Ϊ�zOm����y���GO�,k|*N<ݤҤ3���&�����?�!�>��d������ӓ��j������[3|�%Y5Y�X�X Y���/��{xx<��p��ݻo�?�ـ�d �&��G�ډ���^^̟��1r�|���:�(��,�K��u� �W �����~i~��7�˱R� �r����۷3.J�e���!ǔ������M>s4��D2����!�%�Ǧk�u�e�}��Z `V�} >"���j�~�T������� fU*�kqww�]{���)S�[�n ��}��(f �� �������T�6m�F�����Pe���G�3��,� U�]�l6i�4gY%�l����*!�A�=PM#3�}��zW'F�J�*Ժuk��d]��>�Zӳ�y� �����_����o�40�{ �pmpﯲZ����s��F��k���ѣ��E �q��Qw��5�b@�� #777�@@`*� �����G���lK�d2��.�1��H��'�� �D��I����I�PM#�/ـMT͔�{;�4 �4� l���;:�ᓥ~] � ��>o��z�s��'��]~"��;�&�B�X�Xi�$V�z�$�E�0��N�Bv��-t"� �%f��L���u�,�? H�@@` >-_�4��| ��e=���_rr��F���DX�tR�]�!��/�N�i=���I5Si,�,���:�� 7�h`u� egs0�`k}.��fq���?Y{�0�/�/0������=Q���PM�~��I[[$(p݆M�q3���H� �J��xT����>E={�� �45�Y�� T��c٫7s���3r��3���̟�4�c�GW~l��-�]��]�>�}/�f��3��e�?�]�P]�>�}/�f� �)Ο ��Z����_����䉯%M�uT �D��%�$V���IЗU��o�V�n�M�794�ܮ� ����g+���1�Z@@+Û�"Ub��k��/-�� �&0'�5�gYb ���Fg�d��:�V�n��v3�9k�љ*𱎵�m0�� Ν�&�S�\��_� Ԫ�Vj%�E��� �p�݁���d� v��.���Y&Q��[�� J�.6�A��#��6�ް�w�w�/�����&�p4� ��R�-��"g ?.W%�Q�}� RL�� ���mz b��k�� L9(^��M`�&��9/M�F>w~�L������v��9��s����F��zA_CQ����\i ��՛��X�Xӳh eJ�D ק���-<(c �U ��f`�����`�JOq�]L�]&���9������(_�Ԭ̜�ϟ,5#h80D�r��H��`sט��u�uE����ꡎ��&P5c�Y�Y�eF�ϟ��:JXxbLȟU^? ��˗�f���� ���u���'Oґ#�i��ݴ}�6ڼy3k +���V��zA�� �5X�(`��V�N��� y�UE�;�� &{���j� � ����Ш�#����@�` 0�b����7�d�S���9���&��sy0�ۭ�ˮV�� �M���O�}E9�@� ���'l��z�`['��T�W��^6���v4�e"h?kz6l�/))����֭_�_�ҥK�X�Y�(2�,�?�$�5@4J����������Q�/�� ��04� G ���(�@�9�v� (��p�l{�(`aQ* Zth���� ��M�3�?�� �L�AҰq�kΫ,L�mA�? hk��-Q�� �tnܸ�Ə O�G��aÆҷߊF��w�Çϒ�E5�he �#k�:�w�_}���ߢ�겳���I `!O,� ��suu��i�mYC3F�S�A �.�.ڤΚ��w��]��/>4�j�Z%����k�S���֞_l�:�L�>?��:8�+&p�:�$;d�\�PZ�W*��zٲe�ss��t�={�� ?�f��s'�p��,<��� ���W\��r�z, VG�Dл3&�vs��W� ����$+���7 ��[�M� �6�}� �+�d�a�o��q�Y%�B�٧#���0���^� �_&�ly5�4�9V�:�4k���UV��_~�ë��:>/��r�z, VGa� ����Vd� l� �5j�T�֛?9V>9 ��x���.��6�m(}Ni �J�5���HХ��: �=� ��u4#99 VCi� DÀ@����� �>@ �#x�X3[��@�����II��̒c�� �u��h=F�m箞��;R�:�T��WT���d]��>I�i�!� �4��Nyr�zL` �3k � +I�u��+�� �� @ ` � f` g��� (�1� r �z �M�X!�ב3 �k ���� X5�~U�`���@Θ�!C��eMa�e%�:�n+k���eMa�e%�:�n3��k�����l�u^�z$묙�^%��r���'�Y�@a LY 9�\]]�;:����J�:�^��ѱ4��s�h )6�?�d�5I]���� �t8�w���6�W Ưk+�E�H��e���` �,V*�����2���ܽ�Z�Fﱿ�������)�u���i��hD��{�E�b�' ������[Y��~���9�?�}����$��?�Dz��� �y�"V���w���� OO�Ul �J��ۛ��f c�\Y�d�W��{��q�3� 8�3ݻ�@���6�'iLl�Bs0~��%����`� �K�1�?��l�"�AI�C������6��i�p�#�a�Da�{���&7���LJ��H֭��c��������$ǰ�Y�0(��p�l�|f�O���x�����>���?�,�K���w"����-���c �(:�U��[���S�>?/Y ����߾{��\����x�}��T�@6s~Oa�4�2��{ ��h�gC�X�_DDeWk��.( ���J"[���Lf�|����S$��Z �|���a� �$_��(0C>~����[��(l�� �,LL���j�^fc�[3}� �۶r�o<�?k4� ��}�'�Y��� �E$P�^L�/E�:*�u+6�|�����pܹ���^������ߕ�&0�X)���4i]�|�Ə �a�d]��>��c����c�h�n�Νt��]Қ�f �&�tP���9�W��\��#>>�rB ����r=r [��ʉf�|�}�'ڛ\쩶O9o���ٗb�)6�_���M�/Z���T� H���P���oZB=��+���5C���q3o�����X�f��zY��9:6�G� ��o��`��Հ/�� ѱ>�#�Hֽ��&[������;�3%q/�Ĕ����t��u�4��p�>�'FO1�w�(�O$��3�N5������ >|H۷oW$��3����������bC~X(66�$- ����)D�G弍?o���K�do�H֭�)X��i,,:��b�$������ ��6��T�2�$i���8�vꀏb��m%yNwR /�ﺼ�o틎���"b<��^��g����2��Ɲ�� ���Tz` �v�� �4������ �,�����F0�g��N�k�ᓥ~] T���JX1vZ +~(..N��*�i}cy)��� ��6t ���3)&1>�:�J�/���r@^�m�O�X��U �pt���M��~��~~3�4?_/\�@�Νc��s�yy�t���s�㥤�c�Xc]DTT��'Nбc�(22R���6��a�W�m�J����<�`�klr�ik�O5�k���/��m����M�;��۱~�N�(y���n�UZ����F7�1ܬ�F�i$�X��v�}<I�;�[�l���$����L` ���M`�O�� �M\�a�>� �G������ �1s�/]��#�O��b��^^�HtG��� �I���@>F�5�3�����a�b��͟k@���tX��{��_�-Q�d��O$��6�'i�� r�:��L�&��tD��*{O�DK?��� ����JɣR�Y� ��ec]�ɓ')!1������M���� �olvP�Y������?i�'�|}��Q�l*Ӹ�*��q^+�e)��ve_�����)��F7�a � ��}*�1Va ݻ-�h��'D7��]{�JW �K�e��4��� `��#�� �}s1��>��o��a ����P~x|8��ǃD��*@>��̟-��X1x��k `��Ư����$1|���7���.�����+�D�jۺ*R"����IIkmЇ XpDl���- �0��B�4�̲ٝ�4f��L�2�F����gΜ�,�zjj*%��JJ�F�O�HZ9F�5�H�/� �c��D�.�`�Lg s�5@��� `7]�wZ ֳ�'&�G���^���O���3�/ݗ�d ��o��iڠG��-^jz��l W�|�0�/ �v�@6z"Y�*�5@�1�w�/�T(��҃tɺf � ?�L4$?M���` �fg� ���0��>?G�� ��� ����]��ϟ~{L Ge8 �����;�$�����O�7l�RM�+�Hi���O7{ѵŇ�*�V�q�)��5@ PA�ܯN3Y^"�,�l]�g �;�f� %�����b�O��p��=JKKK7�����4�V�1ŅH����H�a�Lw���0w(�N�ޅ�ry.۴8����U�Rz*}��҃>>��f�H� v�ȟ�Jo d� `Vo�H�p��εɺl��A <�K���-\ ��|�Q�n)�/�� $�AéI['�?� 2�0�A �l�9 ��9���} ��� `v��|L ;���9���e�?�����@i� �=6}1����[��+۴���Z��5�锦W/��<���;����w�le�&�̙S�_�U�^F3��ɾ3gLg�4� ?N"�4P 0�M��TF�0���#�b�d�GZ� �T$�3�}uͽY�$0��``�}��uk�z���FO��K��'Wo�'��}GR��0������O-;���5 �ĕ�O#�.=�40�` ��c�|���^��F�D��H_L��4�V�y�W�6 7���;�5�zG� ����ܬ�`1y ��ͤ�&`��V��c�� z��Y�]�L}~1xK.O�Q�i�l� �n�~��䫘�X1gLn� ���W� 7���S�~�70��V��7��ԧ����^/P�MO��U�zQy\�#���7���u�yV"�L��'��>�D�~�:�3Nm��[doo�D i�ɮC��4�J8>f��� O�"Ki��}�)�]z��>kū�f�5D5���˃-"��'0�b����s��i� e�P1���{W�����0 0�N�a �q��J� �v1��]Z�$"(� �;�� �l �pm WU��[�� 1}&��qM`Q S� �Q6v �;(��I�O$o��Uik[� �=�ǘ�Up<��Eu��d6&�2���3ʧ�5�_Y l��Ą�L�~~�� ���ϟ] ��� Y���(�ӽ�a�'�O �Z�?`��(M��|~�&`1p���4��>�הm�O5�i|���f���?ME� j&���W1���t4� ��J��ɾ�����T8�����}sY7A��`c���� �T�0���\�y[��cI�Ѥe��{� ̟J�|�x���l ��zL��_L_�����SG �xdD �� �T �6�:-�u{~ 4�� �8��X&��s7��z���W�Mc�c%� �h_u[ySߟ�j�i�s�$�#�n+_ Y�� �ͺ�z�zĺƚ)� %6Z9 `^ ��� ��4 ����@S�? �yS�T��! �:h�&`6v�M���+M����=����ʤѪ4�&` �"b ����*(�3E ]� �e@O�5�y1�� (<�� SF��;}��?@GWe�� X5�h ($��@� �"���.J�N̠D��� ��# ` 0^�;>�ݽ�t� �vCh Ph0�ͽj��a�֬��ͺ�ɝU�������С �� `�#����>J�@�h�>ȯ1M�^� �Z�1� �)� @�@%◾�ޤec Ո �g6���ʛ��3�qr�� ��0��^ʵy�pd����uc9�����Mc���q���?W `\���ތ��>B�mPF���^oo�4n��6-�$1,�f� �Ə��=� 0��q�G^%:d`�D����3�d���ٓ9� J���tF����� `$請 ��4�q:� ��EGG+} U(oQ�{Z/,,,M���ȟ�KrL��k�@ S@_�n� ��Ǘ��&�}�X�!�uOup���kk[������R��у (��M�� ��_6}i��ө���+?$�F�$@ ��ܢ~y� f �`�&M� ����%C��a� �}s��!��_����c�Kץ���lljM�����{Y�n]�ڵkXO���7Q� �f �3F��)} eD�H� �F5߸als��#j���q�h��F�g� �s:�~;���� ��I8��ƞ�_�x�^��A�Q��v�B��E��B�ێ ��nk�(w�ѣ�y� 6�Y�zujJJ �f͚�����2���9<1 s5��<ԑ��d�` A�!pT ��F#��VC�Q�OU�Հ�W�� _� GS�_;���^Z5¶H�Y66ϱ��� �������gL����a�<�yN6ɏ ?��� Ї �El �Y��� �d ӌ�0����+@`�lނ�6hL 5�F�M2����T���tn� E��DGfw�;��nL�"c ��m����I�=w����66%�}�9[)9-��-$걒�eѠ D>ۉ�Ɛ���נ��6�b���м5;i��P�[B�Vӌ�h���4u�V��x3M��� 7�w���ws�%��p O ��h��Q��|E�E�i6��bԴQj֤%5kjG͚��&MZP����bW:2�3 �ՁnF*M��8o]����դ��_)6s�� ��/V���*��?�� ��u?�� 9Bn�f��M���� I���/�=JJ�F}��3��ͦ����ȅۼ�S�ΥK�#d � 9����W&� ��Կ��X�O�e��X@`�4�ц.�\J��6��Lv� �e�vԲEkjagO�m�(ja:�¦u�+�+i�-�b k͋��5���\Ӥ�+P���?l�V�~�ݫS^z��(������-���}�_D�b ��D�;⧃u�o-� *��f��N�o��=hŞ�2�-�s�V�=�Y�鮳�s4�` �0�f�ܫ)VS,������ l����8̆�~oC�&�P�6�b��u�dߪ }ݼ ��La�;�����ٝ�<��Q `���5Y{����M�i��� ��.M�D��>�b����66ef<���ʕ���Y6��>���J���y� �����}�,�I�ϦЭ��Ts���Z��kp7��E�Ғ�Ӵt�t���%;N�O�Ѵp{��m�"��'hV�I��=+O��(������ݝz���N=z�� ��s /%� #��"�Y�5t�ޝ���ɺl�}���� �3E y=�'Ə%KD ���d� ��=-<`C �y��E\v��]�`߅ڶ�@�� )b���LOB�G�[�h��vF1��&���wgо� �ݼ����Z3/����1��i� 1��^q�)��@��U��_䡺u㗽��U6��8O�Q ��� =������GYA��6����(>9���A�� ��$����XɃ/f\6�� ����}����-�Es���:A~�~��?Sչ6TeN����_y�Z���x����N���� �i[�N���I�Y�Bv��t�إ���c�Xc]Jڳ7��N���Qъd]��>|M� `6ͽ�6���KS͟j ce�@`�pׅoh�1ZiC�Q6��� ���B��m�C[7j�ؙ��:ӁY��sJZ�Mc: �#��h� ��cվ�z*����)��}LC��i��'4���@c�%и�h��x����\'�tld�'c���j��T��駷��3U���C�'$R����eh��O�ܑ��'Em����2�{ ��|�����3�N:�Bs�VV���|�f XH�G���uGi����0����,?@c��+��8E�>r�~���x�H���S�ҁ�Gh}�Z�aS���2(�o�'i$� #��B$�?<���lS�?�� �WLh ��W���b3 X#Uq�=h��/M��l�v� ��6ur�NN�\�MW�7� ��u��c[�ᕣ(|���*��}�oX�I����t&��_5�{���_�vש��;��L�y%���O�<��3��֊��m6e�7 2�n��+}^���_���/Ӗ9���^��?�H� �S��'���F� ����d���O�D>� � �)�i��3�����C���M�����;�(Z��% �R�[�nƍG'�Nц��i]`��T��y)�$���cLq!��}J����̈��<�#Q�X-���ӯ�u�d�&�5`u&�� 6��bj<ņ\ ��չ7�vq'W����ڍ ;w�ݓ[��mh��iߢAtdNg�U � ��[�B�}0<,���sw��H���7�x��ݥ�!��=�� �G�$��|���F [�n�!�/�oX͚��R�?F��>��D�q�n��t��C������7�ʾ���Q�UFx���i#���#fӒ��f0��! ���B��;nK����� ��1� ts�a�@/:�o.شy+m��A����1I�uw3����ٳ'�� S���U' `kwN��k�/h��� ��4�1`�&�17���X����� Ɠܺ�+��r��A��i��h�w���A���rx���j��Nfmc eEj*�+��D&��s:������c\ U@�y��k"U��-Us�j��w�.C�K��j�^i�ƬL7��Q3T#�7FX3��Cg�����zM�B������t��4v��e7f��˒��)M�ۆ����_�����ް�t��U�m���������%�X��*c����8�1`�,�%���M� �ɳW� y����� ZP����ǎ�|;�I��kz�ye��d��NF5��^������4�W�t�� ��(�F�5�o�V��j��6D��rl�{ M�`�5�i�T���(u�!��~����ۏ���{�_�H�6�@�@i� 5r$ݽ�;ű$� �(t�ԉ:9w&g�.��$�u'g��)CN�w���h��#- Ւ� ҂֎kE���(0�B�E��u�}�����v�M�k>0��� W g#�) ��o���n��^�&����i�'��M��U��d��C�YM{�QL`�3-��u ���u�%<A&�8O���{��X� ��� `,�<��;W �Իi��F��y��,d��'��u�ϊ���XeG^MM+�b{.�'v q�u���ç�� [ƛ�`�n�>�ګ���{I|(��M���b�8��R���� �n��>?b��N�H`���W�� E�Wu&�<����뿬7U�X�V��Kj���0`.cnR�P���fK�{��*���� �:�x��UJ5�S��1��7� �C�a `%L_�7eip���!GS.\�p#7]�t���˗�8}��G� m�� �S�L)���?}��e�X�uw��)����ȵ����S�>��Ν; �g�[�w�t���m�.І�g((�,=z�(O��>ݸq�~��7:w�\BDDĦ���� ��iӦU�_�x���+O� �w�Ư��ʕ�-� ���n�]���� �CO\��ф���YC���4x��k��}.�~8%��߲�'(`_=x� W��� t��=�v����/G $��r�С/� V�ԩS?_�x��+V�e�w�d�iZ��'rsu!�.](�����3gV� ���i�ҥԩ�k����Qg�+W��M�6ѠA�nX�w�P&(��ܤ@� ���Г'O��ۚ �w���fxj &��_Y�bE��U�V�bŮ^��>�L%>��ܮMKg�k�����ܗ2)eSʨ�U)���l�s 髶h��E+V�<�w_���'�h���ե u�О\ڷ� ��ȩ][:~"�8�BK���߿�����4r�H6�.Oo ]\ǍGӧO'6��� *�T�J�ϙ&�ʕ+a�y�p�� �4x2�P�7oޤ���SZZ=|�P1�gΜx��N�� F�+�F\���&��/~�ƍ��AAA�6o�l�g�y�ه)�C�YJ�h�d�����h�Q�#eTʪ�Y)�R����rѢ�˗/_������'�o�\rue��ʼn��8Qow7�psQ̟��#9ڷ�4s�x�K� �۷�����Թ�S@g6�� �ܹ��L�V�\�M6y �U�6�z��kj֬y�^�zlmmc[�ly�iӦ������$�?t:� ������o_�R$fO�֖?��3q��x0�����Ge�D���S 5 �p�Y�+�CR�J�*?�۷o'�! �Ў ;L"�l9m��`�ɡ"-#i��2��~�~�eR�%eUʬ�]� �2]��Ԙ1c��H_�EK��b�wi_����?ӌ����>4p@ 2�?� 1��� �������'��}i@�^ԯ�;��ٝ���M7=�����mx�Vӌ3ک*k.�%�z��u�ر�|K �;'.�3=��6o��掚4iB�Lf�w�m۶��֭������iӆ���}�嗿����M�p%@i�]�rE��ו~~���t��U�ߟH�e����)<<����K���W$�v6�7Ps ��{�+�\i�JDE*o}� ���scJ�\9'S)�QI]ƾ��OV�gW ��Pʰ�e)�R����35gΜ��d����]���C�4m�t��u� �]hƌi$ѿ�����$Ϳ�Vt"�T��?�(���>}6-��SgΪ:'"���K���o���ǯ�٨�ڵ� ��� ��j�ԅ����b��p Ȏ ;� ����� � ܗ��@4-�3���ʀO��HL�D�����b��jۤ�H�~Ϟ=���(�ŋ%B�;��y�b ����%os%yB�&z�U���� ��aaa�o�>E��nl�9� >7��9�ׂ�1��ʡ�I9��Q)�z3�A5"(e��z�d@�� i67ݺ89QO7W�Շƍ J�G �ٳgҁ�ԮUKruv"�N���J3p�. �չufu��H�Ύ��Ԟ� ȉ�:9������P˦M(,� -Y�$�\~W��� 6l��Ӈ ;:'��r��V �7!�h�,� ��K^Ƀ?� S��w��U$<�;m�ԩS�����֥9��_U��nݺ-��wP� ���)�4�I�f��� U*Xij8p� ���� 9���2��S�R���`HZ9�ׂ�1��ʡV.��JY�2+eW3�R��lK��.e� �-n���}�⺰�?z}�3�ƍJc�� ї���S�ԗ�wǏEߍ��ñ��i����4lh �v�'}3ȃ��I}��^ ݕ>��.��~� Z�Ѷ� fe 9zw��S�� '�S^e�؉���[�1�3��I���y �\Iw��Q$�N M'O��[L�H��'��'N(�d]� J?B6��Q� � �/�GDnhQ?È�Tܚ����$?�cǎ�Lr.9�\GnC�HZ9Ɣׄ�1��ʥ�Q�J�5�Xꢁ7���� <���,���տ� 3L������A���)P̜�;z��ţf�ш}h�pO:�'�����ݸ�`W��˅<zv!�n��[��ԕG ;�5��!b ��5��n��9t�P%��αC�wk�(�j�2z���5oޜ7nL 4��S�ί<�*�8̓B~�h���i�w%K�o��#l#���EҬ+ͽZ�H�j������wP��fSx� �pT�����N�Z�O��$z"��D5�gjS�?�5&�S���F� J��,��5 KYW���g���٢EKVD�|��u�L�G~C#��)�n�P7��7��Cw��GW6��(��}h�p�vh�m74ؕ�Bv�~���w 'N��};PWWnvr g�6ԦYc� .1���rS������#W����b U�Gl���� c�(�U�Vm�S�|���PL��� >�l ���di�����b5S's������ �&-z(�( ��X�h �����ӛ?i2��3i�)(�g��i��» �J���-e\o�0�s���� �߅��y @Ç��� ���9k m�J �]қz�y�i���� � ԙ�t�>�;R�>���َz�l�#�r��6�ԡ5�oӒZ5�Z1�<d�����+�n�5J��AmڵOt��DyU��-(�O�]]��t.s7��V�$� >Jӂ��-�� ��!1�\ί�F �5��7��������0�~ :hh�g�+S>k2̊�y���M�C��Ӡo�� ��4� `0��=��z���?���L�pį/�>�ӳ-u�ي��ٓ�KKrv�#G�ԺUs��mH������;�� �)y-��ڶK 7w�U�[;(P����y�E� ��$��A�7 �i���[�����O[��~�m�Զ�d�v�D�|� r�+��C�q�ϟ�D ?c i^�a�䥏�� T�<.τ)�9��o}D�1n��ݸ9�G����1s2G�By��>ȍ���1��?n���:R�� �{oGrc��ͽ�voI]\��s�fԡCSjۦ1ٵ��f��+fҜ O�r�� $� оu�DϹ[(�jԺ�b 5jD�&M���r5����fk �/ٞ<�#7�g��8���~�R�~{V�2o� /Q@~�` ��_k�I�(���������Go�>���ڔ� 77:t$��ʥW �4�N��n �uu��]�o~H�Jį'�wc�����p ������ � ��_�����kj��k�oِ�6�O� �(� �,]��\~kڷocÆ 27�l�&���M�W5��� ����,� ��oM�t�~XF��˘�E ��Ӗ��۳Z�yӧ��%] ` �F���H�4�����C��q�NHH��wR��g�1���f0�4{,D� Hʢ�I)�RFs+�Z�@m`�:q��j]�T� 7Xu�� ?��]��ّ�=�Ѵ�<uK(7綥�ɳW{���}�Xn m�Ճ���lK����N��ș�_�N�<�^Cjۮ>���G͛եF kS�z_QH�.� ��䉜o�{|�L�B-�[%v����-�+�믿�Y�f����5K6�cڜ����|�f/}ϣ��}�"m #��E[�r��Sn�O�[$�K�� r�0��G�~~����>��4>%%�W����,?�t��7�z�15�T �����E)��RF���V�����3�gB� S>{<)�CG�R�Nm�G�᷂�*Ͷ��[�{OGep�����aO�=����{;q�Ϲks�إ 9:s�ϱ>��K��u�}E��jQ�:5��W5� ��K��4�ߛV�Z�X�lLYL��� &�����]��W��g�h_�6���%��n � �M>��d@)��ﰼ�W�[붠�[�OSֵ�% �-�� 7}yj�?i�˭�W��� e ��g���Y�X��(��$�T�SJMS�B��1�*�e�^-����J�ͭ\K�ך�噐gC�S= �jq��Ϗ:vhG�.�xo+�:u�2r��cKnn�#]��_W;��ל�z���������ϡc�J� �n[��Z֢f;$ۯkR�:���U�n�괃#��d [�lyc� 4�|jڢeb���W�n�a ����pm G� L�n� �b'�^�K��E$;�Ο?���C�2���+��ZjNj 䩎` 9��q�5��Μ*I�o3-99Y��Ʊ�����LYY��jԲ�/�lJ 'eV�nN&P�jB�ِ�2յr?���V]��`rhׂ:��29� �m�B�vr�h�37�:5�N_+M��K7~u�e�Z I������f��l��R�/*S��+P��U� ���fc [�hqc���Jn��v���.���V�vp�ܹԺuk�6��g�O �ѿ��Bi��Pe�H3�b���kݔ�� ��uåv��@�G�~ 9U���hG�Tv�)��j���%V5uX��z�$ �(�ϫeT��8)�ZsYNQ@y�7�D�3b�kds�#��aj��N����w��-+�С]SVc �шMa}jݦ.�j]G��5o�Ưi �W�ԯJ�kU�/�W���?�*�>���V�НJ0�\���M���+V�m�� F.���˦m3&����hb&�S�\�<t;6~;D�&�_G�a�p�ߺd��}�$��-�A]3���a 9V�orE����id��Q>>>~�Uy?`e�9��6���� 'yt#���1����;���mZ�}ӯi�ĉ�� �]ㆊ lig��u��<�K]��_��_Rc�/��F�ƯN����[��U��*W(K�>��*}�!ժ�p��a.��)\D_7i�LP�� ~\���\�r�5j\�`����LM�ߐMs[�5���\�<���, �!le�H�I�?�u�R�_� � /&���� r� ?�J�4y�뱲���T�����r "��ʹD?������]P�y�f�'r�)�����W�Y�I��4i�� 6oX���<~M��~}u��}E_7��֯A��7�~���5*���l��}�?M�8�s�n b&_�+<����@��`5n��p��V#Q�n�җ_��/5��u��ED�����ꫯ�}��p��#6�Ə � �Q�b===�� ��:y0��� �Ѡ��+&N$<��ߪ2�4���ZӰ�n�Ԏ�{�n@ @����_����4&�%�ڹ�_�=`ae]��?MY�gC�S_������ԷOon�\E� ��_7��vͩu�f��ޮ�97{�x�NS�&ԲY�k�˦�3�i�$�M��|��ڕz��V�~�;5���T�Mϸ,e�v�z��)-��� �S���I�;pSx;�U�Vj�J��T�P�|&� �_���iX����� ǓES͚5��c��79 ��m�o��`+]�rE������(� ��EEE)�.���r �c���Tr�_$�JQ����R!~iʎ� �����/� ��gA� � ~f�k�3g��S �ɩ � �^��TJ�Ri���� �l ��� �;���Rɒ%�T�V-z�i-���}� O��_1�l o�.]�#�,� ���C���3g*�o���J��o߾<�ƙ�tF�c���"����{�f�3oK����6(O��-��R���0� ���+���_�:���K+���rN�]���A�1��M�0��k�]C�m{p��_N�O/v� ����_#~��C6ƴ|�reį4�4�'�v�&��2eʔ������� =Z������=z���B���}���<Y̟��M�9'�._��H3zb�$�uI�/�2*�?�8Mby �J�R^ `^^��������� Hyg�v���'�q�3G��JV%p�vZ�ĆmI�.]H�,��d���:� J�.G�.�?-���4�ʲ{���� �x����3�t�qI�;�� �6RO֥K��"1�<��/x� ���*D@P� �V� � r3�3G�.͘1�Ɗ�+�r_�_E+V�Z��m�x��+x]� E�W��u�r^*Z��e��@�)�iAp�����+�O����`%��#{Ӹ�_�>}�*U��/��41���`�"&���ceZs�O�����7P7�ŋ�&~� �x" @y7)2��=�GF�{�g[��ڠA�ݺuSF�d���I�����5�c���&p��c��e<H�us�Ϯ> �]��'������M۶m� � ��nYH�G ���+�d�x�v��}�X�-w =7���隗�q��ߌ��k�M� @�P��P9/Q� i��h�j6~��9p���Vv�2������z @ P� T� � � *DT� � � *DT� � � *DT� � @� �; � K/��*8�w 0�0� � �� �0�(� P!�B(�(� P!�B(� *D P� T� �� �@y P!�� �B�`V�ZE�իW�ڵk���H�6|K(� *D��_���@ڴi��͛�Fr=r]r}r���P� �� �5��'��� 1S��ٶmSHH�ر�l$�#�%�'o � �00��jE�����l(�l��TD12i�$��� �+�Rj�X)�*����P3~{��U� �Er=��Dy �� ����*}��Er=r]0� F6�yT��g` �@c � �� &G�& �U"@�w � L��d��J� �� �S!��Mx� �; `E&/o��[%` Q� +���& �U� �� 1�7Y�0�(� @300Ϟ95��\��P� T���� �� ��@�����P� T���0���}I�>�w 000�0����w P!�B�DyG� @�� � @�` Q� T��?@�w "�� @��� �s�(�B�� P!@�w �Z+DD a a T��a Q� k�%ڇ y "*D@�w "�Dy P!"�` Q� T��?@�w " �; � � @��� �B��Dy P!� � �� � '������ �BD�� �� �a @�� ����w���K3��; 00�a Qޑw P!�B�Dy P!@�w "�� �� 144" �/� T��a Qޑw P!�B�Dy P!"�` Q� T��?@�w ��+D�T֞<j**ļ���4�� f�X��[���"I[9�7� �; `�b)�R��GI�R�9@�w � � � � � � � � ��+V�c�Y�jU��~��5[�lY��j�%@�N�^�ncܿ��'J `�p�N�իW�(-�%�#G�J =z����7�hӦMϬ͛7Spp0�ر�v��E���fi ���:�z��s�Z�I>��ז|Ey ,����\�܃�����d�����8-_�?X_\�zu����3�/�� ��{�ҁ� �Y@� �.�>�N����ߕ+Wp~|Ey ,��ٶm[�!�����_�Z�ĸ|�/�d�8��E1D��4��ٳGif=t�Y@�.�>�N�^cܷ�䣚�/�� �g�*i�,��d%m����|�ϳ�`9�~:~�� b�$:��ڷo���*&K�[ �oYI�G�K�O�S�7?�+�%�&����%_Q� 4�ZE(��D�����*FK�����>`���� 9r$Y�H <��S%��P"mb��� ���:�k~���|���|��S�8�; `�P*<��%b��d�֗̒+D��X�Y����kM��YzV�����>���d�/�75�^@y ,� �ek�S���9�ˬz� w�ܹl�ͷ�,�$�����s(� �����YmX�.^������l�$_$$��z�R� P�+D�?�,����'N�H� ����A ��?�Oj~Gy ` -��K�*�'$$��{L{��1�l&զ�4�� 5�J�� 0��p��X�F����;�[��!��I~H���S � ��������fٱ�� w�rS�f�$ $?X-Y�-�� �; � 1�<(�z�咖���(�@�>�~r��� j�Cy ` +Ya>�`�e HJJ��F(��EU�*�/���G �w@ 0�V[!�� ����SEi~@��W�[�_͇Q�a � Z���������_�~�VQh ֚~�~���Z���� �s���6˙��-;}��cc�@s4���������V��; �"S!�� �orrr����̛5D����}����7�w@ 0�E�BT�Vc�z���qs�h�k����}���"�; ��j �?�X��)7oތ��A!������S��_���� @��4y�<�,G� ����?��D�>�~ �}����<�; �"_!�g}��LII���?'�y���\�܇ܗz�Q�Q� � �B�3�^`}� Ē����_�� ��^@yGy � 1s I���&}��%�@���}���� �;�; �,�CQ�U�:� k~LL�}K�$Z�'�-ׯ���E�� ��%��?�X�SSS� ?~<�R��u��u���Q � � *���$�kHBBB��#G��= (�'�)�+^I�w�w 0���g/�j������1�Z�\�\/��\?�;�; @T�O�g� �4˞5����ws�XQ���'ש^o���� @�h�|���ﲺ�dʫO�<�`N�B4�'�%�'ש^oq�w�w 02��=�?`9�WRR�^Σ4s2�r=r]r}�u��w�� �B�����5�g̡?���O����G����m�� ���� �߬f�]�]�M�Zӯ\�\��z}���By r��&b�yX��6���[q�ԩ��0������u���U � � ���7�'�~���;،������:��� �w ����EVu�� �{w�}�q KQ�E�!���6j�!� �C u)��]҇>�/�B(��&P�<�I�CH�]�C �RZ�Hq�hqU��ey�Pld��K��6v�xkUI�fn�Ϝ� �,�\if�Hs����������aݟ W�o�NχW�| ����Xj=� �o[l�p���hC�����`� � q~Ƴ�� ?�ux>y���\��q�xz\�^ � ��>$�+��������l� ��������ǫ@� @A��q}��i��LNN L�Rp����� �F�| ���0���-�e�K�.��� ͟�����,g� � qa�V� ���� GGG��b=`X�722r]���?ƺ?� by���~���L&u���j���� �_���g� � ��Ƹ�b��kSSS����w}P��� ��[�(�� U-�X�.0�P�j��Z|��퉉��w� 0���� ��RF�| ��h�� ]!�m���Yo y����Μ9�i1�ú?����⇾?��A� PtAl��T`h�F��Z�W[����m �)� ͟��t���w P ��>i�=vI7[H����g� @5�[<g�ֵk�N�Z�i;m�{�Q ��P� ��������O� .��vm��?º? ��lk-�h��l6���G��7���O�����v�}-� P�M�k,^�y�f�5|5~!�~o�����Ϩ ��hnn�---9#lLj�� |�b���7n�8��~:���~�?�h�� ��iH�RQ[[[��� utt��M�h[>����+-�����s�. D�W?��W��| ������3�����t���=g�6m�m�`ܒ�5�,~b�266vQ��g�} �D� Pʂؤ����s;�ݧsE�]���X��u_�x����?�1:�; %/�����E���3t[(���^�-�n��}�Q!� H� ����~�\�۴ 1��b�7�+�_��� $Su�Cg=T���ud�M�h[ "�w (� � � � �; D�| ���� P� "@� @A�w (� � �;� � RA��� �ǡC�(�� ���� P� ��/���KA D "�w (� � � (ς���;SLA����ȡ)w�i 57h �� �ݳgύb�S�Nm��-a�Pa��D�[L���9�� ��(>5444�w��hpp���Ί��~u� *,�딻�4�� ���#� �ڊ�ӧOXH���h]Qwww� �7=T�rW9�\.���� a� �� >q��տڥ�h``���| <x0:p��E===Q:��Ȋ�� *�rU9��U+���w��C�� � �F Pm �L&�K;ۑ�� ������h�Ν�jmm}�QD9S�*W���]�p!��9���9�( ��\a�����X��"��*�]]]Q{{{fǎ �777۶m�2�(�E�rS9�\���Q��o��ݚ��#�( ���:�u���Ϸ.J�1\�BzT֎���βDVl��۷G---���ۑ��vI=�g�����Ҷ�E�r34�ٰ��N�щ�w՜��� O �jl �X|���'N\��\��T uvD��TP��`���N]�]tK v'jkk�R��>��!��4hm��$�\8���G W9 �rP��� �}���Y�n�������� >� P�M�r����̤�����Ύě@�M ��:˒TěLӘ�X��?����SN�W��O�K�r5_��rkh.hNhn� P� `���,~}��ų��ƛ@]Jӥ2�Y�;+Uhu�%��7����A�ŋRχ�)��Q.*'���Q�j��/��� �\�9Q�_ @57��,��xodd�΄�+��&4�:��B��M"◜�5�K~I= ����G��� �_����� � �jo k,V[�h }�:r��t�K���o� �,��G��`h[�'�����/W���W�k�\��/ `14����S��fgg�� ;6UH]������x�=�Q�ǣ�P�+�>� XLM�R��o�ِ�%�ze15L�: 4� <!����u��R� [���Yi���u��˗/l�Ȳ ��0q<��r[9�s��} ,�&�ƿ!d�_�v�֭��g�^_�&����)�?�rZ��9��s�u �E&P���|Q�V�)��G:��'CCC ����G9��U�Y����M�� ���zG�w,^���E*��MOO ���87>>~������÷h��=�rySN��>�E�rS9�\U�*w=�_��^�9N� ��v�N�>w�Eֻ�����"m���k�;�ؒ���mvWHp<��^�Ŵ�����z�n�\^�%_ �7��^4����Z��/��[x�b���bS���m�THp<��͞�ozn�����2�� ��A]��E�,��Xc��ZS���!�sk�m�*$8���Z��5���<W�� ����M�Hc( IEND�B`� media/index.html 0000644 00000000037 15116747512 0007631 0 ustar 00 <!DOCTYPE html><title></title> media/loader.bar.gif 0000644 00000025103 15116747512 0010335 0 ustar 00 GIF89a� � ��� �����������������������������������䰰��������������������������������������ª�����������!� NETSCAPE2.0 !�Created with ajaxload.info !� , � � �di�h��l�p,�tm�x��|��pH��r�l:�ШtJ�Z�جv:����(���z�ݸ���H���x�h��h|{~z��x�k�w��uys�����������t`f^+]d �����dpn��� ������p½���õ��Ǿź��ʱ���������Ӱ��, ������������ �;x/!A� �{�ОÂN���F�}\��H� �\����:��YE���r��0���V8w���С��<:��ϥG���*T�͠U�>źӪѨZ�r��jW�+ X A�-ZpSY�K�vpgɭ;�n^���św/_� �E\8�`�q & Y�]ʴӅ�Y�b̀-�E�B-�,�,Jk���;����u��]Ǿ���,ݻe�� |7��y�� \��䰏Å���s_Wݛt Ө-�m�����א`���͟��~~z���/������v_]�x�xpƊ�f�1 � v�oN�Z�bH��I�!��YX�����?�8���Yh� �A �o�5U�St�a��)�cs;�h\�8�x�TB*Gc�� i�ձƣ�L�ʋ& P ���^�ԗa�W&~`JI��bnզXo^�Wh��� `4� ��F�}>�'��N�gj����g� �h�+.�٠�H:أ�*�M�����*ꨤ�j*]�ꪬ��꫰�*무�j�'� !� , � � �di�h��l�p,�tm�x��|��pH��r�l:�ШtJ�Z�جv:����( 6��ap�݃z��݆|<�O� kmyz|~���o���j�w{}s���}��o���}�x�{���ly���v�����k�pf^+] �gh����h�~��� sg����t������s��������t~�������֨�i�p��q��,� �0XVa�2.(p`��� `�Hr��@�&9�$�<�� �eF�+=�i�ǔ %�ti��ϝ-I� ��fR�'A��eL��ڴ*U�J�=�2{� 6, 9�-�bŤa���]��镖�� w��5&��F��0�y#0|�m��{��<a�`|7?N��s�͕g����j�(#�,Y�_gWp���h� A� �'ok��p�ȕ+_�@����+�`���� >J���y��㙗w=}����Ko�\���?g<,���! �|���_v���0XV� ��X[ d�]b^'ͅj�Z��ɵA!v !l�sb�+ZW�/��� ��6Z��^7\�"rx v`X$��5�$�#ʸ#�*v�!{.*a(�8ar �� �Gfd N�����a�}�%��B"�&���hܛ|b� ]p�_�m-��t�ݢ2v����z���)�y�����(�)fr �G�+)�b�B�f�vvP*�����{�9��Zx�v� u,�Q�!�z�^�"+ki���k��9��g�J`k��.�����Da>�#��|H卦99�>2I���8�gH@�� `����.YLf4|��҈��F s� ,O��%�� �����l��' map ��2@�,�Y(f��Ii�+���*��{r���� � c2ht����t�M?4Ԁn7��zE��� F���1��I�،�4��g�����/� �� `,�Gp����jh���� ���-��{5T��bӭ�xy�Z�ۋ���Hl�砇.��S�E����ꬷ���.���~B !� , � � �di�h��l�p,�tm�x��|��pH��r�l:�ШtJ�Z�جv:��ix6h��p��A!M_� x�<�@� lx�}i�po��}�����{�j on�|��������nw���l����i���{��k�m `^+]k � gt�� �А�����g���� h�he���t}����ڈ���i������V���4� � ��7����P� 8(``A A.(p@�ɓ �| )�AI `�T�$�P��@��M�2c�\��fN�<��\�d��1�քp�ΞE�=)է֠��d ThX�!����A0+�䄻w� �� ��x�f��z 2Λ��C��7Fv����y%86�8rLǔ V �3e�H�5m��軪'���o�Ԭ�Y� x��Ӯ!g�w< 0O��Ass,H�O�u� �K�>aA��]k�0�|�Λξ�{��з�������Ww�}<�����]��u�wY� �|����] 2��ũp\P` l�]g���Ay�m�LxȄ�����5l�������2 N@c�'R�L�4�g�`����"�8��/ʸc�=V��,B�5NV������$�,f��N�7b�)��h8�&��X{��)�ht�e�zʼ� ��'� ȷ�f�Y�烲!z墆�i�e�IgR��-�_yv�����*hpy �� $P�h�@� ��݂��݊;F��1Y � t��2� �d�<� �#Z�uׄvko�i�a&1��?b+���n&���B��Chkna�-[���E{E�r�� *+��Y�@�$n).2 )&�ty$�x-yL2^Rd� K�%�4�V�a�_3VI��8F�o�5n�L�(7{0mX������2l��0 5$h`�[y�-�>��sЧ} X�KG9'���*�����y[3� �P_ZX�Y�ʩ&-��L����Q�Kv�� �Gh� �OX*�wɫn���f�x��2 -E�7K�1� �� <lxՏK9E�Ȁ>�y����xޥI�o7�ݎ��8��V�8��|���/���o<]����7���G/���Wo��'� !� , � � �di�h��l�p,�tm�x��|��pH��r�l:�ШtJ�Z�جv:��g0��t��q p����چ��1O�� y�y}u~m{�|~j�xqo�v��}�jwn���~po�����������xzz�����p eg,]wo � h�� ���i����h~�������ؒ��������� ��j��u��u�N����Х�G�\A?�T@0��S�0����$� y�A�� ��L �e��'QBX�`�M�2g>�в��2i�\ %��\�,��З&s ��s$Ԙ(��d�3�̣<�.���Aȕ�1h���EH�0�n� ,��� `�]�x% �o�߿u�ƣ������Y3�8����V�,ٚ��*+�1g~C� � �fӊ�U���ho�!�]A ����!�ூ �$XFx�Ǒ�U�| � �'P'��jt���{~<�r��\Ϯ|xs OO���v�7���|����y�M�u�B�o�D �xɶL�v��� ��eA��u&@>���� Sa���L2#^� r V�W� ���T�̊ ^@>�cC �x��Hb�w�� <"w��)�V�� K!��wv�� c �is)ʓfyщ�̜�l0�|���2 ܉����������Y �pb(g����z��'��ꢡ�%��t)] ���4<u�j��-�q,�j᪥V��H�Z@+�"�ު2j窍դ�A�� 3د�^�k2� �k���j������k5T���� ��*٢��% p�@��ָ!�� ��5I�!��"���*�������@�%��d��dv�-�v�(ed?>i$�� �� T O�,�hmg_��' 0]��l��פ7�<Mc�Ews�� Z�=�8��&m�L#��CZu� =��F M52�1 �C�L�ٕM��� ��o�gAE+�q��.�o����� ۘ U]b8 � X8��!� l�!�*���8�7/^^��N9G~��5�#Zm�6*�����d�c�-/R�A� � Gl!���o���W�E�7���G/���Wo���gB !� , � � �di�h��l�p,�tm�x��|��pH��r�l:�ШtJ�Z�جv:��g�){ ��zC�8��z�& <~��$��vwwyrj ~ o����~�pz|te���k� ��r�����|����w�i�n�z��jdpe ^+]v ��Ɛ ���}�~��� Φ����ؐ����������k����ډ��ߗ�����ׇθt�!�S�Á,,"v!�2j\P�� %\Ը���'?�Zl@2#�!S�d��%J�'\�r����vb�i'�4I2� �ʖ���3iɛ@y*5�T'R�K=��#��{U� `���p'��7 C۸pQN�f�-^� ��śan5� �kM�c�p v�`Yb��%t� sd�� ���X�^� K@F-�忪��E � �TV�k�� v�]�.� ,ĵ@ �n�q�#�� :�沅/�^O�� ��2/^�����.!9^�t��u��<<�ڣ�f���*��]�e�e�%V`�� ��ro��a� P�)� lV�l��r�I��2�H"t�g^��a�|�%"�5�w#a���uP���p[ �] Q��w �79�HPexoE�LyT�H�G(��Neefz�kZ�L[�7������Y祜)�E�xd&c @Mr)���7MgNµf2l� �)��G{Ov��M����y �^���)���G)�ϭ�q Y��IwأՁwg�:8���2�cîZ�f�Hp���Ͼg�����멻�J �(hZ O�8݄*ڙ��i㈾Έ� �X.J�N+�ɑ�?�E�����.\Gך�1�驉�I $�����8��������{) H`�}�'�mY ޟ�����p ���Z�Ih�`R� 6/�%�o��z8��orG爁�oB��<�h� -e���g����j5M�� �L@�����l��&0/��m-.RG��ā��� W�gI���g8��V6ޠw��i��I@�ó�-嗚�M�3��y��}��q ��Hl!���n��S�E����/���o���'B !� , � � �di�h��l�p,�tm�x��|��pH��r�l:�ШtJ�Z�جv:��g�);ą�z�!;�p� �N�9o�C��<�jd�{os �� �|z����x���u���|����|�vj���g�� ����v��{s�lGxe ^+s�� ��ɔ����С� ���٩���������ыj� �лu���ܡ������!�'-�@sl�#NS� �ڃ � 0����$� )AcG�$�$ y��I �\9�A��0S���r�˘"�ly��G�$K= T%K�Le�&ΣIEZ�)u�ЭQC&���D`1��`�۷���ە��յ7���p3ȵ��0`�r^��[� �1�-ߕ��>� �7ÜKX�YCe�q%(6m�����a�P��D" ��ka��gw�]Y�� �}�ܮ�劽�v�-�k�%$������o{?/���q�� [;?�o^ӻ-T�=�rt��B���� $Pi �&�z�-& �_ H�=l@]g��V��|e��b�f�e֘ovih�3D8� tp �x�xMy#:g"v�m�A�b� �nuP�f=f� ^0 ~ �Ȣ[x�XNhԉt#�Q�%�i22����֗�43&����@]�&��֠��e��Zt(�%ߊ��ȚQV7�h1 �&om���m��ۗ��Xג) (�ڱ�b� �`v�}�A�!^sܧSZ�*��U��u~ͅ�����yy�I�z��'A���Y�ٙ�i�����o�6����'�����l^�N�) �Տz ��4�f�� ���[��AuF6��Z�]8��ڋ�}�뛆�2��[z �o���G����Ț�@�l�ІG0��5���&H��, � �ɯ� ����&��g�1P�`p�Ō�L�|-KV�M�i�s��=h�� �9s� �Y&\:ۇhrJ ���-jW��]�sud3l�^H��A��ʉ�v���&p �h��-��/&�ܼ������ 8��K�8\��*,�y��x��-�<�CX��n�=*|�7������ �6[����TtQ���o���'����7��П !� , � � �di�h��l�p,�tm�x��|��pH��r�l:�ШtJ�Z�جv:����);�Oa�no �#�~�x<� 7 yye||g~vx� o{����f����z �h�wy q�rw��������p���������nGe a^+���y��ɂ� �� ѵ���ۀ�l���v����Ɋm���n����������A�$�߷p��s`�� X0e�B 0����$���Ǝ ��$ir#J `\���˘����%�c:g���#M�-}� JR�P� /�� U�N<��dP �ʧ7 Й���,bX� ���ʝ���p�N�P��[�qu�� ���k �� Ob��7�2$3��8[��r� F�Yh��3GN|z����&s ��B fW�A�bt�Z�0܂�v�^� ���q�;�[�9�l ��.�t����v��<���7�V^�^�!���j ��n��Yuv��Y��d��@� T �e��]�Afuq=�[f��&�Z�&��R&"{n��� .���qu�A� b�̂ �HY��8�̊���!��8׆�!�1 ɣ�`P` ^��0Ф\�ah�YRh؍�ȧ%`]F� � @'\rk2�@���'3>& ����z��9܌o ��䵝����fxʼn�͡�E ���e���'��L�Vݕ�����@sJ&����7�N0�~'�Z�N�\�ـ'c�^#l� �ڪ��"�쉭�+��z���|ĩj�]Ǟg����'� v��] ��c/�ڐ^&f��E�!���H^� �݆6������k��9�ʫ����0��J��p� &���c*�k� p@x�[辙1]��E� ��ez �&Zs��v%~gR�ۀ��\'�8k�@|z+i[W�6�^0cv�cs��3���I������s}z�b3G�Up�/GW_����\�?Kp �����|�wu�����~W��v'p����*���tz� ����r_= 1�c���bD� ������.���n;]�����/���o��'� !� , � � �di�h��l�p,�tm�x��|��pH��r�l:�ШtJ�Z�جv:�����p h4��i�7f�9=x$��ِ6�=vx� |j�w�z�ciu ��p�~���xf�c~�y�����{�~�y����v��{��o ea^+ `����Ô� ���ºy���m���ٕm��n���г�������������C�Lۛ�z �0��a��@Q2j\��@�/\Ը�AE %���H�'+�l�1%Ŕ3I�L �gN� |<�3�ˡ!�B�S�Ҡ �|Z�fŕ-�K@�� 1�E��چҪ�pǚ�j`Ѯ�����j�ε ���sӂT@��Y�kk \� �u%�e���` �W ���Á�&P��0a�s뎶�a1굪1T� �� vI~kmC � ��$(.�w�ʙWH+<x�d��>!za�oWλ�q��/���x`�엝 ��b ���'ͻ9rl�)��m* �B�)ß� �e�A�˜F l������e�}r� ��e�!a�h�!g��� t ۃ�ɇ��H3*p�x8`��բ��XcjI` S��%���kY@o j �j]��[�e�d%����Y0f��l� ��)��bg g'E��&�ϭY�f�q�fpxB� � G�������9�|���g�,�u\٘l-��y�U���]� ��Q�zn)�Z-�*�� � ��暤[�*쫦�'�J��Z�����u���W�5(\��}W��'4)���!o�fnj#z�غ��Y�5��c���K����V�l�[,Y�N p���Y���e�k \� 0]��K���"�� H �,�UZ����W�i���a�:ہͥɌf��J�䍎���N�2�j�L��,'J�l�B]eZS�h�j^��Y�A�rcd��r�W�ffC+��Rʲ P��킧]دR dP� �̘Ʊ�s)'p���jp lp���o�#�yˍH����� `;⒫ex�ٕ�f�=��7��ޞ ��������;]!���o���'����7��'� !� , � � �di�h��l�p,�tm�x��|��pH��r�l:�ШtJ�Z�جv:����P� h���)l��#�1O;��~�����x{�}����~cvw� ��~���|z��x|����� gk�k�|�k��y�����qzd^+ �o���������y����p����o ��������z�������������B����9���0�a ��G�E �@��qA�\��@#Ǎ ���rCɓ<�H3�K�2kb$i�dʐ,� �#АCa�)�͓9iZL u&Ɗ�r�*U+�Y 8�@� ��(`���p3L�����p㊼V��ۼo�Z[��o^�"�����"������ $[������:땠���p'E�����N`��� *H����w��0�B�����F<� ,O@�x��ӫ 7��n����F/� ����H�~]z� 4�w �}�� y�u�����97�x���h��܇A��� k˰�Axz�_d(WD��5a����2'�x!��D"`#znjv@cb �5�a2�af�g\<¨V(�Ձ�Hb�c�Q~���)0������y`�ٸ�_` fc��M��3d��qo�^g��f���i�sn�ggg�ـr"w�H06����-��2B�� ��Yg=fz��`��X��d�U��o�����_w�w ��1�� ���P����:�*\f̭��ʚ�E����b�U�d�t-C]q� �+�ۭ�m_��@ `��M ��w�׃� ���G��,]E�e]����iX��IJ�A��Vy�������c��d����{&2���.�� �p@+�h��ap y��ɡίr�3�:/�)���\��v�@ �,��]Z�f�'�3�6����uztz�c)r��l�}7��`�5��<-�F� ]�,n�kbDA~߈m���(�w F��ލO���^O˸��ZpBȒS.8��79�kQ�\怢>��?-^��=���Hl��/���S�E�'����7���G/���WB !� , � � �di�h��l�p,�tm�x��|��pH��r�l:�ШtJ�Z�جv:�����(8��!��6��̮{ ��~�6��x y� }~�����ul��� �l����c��p t������ki�z����z���oye^+ �{�`���ф�����z���Ϳ����������� ���ь��������y���q[ =k$��� 0 (p@�ŋ 4����\̶�#ǏD���xA�I� @b���%ʕ f,i2�ȟ [���s$͡'� Z��NJFw���3F�Scδ8hh��h(@��`@�@A��ʝ R�5��Ν�A$�j����Z�l6�̭`�{뮭��p_ n�iH y�H �+�,���ʋ1�E�z�e��Ew�{Y��,�0�ٻ ,�{�8�Z ��7�� � '>aA��l��k�t��q�ǵq7���U�Y ��������:�����k=6�����m* @���c�%�s}eV����3�Gۂ����X�!3 ��!_ b� kZf�f%B�`{�}�^���2&��[��b ȕ�|�}HX�F` "h��1� qS�֠ Vf{��ӥ��iYMz�7AY���c�&�$��tԵ��pn��ة��xxꉀ2v�)�E�m��x.�e5��)W�<��� ��i T@$| 0�5"�H��ΑZjt ~�ި���x�� k���E+t�}'����k[[������IJ�V��(�+���!+Ap�bی�'�&X�m�V��q�2��' � �>�;m�"^8��k�ay����6���tI�b����2�&� |��- ��0���r$'d�"�E]\_Λ�r�� Xe�-�Y�� G]B��ޟHh.�����i�YI �G�F4�L\%�6��d��Ʌ�Vo�� `��c� �+��m;\� ��H���j�����t#w���Y��H��~���0q��*��v��k��|� .���AN���dBP�\+��!� /`#��ꬷ���NEE�n������/� ! ; media/loader.gif 0000644 00000001323 15116747513 0007571 0 ustar 00 GIF89a � lhh \YYXUUc__ 755(''OLL :88*((PMM! a^^[XXgcc]ZZfccMJJDAAURReaa !� NETSCAPE2.0 !�Created with ajaxload.info !� , - �di��� ���@�8�5p�{�۸�����@� .s�� E��B !� , $`a`��i �����©�ҧ����X/(��;� !� , 6 ��a,�$ " c�b�(�ϴ��2�����[��K���ӸN��U *�N� !� , 5 ��ET��4b$I��<��uy�;� �Ȅ>b�G��̑s9y��*�R! !� , 2 �di�ֲX�DQ��H�bRUEɴ]�:^��f�_Q�#����c�J�� !� , 7 �di�$q]���b�iمa�h㢶m�] ��a�.�M$��4_- 66ˠ��R !� , / �di��DQ����r %R� �5��� p� ��Ěq� �^- 4CY�� !� , / �di��DQ����r %R� �5��� p� ��Ěq� �^- 4CY�� ; media/manager.less 0000644 00000010115 15116747513 0010135 0 ustar 00 (~"@{MediaManager}") { font-size: 12px !important; line-height: 12px !important; font-family: "Lucida Grande", "Arial", sans-serif !important; input, button, select, textarea { font-family: "Lucida Grande", "Arial", sans-serif !important; } background: transparent !important; overflow-y: hidden; overflow-x: hidden; z-index: 9999999; width: 100%; height: 100%; color: #111; position: fixed; top: -99999px; left: 0; display: table; .media-overlay { width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 1; .transition(); display: none; //prevent dashboard toolbar unclickable in FF3.6 } &.active { top: 0; left: 0; .media-overlay { .transition(); } } .loaderModal { .modalContent { width: 100%; height: 100%; text-align: center; } } .assetItemGroup { width: 130px; margin: 0 auto; height: 110px; top: 50%; margin-top: -190px; position: relative; } .assetItem { padding: 6px; padding-left: 28px; text-align: left; position: relative; i { width: 16px; height: 16px; top: 4px; left: 4px; display: none; position: absolute; } &.loading { } &.done { i { .icon-media(7, 3); display: block; } } &.failed { i { .icon-media(8, 3); display: block; } } } .recentActivities { .promptContent { padding: 5px 15px; } .recentItemGroup { background: #F5F5F5; border: 1px solid #CCCCCC; height: 145px; overflow: auto; } .recentItem { position: relative; height: 32px; border-bottom: 1px solid #ddd; .item-wrap { position: relative; overflow: hidden; } height: 32px; padding: 4px 8px; .item-image { display: table; width: 32px; height: 32px; } .item-image-wrap { display: table-cell; text-align: center; vertical-align: middle; } .itemIcon { max-width: 32px; max-height: 32px; display: inline; z-index: 1; vertical-align: middle; } .itemTitle { display: block; text-align: left; position: absolute; z-index: 2; font-size: 12px; .unselectable(); top: 0px; left: 40px; width: 270px; overflow: hidden; white-space: nowrap; .text-overflow(); padding-top: 4px; } .itemProgress { color: #888888; font-size: 10px; display: block; line-height: 16px; } i { width: 16px; height: 16px; position: absolute; top: 7px; right: 4px; display: none; } &.loading { i { background: url(loader.gif) center center no-repeat; display: block; } } &.done { i { .icon-media(7, 3); display: block; } } &.failed { i { .icon-media(8, 3); display: block; } } } } } media/modal.less 0000644 00000025065 15116747513 0007631 0 ustar 00 (~"@{MediaManager}") { .mediaModalGroup { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; padding: 0 80px; } .mediaModal { position: absolute; top: 9999px; width: 100%; height: 85%; margin: 0 auto; overflow: hidden; .box-shadow(0px 0px 64px rgba(0,0,0,0.8)); border: 1px solid #292F3A; z-index: 2; text-align: left; &.active { top: 0; position: relative; } &.loaderModal { background: url("loader.bar.gif") center center no-repeat #f6f6f6; } .modalHeader { .normalHeaderColorScheme(); // .vertical-gradient(darken(#f5f5f5, 15%), darken(#dfdfdf, 15%)); .vertical-gradient(#444b55, #343a44); height: 48px; border-bottom: 1px solid #ccc; overflow: hidden; position: relative; z-index: 5; color: #fff; .text-shadow(1px 1px 0px #343a44); .modalTitle { text-align: left; font-size: 18px; line-height: 48px; position: absolute; padding-left: 10px; .text-shadow(1px 1px 0px #343a44); z-index: 1; } .modalButtons { border-left: 1px solid #343a44; float: right; } button.modalButton { display: inline-block; background: transparent; margin: 0; padding: 0 8px; font-weight: bold; font-family: 'Lucida Grande',Tahoma,sans-serif; font-size: 12px; line-height: 12px; color: #fff !important; text-decoration: none !important; vertical-align: top; width: auto; height: 48px; overflow: visible; position: relative; z-index: 2; float: right; cursor: pointer; border: none; border-right: 1px solid #343a44; border-left: 1px solid #575e6b; > i { width: 16px; height: 16px; position: absolute; top: 16px; left: 8px; display: inline-block; } &:hover { .vertical-gradient(#575e6b, #343a44); } &.active { background: #999; .vertical-gradient(#444b55, #575e6b); } + button.modalButton { // border-right: 1px solid #343a44; } &.dashboardButton { i { .icon-media(1, 1); position: relative; top: 0; left: 0; width: 20px; height: 20px; } &:hover { i { .icon-media(1, 2); } } // .box-shadow(1px 0px 0 #575e6b); } &.browserButton { padding-left: 26px; i { .icon-media(7, 1); } } &.uploaderButton { padding-left: 26px; i { .icon-media(7, 2); } } } } .modalToolbar { .normalHeaderColorScheme(); border-bottom: 1px solid #ccc; height: 56px; width: 100%; position: relative; z-index: 4; .navigation { top: 10px; left: 10px; // See navigation.less for more } .topActions { position: absolute; top: 10px; right: 10px; margin: 0; button.button { float: right; height: 36px; padding-left: 8px + 16px + 6px !important; > i { display: inline-block; position: absolute; top: 8px; left: 8px; width: 16px; height: 16px; } + button.button { margin-right: 6px; } } } } .modalContent { position: relative; z-index: 3; display: block; } .modalFooter { .normalHeaderColorScheme(); border-top: 1px solid #ccc; height: 36px; width: 100%; position: absolute; bottom: 0; z-index: 4; .footerActions { padding: 4px; position: absolute; top: 0; &.right-actions { right: 0; } &.left-actions { left: 0; } button.button { height: 27px; } } } } .modalPrompt { width: 100%; height: 100%; position: absolute; z-index: 5; // margin-top: 48px; top: -99999px; left: -99999px; &.active { top: 0; left: 0; .overlay { .opacity(0.6); .transition-opacity(0.5); display: none; } } .overlay { width: 100%; height: 100%; background: #fff; .opacity(0); position: relative; z-index: 1; .transition-opacity(0.5); display: none; } .modalPromptDialogs { width: 100%; height: 100%; } .modalPromptDialog { display: block; position: absolute; z-index: 2; width: 400px; height: 250px; margin-left: -200px; margin-top: -125px - 24px; background: white; border: 1px solid #aaa; .rounded(12px); .box-shadow(0px 0px 32px 0px rgba(0,0,0,0.6)); top: -9999px; left: -9999px; text-align: left; &.active { top: 50%; left: 50%; z-index: 3; } } .promptState { display: none; &.active { display: block; } } .promptTitle { padding: 15px 15px 10px; font-size: 18px; line-height: 18px; font-weight: bold; .text-overflow(); white-space: nowrap; overflow: hidden; } .promptText { font-size: 12px; line-height: 16px; padding: 0 15px; color: #666; display: block; } .promptForm { padding: 30px; label { height: 24px; line-height: 24px; } input.text { border: 1px solid #ccc; padding: 0 3px; height: 24px; line-height: 24px; font-size: 13px; margin: 0 0 0 5px; } } .promptActions { position: absolute; bottom: 0; right: 0; padding: 0 15px 15px 0; } .promptLoader { position: absolute; left: 0; bottom: 0; width: 208px; height: 13px; margin: 0 0 22px 15px; background: url(loader.bar.gif) no-repeat -6px -3px; } } } //Firefox hack /*Defined the icon position for All FF*/ @-moz-document url-prefix() { #EasyBlogMediaManager .mediaModal { top: -9999px; } #EasyBlogMediaManager .mediaModal .modalToolbar .topActions button.button > i {top: 0; left: -21px;} #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.uploaderButton > i {top:0;left: -22px;} #EasyBlogMediaManager .browser .browserFooter .browserTreeItemFooter .createFolderButton > i {top:0;left: -20px;} #EasyBlogMediaManager .browser .browserViewButtons button.button > i {top:-8px; left: -6px;} #EasyBlogMediaManager .imageVariationActions button i {top:-4px; left: -14px;} #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton > i {top:0; left: -21px;} #EasyBlogMediaManager .uploader .modalToolbar .changeUploadFolderButton > i {top:0 !important;} #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions .locateItemButton > i {top:0; left: -21px;} #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions button > i {top:0; left: -21px;} } /*Redefined the correct position for FF 4 and above*/ :-moz-any(x), #EasyBlogMediaManager .mediaModal { top: 9999px; } :-moz-any(x), #EasyBlogMediaManager .mediaModal .modalToolbar .topActions button.button i {top: 8px !important;left: 8px !important;} :-moz-any(x), #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.uploaderButton > i {top:16px !important;left: 8px !important;} :-moz-any(x), #EasyBlogMediaManager .browser .browserFooter .browserTreeItemFooter .createFolderButton > i {top:4px !important;left: 6px !important;} :-moz-any(x), #EasyBlogMediaManager .browser .browserViewButtons button.button > i {top:4px !important; left: 6px !important;} :-moz-any(x), #EasyBlogMediaManager .imageVariationActions button i {top:2px !important; left: 6px !important;} :-moz-any(x), #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.browserButton > i {top:16px !important; left: 8px !important;} :-moz-any(x), #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions button > i {top:4px !important; left: 6px !important;} :-moz-any(x), #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions .locateItemButton > i {top:4px !important; left: 6px !important;} media/navigation.js 0000644 00000005437 15116747513 0010343 0 ustar 00 // module: start EasyBlog.module("media/navigation", function($){ var module = this; // require: start EasyBlog.require() // .view( // "media/navigation.item", // "media/navigation.itemgroup" // ) .done(function(){ var $Media, $Library, DS; // controller: start EasyBlog.Controller( "Media.Navigation", { defaultOptions: { view: { item: "media/navigation.item", itemGroup: "media/navigation.itemgroup" }, nestLevel: 8, groupCollapseDelay: 1000, canActivate: true, "{itemGroup}": ".navigationItemGroup", "{item}": ".navigationItem" } }, function(self) { return { init: function() { // Globals $Media = self.media; $Library = $Media.library; DS = $Media.options.directorySeparator; self.element.toggleClass("canActivate", self.options.canActivate); }, setPathway: function(meta) { var meta = $Library.getMeta(meta); if (!meta) return; self.currentKey = meta.key; // Set path as current path var place = $Library.getPlace(meta.place), path = meta.path, isFolder = (meta.type==="folder"), folders = path.split(DS).splice(1), nestLevel = self.options.nestLevel, groupUntil = folders.length - ((folders.length % nestLevel) || nestLevel), itemGroup; // Clear out existing breadcrumb and // toggle folder class if path lead to a folder. self.element .empty() .toggleClass("type-folder", isFolder); // Base folder self.view.item({title: place.title || DS}) .addClass("base") .data("key", place.id + "|" + DS) .appendTo(self.element); var isJomSocial = place.id==="jomsocial"; if (path!==DS) { $.each(folders, function(i, folder) { var isFile = (!isFolder && i==folders.length-1), path = DS + folders.slice(0, i + 1).join(DS), key = place.id + "|" + path, folder = (isJomSocial) ? $Library.getMeta(key).title : folder, item = self.view.item({title: (isFile) ? meta.title : folder}) .data("key", key) .toggleClass("filename", isFile); if (i >= groupUntil) { item.appendTo(self.element); } else { if (i % nestLevel == 0) { itemGroup = self.view.itemGroup() .appendTo(self.element); } item.appendTo(itemGroup); } }); } }, "{itemGroup} mouseover": function(el) { clearTimeout(el.data("delayCollapse")); el.addClass("expand"); }, "{itemGroup} mouseout": function(el) { el.data("delayCollapse", setTimeout(function() { el.removeClass("expand"); }, self.options.groupCollapseDelay) ); }, "{item} click": function(el) { if (self.options.canActivate) { var key = el.data("key"); self.trigger("activate", key); } } }} ); // controller: end module.resolve(); }) // require: end }); // module: end media/navigation.less 0000644 00000004757 15116747513 0010701 0 ustar 00 (~"@{MediaManager}") { .navigation { position: relative; text-align: left; padding: 0; margin: 0; border: none; .navigationInfo { height: 14px; line-height: 18px; /* From 14px to 18px for visual compensation. */ font-size: 10px; color: #888; text-shadow: 1px 1px 0px #FCFCFC; } .navigationPathway { height: 22px; width: 200%; // Ensure long filenames don't fall below overflow: hidden; // Ensure long filenames are hidden .showNavigationArrow() { margin: 0 0 0 4px; padding: 0 0 0 11px; position: relative; i { .icon-media(11, 1); width: 8px; height: 22px; position: absolute; top: 0; left: 0; } } .navigationItemGroup { height: 22px; line-height: 22px; float: left; .navigationItem { display: none; } .navigationItemStub { background: lighten(#A8BFEA, 10%); border: 1px solid #91AAD6; .rounded(3px); padding: 0 3px; } &.expand { .navigationItem { display: inline; } .navigationItemStub { display: none; } } + .navigationItem { .showNavigationArrow(); } + .navigationItemGroup { .showNavigationArrow(); } } .navigationItem { height: 22px; line-height: 22px; font-size: 13px; float: left; + .navigationItem { .showNavigationArrow(); } + .navigationItemGroup { .showNavigationArrow(); } } &.canActivate { .navigationItem { &:hover { text-decoration: underline; } cursor: pointer; } } } } } media/progress.gif 0000644 00000003704 15116747513 0010174 0 ustar 00 GIF89a� � ������!� NETSCAPE2.0 !� , � P���ˍ���ڋ�g���扦�ȶ� ��H�^� ���QAL*aǦa �r�M��:� �\��� /�?�yH�� !� , : +����#CTڋE���ߘ�"�Ff����� ,�t��8��_�� !� , 9 *�o���#CHڋ=���ߘ�"�Ff�:k o��4j�c�{|�) !� , : +����#CTڋE���ߘ�"�Ff����� ,�t��8��_�� !� , : +����#CTڋE���ߘ�"�Ff����� ,�t��8��_�� !� ,# : +����#CTڋE���ߘ�"�Ff����� ,�t��8��_�� !� ,, 9 *�o���#CHڋ=���ߘ�"�Ff�:k o��4j�c�{|�) !� ,4 : +����#CTڋE���ߘ�"�Ff����� ,�t��8��_�� !� ,= : +����#CTڋE���ߘ�"�Ff����� ,�t��8��_�� !� ,F : +����#CTڋE���ߘ�"�Ff����� ,�t��8��_�� !� ,O 9 *�o���#CHڋ=���ߘ�"�Ff�:k o��4j�c�{|�) !� ,W : +����#CTڋE���ߘ�"�Ff����� ,�t��8��_�� !� ,` : +����#CTڋE���ߘ�"�Ff����� ,�t��8��_�� !� ,i : +����#CTڋE���ߘ�"�Ff����� ,�t��8��_�� !� ,r 9 *�o���#CHڋ=���ߘ�"�Ff�:k o��4j�c�{|�) !� ,z : +����#CTڋE���ߘ�"�Ff����� ,�t��8��_�� !� ,z : +���ˍct��#���م��&CB窤 n ��j�f��|�q !� ,r 9 *���ˍ#t��#���م��&C窤�k�0+�gm�x��* !� ,i : +���ˍct��#���م��&CB窤 n ��j�f��|�q !� ,` : +���ˍct��#���م��&CB窤 n ��j�f��|�q !� ,W : +���ˍct��#���م��&CB窤 n ��j�f��|�q !� ,O 9 *���ˍ#t��#���م��&C窤�k�0+�gm�x��* !� ,F : +���ˍct��#���م��&CB窤 n ��j�f��|�q !� ,= : +���ˍct��#���م��&CB窤 n ��j�f��|�q !� ,4 : +���ˍct��#���م��&CB窤 n ��j�f��|�q !� ,, 9 *���ˍ#t��#���م��&C窤�k�0+�gm�x��* !� ,# : +���ˍct��#���م��&CB窤 n ��j�f��|�q !� , : +���ˍct��#���م��&CB窤 n ��j�f��|�q !� , : +���ˍct��#���م��&CB窤 n ��j�f��|�q !� , 9 *���ˍ#t��#���م��&C窤�k�0+�gm�x��* ; media/responsive.less 0000644 00000001336 15116747513 0010725 0 ustar 00 (~"@{MediaManager}") { /*Palm only*/ @media (max-width: 480px) { .mediaModalGroup { padding: 0 10px; } .browserTreeItemField { float: none; height: auto; width: 100%; } .browserItemField { margin-left: 0; } .mediaModal { .modalHeader { .modalTitle { position: relative; display: none; } .modalButtons { float: none; } button.modalButton { &.uploaderButton, &.browserButton { float: left; } } }//modalHeader .modalToolbar { height: 106px; .topActions { position: relative; right: auto; } } } .browser { .browserItemField { &.view-tile { .browserItem { } } } } }//mediaquery } media/style.css 0000644 00000306021 15116747513 0007511 0 ustar 00 /*Defined the icon position for All FF*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ #EasyBlogMediaManager { /* Determinate only overrides */ /* Overlay */ } #EasyBlogMediaManager .button-tooltip { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #BBBBBB; border-radius: 2px 2px 2px 2px; padding: 10px; text-shadow: 0 0 0 transparent; -moz-text-shadow: 0 0 0 transparent; -webkit-text-shadow: 0 0 0 transparent; /* filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true'); -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true')"; *zoom: 1; */ color: #444 !important; position: absolute; text-align: left; width: 250px; z-index: 2; } #EasyBlogMediaManager .button-tooltip > i { background: url("../../../../components/com_easyblog/themes/dashboard/system/images/a-point-top.png") no-repeat top left transparent; display: block; width: 15px; height: 8px; position: absolute; top: -8px; right: 12px; z-index: 3; } #EasyBlogMediaManager .hints { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f6f6f6; text-align: center; z-index: 1; } #EasyBlogMediaManager .hints .hint { margin-top: -11px; position: absolute; top: 50%; width: 100%; } #EasyBlogMediaManager .hints .hint-label { font-size: 22px; line-height: 22px; padding: 12px; display: block; color: #bbb; text-shadow: 1px 1px 0px #ffffff; -moz-text-shadow: 1px 1px 0px #ffffff; -webkit-text-shadow: 1px 1px 0px #ffffff; /* filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true'); -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true')"; *zoom: 1; */ } #EasyBlogMediaManager .hints .hint-content { display: block; font-size: 12px; height: 22px; line-height: 22px; color: #999; text-shadow: 1px 1px 0 #ffffff; -moz-text-shadow: 1px 1px 0 #ffffff; -webkit-text-shadow: 1px 1px 0 #ffffff; /* filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true'); -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true')"; *zoom: 1; */ } #EasyBlogMediaManager button.button { display: inline-block; background: #fafafa; margin: 0; padding: 0 8px !important; height: 28px; font-weight: bold; font-family: 'Lucida Grande', Tahoma, sans-serif; font-size: 11px; line-height: 11px; color: #555 !important; text-decoration: none !important; width: auto; overflow: visible; vertical-align: top; cursor: pointer; position: relative; z-index: 1; text-transform: none !important; border: 1px solid #aaa; border-bottom-color: #999; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #eeeeee; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); /* Konqueror */ background-image: -moz-linear-gradient(#ffffff, #eeeeee); /* FF 3.6+ */ background-image: -ms-linear-gradient(#ffffff, #eeeeee); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#ffffff, #eeeeee); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#ffffff, #eeeeee); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#ffffff, #eeeeee); /* the standard */ text-shadow: 1px 1px 0px #ffffff; -moz-text-shadow: 1px 1px 0px #ffffff; -webkit-text-shadow: 1px 1px 0px #ffffff; /* filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true'); -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true')"; *zoom: 1; */ } #EasyBlogMediaManager button.button.active { border: 1px solid #5e5e5e; border-bottom-color: #808080; } #EasyBlogMediaManager button.button.green-button { border: 1px solid #87ab60; border-bottom-color: #74954f; } #EasyBlogMediaManager button.button.green-button.active { border: 1px solid #3a4b27; border-bottom-color: #5a743d; } #EasyBlogMediaManager button.button::-moz-focus-inner { border: 0; padding: 0; margin: 0; } #EasyBlogMediaManager button.button.hover, #EasyBlogMediaManager button.button:hover { background-color: #fbfbfb; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfbfb)); /* Konqueror */ background-image: -moz-linear-gradient(#ffffff, #fbfbfb); /* FF 3.6+ */ background-image: -ms-linear-gradient(#ffffff, #fbfbfb); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #fbfbfb)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#ffffff, #fbfbfb); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#ffffff, #fbfbfb); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fbfbfb', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fbfbfb', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#ffffff, #fbfbfb); /* the standard */ } #EasyBlogMediaManager button.button.active { background: #999; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.7), 0 2px 5px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.7), 0 2px 5px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.7), 0 2px 5px rgba(0, 0, 0, 0.4) inset; color: #fff !important; } #EasyBlogMediaManager button.button.green-button { color: #fff !important; text-shadow: 1px 1px 0px #74954f; -moz-text-shadow: 1px 1px 0px #74954f; -webkit-text-shadow: 1px 1px 0px #74954f; /* filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true'); -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true')"; *zoom: 1; */ background-color: #85bf46; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#9fda5f), to(#85bf46)); /* Konqueror */ background-image: -moz-linear-gradient(#9fda5f, #85bf46); /* FF 3.6+ */ background-image: -ms-linear-gradient(#9fda5f, #85bf46); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9fda5f), color-stop(100%, #85bf46)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#9fda5f, #85bf46); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#9fda5f, #85bf46); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fda5f', endColorstr='#85bf46', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fda5f', endColorstr='#85bf46', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#9fda5f, #85bf46); /* the standard */ } #EasyBlogMediaManager button.button.green-button:hover { background-color: #91c659; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#abdf74), to(#91c659)); /* Konqueror */ background-image: -moz-linear-gradient(#abdf74, #91c659); /* FF 3.6+ */ background-image: -ms-linear-gradient(#abdf74, #91c659); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #abdf74), color-stop(100%, #91c659)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#abdf74, #91c659); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#abdf74, #91c659); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abdf74', endColorstr='#91c659', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#abdf74', endColorstr='#91c659', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#abdf74, #91c659); /* the standard */ } #EasyBlogMediaManager button.button .button-tooltip { display: none; top: 38px; right: -1px; } #EasyBlogMediaManager button.button.hover .button-tooltip, #EasyBlogMediaManager button.button:hover .button-tooltip { display: block; } @-moz-document url-prefix() { } #EasyBlogMediaManager progress[role] { display: inline-block; position: relative; width: 90%; background: #fff; -moz-box-sizing: border-box; box-sizing: border-box; } #EasyBlogMediaManager progress[role], #EasyBlogMediaManager progress[aria-valuenow]:before { background-color: #5af; } #EasyBlogMediaManager progress[role], #EasyBlogMediaManager progress[role]:after { background-repeat: repeat-x; background-position: 0 0; -moz-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; } #EasyBlogMediaManager progress[aria-valuenow] { background: #eee; } #EasyBlogMediaManager progress[aria-valuenow]:before { content: ""; display: block; height: 100%; } #EasyBlogMediaManager progress[role]:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #EasyBlogMediaManager .mediaModalGroup { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; padding: 0 80px; } #EasyBlogMediaManager .mediaModal { position: absolute; top: 9999px; width: 100%; height: 85%; margin: 0 auto; overflow: hidden; -webkit-box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.8); border: 1px solid #292F3A; z-index: 2; text-align: left; } #EasyBlogMediaManager .mediaModal.active { top: 0; position: relative; } #EasyBlogMediaManager .mediaModal.loaderModal { background: url("loader.bar.gif") center center no-repeat #f6f6f6; } #EasyBlogMediaManager .mediaModal .modalHeader { background-color: #dfdfdf; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dfdfdf)); /* Konqueror */ background-image: -moz-linear-gradient(#f5f5f5, #dfdfdf); /* FF 3.6+ */ background-image: -ms-linear-gradient(#f5f5f5, #dfdfdf); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #dfdfdf)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#f5f5f5, #dfdfdf); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#f5f5f5, #dfdfdf); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dfdfdf', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dfdfdf', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#f5f5f5, #dfdfdf); /* the standard */ background-color: #343a44; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#444b55), to(#343a44)); /* Konqueror */ background-image: -moz-linear-gradient(#444b55, #343a44); /* FF 3.6+ */ background-image: -ms-linear-gradient(#444b55, #343a44); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444b55), color-stop(100%, #343a44)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#444b55, #343a44); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#444b55, #343a44); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444b55', endColorstr='#343a44', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444b55', endColorstr='#343a44', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#444b55, #343a44); /* the standard */ height: 48px; border-bottom: 1px solid #ccc; overflow: hidden; position: relative; z-index: 5; color: #fff; text-shadow: 1px 1px 0px #343a44 1px 2px #555555; -moz-text-shadow: 1px 1px 0px #343a44 1px 2px #555555; -webkit-text-shadow: 1px 1px 0px #343a44 1px 2px #555555; /* filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true'); -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true')"; *zoom: 1; */ } #EasyBlogMediaManager .mediaModal .modalHeader .modalTitle { text-align: left; font-size: 18px; line-height: 48px; position: absolute; padding-left: 10px; text-shadow: 1px 1px 0px #343a44 1px 2px #555555; -moz-text-shadow: 1px 1px 0px #343a44 1px 2px #555555; -webkit-text-shadow: 1px 1px 0px #343a44 1px 2px #555555; /* filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true'); -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true')"; *zoom: 1; */ z-index: 1; } #EasyBlogMediaManager .mediaModal .modalHeader .modalButtons { border-left: 1px solid #343a44; float: right; } #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton { display: inline-block; background: transparent; margin: 0; padding: 0 8px; font-weight: bold; font-family: 'Lucida Grande', Tahoma, sans-serif; font-size: 12px; line-height: 12px; color: #fff !important; text-decoration: none !important; vertical-align: top; width: auto; height: 48px; overflow: visible; position: relative; z-index: 2; float: right; cursor: pointer; border: none; border-right: 1px solid #343a44; border-left: 1px solid #575e6b; } #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton > i { width: 16px; height: 16px; position: absolute; top: 16px; left: 8px; display: inline-block; } #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton:hover { background-color: #343a44; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#575e6b), to(#343a44)); /* Konqueror */ background-image: -moz-linear-gradient(#575e6b, #343a44); /* FF 3.6+ */ background-image: -ms-linear-gradient(#575e6b, #343a44); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575e6b), color-stop(100%, #343a44)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#575e6b, #343a44); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#575e6b, #343a44); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575e6b', endColorstr='#343a44', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#575e6b', endColorstr='#343a44', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#575e6b, #343a44); /* the standard */ } #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.active { background: #999; background-color: #575e6b; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#444b55), to(#575e6b)); /* Konqueror */ background-image: -moz-linear-gradient(#444b55, #575e6b); /* FF 3.6+ */ background-image: -ms-linear-gradient(#444b55, #575e6b); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444b55), color-stop(100%, #575e6b)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#444b55, #575e6b); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#444b55, #575e6b); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444b55', endColorstr='#575e6b', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444b55', endColorstr='#575e6b', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#444b55, #575e6b); /* the standard */ } #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.dashboardButton i { background: url(icon.media.png) no-repeat; background-position: 0px 0px; position: relative; top: 0; left: 0; width: 20px; height: 20px; } #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.dashboardButton:hover i { background: url(icon.media.png) no-repeat; background-position: 0px -32px; } #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.browserButton { padding-left: 26px; } #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.browserButton i { background: url(icon.media.png) no-repeat; background-position: -192px 0px; } #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.uploaderButton { padding-left: 26px; } #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.uploaderButton i { background: url(icon.media.png) no-repeat; background-position: -192px -32px; } #EasyBlogMediaManager .mediaModal .modalToolbar { background-color: #dfdfdf; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dfdfdf)); /* Konqueror */ background-image: -moz-linear-gradient(#f5f5f5, #dfdfdf); /* FF 3.6+ */ background-image: -ms-linear-gradient(#f5f5f5, #dfdfdf); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #dfdfdf)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#f5f5f5, #dfdfdf); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#f5f5f5, #dfdfdf); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dfdfdf', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dfdfdf', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#f5f5f5, #dfdfdf); /* the standard */ border-bottom: 1px solid #ccc; height: 56px; width: 100%; position: relative; z-index: 4; } #EasyBlogMediaManager .mediaModal .modalToolbar .navigation { top: 10px; left: 10px; } #EasyBlogMediaManager .mediaModal .modalToolbar .topActions { position: absolute; top: 10px; right: 10px; margin: 0; } #EasyBlogMediaManager .mediaModal .modalToolbar .topActions button.button { float: right; height: 36px; padding-left: 30px !important; } #EasyBlogMediaManager .mediaModal .modalToolbar .topActions button.button > i { display: inline-block; position: absolute; top: 8px; left: 8px; width: 16px; height: 16px; } #EasyBlogMediaManager .mediaModal .modalToolbar .topActions button.button + button.button { margin-right: 6px; } #EasyBlogMediaManager .mediaModal .modalContent { position: relative; z-index: 3; display: block; } #EasyBlogMediaManager .mediaModal .modalFooter { background-color: #dfdfdf; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dfdfdf)); /* Konqueror */ background-image: -moz-linear-gradient(#f5f5f5, #dfdfdf); /* FF 3.6+ */ background-image: -ms-linear-gradient(#f5f5f5, #dfdfdf); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #dfdfdf)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#f5f5f5, #dfdfdf); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#f5f5f5, #dfdfdf); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dfdfdf', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dfdfdf', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#f5f5f5, #dfdfdf); /* the standard */ border-top: 1px solid #ccc; height: 36px; width: 100%; position: absolute; bottom: 0; z-index: 4; } #EasyBlogMediaManager .mediaModal .modalFooter .footerActions { padding: 4px; position: absolute; top: 0; } #EasyBlogMediaManager .mediaModal .modalFooter .footerActions.right-actions { right: 0; } #EasyBlogMediaManager .mediaModal .modalFooter .footerActions.left-actions { left: 0; } #EasyBlogMediaManager .mediaModal .modalFooter .footerActions button.button { height: 27px; } #EasyBlogMediaManager .modalPrompt { width: 100%; height: 100%; position: absolute; z-index: 5; top: -99999px; left: -99999px; } #EasyBlogMediaManager .modalPrompt.active { top: 0; left: 0; } #EasyBlogMediaManager .modalPrompt.active .overlay { -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); filter: alpha(opacity=60); -webkit-transition: opacity 0.5 ease-out; -moz-transition: opacity 0.5 ease-out; transition: opacity 0.5 ease-out; display: none; } #EasyBlogMediaManager .modalPrompt .overlay { width: 100%; height: 100%; background: #fff; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); position: relative; z-index: 1; -webkit-transition: opacity 0.5 ease-out; -moz-transition: opacity 0.5 ease-out; transition: opacity 0.5 ease-out; display: none; } #EasyBlogMediaManager .modalPrompt .modalPromptDialogs { width: 100%; height: 100%; } #EasyBlogMediaManager .modalPrompt .modalPromptDialog { display: block; position: absolute; z-index: 2; width: 400px; height: 250px; margin-left: -200px; margin-top: -149px; background: white; border: 1px solid #aaa; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.6); top: -9999px; left: -9999px; text-align: left; } #EasyBlogMediaManager .modalPrompt .modalPromptDialog.active { top: 50%; left: 50%; z-index: 3; } #EasyBlogMediaManager .modalPrompt .promptState { display: none; } #EasyBlogMediaManager .modalPrompt .promptState.active { display: block; } #EasyBlogMediaManager .modalPrompt .promptTitle { padding: 15px 15px 10px; font-size: 18px; line-height: 18px; font-weight: bold; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #EasyBlogMediaManager .modalPrompt .promptText { font-size: 12px; line-height: 16px; padding: 0 15px; color: #666; display: block; } #EasyBlogMediaManager .modalPrompt .promptForm { padding: 30px; } #EasyBlogMediaManager .modalPrompt .promptForm label { height: 24px; line-height: 24px; } #EasyBlogMediaManager .modalPrompt .promptForm input.text { border: 1px solid #ccc; padding: 0 3px; height: 24px; line-height: 24px; font-size: 13px; margin: 0 0 0 5px; } #EasyBlogMediaManager .modalPrompt .promptActions { position: absolute; bottom: 0; right: 0; padding: 0 15px 15px 0; } #EasyBlogMediaManager .modalPrompt .promptLoader { position: absolute; left: 0; bottom: 0; width: 208px; height: 13px; margin: 0 0 22px 15px; background: url(loader.bar.gif) no-repeat -6px -3px; } /*Defined the icon position for All FF*/ @-moz-document url-prefix() { #EasyBlogMediaManager .mediaModal { top: -9999px; } #EasyBlogMediaManager .mediaModal .modalToolbar .topActions button.button > i { top: 0; left: -21px; } #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.uploaderButton > i { top: 0; left: -22px; } #EasyBlogMediaManager .browser .browserFooter .browserTreeItemFooter .createFolderButton > i { top: 0; left: -20px; } #EasyBlogMediaManager .browser .browserViewButtons button.button > i { top: -8px; left: -6px; } #EasyBlogMediaManager .imageVariationActions button i { top: -4px; left: -14px; } #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton > i { top: 0; left: -21px; } #EasyBlogMediaManager .uploader .modalToolbar .changeUploadFolderButton > i { top: 0 !important; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions .locateItemButton > i { top: 0; left: -21px; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions button > i { top: 0; left: -21px; } } /*Redefined the correct position for FF 4 and above*/ :-moz-any(x), #EasyBlogMediaManager .mediaModal { top: 9999px; } :-moz-any(x), #EasyBlogMediaManager .mediaModal .modalToolbar .topActions button.button i { top: 8px !important; left: 8px !important; } :-moz-any(x), #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.uploaderButton > i { top: 16px !important; left: 8px !important; } :-moz-any(x), #EasyBlogMediaManager .browser .browserFooter .browserTreeItemFooter .createFolderButton > i { top: 4px !important; left: 6px !important; } :-moz-any(x), #EasyBlogMediaManager .browser .browserViewButtons button.button > i { top: 4px !important; left: 6px !important; } :-moz-any(x), #EasyBlogMediaManager .imageVariationActions button i { top: 2px !important; left: 6px !important; } :-moz-any(x), #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.browserButton > i { top: 16px !important; left: 8px !important; } :-moz-any(x), #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions button > i { top: 4px !important; left: 6px !important; } :-moz-any(x), #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions .locateItemButton > i { top: 4px !important; left: 6px !important; } #EasyBlogMediaManager { font-size: 12px !important; line-height: 12px !important; font-family: "Lucida Grande", "Arial", sans-serif !important; background: transparent !important; overflow-y: hidden; overflow-x: hidden; z-index: 9999999; width: 100%; height: 100%; color: #111; position: fixed; top: -99999px; left: 0; display: table; } #EasyBlogMediaManager input, #EasyBlogMediaManager button, #EasyBlogMediaManager select, #EasyBlogMediaManager textarea { font-family: "Lucida Grande", "Arial", sans-serif !important; } #EasyBlogMediaManager .media-overlay { width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: none; } #EasyBlogMediaManager.active { top: 0; left: 0; } #EasyBlogMediaManager.active .media-overlay { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #EasyBlogMediaManager .loaderModal .modalContent { width: 100%; height: 100%; text-align: center; } #EasyBlogMediaManager .assetItemGroup { width: 130px; margin: 0 auto; height: 110px; top: 50%; margin-top: -190px; position: relative; } #EasyBlogMediaManager .assetItem { padding: 6px; padding-left: 28px; text-align: left; position: relative; } #EasyBlogMediaManager .assetItem i { width: 16px; height: 16px; top: 4px; left: 4px; display: none; position: absolute; } #EasyBlogMediaManager .assetItem.done i { background: url(icon.media.png) no-repeat; background-position: -192px -64px; display: block; } #EasyBlogMediaManager .assetItem.failed i { background: url(icon.media.png) no-repeat; background-position: -224px -64px; display: block; } #EasyBlogMediaManager .recentActivities .promptContent { padding: 5px 15px; } #EasyBlogMediaManager .recentActivities .recentItemGroup { background: #F5F5F5; border: 1px solid #CCCCCC; height: 145px; overflow: auto; } #EasyBlogMediaManager .recentActivities .recentItem { position: relative; height: 32px; border-bottom: 1px solid #ddd; height: 32px; padding: 4px 8px; } #EasyBlogMediaManager .recentActivities .recentItem .item-wrap { position: relative; overflow: hidden; } #EasyBlogMediaManager .recentActivities .recentItem .item-image { display: table; width: 32px; height: 32px; } #EasyBlogMediaManager .recentActivities .recentItem .item-image-wrap { display: table-cell; text-align: center; vertical-align: middle; } #EasyBlogMediaManager .recentActivities .recentItem .itemIcon { max-width: 32px; max-height: 32px; display: inline; z-index: 1; vertical-align: middle; } #EasyBlogMediaManager .recentActivities .recentItem .itemTitle { display: block; text-align: left; position: absolute; z-index: 2; font-size: 12px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top: 0px; left: 40px; width: 270px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; padding-top: 4px; } #EasyBlogMediaManager .recentActivities .recentItem .itemProgress { color: #888888; font-size: 10px; display: block; line-height: 16px; } #EasyBlogMediaManager .recentActivities .recentItem i { width: 16px; height: 16px; position: absolute; top: 7px; right: 4px; display: none; } #EasyBlogMediaManager .recentActivities .recentItem.loading i { background: url(loader.gif) center center no-repeat; display: block; } #EasyBlogMediaManager .recentActivities .recentItem.done i { background: url(icon.media.png) no-repeat; background-position: -192px -64px; display: block; } #EasyBlogMediaManager .recentActivities .recentItem.failed i { background: url(icon.media.png) no-repeat; background-position: -224px -64px; display: block; } #EasyBlogMediaManager .navigation { position: relative; text-align: left; padding: 0; margin: 0; border: none; } #EasyBlogMediaManager .navigation .navigationInfo { height: 14px; line-height: 18px; /* From 14px to 18px for visual compensation. */ font-size: 10px; color: #888; text-shadow: 1px 1px 0px #FCFCFC; } #EasyBlogMediaManager .navigation .navigationPathway { height: 22px; width: 200%; overflow: hidden; } #EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup { height: 22px; line-height: 22px; float: left; } #EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup .navigationItem { display: none; } #EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup .navigationItemStub { background: #d1ddf4; border: 1px solid #91AAD6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 0 3px; } #EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup.expand .navigationItem { display: inline; } #EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup.expand .navigationItemStub { display: none; } #EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup + .navigationItem { margin: 0 0 0 4px; padding: 0 0 0 11px; position: relative; } #EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup + .navigationItem i { background: url(icon.media.png) no-repeat; background-position: -320px 0px; width: 8px; height: 22px; position: absolute; top: 0; left: 0; } #EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup + .navigationItemGroup { margin: 0 0 0 4px; padding: 0 0 0 11px; position: relative; } #EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup + .navigationItemGroup i { background: url(icon.media.png) no-repeat; background-position: -320px 0px; width: 8px; height: 22px; position: absolute; top: 0; left: 0; } #EasyBlogMediaManager .navigation .navigationPathway .navigationItem { height: 22px; line-height: 22px; font-size: 13px; float: left; } #EasyBlogMediaManager .navigation .navigationPathway .navigationItem + .navigationItem { margin: 0 0 0 4px; padding: 0 0 0 11px; position: relative; } #EasyBlogMediaManager .navigation .navigationPathway .navigationItem + .navigationItem i { background: url(icon.media.png) no-repeat; background-position: -320px 0px; width: 8px; height: 22px; position: absolute; top: 0; left: 0; } #EasyBlogMediaManager .navigation .navigationPathway .navigationItem + .navigationItemGroup { margin: 0 0 0 4px; padding: 0 0 0 11px; position: relative; } #EasyBlogMediaManager .navigation .navigationPathway .navigationItem + .navigationItemGroup i { background: url(icon.media.png) no-repeat; background-position: -320px 0px; width: 8px; height: 22px; position: absolute; top: 0; left: 0; } #EasyBlogMediaManager .navigation .navigationPathway.canActivate .navigationItem { cursor: pointer; } #EasyBlogMediaManager .navigation .navigationPathway.canActivate .navigationItem:hover { text-decoration: underline; } #EasyBlogMediaManager .browser { background: #fff; } #EasyBlogMediaManager .browser .modalTitle .modalTitleSnippet { display: none; } #EasyBlogMediaManager .browser.mode-browse .title-browse { display: inline; } #EasyBlogMediaManager .browser.mode-browse .title-blogimage { display: none; } #EasyBlogMediaManager .browser.mode-blogimage .title-browse { display: none; } #EasyBlogMediaManager .browser.mode-blogimage .title-blogimage { display: inline; } #EasyBlogMediaManager .browser.mode-blogimage .insertItemButton, #EasyBlogMediaManager .browser.mode-blogimage .customizeItemButton, #EasyBlogMediaManager .browser.mode-blogimage .insertAsGalleryButton { display: none !important; } #EasyBlogMediaManager .browser.searching .browserPagination { display: none !important; } #EasyBlogMediaManager .browser .browserHeader .browserItemActionSet { display: none; } #EasyBlogMediaManager .browser .browserHeader .browserItemActionSet.active { display: block; } #EasyBlogMediaManager .browser .browserHeader .browserItemActionSet .green-button { margin-right: 0 !important; } #EasyBlogMediaManager .browser .browserHeader .insertItemButton > i { background: url(icon.media.png) no-repeat; background-position: -192px -96px; } #EasyBlogMediaManager .browser .browserHeader .insertBlogImageButton { display: none; } #EasyBlogMediaManager .browser .browserHeader .insertBlogImageButton > i { background: url(icon.media.png) no-repeat; background-position: -192px -96px; } #EasyBlogMediaManager .browser .browserHeader .customizeItemButton > i { background: url(icon.media.png) no-repeat; background-position: -224px -96px; } #EasyBlogMediaManager .browser .browserHeader .insertAsGalleryButton > i { background: url(icon.media.png) no-repeat; background-position: -256px -96px; width: 20px !important; } #EasyBlogMediaManager .browser .browserHeader .removeItemButton { padding-left: 27px !important; } #EasyBlogMediaManager .browser .browserHeader .removeItemButton > i { background: url(icon.media.png) no-repeat; background-position: -224px 0px; } #EasyBlogMediaManager .browser .browserContent { position: relative; z-index: 2; } #EasyBlogMediaManager .browser .browserFooter { position: relative; zoom: 1; } #EasyBlogMediaManager .browser .browserFooter:before, #EasyBlogMediaManager .browser .browserFooter:after { content: ""; display: table; } #EasyBlogMediaManager .browser .browserFooter:after { clear: both; } #EasyBlogMediaManager .browser .browserFooter .browserTreeItemFooter { width: 180px; height: 36px; border-right: 1px solid #CCCCCC; float: left; position: relative; } #EasyBlogMediaManager .browser .browserFooter .browserTreeItemFooter .createFolderButton { padding-left: 26px !important; } #EasyBlogMediaManager .browser .browserFooter .browserTreeItemFooter .createFolderButton > i { display: inline-block; position: absolute; top: 4px; left: 6px; width: 16px; height: 16px; } #EasyBlogMediaManager .browser .browserFooter .browserTreeItemFooter .createFolderButton > i { background: url(icon.media.png) no-repeat; background-position: -288px -96px; } #EasyBlogMediaManager .browser .browserFooter .browserItemFooter { height: 36px; margin-left: 181px; border-left: 1px solid #FFFFFF; position: relative; } #EasyBlogMediaManager .browser .browserFooter .browserPagination i { display: block; width: 16px; height: 16px; position: absolute; top: 5px; left: 6px; } #EasyBlogMediaManager .browser .browserFooter .browserPagination .prevPageButton { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; float: right; padding-left: 20px; } #EasyBlogMediaManager .browser .browserFooter .browserPagination .prevPageButton > i { background: url(icon.media.png) no-repeat; background-position: -64px 0px; } #EasyBlogMediaManager .browser .browserFooter .browserPagination .nextPageButton { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; float: right; padding-left: 20px; } #EasyBlogMediaManager .browser .browserFooter .browserPagination .nextPageButton > i { background: url(icon.media.png) no-repeat; background-position: -32px 0px; } #EasyBlogMediaManager .browser .browserFooter .browserPagination .pageNumber { float: right; height: 27px; width: 73px; margin-left: -1px; position: relative; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); } #EasyBlogMediaManager .browser .browserFooter .browserPagination .pageSelection { margin: 0; padding: 0; border-bottom-color: #999999; border-left: none; border-right: none; position: absolute; bottom: 0; width: 72px; height: 25px; list-style: none; background: white; border: 1px solid #aaa; cursor: pointer; overflow: none; } #EasyBlogMediaManager .browser .browserFooter .browserPagination .pageSelection .paginationPage { display: none; } #EasyBlogMediaManager .browser .browserFooter .browserPagination .pageSelection .paginationPage.selected { display: block; } #EasyBlogMediaManager .browser .browserFooter .browserPagination .pageSelection.expanded { max-height: 200px; min-height: 75px; height: auto; overflow-y: scroll; } #EasyBlogMediaManager .browser .browserFooter .browserPagination .pageSelection.expanded .paginationPage { display: block; } #EasyBlogMediaManager .browser .browserFooter .browserPagination .pageSelection.expanded .paginationPage.selected { background-color: #2f59a8; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#4d71b5), to(#2f59a8)); /* Konqueror */ background-image: -moz-linear-gradient(#4d71b5, #2f59a8); /* FF 3.6+ */ background-image: -ms-linear-gradient(#4d71b5, #2f59a8); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d71b5), color-stop(100%, #2f59a8)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#4d71b5, #2f59a8); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#4d71b5, #2f59a8); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5', endColorstr='#2f59a8', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5', endColorstr='#2f59a8', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#4d71b5, #2f59a8); /* the standard */ color: white; } #EasyBlogMediaManager .browser .browserFooter .browserPagination .paginationPage { height: 25px; line-height: 25px; text-align: center; cursor: pointer; } #EasyBlogMediaManager .browser .browserFooter .browserPagination .paginationPage:hover { background: #ccd9f1; } #EasyBlogMediaManager .browser .browserFooter .browserPagination .pageBreakdown { display: none; } #EasyBlogMediaManager .browser .browserViewButtons { position: absolute; top: 4px; right: 4px; } #EasyBlogMediaManager .browser .browserViewButtons button.button { float: left; padding: 0 14px !important; position: relative; } #EasyBlogMediaManager .browser .browserViewButtons button.button > i { display: block; width: 16px; height: 16px; position: absolute; top: 4px; left: 6px; } #EasyBlogMediaManager .browser .browserViewButtons button.button.active { background: #777 !important; filter: none !important; } #EasyBlogMediaManager .browser .browserViewButtons button.button.browserListViewButton { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-right: none; } #EasyBlogMediaManager .browser .browserViewButtons button.button.browserListViewButton > i { background: url(icon.media.png) no-repeat; background-position: -256px -32px; } #EasyBlogMediaManager .browser .browserViewButtons button.button.browserListViewButton.active > i { background: url(icon.media.png) no-repeat; background-position: -256px 0px; } #EasyBlogMediaManager .browser .browserViewButtons button.button.browserListViewButton.active + .browserTileViewButton { border-left: none; } #EasyBlogMediaManager .browser .browserViewButtons button.button.browserTileViewButton { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #EasyBlogMediaManager .browser .browserViewButtons button.button.browserTileViewButton > i { background: url(icon.media.png) no-repeat; background-position: -288px -32px; } #EasyBlogMediaManager .browser .browserViewButtons button.button.browserTileViewButton.active > i { background: url(icon.media.png) no-repeat; background-position: -288px 0px; } #EasyBlogMediaManager .browser .modalPrompt .modalPromptDialog.createFolderPrompt { height: 200px; margin-top: -148px; } #EasyBlogMediaManager .browser .modalPrompt .modalPromptDialog.createFolderPrompt .folderPath { font-weight: bold; color: black; word-wrap: break-word; } #EasyBlogMediaManager .browser .modalPrompt .modalPromptDialog.createFolderPrompt .folderInput { width: 220px; } #EasyBlogMediaManager .browser .modalPrompt .modalPromptDialog.createFolderPrompt .folderCreationPath { font-weight: bold; color: black; word-wrap: break-word; } #EasyBlogMediaManager .browser .modalPrompt .modalPromptDialog.removeItemPrompt { height: 220px; margin-top: -158px; } #EasyBlogMediaManager .browser .modalPrompt .modalPromptDialog.removeItemPrompt .removeItemFilename { font-weight: bold; color: black; word-wrap: break-word; } #EasyBlogMediaManager .browser .modalPrompt .modalPromptDialog.flickrLoginPrompt .flickrLogin { margin: 15px; border: none; overflow: hidden; width: 400px; } #EasyBlogMediaManager .browserSearch { float: right; position: relative; margin: 8px; background: #292e36; height: 28px; width: 150px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #1e2127; -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2); padding-left: 22px; } #EasyBlogMediaManager .browserSearch i { display: inline-block; width: 16px; height: 16px; position: absolute; top: 6px; left: 4px; background: url(icon.media.png) no-repeat; background-position: -64px -32px; cursor: pointer; } #EasyBlogMediaManager .browserSearch.active i { background: url(icon.media.png) no-repeat; background-position: -96px -32px; } #EasyBlogMediaManager .browserSearch.showCancelButton:hover i { background: url(icon.media.png) no-repeat; background-position: -128px -32px; } #EasyBlogMediaManager .browserSearch .searchInput { background: transparent; border: none !important; width: 95%; line-height: 30px; height: 30px; font-size: 12px; color: #fff; box-shadow: none !important; padding: 0; margin: 0; } #EasyBlogMediaManager .browserSearch .searchInput:focus { box-shadow: none !important; } #EasyBlogMediaManager .browserItemField { position: relative; text-align: left; overflow: hidden; height: 100%; margin-left: 181px; } #EasyBlogMediaManager .browserItemField.searching .browserItemGroup { display: none !important; } #EasyBlogMediaManager .browserItemField.searching .browserItemGroup.search-mode { display: block !important; } #EasyBlogMediaManager .browserItemField .hints { background: #fff; } #EasyBlogMediaManager .browserItemField .hints .hint { display: none; } #EasyBlogMediaManager .browserItemField.ready { overflow-y: scroll; } #EasyBlogMediaManager .browserItemField.ready .hints { display: none; } #EasyBlogMediaManager .browserItemField.loading .hint.hint-loading { margin-top: -21px; display: block; } #EasyBlogMediaManager .browserItemField.loading .hint.hint-loading i { width: 220px; height: 19px; background: url(loader.bar.gif) no-repeat; display: inline-block; } #EasyBlogMediaManager .browserItemField.empty .hint.hint-empty { display: block; } #EasyBlogMediaManager .browserItemField.empty .hint.hint-empty .uploaderButton { display: none; } #EasyBlogMediaManager .browserItemField.empty.canUpload .hint.hint-empty { margin-top: -29px; } #EasyBlogMediaManager .browserItemField.empty.canUpload .hint.hint-empty .uploaderButton { display: inline-block; height: 32px; padding-left: 28px; margin-top: 4px; } #EasyBlogMediaManager .browserItemField.empty.canUpload .hint.hint-empty .uploaderButton i { background: url(icon.media.png) no-repeat; background-position: -192px -32px; display: block; height: 16px; left: 7px; position: absolute; top: 6px; width: 16px; } #EasyBlogMediaManager .browserItemField.emptySearch .hint.hint-emptySearch { display: block; } #EasyBlogMediaManager .browserItemField.error .hint.hint-error { display: block; } #EasyBlogMediaManager .browserItemField.selectAlbum .hint.hint-selectAlbum { display: block; } #EasyBlogMediaManager .browserItemField.flickr .hint.hint-flickr { margin-top: -41px; display: block; } #EasyBlogMediaManager .browserItemField.flickr .hint.hint-flickr .hint-content { height: auto; padding: 0 100px 10px; } #EasyBlogMediaManager .browserItemField .browserItemGroup { position: relative; width: 100%; display: none; border-bottom: 1px solid #fff; /* Fixes flickering */ zoom: 1; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #EasyBlogMediaManager .browserItemField .browserItemGroup:before, #EasyBlogMediaManager .browserItemField .browserItemGroup:after { content: ""; display: table; } #EasyBlogMediaManager .browserItemField .browserItemGroup:after { clear: both; } #EasyBlogMediaManager .browserItemField .browserItemGroup.active { display: block; } #EasyBlogMediaManager .browserItemField .browserItem { position: relative; cursor: pointer; overflow: hidden; } #EasyBlogMediaManager .browserItemField .browserItem i.loading { background: url(loader.gif) center center no-repeat; width: 16px; height: 16px; display: none; } #EasyBlogMediaManager .browserItemField .browserItem.loading-icon i.loading { display: block; } #EasyBlogMediaManager .browserItemField .browserItem .itemTitle { font-size: 12px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #EasyBlogMediaManager .browserItemField .browserItem.loading-icon .itemIcon { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); } #EasyBlogMediaManager .browserItemField .browserItem.item-type-folder { padding: 0; display: none; width: auto !important; height: auto !important; } #EasyBlogMediaManager .browserItemField .browserItem.item-type-folder.active, #EasyBlogMediaManager .browserItemField .browserItem.item-type-folder.focus { display: block; } #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-file, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-image, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-audio, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-video { float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding-top: 10px; padding-bottom: 28px; } #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-file i.loading, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-image i.loading, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-audio i.loading, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-video i.loading { position: absolute; top: 50%; width: 100%; margin-top: -16px; margin-left: 0; margin-left: -10px; } #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-file .item-wrap, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-image .item-wrap, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-audio .item-wrap, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-video .item-wrap { display: block; width: 100%; height: 100%; overflow: hidden; } #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-file .item-wrap .item-wrap-outer, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-image .item-wrap .item-wrap-outer, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-audio .item-wrap .item-wrap-outer, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-video .item-wrap .item-wrap-outer { display: table; width: 100%; height: 100%; } #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-file .item-wrap .item-wrap-inner, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-image .item-wrap .item-wrap-inner, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-audio .item-wrap .item-wrap-inner, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-video .item-wrap .item-wrap-inner { display: table-cell; padding: 0 10px; text-align: center; vertical-align: middle; } #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-file .itemIcon, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-image .itemIcon, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-audio .itemIcon, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-video .itemIcon { display: inline; z-index: 1; max-width: 100%; } #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-file .itemIcon.orientation-tall, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-image .itemIcon.orientation-tall, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-audio .itemIcon.orientation-tall, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-video .itemIcon.orientation-tall { width: 100%; } #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-file .itemIcon.orientation-wide, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-image .itemIcon.orientation-wide, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-audio .itemIcon.orientation-wide, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-video .itemIcon.orientation-wide { width: 100%; } #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-file .itemIcon.orientation-square, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-image .itemIcon.orientation-square, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-audio .itemIcon.orientation-square, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-video .itemIcon.orientation-square { width: 100%; } #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-file .itemTitle, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-image .itemTitle, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-audio .itemTitle, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-video .itemTitle { display: inline; position: absolute; bottom: 0; left: 0; width: 100%; height: 18px; margin-bottom: 10px; } #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-file .itemTitle span, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-image .itemTitle span, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-audio .itemTitle span, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-video .itemTitle span { display: block; margin: 0 10px; line-height: 24px; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-file.active, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-image.active, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-audio.active, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-video.active { background-color: #2f59a8; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#4d71b5), to(#2f59a8)); /* Konqueror */ background-image: -moz-linear-gradient(#4d71b5, #2f59a8); /* FF 3.6+ */ background-image: -ms-linear-gradient(#4d71b5, #2f59a8); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d71b5), color-stop(100%, #2f59a8)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#4d71b5, #2f59a8); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#4d71b5, #2f59a8); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5', endColorstr='#2f59a8', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5', endColorstr='#2f59a8', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#4d71b5, #2f59a8); /* the standard */ color: white; } #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-folder { zoom: 1; } #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-folder:before, #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-folder:after { content: ""; display: table; } #EasyBlogMediaManager .browserItemField.view-tile .browserItem.item-type-folder:after { clear: both; } #EasyBlogMediaManager .browserItemField.view-list .browserItem { line-height: 32px; border-top: 1px solid #ddd; } #EasyBlogMediaManager .browserItemField.view-list .browserItem .item-wrap { position: relative; } #EasyBlogMediaManager .browserItemField.view-list .browserItem i.loading { position: absolute; top: 8px; left: 6px; } #EasyBlogMediaManager .browserItemField.view-list .browserItem .folderItemGroup { width: auto; } #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-file, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-image, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-audio, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-video, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-upload { height: 32px; padding: 4px 8px; } #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-file.active, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-image.active, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-audio.active, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-video.active, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-upload.active { background-color: #2f59a8; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#4d71b5), to(#2f59a8)); /* Konqueror */ background-image: -moz-linear-gradient(#4d71b5, #2f59a8); /* FF 3.6+ */ background-image: -ms-linear-gradient(#4d71b5, #2f59a8); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d71b5), color-stop(100%, #2f59a8)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#4d71b5, #2f59a8); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#4d71b5, #2f59a8); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5', endColorstr='#2f59a8', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5', endColorstr='#2f59a8', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#4d71b5, #2f59a8); /* the standard */ color: white; } #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-file .itemIcon, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-image .itemIcon, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-audio .itemIcon, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-video .itemIcon, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-upload .itemIcon { max-width: 32px; max-height: 32px; display: inline-block; position: absolute; z-index: 1; } #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-file .itemTitle, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-image .itemTitle, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-audio .itemTitle, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-video .itemTitle, #EasyBlogMediaManager .browserItemField.view-list .browserItem.item-type-upload .itemTitle { display: block; text-align: left; position: relative; z-index: 2; padding: 0 0 0 37px; } #EasyBlogMediaManager .browserTreeItemField { position: relative; overflow: auto; float: left; background: #f5f5f5; width: 180px; height: 100%; border-right: 1px solid #ccc; } #EasyBlogMediaManager .browserTreeItemGroup { zoom: 1; border-bottom: 1px solid #F5F5F5; } #EasyBlogMediaManager .browserTreeItemGroup:before, #EasyBlogMediaManager .browserTreeItemGroup:after { content: ""; display: table; } #EasyBlogMediaManager .browserTreeItemGroup:after { clear: both; } #EasyBlogMediaManager .browserTreeItemGroup.expanded .browserTreeItem.type-folder { display: block; } #EasyBlogMediaManager .browserTreeItemGroup.expanded .browserTreeItem.type-place i { background: url(icon.media.png) no-repeat; background-position: -416px -96px; } #EasyBlogMediaManager .browserTreeItemGroup.expanded .browserTreeItem.type-place.active i { background: url(icon.media.png) no-repeat; background-position: -416px -64px; } #EasyBlogMediaManager .browserTreeItem { position: relative; cursor: pointer; padding: 3px 3px 3px 22px; text-align: left; height: 16px; line-height: 16px; white-space: nowrap; } #EasyBlogMediaManager .browserTreeItem i { width: 16px; height: 16px; position: absolute; top: 3px; left: 3px; } #EasyBlogMediaManager .browserTreeItem .treeItemTitle { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #EasyBlogMediaManager .browserTreeItem.active { background-color: #2f59a8; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#4d71b5), to(#2f59a8)); /* Konqueror */ background-image: -moz-linear-gradient(#4d71b5, #2f59a8); /* FF 3.6+ */ background-image: -ms-linear-gradient(#4d71b5, #2f59a8); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d71b5), color-stop(100%, #2f59a8)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#4d71b5, #2f59a8); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#4d71b5, #2f59a8); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5', endColorstr='#2f59a8', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5', endColorstr='#2f59a8', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#4d71b5, #2f59a8); /* the standard */ color: white; } #EasyBlogMediaManager .browserTreeItem.loading i { background: url(loader.gif) no-repeat center center !important; } #EasyBlogMediaManager .browserTreeItem.type-folder { display: none; padding-left: 24px; margin-left: 18px; margin-right: 4px; overflow: hidden; padding-right: 4px; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; min-width: 32px; } #EasyBlogMediaManager .browserTreeItem.type-folder i { background: url(icon.media.png) no-repeat; background-position: -288px -64px; left: 4px; } #EasyBlogMediaManager .browserTreeItem.type-place i { background: url(icon.media.png) no-repeat; background-position: -416px -32px; } #EasyBlogMediaManager .browserTreeItem.type-place.active i { background: url(icon.media.png) no-repeat; background-position: -416px 0px; } .uploadInstructions { font-weight: bold; top: 39px; right: 0px; font-size: 12px; line-height: 16px; display: none; } .uploadInstructions .uploadExtensions { font-size: 10px; font-weight: normal; line-height: 14px; margin-top: 4px; display: block; color: #888; } .uploadInstructions.show { display: block; z-index: 9999; } #EasyBlogMediaManager .uploader { background: #fff; } #EasyBlogMediaManager .uploader > form { z-index: 99999 !important; cursor: pointer; } #EasyBlogMediaManager .uploader .plupload { cursor: pointer; } #EasyBlogMediaManager .uploader .plupload input { cursor: pointer; } #EasyBlogMediaManager .uploader .uploadDropHint { z-index: 1; } #EasyBlogMediaManager .uploader .uploadDropHint .hint.hint-dropUpload { margin-top: -122px; } #EasyBlogMediaManager .uploader .uploadDropHint .hint.hint-dropUpload i { background: url(icon.media.png) no-repeat; background-position: 0px -128px; width: 210px; height: 210px; display: inline-block; } #EasyBlogMediaManager .uploader .uploadItemGroup { position: relative; z-index: 2; overflow-y: scroll; overflow-x: hidden; height: 100%; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); background: #fff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #EasyBlogMediaManager .uploader .uploadItemGroup.empty { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #EasyBlogMediaManager .uploader .uploadItemGroup.indefinite-progress .uploadItem .uploadProgressBar progress { display: none; } #EasyBlogMediaManager .uploader .uploadItemGroup.indefinite-progress .uploadItem .uploadProgressBar .progress-alt { display: block; } #EasyBlogMediaManager .uploader .uploadItemGroup.blogimage .uploadItem .uploadActions .insertItemButton { display: none !important; } #EasyBlogMediaManager .uploader .uploadItemGroup.blogimage .uploadItem .uploadActions .insertBlogImageButton { display: block !important; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem { padding: 8px; padding-left: 32px !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem + .uploadItem { border-top: 1px solid #ccc; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .item-wrap { position: relative; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadFilename { display: block; height: 16px; line-height: 16px; padding: 0; white-space: nowrap; overflow: hidden; font-size: 12px; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadStatus { display: block; color: #777; font-weight: normal; line-height: 14px; font-size: 10px; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadProgressBar { display: none; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadProgressBar progress { width: 99%; height: 8px; margin: 6px 0 2px; background: #fff; border: 1px solid #aaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadProgressBar progress::-moz-progress-bar { background: #E5EEFF !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadProgressBar progress::-webkit-progress-bar { background: #E5EEFF !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadProgressBar progress::-webkit-progress-value { background: #E5EEFF !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadProgressBar progress[role][aria-valuenow]:before { background: #E5EEFF !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadProgressBar .progress-alt { width: 99%; height: 8px; margin: 6px 0 2px; background: #fff; border: 1px solid #aaa; display: none; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadProgressBar .progress-alt img { height: 8px; width: 100%; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions { display: none; position: absolute; top: 0; right: 0; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions button { float: right; margin-left: 5px; padding-left: 26px !important; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions button > i { position: absolute; top: 4px; left: 6px; width: 16px; height: 16px; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions .locateItemButton > i { background: url(icon.media.png) no-repeat; background-position: -64px -64px; height: 17px; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions .insertItemButton > i { background: url(icon.media.png) no-repeat; background-position: -192px -96px; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions .insertBlogImageButton { display: none; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions .insertBlogImageButton > i { background: url(icon.media.png) no-repeat; background-position: -192px -96px; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadIcon { position: absolute; width: 16px; height: 16px; top: 0; left: -22px; display: block; cursor: pointer; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem.upload-state-queued .uploadIcon { background: url(icon.media.png) no-repeat; background-position: -160px -64px; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem.upload-state-uploading .uploadProgressBar { display: block; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem.upload-state-uploading .uploadIcon { background-image: url("loader.gif"); background-position: center center; background-repeat: no-repeat; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem.upload-state-done .uploadIcon { background: url(icon.media.png) no-repeat; background-position: -192px -64px; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem.upload-state-done .uploadActions { display: block; opacity: 0.3; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem.upload-state-done:hover .uploadActions { opacity: 1; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem.upload-state-failed .uploadIcon { background: url(icon.media.png) no-repeat; background-position: -224px -64px; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem:hover .uploadIcon.uploadRemoveButton { background: url(icon.media.png) no-repeat; background-position: -128px -64px; } #EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem:hover .uploadIcon.uploadRemoveButton:hover { background: url(icon.media.png) no-repeat; background-position: -96px -64px; } #EasyBlogMediaManager .uploader .modalContent { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #EasyBlogMediaManager .uploader .modalToolbar .uploadButton > i { background: url(icon.media.png) no-repeat; background-position: -192px -32px; } #EasyBlogMediaManager .uploader .modalToolbar .changeUploadFolderButton > i { background: url(icon.media.png) no-repeat; background-position: -320px -64px; width: 18px !important; top: 9px !important; } #EasyBlogMediaManager .uploader .modalPrompt .changeUploadFolderPrompt .promptContent { padding: 5px 15px; } #EasyBlogMediaManager .uploader .modalPrompt .changeUploadFolderPrompt .browserTreeItemField { border: 1px solid #ccc; width: auto; float: none; height: 145px; } #EasyBlogMediaManager .uploader .modalPrompt .changeUploadFolderPrompt .browserTreeItemField .browserTreeItemGroup .browserTreeItem.type-place i, #EasyBlogMediaManager .uploader .modalPrompt .changeUploadFolderPrompt .browserTreeItemField .browserTreeItemGroup .browserTreeItem.type-place.active i { background: url(icon.media.png) no-repeat; background-position: -288px -64px; } #EasyBlogMediaManager .editor { background: #fff; } #EasyBlogMediaManager .editor .modalToolbar .insertItemButton > i { background: url(icon.media.png) no-repeat; background-position: -192px -96px; } #EasyBlogMediaManager .editor .modalToolbar .cancelEditingButton > i { background: url(icon.media.png) no-repeat; background-position: -160px -96px; } #EasyBlogMediaManager .editor .modalContent { zoom: 1; } #EasyBlogMediaManager .editor .modalContent:before, #EasyBlogMediaManager .editor .modalContent:after { content: ""; display: table; } #EasyBlogMediaManager .editor .modalContent:after { clear: both; } #EasyBlogMediaManager .editor .modalContent .editorViewport, #EasyBlogMediaManager .editor .modalContent .editorLoading { width: 100%; height: 100%; overflow: hidden; position: absolute; } #EasyBlogMediaManager .editor .modalContent .editorViewport { top: 99999px; left: 99999px; z-index: 2; } #EasyBlogMediaManager .editor .modalContent .editorViewport.active { top: 0; left: 0; z-index: 3; } #EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview { height: 100%; margin-right: 300px; background: url("editor.preview.png"); overflow: hidden; position: relative; } #EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview .previewContainer { position: absolute; z-index: 2; } #EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview .previewContainer object { outline: none; } #EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview .previewContainer object::-moz-focus-inner { outline: none; border: 0; } #EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview .previewContainer.imageCaptionBorder { padding: 5px; border: 1px solid #ddd; background: #f5f5f5; } #EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview .previewContainer .imageCaptionText { background: #f5f5f5; padding: 5px 0; } #EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview .previewDialogGroup { width: 100%; height: 100%; position: absolute; z-index: 1; } #EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview .previewDialogGroup.alwaysOnTop { z-index: 3; } #EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview .previewDialogGroup.show-dialog-loading .previewDialog.dialog-loading { display: block; } #EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview .previewDialogGroup .previewDialog { display: none; } #EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview .previewDialogGroup .previewDialog.dialog-loading { position: absolute; top: 50%; width: 100%; margin-top: 0; margin-left: 0; background: url("loader.gif") no-repeat center center; width: 16px; height: 16px; margin: 0 auto; position: relative; z-index: 9999; } #EasyBlogMediaManager .editor .modalContent .editorViewport .editorPanel { width: 300px; height: 100%; float: right; background: #F5F5F5; border-left: 1px solid #CCCCCC; overflow-y: scroll; overflow-x: hidden; } #EasyBlogMediaManager .editor .modalContent .editorLoading { z-index: 1; top: 0; left: 0; text-align: center; width: 100%; height: 100%; background: #f6f6f6; } #EasyBlogMediaManager .editor .modalContent .editorLoading .loadingHint { position: absolute; top: 50%; width: 100%; margin-top: -9.5px; } #EasyBlogMediaManager .editor .modalContent .editorLoading .loadingHint i { background: url("loader.bar.gif"); width: 220px; height: 19px; display: inline-block; } #EasyBlogMediaManager .editor .modalContent .editorLoading .loadingHint .loadingText { font-size: 22px; line-height: 22px; padding: 12px; display: block; color: #bbb; text-shadow: 1px 1px 0px #ffffff; -moz-text-shadow: 1px 1px 0px #ffffff; -webkit-text-shadow: 1px 1px 0px #ffffff; /* filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true'); -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true')"; *zoom: 1; */ } #EasyBlogMediaManager .panelSection { text-align: left; } #EasyBlogMediaManager .panelSection .panelSectionHeader { border-top: 1px solid #ccc; padding: 8px 16px; cursor: pointer; } #EasyBlogMediaManager .panelSection .panelSectionHeader .panelSectionTitle { text-shadow: 1px 1px 0 #f2f2f2; -moz-text-shadow: 1px 1px 0 #f2f2f2; -webkit-text-shadow: 1px 1px 0 #f2f2f2; /* filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true'); -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset, OffY=verticalOffset, Color='@color', Positive='true')"; *zoom: 1; */ position: relative; height: 16px; line-height: 16px; padding-left: 8px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #EasyBlogMediaManager .panelSection .panelSectionHeader .panelSectionTitle > i { background: url(icon.media.png) no-repeat; background-position: -416px -32px; display: block; position: absolute; width: 16px; height: 16px; top: 0px; left: -12px; } #EasyBlogMediaManager .panelSection .panelSectionContent { padding: 8px 24px 16px; display: none; position: relative; } #EasyBlogMediaManager .panelSection.active .panelSectionHeader { padding: 8px 16px 0px; } #EasyBlogMediaManager .panelSection.active .panelSectionHeader .panelSectionTitle > i { background: url(icon.media.png) no-repeat; background-position: -416px -96px; } #EasyBlogMediaManager .panelSection.active .panelSectionContent { display: block; } #EasyBlogMediaManager .editorPanel .formGroup { display: block; clear: both; margin: 8px 0; } #EasyBlogMediaManager .editorPanel .formGroup .formLabel { display: block; float: left; width: 85px; text-align: right; font-size: 11px; padding-top: 4px; } #EasyBlogMediaManager .editorPanel .formGroup .formControl { margin-left: 95px; } #EasyBlogMediaManager .editorPanel .formGroup input[type=text] { background: transparent; border: none; line-height: 20px; width: 150px; height: 20px; font-size: 12px; border: 1px solid #999; padding: 0 0 0 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2) inset; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2) inset; } #EasyBlogMediaManager .list-form, #EasyBlogMediaManager .list-form li { font-size: 11px; margin: 0!important; padding: 0!important; list-style: none!important; border: 0!important; background: none!important; } #EasyBlogMediaManager .list-form + li, #EasyBlogMediaManager .list-form li + li { margin: 5px 0 0!important; } #EasyBlogMediaManager .list-form > label, #EasyBlogMediaManager .list-form li > label { display: block; min-height: 17px; line-height: 17px; margin: 0; text-align: left; width: auto; float: none; } #EasyBlogMediaManager .list-form > label + div, #EasyBlogMediaManager .list-form li > label + div { margin: 0; line-height: 20px; } #EasyBlogMediaManager .list-form input[type="text"], #EasyBlogMediaManager .list-form li input[type="text"], #EasyBlogMediaManager .list-form input[type="password"], #EasyBlogMediaManager .list-form li input[type="password"], #EasyBlogMediaManager .list-form input[type="checkbox"], #EasyBlogMediaManager .list-form li input[type="checkbox"], #EasyBlogMediaManager .list-form input[type="radio"] textarea, #EasyBlogMediaManager .list-form li input[type="radio"] textarea, #EasyBlogMediaManager .list-form select, #EasyBlogMediaManager .list-form li select { border: 1px solid #ccc; font-family: 'Lucida Grande', Tahoma, Arial, sans-serif !important; font-size: 11px !important; background: #fff; color: #555; display: inline-block; position: relative; vertical-align: top; } #EasyBlogMediaManager .list-form input[type="text"], #EasyBlogMediaManager .list-form li input[type="text"], #EasyBlogMediaManager .list-form input[type="password"], #EasyBlogMediaManager .list-form li input[type="password"], #EasyBlogMediaManager .list-form textarea, #EasyBlogMediaManager .list-form li textarea { padding: 4px; } #EasyBlogMediaManager .list-form input[type="text"], #EasyBlogMediaManager .list-form li input[type="text"], #EasyBlogMediaManager .list-form input[type="password"], #EasyBlogMediaManager .list-form li input[type="password"] { width: 90%; height: 20px; } #EasyBlogMediaManager .list-form input[type="checkbox"], #EasyBlogMediaManager .list-form li input[type="checkbox"], #EasyBlogMediaManager .list-form input[type="radio"], #EasyBlogMediaManager .list-form li input[type="radio"] { float: left; display: inline-block; vertical-align: text-bottom; bottom: -2px; } #EasyBlogMediaManager .list-form input[type="checkbox"] + label, #EasyBlogMediaManager .list-form li input[type="checkbox"] + label, #EasyBlogMediaManager .list-form input[type="radio"] + label, #EasyBlogMediaManager .list-form li input[type="radio"] + label { margin: 0 0 0 20px!important; } #EasyBlogMediaManager .list-form select, #EasyBlogMediaManager .list-form li select { padding: 2px; top: -1px; } #EasyBlogMediaManager .list-form label, #EasyBlogMediaManager .list-form li label { font-family: 'Lucida Grande', Tahoma, Arial, sans-serif !important; font-size: 11px !important; } #EasyBlogMediaManager .list-form .field-content, #EasyBlogMediaManager .list-form li .field-content { display: block; margin: 5px 0 0 20px; } #EasyBlogMediaManager .list-form.hide-field-content .field-content, #EasyBlogMediaManager .list-form li.hide-field-content .field-content { display: none; } #EasyBlogMediaManager .editor-type-video .panelSection.infoPanel .itemInfo > i, #EasyBlogMediaManager .editor-type-audio .panelSection.infoPanel .itemInfo > i { background: url(icon.media.png) no-repeat; background-position: -288px -128px; } #EasyBlogMediaManager .editor-type-image .panelSection.infoPanel .itemInfo > i { background: url(icon.media.png) no-repeat; background-position: -224px -128px; } #EasyBlogMediaManager .editor-type-file .panelSection.infoPanel .itemInfo > i { background: url(icon.media.png) no-repeat; background-position: -352px -128px; } #EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent { padding: 8px; } #EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent .itemInfo { position: relative; padding-left: 40px; min-height: 32px; } #EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent .itemInfo > i { display: block; position: absolute; width: 32px; height: 32px; top: 0; left: 0; } #EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent .itemInfo .itemFilename { display: block; font-weight: bold; line-height: 16px; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 64px; } #EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent .itemInfo .itemFilesize { line-height: 16px; position: absolute; top: 0; right: 0; } #EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent .itemInfo .itemCreationDate { font-size: 11px; line-height: 16px; } #EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent .itemExtraInfo { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDD; margin-top: 6px; padding: 8px; word-wrap: break-word; /* Internet Explorer 5.5+ */ } #EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent .itemExtraInfo .itemUrl { font-size: 10px; } #EasyBlogMediaManager .imageVariationMessage { position: relative; line-height: 16px; color: #900; display: block; text-align: center; font-size: 12px; } #EasyBlogMediaManager .imageVariationList .imageVariations { background: #fff; border: 1px solid #bbb; border-bottom: none; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; overflow-y: auto; height: 88px; } #EasyBlogMediaManager .imageVariationList .imageVariations.busy { background: url(loader.gif) #ffffff no-repeat center center; } #EasyBlogMediaManager .imageVariationList .imageVariations .imageVariation { padding: 4px; font-size: 11px; position: relative; } #EasyBlogMediaManager .imageVariationList .imageVariations .imageVariation .variationName { background-repeat: no-repeat; background-position: left center; white-space: nowrap; } #EasyBlogMediaManager .imageVariationList .imageVariations .imageVariation.locked i { display: inline-block; width: 10px; height: 10px; background: url(icon.media.png) no-repeat; background-position: -512px -64px; } #EasyBlogMediaManager .imageVariationList .imageVariations .imageVariation.busy .variationName { background-image: url(variation.busy.gif); } #EasyBlogMediaManager .imageVariationList .imageVariations .imageVariation .variationDimension { position: absolute; top: 4px; right: 4px; } #EasyBlogMediaManager .imageVariationList .imageVariations .imageVariation.active { background-color: #2f59a8; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#4d71b5), to(#2f59a8)); /* Konqueror */ background-image: -moz-linear-gradient(#4d71b5, #2f59a8); /* FF 3.6+ */ background-image: -ms-linear-gradient(#4d71b5, #2f59a8); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d71b5), color-stop(100%, #2f59a8)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#4d71b5, #2f59a8); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#4d71b5, #2f59a8); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5', endColorstr='#2f59a8', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5', endColorstr='#2f59a8', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#4d71b5, #2f59a8); /* the standard */ color: white; } #EasyBlogMediaManager .imageVariationList .imageVariations .imageVariation:hover { cursor: pointer; } #EasyBlogMediaManager .imageVariationList.readOnly .imageVariations { border: 1px solid #bbb; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #EasyBlogMediaManager .imageVariationForm { position: relative; } #EasyBlogMediaManager .imageVariationForm form { background: #fff; border: 1px solid #bbb; border-bottom: none; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 10px; } #EasyBlogMediaManager .imageVariationForm .newVariationRatio { display: block; width: 24px; height: 30px; position: absolute; top: 80px; right: 90px; background: url(icon.media.png) no-repeat; background-position: -512px -32px; cursor: pointer; } #EasyBlogMediaManager .imageVariationForm .newVariationRatio.locked { background: url(icon.media.png) no-repeat; background-position: -512px 0px; } #EasyBlogMediaManager .imageVariationForm .newVariationLockRatio { display: none; } #EasyBlogMediaManager .imageVariationActions { position: relative; background-color: #ffffff; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), to(#ffffff)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); background-image: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); background-image: linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)"; /* IE8+ */ border: 1px solid #bbb; border-top: 1px solid #ccc; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; height: 24px; } #EasyBlogMediaManager .imageVariationActions button { display: block; position: absolute; background: none; border: none; height: 24px; line-height: 24px; padding: 0 6px; padding-left: 18px; cursor: pointer; margin: 0 !important; text-transform: normal !important; font-size: 11px !important; } #EasyBlogMediaManager .imageVariationActions button i { width: 12px; height: 24px; background-repeat: no-repeat; background-position: center 8px; position: absolute; top: 2px; left: 6px; -moz-opacity: 0.75; -khtml-opacity: 0.75; -webkit-opacity: 0.75; opacity: 0.75; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); filter: alpha(opacity=75); } #EasyBlogMediaManager .imageVariationActions button:hover { background-color: #ffffff; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #fbfbfb), color-stop(51%, #f5f5f5), to(#ffffff)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #fbfbfb 50%, #f5f5f5 51%, #ffffff 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 50%, #f5f5f5 51%, #ffffff 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #fbfbfb 50%, #f5f5f5 51%, #ffffff 100%); background-image: -ms-linear-gradient(top, #ffffff 0%, #fbfbfb 50%, #f5f5f5 51%, #ffffff 100%); background-image: linear-gradient(top, #ffffff 0%, #fbfbfb 50%, #f5f5f5 51%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)"; /* IE8+ */ } #EasyBlogMediaManager .imageVariationActions button.addVariationButton { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; top: 0; right: 0; border-left: 1px solid #ccc; } #EasyBlogMediaManager .imageVariationActions button.addVariationButton i { background: url(icon.media.png) no-repeat; background-position: -544px 0px; } #EasyBlogMediaManager .imageVariationActions button.removeVariationButton { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px; border-top-left-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; top: 0; left: 0; border-right: 1px solid #ccc; } #EasyBlogMediaManager .imageVariationActions button.removeVariationButton i { background: url(icon.media.png) no-repeat; background-position: -544px -32px; } #EasyBlogMediaManager .imageVariationActions button.createVariationButton { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; top: 0; right: 0; border-left: 1px solid #ccc; } #EasyBlogMediaManager .imageVariationActions button.createVariationButton i { background: url(icon.media.png) no-repeat; background-position: -576px 0px; } #EasyBlogMediaManager .imageVariationActions button.backVariationButton { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px; border-top-left-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; top: 0; left: 0; border-right: 1px solid #ccc; } #EasyBlogMediaManager .imageVariationActions button.backVariationButton i { background: url(icon.media.png) no-repeat; background-position: -576px -32px; } #EasyBlogMediaManager .imageEnforceDimension { position: relative; } #EasyBlogMediaManager .imageEnforceDimension .imageEnforceRatio { display: block; width: 24px; height: 30px; position: absolute; top: 85px; right: 58px; background: url(icon.media.png) no-repeat; background-position: -512px -32px; cursor: pointer; } #EasyBlogMediaManager .imageEnforceDimension .imageEnforceRatio.locked { background: url(icon.media.png) no-repeat; background-position: -512px 0px; } #EasyBlogMediaManager .imageEnforceDimension .imageEnforceLockRatio { display: none !important; } #EasyBlogMediaManager .imageEnforceDimension.field-content .imageEnforceRatio { top: 10px; right: 20px; } #EasyBlogMediaManager { /*Palm only*/ } @media (max-width: 480px) { #EasyBlogMediaManager .mediaModalGroup { padding: 0 10px; } #EasyBlogMediaManager .browserTreeItemField { float: none; height: auto; width: 100%; } #EasyBlogMediaManager .browserItemField { margin-left: 0; } #EasyBlogMediaManager .mediaModal .modalHeader .modalTitle { position: relative; display: none; } #EasyBlogMediaManager .mediaModal .modalHeader .modalButtons { float: none; } #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.uploaderButton, #EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.browserButton { float: left; } #EasyBlogMediaManager .mediaModal .modalToolbar { height: 106px; } #EasyBlogMediaManager .mediaModal .modalToolbar .topActions { position: relative; right: auto; } } media/style.less 0000644 00000000630 15116747513 0007664 0 ustar 00 @MediaManager: "#EasyBlogMediaManager"; @import "elements"; @import "common"; @import "modal"; @import "manager"; @import "navigation"; @import "browser"; @import "browser.search"; @import "browser.item"; @import "browser.treeItem"; @import "uploader"; @import "editor"; @import "editor.panel.section"; @import "editor.panel.form"; @import "editor.panel.info"; @import "editor.image"; @import "responsive"; media/uploader.item.js 0000644 00000002710 15116747513 0010743 0 ustar 00 // module: start EasyBlog.module("media/uploader.item", function($) { var module = this; // controller: start EasyBlog.Controller("Media.Browser.Uploader.Item", { defaultOptions: { "{filename}": ".uploadFilename", "{progressBar}": ".uploadProgressBar progress", "{percentage}": ".uploadPercentage", "{status}": ".uploadStatus", "{removeButton}": ".uploadRemoveButton" } }, // Instance properties function(self) { return { init: function() { self.element.data("item", self); self.filename() .html(self.file.name); self.setState("queued"); }, getFilesize: function(p, s) { return ( (self.file.size===undefined || self.file.size=="N/A") ? "": ((p) ? p : "") + $.plupload.formatSize(self.file.size) + ((s) ? s : "") ); }, setProgress: function(val) { self.progressBar() .attr("value", val); self.percentage() .html(val); }, setState: function(state) { // queued, uploading, failed, done self.element .removeClass("upload-state-" + self.state) .addClass("upload-state-" + state); self.state = state; }, setMessage: function(message) { self.status() .html(message); }, "{removeButton} click": function(el, event) { event.stopPropagation(); // TODO: Garbage collection self.element .slideUp(function(){ self.element.remove(); }); } }} ); // controller: end module.resolve(); }); // module: end media/uploader.js 0000644 00000052552 15116747514 0010020 0 ustar 00 // module: start EasyBlog.module("media/uploader", function($) { var module = this; // require: start EasyBlog.require() .library( "plupload" ) // .view( // "media/browser.uploader", // "media/browser.uploader.item", // "media/browser.treeItemGroup", // "media/browser.treeItem" // ) // .language( // 'COM_EASYBLOG_MM_UPLOADING', // 'COM_EASYBLOG_MM_UPLOADING_STATE', // 'COM_EASYBLOG_MM_UPLOADING_PENDING', // 'COM_EASYBLOG_MM_UPLOAD_COMPLETE', // 'COM_EASYBLOG_MM_UPLOAD_PREPARING', // 'COM_EASYBLOG_MM_UPLOAD_UNABLE_PARSE_RESPONSE', // 'COM_EASYBLOG_MM_UPLOADING_LEFT' // ) .done(function(){ var $Media, $Library, $Uploader, DS; // controller: start EasyBlog.Controller("Media.Uploader", { defaultOptions: { view: { uploader: "media/browser.uploader", uploadItem: "media/browser.uploader.item" }, "{modalHeader}": ".modalHeader", "{modalToolbar}": ".modalToolbar", "{modalContent}": ".modalContent", "{modalFooter}": ".modalFooter", "{modalPrompt}": ".modalPrompt", "{modalBrowserButton}": ".modalButton.browserButton", "{modalDashboardButton}": ".modalButton.dashboardButton", "{uploadButton}" : ".uploadButton", "{uploadNavigation}" : ".uploadNavigation", "{uploadForm}": ".uploadForm", "{uploadPath}": ".uploadPath", "{uploadSize}": ".uploadSize", "{uploadExtensionList}": ".uploadExtensionList", "{uploadItemGroup}": ".uploadItemGroup", "{uploadItem}": ".uploadItem", "{uploadDropHint}": ".uploadDropHint", "{uploadInstructions}": ".uploadInstructions", "{clearListButton}": ".clearListButton" } }, function(self) { return { init: function() { $Media = self.media; $Library = $Media.library; $Uploader = $Media.uploader = self; DS = $Media.options.directorySeparator; // Uploader template self.element .addClass("uploader") .html(self.view.uploader({ uploadSize: self.options.settings.max_file_size, uploadExtensionList: self.options.settings.filters[0].extensions.split(",").join(", ") })); // Browser navigation self.uploadNavigation() .implement( EasyBlog.Controller.Media.Navigation, { controller: self.controllerProps() }, function() { // Assign controller as a property of myself self.navigation = this; } ); // Modal prompt self.modalPrompt() .implement( EasyBlog.Controller.Media.Prompt, { controller: self.controllerProps() }, function() { self.promptDialog = this; } ); // Folder switcher self.element .implement( EasyBlog.Controller.Media.Uploader.FolderSwitcher, { controller: self.controllerProps() }, function() { self.folderSwitcher = this; } ); // Plupload self.element .implement( "plupload", { settings: self.options.settings, "{uploadButton}" : self.options["{uploadButton}"], "{uploadDropsite}": self.options["{uploadItemGroup}"] }, function() { self.plupload = this.plupload; if (self.plupload.runtime=="html4" || $.browser.msie) { // No drag & drop support self.uploadDropHint().remove(); self.uploadItemGroup().addClass("indefinite-progress"); // Really dirty fix to fix tooltip in IE var uploadInstructions = self.uploadInstructions() .appendTo($Media.element); self.element.find("> form") .mouseover(function(){ var uploadButton = self.uploadButton(), offset = uploadButton.offset(); uploadInstructions .addClass("show") .css({ top: offset.top + uploadButton.outerHeight() - $Media.element.offset().top + 3, right: $(window).width() - (offset.left + uploadButton.outerWidth()) - 1 }); }) .mouseout(function(){ uploadInstructions.removeClass("show"); }); } else { self.uploadButton() .mouseover(function(){ self.uploadInstructions().addClass("show"); }) .mouseout(function(){ self.uploadInstructions().removeClass("show"); }); } } ); self.setLayout(); }, setLayout: function() { // Don't set layout if current modal is not us if ($Media.currentModal!=="uploader") return; var contentHeight; self.modalContent() .hide() .height( contentHeight = self.element.height() - self.modalHeader().outerHeight() - self.modalToolbar().outerHeight() - self.modalFooter().outerHeight() ) .show(); if ($.browser.msie) { self.uploadDropHint() .height(contentHeight); self.uploadItemGroup() .height(contentHeight); } if (self.plupload) { self.plupload.refresh(); } }, controllerProps: function(prop) { return $.extend( { media: self.media, uploader: self }, prop || {}); }, setUploadFolder: function(key) { if (!key) return; self.navigation .setPathway(key); self.currentUploadFolder = key; }, items: {}, createItem: function(file) { // Create item controller var item = new EasyBlog.Controller.Media.Uploader.Item( self.view.uploadItem(), { controller: self.controllerProps({ id: file.id, originalFile: file, uploadFolder: self.currentUploadFolder }) } ); // Add to item group item.element .appendTo(self.uploadItemGroup()); // Set initial status to pending var filesize = item.file().filesize, filesize = (filesize) ? "" : " (" + filesize + ")."; item.setMessage($.language( "COM_EASYBLOG_MM_UPLOADING_PENDING" ) + filesize); // Keep a copy of the item in our registry self.items[file.id] = item; return item; }, "{self} BeforeUpload": function(el, event, uploader, file) { var item = self.items[file.id]; if (item===undefined) return; item.setMessage( $.language( 'COM_EASYBLOG_MM_UPLOAD_PREPARING' ) ); var uploadUrl = self.options.settings.url, meta = $Library.getMeta(item.uploadFolder), place = (meta) ? meta.place : item.uploadFolder.split("|")[0], path = encodeURIComponent((meta) ? meta.path : item.uploadFolder.split("|")[1]); uploader.settings.url = uploadUrl + "&place=" + place + "&path=" + path; }, "{self} FilesAdded": function(el, event, uploader, files) { // Wrap the entire body in a try...catch scope to prevent // browser from trying to redirect and load the file if anything goes wrong here. try { $.each(files, function(i, file) { // The item may have been created before, e.g. // when plupload error event gets triggered first. if (self.items[file.id]!==undefined) return; self.createItem(file); }); if (self.uploadItem().length > 0) { self.uploadItemGroup().removeClass("empty"); } self.plupload.start(); } catch (e) { console.error(e); }; }, "{self} UploadFile": function(el, event, uploader, file) { var item = self.items[file.id]; if (item===undefined) return; item.setState("uploading"); item.setMessage( $.language( 'COM_EASYBLOG_MM_UPLOADING_STATE' ) ); }, "{self} UploadProgress": function(el, event, uploader, file) { var item = self.items[file.id]; if (item===undefined) return; item.setProgress(file.percent); item.setMessage( $.language( 'COM_EASYBLOG_MM_UPLOADING' ) + ((file.percent!==undefined) ? " " + file.percent + "%" : "") + ((file.loaded!==undefined && !file.size!==undefined) ? ((file.size - file.loaded) ? " (" + $.plupload.formatSize(file.size - file.loaded) + " " + $.language( 'COM_EASYBLOG_MM_UPLOADING_LEFT' ) + ")" : "" ) : "" ) ); }, "{self} FileUploaded": function(el, event, uploader, file, response) { // Get upload item var item = self.items[file.id]; if (item===undefined) return; // Store the item response (For debugging purposes) item.response = response; // If the response is not a valid object if (!$.isPlainObject(response)) { // Set upload item state to failed. item.setState("failed"); item.setMessage($.language('COM_EASYBLOG_MM_SERVER_RETURNED_INVALID_RESPONSE')); return; } // If the response object did not include the meta if (!$.isPlainObject(response.item)) { // Set upload item state to failed. item.setState("failed"); item.setMessage(response.message || $.language('COM_EASYBLOG_MM_UPLOAD_UNABLE_PARSE_RESPONSE')); return; } // If all goes well, set upload item state to done. item.setState("done"); item.setMessage( $.language( 'COM_EASYBLOG_MM_UPLOAD_COMPLETE' ) ); // Store the meta item.meta = response.item; // hack: Restore place item.meta.place = $Media.library.get(item.uploadFolder).place; // Remove insert blog image button for non-image files if (item.meta.type!=="image") { item.insertBlogImageButton().remove(); } $Media.library.addMeta(item.meta); }, "{self} FileError": function(el, event, uploader, file, response) { var item = self.items[file.id]; if (item===undefined) { // Create the item item = self.createItem(file); } item.response = response; item.setState("failed"); item.setMessage(response.message); if (self.uploadItem().length > 0) { self.uploadItemGroup().removeClass("empty"); } }, "{self} Error": function(el, event, uploader, error) { // If the returned error object also returns a file object if (error.file) { // Check if the upload item has been created var file = error.file, item = self.items[file.id]; // If the upload item doesn't exist if (item===undefined) { // Create the item item = self.createItem(file); } // Set the item state as failed item.setState("failed"); // And the message for the item. item.setMessage(error.message); } if (self.uploadItem().length > 0) { self.uploadItemGroup().removeClass("empty"); } }, "{modalBrowserButton} click": function() { $Media.browse(); }, "{modalDashboardButton} click": function() { $Media.hide(); }, "{uploadNavigation} activate": function(el, event, key) { self.setUploadFolder(key); }, "{self} modalActivate": function(el, event, key) { self.setUploadFolder(key); if ($Media.browser) { self.uploadItemGroup() .toggleClass("blogimage", $Media.browser.mode()=="blogimage"); } }, removeItem: function(id) { var item = self.items[id]; if (item!==undefined) { self.plupload.removeFile(item.file()); item.element.remove(); delete self.items[id]; } if (self.uploadItem().length < 1) { self.uploadItemGroup().addClass("empty"); } }, "{clearListButton} click": function() { for (id in self.items) { self.removeItem(id); } } }} ); EasyBlog.Controller("Media.Uploader.Item", { defaultOptions: { "{filename}": ".uploadFilename", "{progressBar}": ".uploadProgressBar progress", "{percentage}": ".uploadPercentage", "{status}": ".uploadStatus", "{removeButton}": ".uploadRemoveButton", "{insertItemButton}": ".insertItemButton", "{locateItemButton}": ".locateItemButton", "{insertBlogImageButton}": ".insertBlogImageButton" } }, // Instance properties function(self) { return { init: function() { var file = self.file(); self.filename() .html(file.name); self.setState("queued"); }, file: function() { var file = $Uploader.plupload.getFile(self.id) || self.originalFile; if (file) { file.filesize = (file.size===undefined || file.size=="N/A") ? "" : $.plupload.formatSize(self.file.size); } return file; }, "dblclick": function(el, event) { if (event.shiftKey) { $Media.console("log", self); } }, setProgress: function(val) { self.progressBar() .attr("value", val); self.percentage() .html(val); }, setState: function(state) { // queued, uploading, failed, done self.element .removeClass("upload-state-" + self.state) .addClass("upload-state-" + state); self.state = state; }, setMessage: function(message) { self.status() .html(message); }, "{removeButton} click": function(el, event) { event.stopPropagation(); $Uploader.removeItem(self.id); }, "{insertItemButton} click": function() { $Media.insert(self.meta); }, "{locateItemButton} click": function() { $Media.browse(self.meta); }, "{insertBlogImageButton} click": function() { // We are getting the raw meta var meta = $Library.meta[$Library.getMeta(self.meta).key]; EasyBlog.dashboard.blogImage.setImage(meta); $Media.hide(); } }} ); EasyBlog.Controller("Media.Uploader.FolderSwitcher", { defaultOptions: { view: { treeItemGroup: "media/browser.tree-item-group", treeItem : "media/browser.tree-item" }, "{changeUploadFolderButton}": ".changeUploadFolderButton", "{selectFolderButton}": ".selectFolderButton", "{treeItemField}" : ".browserTreeItemField", "{treeItemGroup}" : ".browserTreeItemGroup", "{treeItem}" : ".browserTreeItem" } }, function(self) { return { init: function() { var initialUploadFolder; self.promptDialog = $Uploader.promptDialog.get("changeUploadFolderPrompt"); // Create all places $.each($Media.library.places, function(id, place) { if (!place.acl.canUploadItem) return; place.uploaderTreeItemGroup = self.view.treeItemGroup() .addClass("expanded") // Always expanded .appendTo(self.treeItemField()); place.uploaderTreeItem = self.view.treeItem({title: place.title}) .addClass("loading") .addClass("type-place") .data("place", place) .appendTo(place.uploaderTreeItemGroup); if (!initialUploadFolder) { initialUploadFolder = place.id + "|" + DS; $Uploader.setUploadFolder(initialUploadFolder); } place .done(function(){ self.createTreeItem(place.baseFolder()); place.uploaderTreeItem .removeClass("loading"); }); }); }, treeItems: {}, createTreeItem: function(meta) { var meta = $Library.getMeta(meta), treeItem = self.treeItems[meta.key] || (function(){ var place = $Library.getPlace(meta.place), parentMeta = $Library.getMeta(meta.parentKey), // Create tree item treeItem = self.treeItems[meta.key] = ((parentMeta) ? self.view.treeItem({title: meta.title}) .addClass("type-folder") .insertAfter(self.treeItems[parentMeta.key]) : place.uploaderTreeItem // Store a reference to the key ).data("key", meta.key); // Remove tree item when meta is removed meta.data.on("removed", function(){ self.removeTreeItem(meta); }); // Listen to the subfolder for changes meta.data.views .create({group: "folders"}) .updated(function(folders) { $.each(folders, function(i, key) { self.createTreeItem(key); }); }); return treeItem; })(); return treeItem; }, removeTreeItem: function(meta) { var meta = $Library.getMeta(meta), treeItem = self.treeItems[meta.key]; if (treeItem) { treeItem.remove(); var parentTreeItem = self.treeItems[meta.parentKey]; $Uploader.setUploadFolder(meta.parentKey); } }, "{treeItem} click": function(el) { self.treeItem().removeClass("active"); el.addClass("active"); }, "{changeUploadFolderButton} click": function() { var key = self.currentUploadFolder, treeItem = self.treeItems[key] || self.treeItem(":first"); // Highlght on that tree item treeItem.click() self.promptDialog.show(); }, "{selectFolderButton} click": function() { var key = self.treeItem(".active").data("key"); $Uploader.setUploadFolder(key); self.promptDialog.hide(); } }} ); // controller: end module.resolve(); }); // require: end }); // module: end media/uploader.less 0000644 00000020427 15116747514 0010346 0 ustar 00 .uploadInstructions { font-weight: bold; top: 39px; right: 0px; font-size: 12px; line-height: 16px; display: none; .uploadExtensions { font-size: 10px; font-weight: normal; line-height: 14px; margin-top: 4px; display: block; color: #888; } &.show { display: block; z-index: 9999; } } (~"@{MediaManager}") { .uploader { > form { // Fixes unable to click uploader button on IE. z-index: 99999 !important; cursor: pointer; } .plupload { cursor: pointer; input { cursor: pointer; } } background: #fff; .uploadDropHint { z-index: 1; .hint.hint-dropUpload { margin-top: -244px / 2; i { .icon-media(1, 5); width: 210px; height: 210px; display: inline-block; } } } .uploadItemGroup { position: relative; z-index: 2; overflow-y: scroll; overflow-x: hidden; height: 100%; .opacity(1); background: #fff; .transition(); &.empty { .opacity(0); .transition(); } &.indefinite-progress { .uploadItem { .uploadProgressBar { progress { display: none; } .progress-alt { display: block; } } } } &.blogimage { .uploadItem .uploadActions { .insertItemButton { display: none !important; } .insertBlogImageButton { display: block !important; } } } // start: .uploadItem .uploadItem { padding: 8px; padding-left: 32px !important; // 12px + 16px icon + 4px gap .unselectable(); + .uploadItem { border-top: 1px solid #ccc; } .item-wrap { position: relative; } .uploadFilename { display: block; height: 16px; line-height: 16px; padding: 0; white-space: nowrap; overflow: hidden; font-size: 12px; } .uploadStatus { display: block; color: #777; font-weight: normal; line-height: 14px; font-size: 10px; } .uploadProgressBar { display: none; .progress() { width: 99%; height: 8px; margin: 6px 0 2px; background: #fff; border: 1px solid #aaa; } .progressBar() { background: #E5EEFF !important; .rounded(3px); } progress { .progress(); .rounded(3px); &::-moz-progress-bar { .progressBar(); } &::-webkit-progress-bar { .progressBar(); } &::-webkit-progress-value { .progressBar(); } &[role][aria-valuenow]:before { .progressBar(); } } .progress-alt { .progress(); display: none; img { height: 8px; width: 100%; } } } .uploadActions { display: none; position: absolute; top: 0; right: 0; button { float: right; margin-left: 5px; padding-left: 8px + 16px + 2px !important; // 1px for cosmetic > i { position: absolute; top: 4px; left: 6px; width: 16px; height: 16px; } } .locateItemButton { > i { .icon-media(3, 3); height: 17px; } } .insertItemButton { > i { .icon-media(7, 4); } } .insertBlogImageButton { display: none; > i { .icon-media(7, 4); } } } .uploadIcon { position: absolute; width: 16px; height: 16px; top: 0; left: -22px; display: block; cursor: pointer; } &.upload-state-queued { .uploadIcon { .icon-media(6, 3); } } &.upload-state-uploading { .uploadProgressBar { display: block; } .uploadIcon { background-image: url("loader.gif"); background-position: center center; background-repeat: no-repeat; } } &.upload-state-done { .uploadIcon { .icon-media(7, 3); } .uploadActions { display: block; opacity: 0.3; } &:hover .uploadActions { opacity: 1; } } &.upload-state-failed { .uploadIcon { .icon-media(8, 3); } } &:hover { .uploadIcon.uploadRemoveButton { .icon-media(5, 3); &:hover { .icon-media(4, 3); } } } } // end: .uploadItem } .modalContent { .unselectable(); } .modalToolbar { .uploadButton { > i { .icon-media(7, 2); } } .changeUploadFolderButton { > i { .icon-media(11, 3); width: 18px !important; top: 9px !important; } } } .modalFooter { .clearListButton { > i { } } } .modalPrompt { .changeUploadFolderPrompt { .promptContent { padding: 5px 15px; } .browserTreeItemField { border: 1px solid #ccc; width: auto; float: none; height: 145px; .browserTreeItemGroup .browserTreeItem.type-place i, .browserTreeItemGroup .browserTreeItem.type-place.active i { .icon-media(10, 3); } } } } } } media.js 0000644 00000126015 15116747514 0006201 0 ustar 00 EasyBlog.module("media", function($){ var module = this; var htmlentity = function(str) { return $("<div>").text(str) .html() .replace(/&/g, '&') .replace(/"/g, '"') .replace(/'/g, '''); } var $Media, $Library, $Browser, $Uploader, DS; // // 1. Create media manager controller. // EasyBlog.Controller("Media", { defaultOptions: { debug: { logging: EasyBlog.debug, itemVisibility: false, delayConfiguration: 0, delayCommon: 0, delayBrowser: 0, delayUploader: 0, delayEditor: 0 }, ui: "#EasyBlogMediaManagerUI", overlay: { background: "black", opacity: 0 }, modal: { size: 0.9 }, recentActivities: { hideAfter: 3000 }, "{modalGroup}" : ".mediaModalGroup", "{modal}" : ".mediaModal", "{loaderModal}" : ".loaderModal", "{uploaderModal}" : ".uploaderModal", "{browserModal}" : ".browserModal", "{editorModal}" : ".editorModal", "{modalContent}" : ".modalContent", "{overlay}": ".media-overlay", "{modalDashboardButton}": ".dashboardButton", "{assetItem}": ".assetItem" } }, function(self) { return { console: function(method, args) { if (!self.options.debug.logging) return; var console = window.console; if (!console) return; var method = console[method]; if (!method) return; // Normal browsers if (method.apply) { method.apply(console, args); // IE } else { method(args.join(" ")); } }, assets: {}, getAsset: function(name) { if (self.assets[name]===undefined) { var asset = self.assets[name] = $.Deferred(); asset .done(function(){ self.assetItem(".asset-type-"+name) .removeClass("loading done failed") .addClass("done"); }) .fail(function(){ self.assetItem(".asset-type-"+name) .removeClass("loading done failed") .addClass("fail"); }); } return self.assets[name]; }, createAsset: function(name, factory, delay) { var asset = self.getAsset(name); asset.factory = factory; setTimeout(function(){ asset.factory && asset.factory(asset); }, delay); return asset; }, init: function() { // Globals $Media = self; self.IE = (function(){ var undef, v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); while ( div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->', all[0] ); return v > 4 ? v : undef; }()); if( typeof( tinyMCE ) != 'undefined' ) { // Caret position fix if (tinyMCE && tinyMCE.isIE && self.IE==9) { // Wait for TinyMCE to be ready var waitForTinyMCE = setInterval(function(){ var editor = tinyMCE.editors.write_content; if (!editor) return; var events = "keydown.mediaManager mousedown.mediaManager focus.mediaManager"; $(editor.contentWindow) // Just in case it was binded .off(events) .on(events, function(){ self.bookmark = { element: editor.selection.getEnd(), range: editor.selection.getBookmark(1).rng } }); clearInterval(waitForTinyMCE); }, 500); } } // Remember the document body's original overflow property // Used with .hide(); self.originalBodyOverflow = $("body").css("overflow"); // When "module/configuration" gets resolved, // file & folder indexing kicks in immediately // without waiting for the other assets to resolve. self.createAsset( "configuration", function(asset) { EasyBlog.module("media/configuration") .done(function() { var options = this; self.initialize(this); asset.resolve(); }) .fail(function(){ asset.reject(); }); }, self.options.debug.delayConfiguration ); // Stylesheet & navigation is given priority because it needs to be // ready before uploader can initialize. And we need // uploader to be up & ready as fast as possible. self.createAsset( "common", function(asset) { EasyBlog.require() .script( "media/navigation" ) .view( "media/recent.item", // Browser "media/browser", "media/browser.item-group", "media/browser.item", "media/browser.tree-item-group", "media/browser.tree-item", "media/browser.pagination-page", // Uploader "media/browser.uploader", "media/browser.uploader.item", // Editor "media/editor", "media/editor.viewport", // Navigation "media/navigation.item", "media/navigation.itemgroup" ) .language( "COM_EASYBLOG_MM_UNABLE_TO_FIND_EXPORTER", "COM_EASYBLOG_MM_GETTING_IMAGE_SIZES", "COM_EASYBLOG_MM_UNABLE_TO_RETRIEVE_VARIATIONS", "COM_EASYBLOG_MM_ITEM_INSERTED", "COM_EASYBLOG_MM_UPLOADING", "COM_EASYBLOG_MM_UPLOADING_STATE", "COM_EASYBLOG_MM_UPLOADING_PENDING", "COM_EASYBLOG_MM_UPLOAD_COMPLETE", "COM_EASYBLOG_MM_UPLOAD_PREPARING", "COM_EASYBLOG_MM_UPLOAD_UNABLE_PARSE_RESPONSE", "COM_EASYBLOG_MM_UPLOADING_LEFT", "COM_EASYBLOG_MM_CONFIRM_DELETE_ITEM", "COM_EASYBLOG_MM_CANCEL_BUTTON", "COM_EASYBLOG_MM_YES_BUTTON", "COM_EASYBLOG_MM_ITEM_DELETE_CONFIRMATION" ) .stylesheet("media/style") .done(function() { asset.resolve(); }) .fail(function(){ asset.reject(); }); }, self.options.debug.delayCommon ); // Load all uploader dependencies NOW so we can shave off // that extra 1-2 seconds that was used to wait for // "media/uploader" module to resolve. self.createAsset( "uploader", function(asset) { $.when( self.getAsset("configuration"), self.getAsset("common"), EasyBlog.require().script("media/uploader").done() ) .done(function() { var modal = self.createModal("uploader"); $Uploader = modal.controller = new EasyBlog.Controller.Media.Uploader(modal.element, self.options.uploader); asset.resolve(); }) .fail(function(){ asset.reject(); }); }, self.options.debug.delayUploader ); // Browser self.createAsset( "browser", function(asset) { $.when( self.getAsset("configuration"), self.getAsset("common"), EasyBlog.require().script("media/browser").done() ) .done(function(){ var modal = self.createModal("browser"); $Browser = modal.controller = new EasyBlog.Controller.Media.Browser(modal.element, self.options.browser); asset.resolve(); }) .fail(function(){ asset.reject(); }); }, self.options.debug.delayBrowser ); // Editor self.createAsset( "editor", function(asset) { $.when( self.getAsset("browser"), EasyBlog.require().script("media/editor").done() ) .done(function(){ var modal = self.createModal("editor"); modal.controller = new EasyBlog.Controller.Media.Editor(modal.element, self.options.editor); asset.resolve(); }) .fail(function(){ asset.reject(); }); }, self.options.debug.delayEditor ); // Progressive enhancement EasyBlog.require() .library("throttle-debounce") .done(function(){ // Debounce self.setLayout(). Debouncing setLayout() is only useful when // media explorer is doing resource-intensive thumbnail resizing. self.setLayout = $.debounce(200, self._setLayout); }); }, initialize: function(options) { // Inject subcontroller options with back-reference to media var media = {controller: {media: self}}, options = $.extend(true, options, {browser: media, uploader: media, library: media, editor: media, exporter: media}); // Reload configuration self.update(options); // Globals DS = options.directorySeparator; // Render media manager UI var UI = $(self.options.ui); self.element.append(UI.html()); UI.remove(); // Set up overlay self.overlay() .css(self.options.overlay); // Set up loader self.loader = new EasyBlog.Controller.Media.Loader(self.createModal("loader"), {controller: {media: self}}); // Implement media library self.element .implement( EasyBlog.Controller.Media.Library, self.options.library, function(){ } ); // Implement media exporter self.element .implement( EasyBlog.Controller.Media.Exporter, self.options.exporter ); module.resolve(); }, // This will be replaced with a debounced function later on. setLayout: function() { self._setLayout(); }, // We are retaining direct access to non-debounced setLayout() // because we might need it sometimes. _setLayout: function() { self.layout = (self.element.hasClass("active")) ? $.uid() : null; if (self.layout) { self.setModalLayout(); } return self.layout; }, modals: {}, createModal: function(name) { var element = self.modal("."+name+"Modal"); if (element.length < 1) { element = $('<div class="mediaModal"></div>').addClass(name+"Modal").appendTo(self.modalGroup()); } return self.modals[name] = { name: name, element: element } }, activateModal: function(name, args) { if (self.modals[name]===undefined) { self.loader .when(self.assets[name]) .done(function(){ setTimeout(function(){ self.activateModal(name, args); }, 1000); }); return; } // If modal to activate is current modal, skip. if (self.currentModal===name) return true; var modal = self.modals[name]; if (!modal) return false; self.deactivateModal(self.currentModal); self.currentModal = name; // This will also set modal layout self.show(); // Trigger "modalActivate event" var controller = modal.controller; if (controller) { controller.trigger("modalActivate", args); } return true; }, deactivateModal: function(name, args) { var modal = self.modals[name]; if (!modal) return false; // Trigger "modalActivate event" var controller = modal.controller; if (controller) { try { controller.trigger("modalDeactivate", args); } catch (e) { console.error(e); } } modal.element.removeClass("active"); self.currentModal = undefined; return true; }, setModalLayout: function() { clearTimeout(self.setModalLayout.task); var modal = self.modals[self.currentModal]; // Skip if modal does not exist, or no visible modal. if (!modal) return; // If no layout has been set, set it first. // setModalLayout will eventually be called again. if (!self.layout) return self._setLayout(); // Show the modal modal.element.addClass("active"); // Set the layout modal var controller = modal.controller; if (controller && $.isFunction(controller.setLayout)) { // This fixes an issue where the modal requires // more time than expected to paint on the screen. // Whenever the modal is painted on the screen, // its top/left is never 0. var task = function() { var offset = controller.element.offset(); if (offset.top===0 || offset.left===0) { self.setModalLayout.task = setTimeout(task, 50); } else { controller.setLayout(); } }; task(); } }, show: function() { // This prevents scrolling of page body // $("body").css("overflow", "hidden"); self.element .addClass("active"); self._setLayout(); // Conflict with certain mootools version // self.trigger("show"); self.trigger("showModal"); }, hide: function() { self.element .removeClass("active"); self.deactivateModal(self.currentModal); // $("body").css("overflow", self.originalBodyOverflow); // Conflict with certain mootools version // self.trigger("hide"); self.trigger("hideModal"); }, "{overlay} click": function() { self.hide(); }, "{window} resize": function() { self.setLayout(); }, "{modalDashboardButton} click": function(el, event) { // #debug:start if (event.shiftKey) return self.console("dir", [self]); // #debug:end self.hide(); }, // Sugar methods upload: function() { self.activateModal("uploader", arguments); }, browse: function() { self.activateModal("browser", arguments); }, edit : function() { self.activateModal("editor", arguments); } }} ); EasyBlog.Controller("Media.Loader", { defaultOptions: { } }, function(self) { return { init: function() { }, when: function() { self.media.activateModal("loader"); var queue = $.when.apply(null, arguments), onQueueDone = queue.done; // Keep an original copy of done method queue.id = $.uid(); queue.done = function(callback) { onQueueDone(function(){ // If we are still waiting for it if (self.currentQueueId==queue.id) { // then execute the callback callback && callback(); } }); } self.currentQueueId = queue.id; return queue; }, "{self} hide": function() { self.currentQueueId = null; } }} ); EasyBlog.Controller("Media.Prompt", { defaultOptions: { "{dialog}": ".modalPromptDialog", "{cancelButton}": ".promptCancelButton" } }, function(self){ return { init: function() { }, get: function(name) { var dialog = self.dialog("." + name); return self.instantiate(dialog); }, instantiate: function(dialog) { var methods = { element: dialog, show: function() { dialog.addClass("active"); self.element.addClass("active"); return methods; }, hide: function() { dialog.removeClass("active"); self.element.removeClass("active"); return methods; }, state: function(state) { var lastState = dialog.data("lastPromptState"); if (state===undefined) { return lastState; } var getStateElement = function(state) { return dialog.find(".promptState" + ".state-" + state); }, currentState = getStateElement(state), lastState = getStateElement(lastState); if (currentState.length < 1) { return; } lastState.removeClass("active"); currentState.addClass("active"); dialog.data("lastPromptState", state); return methods; } } return methods; }, hideAll: function() { self.dialog().removeClass("active"); self.element.removeClass("active"); }, "{cancelButton} click": function() { self.hideAll(); } }} ); EasyBlog.Controller("Media.Library", { defaultOptions: { // options for managing indexing of metas here places: [], place: { files: {}, acl: { canCreateFolder: false, canUploadItem: false, canRenameItem: false, canRemoveItem: false, canCreateVariation: false, canDeleteVariation: false }, populateImmediately: false } } }, function(self) { return { init: function() { // Register itself to media self.media.library = self; $.each(self.options.places, function(i, place) { self.addPlace(place); }); }, places: {}, getPlace: function(place) { // Skip going through all the tests below. if (!place) return; // Place (test using acl property) if (place.acl) { return place; } // Place ID or Key if (typeof place==="string") { return self.places[place.split("|")[0]]; } }, addPlace: function(place) { var place = self.places[place.id] = $.extend( { tasks: $.Threads({threadLimit: 1}), ready: $.Deferred(), baseFolder: function() { return self.getMeta(place.id + "|" + self.media.options.directorySeparator); } }, self.options.place, place ); place.done = place.ready.done; place.fail = place.ready.fail; place.always = place.ready.always; var importJSON = function(data) { // When tree is not populated, it is an empty object. if ($.isEmptyObject(data)) return; // When tree is a string, it might be json string. if (typeof data === "string") { // Try to eval it. try { data = $.evalJSON(data); } catch(e) {} } return (typeof data === "object") ? data : undefined; } // Import initial file tree place.files = importJSON(place.files); if (place.files) { place.tasks.add(function(){ self.importMeta(place.files); place.ready.resolve(place); }); }; place.populate = function() { if (place.populate.task!==undefined) return place.populate.task; place.populate.task = $.Deferred(); // JomSocial & Flickr goes directly to getFileTree, // User & Shared folder getFolderTree first. place.populate[ (/jomsocial|flickr/.test(place.id) || place.files) ? "getFileTree" : "getFolderTree" ](); return place.populate.task; }; place.populate.getFolderTree = function() { // Get final folder tree return self.getRemoteMeta({place: place.id, foldersOnly: 1}) .done(function(meta){ // Import the folder tree place.tasks.add(function(){ // #debug:start // var profiler = "Importing final folder tree for " + place.id; // self.media.console("time", [profiler]); // #debug:end self.importMeta(meta); place.ready.resolve(place); // #debug:start // self.media.console("timeEnd", [profiler]); // #debug:end }); place.populate.getFileTree(); }) .fail(function(){ place.populate.task.reject(place); delete place.populate.task; place.ready.reject(place); }); }; place.populate.getFileTree = function() { // Get final file tree return self.getRemoteMeta({place: place.id}) .done(function(meta){ // Import the folder tree place.tasks.add(function(){ // #debug:start // var profiler = "Importing final file tree for " + place.id; // self.media.console("time", [profiler]); // #debug:end self.importMeta(meta); place.ready.resolve(place); place.populate.task.resolve(place); // #debug:start // self.media.console("timeEnd", [profiler]); // #debug:end }); }) .fail(function(){ place.populate.task.reject(place); delete place.populate.task; }); }; if (place.populateImmediately) { place.populate(); } return place; }, meta: {}, metadata: {}, // Extended data attribute for meta isMeta: function(meta) { return !(meta===undefined || !$.isPlainObject(meta) || $.isEmptyObject(meta)); }, get: function(key) { if (!self.meta.hasOwnProperty(key)) return; // Create a clone of the meta, keeping the original intact var meta = $.extend({}, self.meta[key]); // Extend meta with additional data attributes meta.data = self.metadata[key]; return meta; }, getKey: function(meta) { return (meta) ? meta.place + "|" + meta.path : null; }, getParentKey: function(meta) { if (!meta) return; var key = (typeof meta==="string") ? meta : (meta.key || self.getKey(meta)), start = key.indexOf(DS), end = key.lastIndexOf(DS); return (end===key.length-1) ? undefined : key.substring(0, end + ((start===end) ? 1 : 0)); }, getMeta: function(meta) { // Skip going through all the tests below. if (!meta) return; // Meta if (self.isMeta(meta)) { // Try to get the updated meta, // if it doesn't work, just return the existing meta. return self.get(self.getKey(meta)) || meta; } // Key if (typeof meta==="string") { return self.get(meta); // meta == key } }, getRemoteMeta: function(options) { var task = $.Deferred(); task.retry = 0; var defaultOptions = { path: self.media.options.directorySeparator, retry: 3, retryAfter: 1000, variation: 0, foldersOnly: 0 }, options = $.extend(defaultOptions, options); // Don't do anything if place is not given if (options.place===undefined) { return task.rejectWith(task, "Error: Place not given!"); } var loadRemoteMeta = (function() { task.loader = EasyBlog.ajax( "site.views.media.getMeta", options, { success: function(data) { task.resolveWith(task, arguments); }, // Server-side error fail: function() { task.rejectWith(task, arguments); }, // Network error error: function() { task.retry++; if (task.retry < options.retry) { loadRemoteMeta(); } else { task.rejectWith(task, arguments); } } } ); return arguments.callee; })(); return task; }, getMetaVariations: function(meta) { var meta = self.getMeta(meta); if (meta===undefined) return; return self.getRemoteMeta({place: meta.place, path: meta.path, variation: 1}) .done(function(meta){ self.addMeta(meta); }); }, removeMetaVariation: function(meta, variationName) { var meta = self.getMeta(meta); if (meta===undefined) return; if (meta.variations===undefined) return; var variation; for (var i=0; i<meta.variations.length; i++) { if (meta.variations[i].name===variationName) { variation = meta.variations[i]; meta.variations.splice(i, 1); break; } }; return variation; }, addMeta: function(meta) { var key = self.getKey(meta), existingMeta = self.getMeta(key); // If the meta passed in is the meta that we already have, // just return the existing meta. if (existingMeta && meta.hash===existingMeta.hash) return existingMeta; // Create meta meta.key = key; meta.hash = $.uid(); meta.group = (meta.type=="folder") ? "folders" : "files"; // Store parent key if this is not the top level folder meta.parentKey = self.getParentKey(meta); // Add friendly path var place = self.getPlace(meta.place); meta.friendlyPath = (meta.path===DS) ? place.title : place.title + meta.path.substring(meta.path.indexOf(DS), meta.path.length); // Store it to our meta library self.meta[key] = meta; // Create metadata var data = meta.data = (self.metadata[key] || (self.metadata[key] = $.eventable({}))); // Additional metadata for folder type if (meta.type=="folder") { data.files = data.files || {}; data.folders = data.folders || {}; data.views = data.views || self.createMetaView(meta); } // For new meta, add to parent meta's view. if (!existingMeta) { var parentMeta = self.getMeta(meta.parentKey); if (parentMeta) { parentMeta.data.views.addMeta(meta); } // For existing meta, fire update event. } else { // Ensure events don't slow down adding of large list of metas setTimeout(function(){ meta.data.fire("updated", meta); }, 0); } return meta; }, removeMeta: function(meta) { var meta = self.getMeta(meta); if (meta===undefined) return; if (meta.type==="folder") { var folders = meta.data.folders, files = meta.data.files; for (key in folders) { self.removeMeta(key); } for (key in files) { self.removeMeta(key); } } // If this is not base folder if (meta.parentKey) { // Remove meta from parent var parentMeta = self.getMeta(meta.parentKey); if (parentMeta) { parentMeta.data.views.removeMeta(meta); } delete self.meta[meta.key]; setTimeout(function(){ meta.data.fire("removed", meta); }, 0); } return meta; }, removeRemoteMeta: function(meta) { var task = $.Deferred(); var meta = self.getMeta(meta); if (meta===undefined) { return task.rejectWith(task, "The file does not exist in the media library."); } task.loader = EasyBlog.ajax( "site.views.media.delete", { place: meta.place, path: meta.path }, { success: function() { self.removeMeta(meta); // Return the meta which is no longer in the library task.resolveWith(task, [meta]); }, // Server-side error fail: function() { task.rejectWith(task, arguments); }, // Network error error: function(xhr, errorStatus) { task.rejectWith(task, [errorStatus]) } }); return task; }, createFolder: function(meta, name) { var task = $.Deferred(); // Don't do anything if parent meta not found. var meta = self.getMeta(meta), place = meta.place; if (meta===undefined || meta.type!=="folder") { return task.rejectWith(task, "Parent folder was not found."); } task.loader = EasyBlog.ajax( "site.views.media.createFolder", { place: place, path : meta.path + DS + name }, { success: function(meta) { // #hack: Restore place property meta.place = place; var meta = self.addMeta(meta); task.resolveWith(task, [meta]); }, // Server-side error fail: function() { task.rejectWith(task, arguments); }, // Network error error: function(xhr, errorStatus) { task.rejectWith(task, [errorStatus]) } } ); return task; }, importMeta: function(meta, recursive) { if (meta===undefined) return; if (meta.type!=="folder") return; if (recursive===undefined) recursive = true; // Remove the contents property // before adding into our meta library. var contents = meta.contents, length = contents.length; delete meta.contents; // Temporary hack contents.reverse(); // If the folder meta was created before, // the update event is triggered by the parent. var folder = self.addMeta(meta), data = folder.data, _data = {files: {}, folders: {}}; var i = 0; while (i < length) { var meta = self.addMeta(contents[i]), key = meta.key, group = meta.group; _data[group][key] = delete data[group][key]; i++; } for (key in data.files) { self.removeMeta(key); } for (key in data.folders) { self.removeMeta(key); } // Update to the new set of data data.folders = _data.folders; data.files = _data.files; if (recursive) { for (key in data.folders) { self.importMeta(self.getMeta(key), recursive); } } return folder; }, createMetaView: function(meta) { var view = { meta: meta, addMeta: function(meta) { for (mode in view.modes) { var viewMap = view.modes[mode][meta.group]; viewMap && viewMap.add(meta); } }, removeMeta: function(meta) { for (mode in view.modes) { var viewMap = view.modes[mode][meta.group]; viewMap && viewMap.remove(meta); } }, create: function(options) { var defaultOptions = { from: 0, to: 1024, mode: "dateModified", group: "files" }; // Create monitor var monitor = $.Callbacks("unique memory"); $.extend( monitor, defaultOptions, options, { uid: $.uid(), select: function(options) { // Update options $.extend(monitor, options); // Deregister from the previous map if (monitor.map) { delete monitor.map.monitors[monitor.uid]; } monitor.map = view.modes[monitor.mode][monitor.group]; // Register to the new map monitor.map.monitors[monitor.uid] = monitor; // #debug:start // self.media.console("log", ["Monitoring " + monitor.group + " in " + meta.key, monitor]); // #debug:end return monitor.refresh(); }, updated: monitor.add, refresh: function() { return monitor.fire(monitor.map.slice(monitor.from, monitor.to)); }, destroy: function() { monitor.disable(); if (monitor.map) { delete monitor.map.monitors[monitor.uid]; } return monitor; } } ); return monitor.select(); } }; // Extend view with view modes self.createViewModes(view); return view; }, createViewModes: function(view) { // TODO: Make this extensible for other types of sort maps. view.modes = { dateModified: { folders: self.createViewMap(view, true), // Monkey patch files: self.createViewMap(view) } }; return view; }, // TODO: When createViewModes is extensible, // this is only part of dateModified mode. createViewMap: function(view, folderGroup) { var map = $.extend([], { task: $.Threads({threadLimit: 1}), affectedIndex: [], add: function(meta) { map.task.add(function() { // TODO: Proper date modified insertion map.unshift(meta.key); map.affectedIndex.push(0); // Monkey patch to show folder tree in alphabetical order if (folderGroup) { map.sort().reverse(); } map.refreshMonitor(); }); }, remove: function(meta) { map.task.add(function() { var key = meta.key, i = map.length, position; while (i--) { if (map[i]===key) { position = i; break; } } if (position===undefined) return; map.splice(i, 1); map.affectedIndex.push(i); map.refreshMonitor(); }); }, monitors: {}, refreshMonitor: function() { clearTimeout(map.refreshMonitor.timer); map.refreshMonitor.timer = setTimeout(function(){ var affectedIndex = map.affectedIndex; map.affectedIndex = []; map.task.add(function(){ var l = affectedIndex.length, i = 0; for (id in map.monitors) { var monitor = map.monitors[id], from = monitor.from, to = monitor.to, i; for (i=0; i<l; i++) { var a = affectedIndex[i]; if (a >= from || a <= to) { monitor.refresh(); break; } } } }); }, 250); } }); return map; }, search: function(keyword) { // TODO: Also remove DS from keyword if ($.trim(keyword)==="") return []; // #debug:start // var profiler = "Searching library using keyword '" + keyword + "'"; // self.media.console("time", [profiler]); // #debug:end var keyword = keyword.toLowerCase(); var results = self.createMetaView({type: "search"}); for (key in self.meta) { var parts = key.split("|"), place = parts[0], path = parts[1], meta = self.meta[key]; if (/jomsocial|flickr/.test(place)) { // Note: This means that album name keyword cannot be matched. path = meta.title || ""; } if (path.toLowerCase().match(keyword)) { results.addMeta(meta); } } // #debug:start // self.media.console("timeEnd", [profiler]); // #debug:end return results; } }} ); EasyBlog.Controller("Media.Exporter", { defaultOptions: { view: { recentItem: "media/recent.item" }, // Recent inserts "{recentActivities}" : ".recentActivities", "{recentActivitiesDialog}" : ".recentActivities .modalPromptDialog", "{hideRecentActivitiesButton}" : ".recentActivities .promptHideButton", "{dashboardButton}" : ".recentActivities .dashboardButton", "{recentItemGroup}": ".recentItemGroup", "{recentItem}" : ".recentItem" } }, function(self){ return { init: function() { $Media.exporter = self; $Media.insert = self.insert; }, handler: {}, showDialog: function() { self.recentActivitiesDialog() .addClass("active"); self.recentActivities() .css({top: 0, opacity: 1}) .addClass("active"); }, hideDialog: function() { self.recentActivities() .animate({top: "-=50px", opacity: 0}, {duration: 250, complete: function() { self.recentActivities() .removeClass("active"); self.recentActivitiesDialog() .removeClass("active"); } }); }, "{dashboardButton} click": function() { self.hideDialog(); }, "{hideRecentActivitiesButton} click": function() { self.hideDialog(); }, // Recent inserts insert: function(item, settings) { var meta = $Media.library.getMeta(item); if (meta===undefined) return; var task = self.create(meta.type, meta.key, settings); // Show dialog self.showDialog(); // Create recent item task.recentItem = self.view.recentItem({meta: meta}) .addClass("loading") .css({opacity: 0}) .prependTo(self.recentItemGroup()) .animate({opacity: 1}, {duration: 500, complete: function() { task .done(function(html) { if (html==="") { task.recentItem .removeClass("loading done") .addClass("error") .find(".itemProgress") .html($.language("COM_EASYBLOG_MM_UNABLE_TO_EXPORT_ITEM")); } if( typeof( tinyMCE ) != 'undefined' ) { // If you are TinyMCE/JCE on IE if (tinyMCE && tinyMCE.isIE && $Media.IE==9) { // Get back the bookmark we stored just now var bookmark = $Media.bookmark; if (bookmark) { var editor = tinyMCE.editors.write_content; editor.selection.moveToBookmark({rng: bookmark.range}); editor.execCommand('mceInsertContent', false, html); // Just in case we did not get the bookmark } else { EasyBlog.dashboard.editor.insert(html); } } else { EasyBlog.dashboard.editor.insert(html); } } else { EasyBlog.dashboard.editor.insert(html); } task.recentItem .removeClass("loading failed") .addClass("done") .find(".itemProgress") .html($.language("COM_EASYBLOG_MM_ITEM_INSERTED")); if ($Media.options.recentActivities.hideAfter > 0) { setTimeout(function(){ self.hideDialog(); }, $Media.options.recentActivities.hideAfter); } }) .progress(function(message){ if (task.recentItem.hasClass("done")) return; task.recentItem .find(".itemProgress") .html(message); }) .fail(function(message){ task.recentItem .removeClass("loading done") .addClass("error") .find(".itemProgress") .html(message); }); } }); return task; }, create: function(type, key, settings) { var handler = self.handler[type], task = $.Deferred(); if (handler===undefined) { var Exporter = EasyBlog.Controller.Media.Exporter[$.String.capitalize(type)]; if (Exporter===undefined) { task.reject($.language("COM_EASYBLOG_MM_UNABLE_TO_FIND_EXPORTER")); return task; } handler = self.handler[type] = new Exporter(self.element, $.extend({}, {settings: self.options[type], controller: { media: self.media }})); } handler.create(task, key, settings); return task; } }} ); EasyBlog.Controller("Media.Exporter.File", { defaultOptions: { settings: { title: "", target: "_self", content: "" } } }, function(self){ return { init: function() { }, create: function(task, key, customSettings) { var settings = $.extend({}, self.options.settings, customSettings), meta = self.media.library.getMeta(key), link = $(document.createElement("A")) .attr({ title: settings.title, target: settings.target, href: meta.url }) .html((settings.content) ? settings.content : meta.title); task.resolve(link.toHTML()); return task; } }} ); EasyBlog.Controller("Media.Exporter.Folder", { defaultOptions: { settings: { } } }, function(self){ return { init: function() { }, create: function(task, key, customSettings) { var settings = $.extend({}, self.options.settings, customSettings), meta = self.media.library.getMeta(key), embedType = (meta.place=="jomsocial") ? "album" : "gallery"; settings.file = meta.path; settings.place = meta.place; var snippet = "[embed=" + embedType + "]" + $.toJSON(settings) + "[/embed]"; task.resolve(snippet); return task; } }} ); EasyBlog.Controller("Media.Exporter.Image", { defaultOptions: { settings: { zoom: null, // variationName caption: null, enforceDimension: false, enforceWidth: null, enforceHeight: null, variation: null, // variationName defaultVariation: "thumbnail", defaultZoom: "original" } } }, function(self){ return { init: function() { }, create: function(task, key, customSettings) { var settings = $.extend({}, self.options.settings, customSettings), meta = self.media.library.getMeta(key), image = $(new Image()); // Convert caption into html entities, // escape quotes and other special characters. var title = htmlentity(meta.title); image.attr({ src: meta.thumbnail.url, alt: title, title: title }); var resolve = function() { task.resolve(image.toHTML()); }, process = function() { var variations = {}; $.each(meta.variations, function(i, variation) { variations[variation.name] = variation; }); // Use provided variation, else use default variation, or the first variation on the list. var variation = variations[settings.variation] || variations[settings.defaultVariation] || meta.variations[0]; // Convert caption into html entities, // escape quotes and other special characters. var title = htmlentity(variation.title); // Use setting from selected variation image.attr({ src: variation.url, alt: title, title: title }); // Enforce dimension if (settings.enforceDimension) { if (settings.enforceWidth!==null && settings.enforceHeight!==null) { var sizes = $.Image.resizeWithin( variation.width, variation.height, settings.enforceWidth, settings.enforceHeight ); // Turn it into whole number sizes.width = Math.floor(sizes.width); sizes.height = Math.floor(sizes.height); image.attr(sizes); } } // Image caption if (settings.caption!==null) { // Convert caption into html entities, // escape quotes and other special characters. var caption = htmlentity(settings.caption); image .addClass("easyblog-image-caption") .attr("title", caption); } // Image zooming capabilities if (settings.zoom!==null) { var zoomWith = variations[settings.zoom] || variations[settings.defaultZoom] || {url: meta.thumbnail.url, title: meta.title}; var title = htmlentity(settings.caption || zoomWith.title || ""); image = $("<a>") .addClass("easyblog-thumb-preview") .attr({ href: zoomWith.url, title: title }) .html(image); }; resolve(); } // If any of these criterias were true, // we need to retrieve the variations. if (settings.variation || settings.zoom || settings.enforceWidth || settings.enforceHeight) { // If the variations hasn't been loaded if (meta.variations===undefined) { task.notify($.language("COM_EASYBLOG_MM_GETTING_IMAGE_SIZES")); // Then get it first self.media.library.getMetaVariations(key) .done(function(metaWithVariations) { // Add variations to our meta meta = metaWithVariations; // Process the rest of the image settings process(); }) .fail(function() { // If the ajax call failed, reject task. task.reject($.language("COM_EASYBLOG_MM_UNABLE_TO_RETRIEVE_VARIATIONS")); }); // If variations has been loaded, // process the rest of the image settings now. } else { process(); } // If there are no fancy image settings, // the default one will work just fine. } else { resolve(); } return task; } }} ); EasyBlog.Controller("Media.Exporter.Audio", { defaultOptions: { width: 400, height: 24, autostart: false, controlbar: "bottom", backcolor: "#333333", frontcolor: "#ffffff" } }, function(self){ return { init: function() { }, create: function(task, key, customSettings) { var settings = $.extend({}, self.options.settings, customSettings), meta = self.media.library.getMeta(key); settings.file = meta.path; settings.place = meta.place; var snippet = "[embed=audio]" + $.toJSON(settings) + "[/embed]"; task.resolve(snippet); return task; } }} ); EasyBlog.Controller("Media.Exporter.Video", { defaultOptions: { settings: { width: 400, height: 225, autostart: false, controlbar: "bottom", backcolor: "#333333", frontcolor: "#ffffff" } } }, function(self){ return { init: function() { }, create: function(task, key, customSettings) { var settings = $.extend({}, self.options.settings, customSettings), meta = self.media.library.getMeta(key); settings.file = meta.path; settings.place = meta.place; var snippet = "[embed=video]" + $.toJSON(settings) + "[/embed]"; task.resolve(snippet); return task; } }} ); EasyBlog.Controller("MediaLauncher", { defaultOptions: { "{uploadImageButton}": ".uploadImageButton", "{chooseImageButton}": ".chooseImageButton" } }, function(self) { return { init: function() { $("#media_manager_button").click(function(){ EasyBlog.mediaManager.browse(); }); }, "{uploadImageButton} click": function() { EasyBlog.mediaManager.upload(); }, "{chooseImageButton} click": function() { EasyBlog.mediaManager.browse(); } }} ); // // 2. Initialize media manager. // var container = $(document.createElement("div")).attr("id", "EasyBlogMediaManager").appendTo("body"); EasyBlog.mediaManager = new EasyBlog.Controller.Media(container); }); responsive.js 0000644 00000012451 15116747514 0007315 0 ustar 00 EasyBlog.module('responsive', function($) { var module = this; // $(selector).responsive({condition}); // $(selector).responsive([{condition1}, {condition2}]); $.fn.responsive = function() { var node = this; /* conditions = { at: 0, // threshold value switchTo: '', // classname to apply to the node alsoSwitch: { 'selector': 'class' } switchStylesheet: '', targetFunction: '', reverseFunction: '' } */ var options = { elementWidth: function() { return $(node).outerWidth(true); }, conditions: $.makeArray(arguments) }; $.responsive.process.call(node, options); }; /* $.responsive({ elementWidth: function() {} // width calculation of the target element }, { condition1 }); $.responsive({ elementWidth: function() {} // width calculation of the target element }, [{ condition1 }, { condition2 }]); */ $.responsive = function(elem, options) { // make sure that single condition object gets convert into array any how options.conditions = $.makeArray(options.conditions); /*var defaultOptions = { // main element width to calculate elementWidth: function() {}, // a function that returns pixel value // array of conditions of ascending thresholdWidth conditions: [{ // threshold for this condition at: 0, // condition specific options switchTo: '', alsoSwitch: {}, // objects with element and class switchStylesheet: '', targetFunction: '', // function to run reverseFunction: '' // reverse function that reverses any action in target function }] }*/ $.responsive.process.call($(elem), options); }; $.responsive.process = function(options) { var node = this; var totalConditions = options.conditions.length; $(window).resize(function() { $.responsive.sortConditions(options); var elementWidth; // calculate element width if ($.isFunction(options.elementWidth)) { elementWidth = options.elementWidth(); } else { elementWidth = options.elementWidth; } // loop through each condition $.each(options.conditions, function(i, condition) { var conditionOptions = $.responsive.properConditions(condition); var thresholdWidth = condition.at; // calculate threshold width if ($.isFunction(condition.at)) { thresholdWidth = condition.at(); } else { thresholdWidth = condition.at; } // perform resize if element <= threshold if (elementWidth <= thresholdWidth) { // remove all other condition first $.responsive.resetToDefault.call(node, options.conditions, i); // apply current condition $.responsive.resize.call(node, conditionOptions); return false; } else { $.responsive.deresize.call(node, conditionOptions); } }); }).resize(); }; $.responsive.resize = function(condition) { var node = this; if (condition.switchTo) { $.each(condition.switchTo, function(i, classname) { node.addClass(classname); }); } if (condition.alsoSwitch) { $.each(condition.alsoSwitch, function(selector, classname) { $(selector).addClass(classname); }); } if (condition.targetFunction) { condition.targetFunction(); } if (condition.switchStylesheet) { $.each(condition.switchStylesheet, function(i, stylesheet) { var tmp = $('link[href$="' + stylesheet + '"]'); if (tmp.length < 1) { $('<link/>', { rel: 'stylesheet', type: 'text/css', href: stylesheet }).appendTo('head'); } }); } }; $.responsive.deresize = function(condition) { var node = this; if (condition.switchTo) { $.each(condition.switchTo, function(i, classname) { node.removeClass(classname); }); } if (condition.alsoSwitch) { $.each(condition.alsoSwitch, function(selector, classname) { $(selector).removeClass(classname); }); } if (condition.reverseFunction) { condition.reverseFunction(); } if (condition.switchStylesheet) { $.each(condition.switchStylesheet, function(i, stylesheet) { $('link[href$="' + stylesheet + '"]').remove(); }); } }; $.responsive.resetToDefault = function(options, current) { var node = this; $.each(options, function(i, condition) { if (current && i == current) { return true; } else { $.responsive.deresize.call(node, condition); } }); }; $.responsive.properConditions = function(condition) { var conditionOptions = { at: condition.at, alsoSwitch: condition.alsoSwitch, switchTo: $.makeArray(condition.switchTo), switchStylesheet: $.makeArray(condition.switchStylesheet), targetFunction: condition.targetFunction, reverseFunction: condition.reverseFunction }; return conditionOptions; }; $.responsive.sortConditions = function(options) { var totalConditions = options.conditions.length; for (var i = 0; i < totalConditions; i++) { for (var j = i + 1; j < totalConditions; j++) { var a, b; if ($.isFunction(options.conditions[i].at)) { a = options.conditions[i].at(); } else { a = options.conditions[i].at; } if ($.isFunction(options.conditions[j].at)) { b = options.conditions[j].at(); } else { b = options.conditions[j].at; } if (a > b) { var tmp = options.conditions[i]; options.conditions[i] = options.conditions[j]; options.conditions[j] = tmp; } } } }; module.resolve(); }); tag.js 0000644 00000017567 15116747514 0005710 0 ustar 00 EasyBlog.module("tag", function($){ var module = this; EasyBlog.require() .view("dashboard/dashboard.tags.item") .done(function(){ EasyBlog.Controller( "Tag.Form", { defaultOptions: { tags: [], tagLimit: 0, tagSelections: [], tagSelectionLimit: 25, "{tagList}" : ".tag-list.creation", "{tagItems}" : ".tag-list.creation .tag-item", "{tagItemRemoveButton}" : ".remove-tag", "{tagCreationForm}" : ".new-tag-item", "{tagInput}" : ".tagInput", "{tagCreateButton}" : ".tag-create", "{totalTags}" : ".total-tags", "{tagSelectionFilter}" : ".tag-selection-filter", "{tagSelectionList}" : ".tag-list.selection", "{tagSelectionItems}" : ".tag-list.selection .tag-item", "{tagSelection}" : ".tag-selection", "{showAllTagsButton}" : ".show-all-tags", view: { tagItem: "dashboard/dashboard.tags.item" } } }, function(self) { return { init: function() { if (EasyBlog.dashboard) { EasyBlog.dashboard.registerPlugin("tags", self); } // Fork this into an asynchronous process // in case of large dataset setTimeout(function(){ // Populate tag selections var tags = self.options.tagSelections, i, l = tags.length; for (i=0; i<l; i++) { self.tags[tags[i].title.toLowerCase()] = tags[i]; } // Populate selected tags if any var tags = self.options.tags, l = tags.length; for (i=0; i<l; i++) { var key = self.getKey(tags[i].title); self.selectTag(key); } // Generate tag selections self.showTagSelections(""); }, 0); }, // Tag data tags: {}, // Tag elements items: {}, // Selected tags selected: {}, sanitizeTitle: function(title) { // return $.trim(title).replace(/[,\'\"\#\<\>]/gi,""); }, getKey: function(title) { return title.toLowerCase(); // return self.sanitizeTitle(title).toLowerCase(); }, getTag: function(key) { // This is because of key conflicts with native object methods // like "watch" or "hasOwnProperty" since tags can be anything. return Object.prototype.hasOwnProperty.call(self.tags, key) ? self.tags[key] : undefined; }, createTag: function(title) { var title = title, //var title = self.sanitizeTitle(title), key = title.toLowerCase(); return self.getTag(key) || (self.tags[key] = {title: title}); }, getTagItem: function(key) { var tag = self.getTag(key); if (!tag) return; return tag.item || (tag.item = self.view.tagItem({title: tag.title}).data("key", key)); }, getTagData: function(key) { var tag = self.getTag(key); if (!tag) return; return tag.data || (tag.data = $('<input class="tagdata" type="hidden" name="tags[]" />').val(tag.title)); }, search: function(keyword) { var keyword = $.trim(keyword).toLowerCase(), results = []; for (key in self.tags) { if (key.indexOf(keyword) < 0) continue; results.push(key); } return results; }, selectTag: function(key) { clearTimeout(self.selectTag.refreshTagSelection); var tagItem = self.getTagItem(key); if (!tagItem) return; var tagItems = self.tagItems(); if (self.options.tagLimit > 0 && tagItems.length >= self.options.tagLimit) return; tagItem.css({opacity: 0}); // When no item is selected if (tagItems.length < 1) { self.tagList() .prepend(tagItem); // When there are selected items } else { var lastTagItem = tagItems.filter(":last"); // Don't move tag if it's already the last one. if (lastTagItem[0]!=tagItem[0]) { tagItem.insertAfter(lastTagItem); } } tagItem.animate({opacity: 1}); // Attach tag data var tagData = self.getTagData(key); tagData.appendTo(self.element); self.selected[key] = true; self.checkTagLimit(); self.selectTag.refreshTagSelection = setTimeout(function(){ // Refresh tag selection self.showTagSelections(); }, 500); }, unselectTag: function(key) { var tagItem = self.getTagItem(key); if (!tagItem) return; // Detach tag item tagItem.detach(); // Detach tag data var tagData = self.getTagData(key); tagData.detach(); delete self.selected[key]; self.checkTagLimit(); var tag = self.getTag(key); if (tag.alias!==undefined) { // Refresh tag selection self.showTagSelections(); } }, addToTagSelectionList: function(key) { var tagItem = self.getTagItem(key); return tagItem && tagItem.appendTo(self.tagSelectionList()); }, showTagSelections: function(filter) { // Detach everything self.tagSelectionItems().detach(); filter = self.currentFilter = (filter===undefined) ? self.currentFilter || "" : filter; var c = 0, limit = self.options.tagSelectionLimit; if (filter==="") { for (key in self.tags) { if (c >= limit) break; if (self.selected[key] || self.getTag(key).alias===undefined) continue; self.addToTagSelectionList(key); c++; } } else { var results = self.search(filter), i, l = results.length; for (i=0; i<l; i++) { if (c >= limit) break; var key = results[i]; if (self.selected[key] || self.getTag(key).alias===undefined) continue; self.addToTagSelectionList(key); c++; } } self.tagSelection().toggleClass("no-selection", c < 1); }, "{tagInput} keydown": function(tagInput, event) { event.stopPropagation(); self.realEnterKey = (event.keyCode==13); }, "{tagInput} keypress": function(tagInput, event) { event.stopPropagation(); // We need to verify whether or not the user is actually entering // an ENTER key or exiting from an IME context menu. self.realEnterKey = self.realEnterKey && (event.keyCode==13); }, "{tagInput} keyup": function(tagInput, event) { clearTimeout(self.filterTask); event.stopPropagation(); switch(event.keyCode) { case 27: // escape tagInput.val(""); break; case 13: // enter if (self.realEnterKey && tagInput.hasClass("canCreate")) { self.createTagFromInput(); } break; } self.filterTask = setTimeout(function(){ self.showTagSelections(tagInput.val()); }, 250); }, createTagFromInput: function() { var title = $.trim(self.tagInput().val()); if (title!=="") { var key = self.getKey(title), tag = self.createTag(title); self.selectTag(key); self.tagInput().val(""); } // Reset show tag selections to original state self.showTagSelections(""); }, checkTagLimit: function() { var limit = self.options.tagLimit; if (limit < 1) return; var totalTags = self.tagItems().length; // Update data count self.totalTags().text(totalTags); self.tagCreationForm()[totalTags >= limit ? "hide" : "show"](); }, "{tagCreateButton} click": function() { self.createTagFromInput(); }, "{tagSelectionItems} click": function(el) { var key = el.data("key"); self.selectTag(key); }, "{tagItemRemoveButton} click": function(el) { var key = el.parents(".tag-item").data("key"); self.unselectTag(key); }, "{showAllTagsButton} click": function(el) { if (el.hasClass("active")) { el.removeClass("active"); self.options.tagSelectionLimit = self.originalLimit; } else { el.addClass("active"); self.originalLimit = self.options.tagSelectionLimit; self.options.tagSelectionLimit = 9999; } self.showTagSelections(""); } }} ); module.resolve(); }); });
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0.83 |
proxy
|
phpinfo
|
Настройка