| Server IP : 188.40.95.74 / Your IP : 216.73.216.142 Web Server : Apache System : Linux cp01.striminghost.net 3.10.0-1160.119.1.el7.tuxcare.els13.x86_64 #1 SMP Fri Nov 22 06:29:45 UTC 2024 x86_64 User : vlasotin ( 1054) PHP Version : 5.6.40 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/vlasotin/www/assets/plugins/jqueryui/app/src/ |
Upload File : |
/*jshint jquery: true, browser: true */
/*global Hash: false, JST: false, Model: false */
/*!
* jQuery UI DownloadBuilder client-side JavaScript file
* http://jqueryui.com/download/
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*/
(function( $, Hash, JST, Model, undefined ) {
var dependencies, dependents, model,
componentsLoad = $.Deferred(),
downloadBuilder = $( "#download-builder" ),
themesLoad = $.Deferred(),
baseVars = downloadBuilder.data( "base-vars" ),
downloadJqueryuiHost = downloadBuilder.data( "download-jqueryui-host" ),
initialComponents = downloadBuilder.data( "initial-components" );
// Rewrite form action for testing on staging
if ( /^stage\./.test( location.host ) ) {
$( "#download-builder form" ).attr( "action", function( index, href ) {
return href.replace( /(download\.)/, "stage.$1" );
});
downloadJqueryuiHost = downloadJqueryuiHost.replace( /(download\.)/, "stage.$1" );
}
function componentsFetch() {
return $.ajax( downloadJqueryuiHost + "/download/components/", {
dataType: "jsonp",
data: {
version: model.get( "version" )
}
});
}
function renderServiceStatus( xhr ) {
var element = $( JST[ "service_status.html" ]({
status: xhr.status,
statusText: xhr.statusText,
responseText: xhr.responseText
}));
$( "#service-status" ).html( element );
}
function themeFetch() {
var dfd = $.Deferred();
model.themeUrl(function( url ) {
$.ajax( url, {
dataType: "jsonp"
}).done( dfd.resolve ).fail( dfd.reject );
});
return dfd;
}
function allComponents() {
return $( "#download-builder .component-group-list input[type=checkbox]" );
}
function allGroup( referenceElement ) {
return $( referenceElement ).closest( ".component-group" ).find( ".component-group-list input[type=checkbox]" );
}
function _check( elem, value, options ) {
var modelUpdates = {},
depElem = $();
options = options || {};
elem.each(function() {
var elem = $( this ),
name = elem.attr( "name" );
// Handle dependencies
if ( value && !options.skipDependencies ) {
if ( dependencies[ name ] ) {
// Whenever a checkbox is activated, also activate all dependencies
depElem = depElem.add( dependencies[ name ] );
}
} else if ( dependents[ name ] && !options.skipDependencies ) {
// Whenever a checkbox is deactivated, also deactivate all dependents
depElem = depElem.add( dependents[ name ] );
}
elem.prop( "checked", value );
modelUpdates[ name ] = value;
});
// Update dependencies
if ( depElem.length ) {
_check( depElem, value );
}
// Update toggle all
if ( value ) {
// Set group toggle all if all components of its group are checked
if ( !allGroup( elem ).filter( ":not(:checked)" ).length ) {
$( elem ).closest( ".component-group" ).find( ".toggle input[type=checkbox]" ).prop( "checked", true );
}
// Set toggle all if all components are checked
if ( !allComponents().filter( ":not(:checked)" ).length ) {
$( elem ).closest( ".components" ).prev().find( ".toggleAll input[type=checkbox]" ).prop( "checked", true );
}
} else {
// Unset group toggle all if no components of its group are checked
if ( !allGroup( elem ).filter( ":checked" ).length ) {
$( elem ).closest( ".component-group" ).find( ".toggle input[type=checkbox]" ).prop( "checked", false );
}
// Unset toggle all if no components are checked
if ( !allComponents().filter( ":checked" ).length ) {
$( elem ).closest( ".components" ).prev().find( ".toggleAll input[type=checkbox]" ).prop( "checked", false);
}
}
model.set( modelUpdates );
downloadOnOff();
}
function check( event, elem, value, options ) {
var consolidatedDependents, consolidatedNames;
// Uncheck validations
if ( !value ) {
consolidatedDependents = $();
consolidatedNames = [];
elem.each(function() {
var name = $( this ).attr( "name" );
if ( dependents[ name ] && dependents[ name ].filter( ":checked" ).not( elem ).length > 0 ) {
consolidatedNames.push( name );
consolidatedDependents = consolidatedDependents.add( dependents[ name ].filter( ":checked" ).not( elem ) );
}
});
// Validate if uncheck is allowed when it has dependents
if ( consolidatedDependents.length > 0 ) {
event.preventDefault();
$( "<div>" )
.attr( "title", "Remove " + consolidatedNames.join( ", " ) + "?" )
.append(
$( "<p>" ).html(
"Are you sure you want to remove <b>" + consolidatedNames.join( ", " ) + "</b>? The following " + pluralize( consolidatedDependents.length, "component", "components" ) + " " + pluralize( consolidatedDependents.length, "depends", "depend" ) + " on it and will be removed: " + consolidatedDependents.map(function() {
return "<b>" + this.name + "</b>";
}).toArray().join( ", " ) + "."
)
)
.dialog({
modal: true,
buttons: {
"Remove": function() {
_check( elem, value, options );
$( this ).remove();
},
"Cancel": function() {
$( this ).remove();
}
}
})
.dialog( "widget" ).addClass( "download-builder-dialog" );
} else {
_check( elem, value, options );
}
// Check validations (none)
} else {
_check( elem, value, options );
}
}
function downloadOnOff() {
if ( !allComponents().filter( ":checked" ).length && $( "#theme" ).val() === "none" ) {
$( "#download-builder input[type=submit]" ).prop( "disabled", true ).addClass( "ui-state-disabled" );
} else {
$( "#download-builder input[type=submit]" ).prop( "disabled", false ).removeClass( "ui-state-disabled" );
}
}
function drawToggleAll( className ) {
return $( "<label>" )
.addClass( className )
.text( " Toggle All" )
.prepend(
$( "<input type=checkbox>" )
.prop( "checked", true )
.addClass( "ui-widget-content" )
);
}
function initComponents( components ) {
var toggleAll;
dependencies = {};
dependents = {};
$( "#download-builder .components-area" ).html( JST[ "components.html" ]( components ) );
model.setOrderedComponents(
$( "#download-builder .components-area input[type=checkbox]" ).map(function() {
return this.name;
})
);
// Initializes dependencies and dependents auxiliary variables.
$( "#download-builder input[type=checkbox]" ).each(function() {
var checkbox = $( this ),
thisDependencies = checkbox.data( "dependencies" ),
thisName = checkbox.attr( "name" );
if ( !thisName || !thisDependencies ) {
return;
}
// Adjust path prefixes to match names
var path = thisName.match( /^(.+)\// );
thisDependencies = thisDependencies.split( "," ).map(function( dependency ) {
if ( !path ) {
return dependency;
}
if ( /\.\.\//.test( dependency ) ) {
return dependency.replace( /^.+\//, "" );
}
return path[ 1 ] + "/" + dependency;
});
dependencies[ thisName ] = $();
$.each( thisDependencies, function() {
var dependecy = this,
dependecyElem = $( ".components-area input[type=checkbox][name='" + this + "']" );
dependencies[ thisName ] = dependencies[ thisName ].add( dependecyElem );
if ( !dependents[ dependecy ] ) {
dependents[ dependecy ] = $();
}
dependents[ dependecy ] = dependents[ dependecy ].add( checkbox );
});
});
// Generating toggle all checkboxes
if ( !( toggleAll = $( "#download-builder .toggleAll" ) ).length ) {
toggleAll = drawToggleAll( "toggleAll" ).insertAfter( $( "#download-builder .components-area" ).prev().find( "h2" ) );
}
$( "#download-builder .component-group h3" ).after( drawToggleAll( "toggle" ) );
/* Remember components check/uncheck selection
- If a component is checked/unchecked, it should keep its check-state in a subsequent version-change or page-load;
- If a component is loaded in the page and there is no previous check-state for it, it should be checked unless it has an unchecked dependency;
*/
allComponents().each(function() {
var elem = $( this ),
name = elem.attr( "name" );
if ( model.has( name ) && model.get( name ) === false ) {
_check( elem, false );
}
});
// Binds click handlers on components checkboxes
toggleAll.find( "input[type=checkbox]" ).on( "click", function( event ) {
check( event, allComponents(), $( this ).prop( "checked" ), {
skipDependencies: true
});
});
$( "#download-builder .components-area input[type=checkbox]" ).on( "click", function( event ) {
var target = $( event.target );
if ( target.parent().is( ".toggle" ) ) {
check( event, allGroup( this ), $( this ).prop( "checked" ) );
} else {
check( event, $( this ), $( this ).prop( "checked" ) );
}
});
componentsLoad.resolve();
}
function pluralize( count, singular, plural ) {
return count === 1 ? singular : plural;
}
model = new Model.DownloadBuilder({
baseVars: baseVars,
host: downloadJqueryuiHost
});
model.defaults[ "version" ] = $( "#download-builder [name=version][checked]" ).val();
model.on( "change", function( changed, created ) {
var versionElement;
if ( "folderName" in changed && !model.get( "folderName" ).length ) {
delete model.attributes.folderName;
delete changed.folderName;
}
if ( "scope" in changed && !model.get( "scope" ).length ) {
delete model.attributes.scope;
delete changed.scope;
}
themesLoad.done(function() {
var themeOption;
if ( "folderName" in changed ) {
$( "#theme-folder-name" ).val( model.get( "folderName" ) ).trigger( "change" );
}
if ( "scope" in changed ) {
$( "#scope" ).val( model.get( "scope" ) ).trigger( "change" );
}
if ( "themeParams" in changed ) {
themeOption = $( "#theme option[value=\"" + model.get( "themeParams" ) + "\"]" );
if ( !themeOption.filter( ":selected" ) ) {
themeOption.prop( "selected", true ).trigger( "change" );
}
}
model.themerollerUrl(function( url ) {
$( "#download-builder .download-builder-header a.themeroller-link" ).attr( "href", url );
});
});
componentsLoad.done(function() {
$.each( changed, function( attribute ) {
var value = model.get( attribute );
// If attribute is a component.
$( "#download-builder .component-group-list input[name=\"" + attribute + "\"]" ).each(function() {
// "false" -> false, TODO: this should be handled at History() level.
if ( value === "false" ) {
model.attributes[ attribute ] = value = false;
}
if ( value === false && $( this ).prop( "checked" ) !== value ) {
_check( $( this ), false );
}
// Ignore checked-components in the model
if ( value ) {
delete model.attributes[ attribute ];
}
});
});
});
if ( "version" in changed ) {
versionElement = $( "#download-builder input[type=radio][name=version][value=\"" + model.get( "version" ) + "\"]" );
versionElement.trigger( "click" );
themesLoad.done(function() {
$( ".advanced-settings .folder-name-area" ).toggle( !versionElement.data( "no-theme-folder" ) );
});
if ( created.version ) {
initComponents( initialComponents );
} else {
model.unsetOrderedComponents();
componentsFetch().done(function( components ) {
initComponents( components );
}).fail( renderServiceStatus );
componentsLoad = $.Deferred();
}
}
model.querystring().done(function( querystring ) {
Hash.update( querystring, {
ignoreChange: true
});
});
});
Hash.on( "change", function( hash ) {
model.parseHash( hash );
});
// Binds click on version selection
$( "#download-builder [name=version]" ).on( "change", function() {
model.set({ version: $( this ).val() });
});
model.set({
version: model.defaults[ "version" ]
});
Hash.init();
/* jqueryui.com site overrides for DB */
$( "#content" ).attr( "id", "download-builder-content" );
// Loads theme section.
themeFetch().done(function( theme ) {
$( "#download-builder .theme-area" ).html( JST[ "theme.html" ]( theme ) );
if ( !model.has( "themeParams" ) && !model.has( "zThemeParams" ) ) {
model.defaults[ "themeParams" ] = $( "#theme option:nth-child(2)" ).val();
model.set({ themeParams: $( "#theme option:selected" ).val() });
}
$( "#theme" ).on( "change", function() {
var selected = $( this ).find( "option:selected" ),
folderName = selected.text().toLowerCase().replace( " ", "-" );
model.defaults[ "folderName" ] = folderName;
model.set({
folderName: folderName,
themeParams: selected.val()
});
downloadOnOff();
});
$( "#download-builder .advanced-settings input" ).each(function() {
var content = $( this ).next().detach();
$( this ).tooltip({
items: "*",
content: function() {
return content;
}
});
});
$( "#scope" ).on("change", function() {
if ( !$( "#theme-folder-name" ).data( "edited" ) ) {
$( "#theme-folder-name" ).data( "suggestedEdit", true );
model.set({ folderName: $( this ).val().replace( /[ \/\\]/g, "-" ).replace( /[\.\#]/g, "" ) });
}
model.set({ scope: $( this ).val() });
});
$( "#theme-folder-name" ).on({
"blur": function() {
if ( $( this ).val() === "" ) {
$( "#theme-folder-name" ).removeData( "edited" );
}
},
"change": function() {
var val = $( this ).val(),
escapedVal = val.replace( /[ \.\#\/\\]/g, "-" );
$( this ).data( "edited", true );
$( "#theme-folder-name" ).removeData( "suggestedEdit" );
if ( escapedVal !== val ) {
model.set({ folderName: escapedVal });
} else {
model.set({ folderName: $( this ).val() });
}
}
});
themesLoad.resolve();
}).fail( renderServiceStatus );
}( jQuery, Hash, JST, Model ) );