mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
093ab722b3
* Update jquery, jquery ui, jquery validate and flot to current versions update jquery to 3.3.1 update jqueryui to 1.12.1 update jquery validate to 1.17.0 update jquery flot to 0.8.3 * Replace deprecated removed jquery functions * Fix initial tab content loading in detailView * Fix logout for new jquery version * Fix tooltip detail displaying for new JQuery version * Fix view all trigger in detailView for new JQuery version * Fix breadcrumb click event handler for JQuery update * Fix displaying of preselected zone in instanceWizard for new jQuery verion
130 lines
5.1 KiB
JavaScript
130 lines
5.1 KiB
JavaScript
// Licensed to the Apache Software Foundation (ASF) under one
|
|
// or more contributor license agreements. See the NOTICE file
|
|
// distributed with this work for additional information
|
|
// regarding copyright ownership. The ASF licenses this file
|
|
// to you under the Apache License, Version 2.0 (the
|
|
// "License"); you may not use this file except in compliance
|
|
// the License. You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing,
|
|
// software distributed under the License is distributed on an
|
|
// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
// KIND, either express or implied. See the License for the
|
|
// specific language governing permissions and limitations
|
|
// under the License.
|
|
(function($, cloudStack) {
|
|
var elems = {
|
|
pluginItem: function(args) {
|
|
var id = args.id;
|
|
var title = args.title;
|
|
var desc = args.desc;
|
|
var iconURL = args.iconURL;
|
|
var $pluginItem = $('<li>').addClass('plugin-item').addClass(id);
|
|
var $title = $('<span>').addClass('title').html(title);
|
|
var $desc = $('<span>').addClass('desc').html(desc);
|
|
var $icon = $('<span>').addClass('icon').append(
|
|
$('<img>').attr({
|
|
src: iconURL
|
|
})
|
|
);
|
|
|
|
$pluginItem.append(
|
|
$icon, $title, $desc
|
|
);
|
|
|
|
return $pluginItem;
|
|
},
|
|
pluginListing: function(args) {
|
|
var plugins = args.plugins;
|
|
var $plugins = $('<ul>');
|
|
var $pluginsListing = $('<div>').addClass('plugins-listing');
|
|
|
|
$(plugins).each(function() {
|
|
var plugin = this;
|
|
var $plugin = elems.pluginItem({
|
|
id: plugin.id,
|
|
title: plugin.title,
|
|
desc: plugin.desc,
|
|
iconURL: 'plugins/' + plugin.id + '/icon.png'
|
|
});
|
|
var $browser = $('#browser .container');
|
|
|
|
$plugin.click(function() {
|
|
var $mainSection = $('#navigation ul li').filter('.' + plugin.id);
|
|
|
|
if ($mainSection.length) {
|
|
$mainSection.click();
|
|
|
|
return;
|
|
}
|
|
|
|
$browser.cloudBrowser('addPanel', {
|
|
title: plugin.title,
|
|
$parent: $('.panel:first'),
|
|
complete: function($panel) {
|
|
$panel.detailView({
|
|
name: 'Plugin details',
|
|
tabs: {
|
|
details: {
|
|
title: 'label.plugin.details',
|
|
fields: [{
|
|
name: {
|
|
label: 'label.name'
|
|
}
|
|
}, {
|
|
desc: {
|
|
label: 'label.description'
|
|
},
|
|
externalLink: {
|
|
isExternalLink: true,
|
|
label: 'label.external.link'
|
|
}
|
|
}, {
|
|
authorName: {
|
|
label: 'label.author.name'
|
|
},
|
|
authorEmail: {
|
|
label: 'label.author.email'
|
|
},
|
|
id: {
|
|
label: 'label.id'
|
|
}
|
|
}],
|
|
dataProvider: function(args) {
|
|
args.response.success({
|
|
data: plugin
|
|
});
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
$plugin.appendTo($plugins);
|
|
});
|
|
|
|
$pluginsListing.append($plugins);
|
|
|
|
return $pluginsListing;
|
|
}
|
|
};
|
|
|
|
cloudStack.uiCustom.pluginListing = function() {
|
|
var plugins = cloudStack.plugins;
|
|
|
|
return elems.pluginListing({
|
|
plugins: $(plugins).map(function(index, pluginID) {
|
|
var plugin = cloudStack.plugins[pluginID].config;
|
|
|
|
return $.extend(plugin, {
|
|
id: pluginID
|
|
});
|
|
})
|
|
});
|
|
};
|
|
}(jQuery, cloudStack));
|