Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
scripts.sonar-panel.js Maven / Gradle / Ivy
/*
* Licensed to Marvelution under one or more contributor license
* agreements. See the NOTICE file distributed with this work
* for additional information regarding copyright ownership.
* Marvelution licenses this file to you under the Apache License,
* Version 2.0 (the "License"); you may not use this file except
* in compliance with 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.
*/
/**
* Base object containing all the options for the panel
*/
AJS.sonar.panel.config = {
readOnly: true,
panelContainer: '#panelContainer',
thobber: '#thobber',
operationsContainer: '#operations',
columnSelector: '.column',
columnClass: 'column',
handle: '.dragbox-header',
cursor: 'pointer',
placeHolder: 'placeholder',
context: 0,
afterInit: function() {},
dialogs: {
gadgets: undefined,
layout: undefined
},
layout: 0,
associationId: 0,
oldColumn: undefined
};
/**
* Initiate the Sonar panel
*
* @param panel the configuration object for the panel
*/
AJS.sonar.panel.initPanel = function(options) {
jQuery.extend(AJS.sonar.panel.config, options);
AJS.$(AJS.sonar.panel.config.thobber).addClass('loading');
AJS.sonar.text.load(contextPath);
AJS.sonar.panel.initLayout();
if (!AJS.sonar.panel.config.readOnly) {
var operationsContainer = AJS.$(AJS.sonar.panel.config.operationsContainer).empty();
var operations = AJS.$('').addClass('operations').addClass('enabled');
operationsContainer.append(operations);
operations.append(AJS.$('
'));
var gadgetLink = AJS.$('
').addClass('buttons');
var action = ((configuredGadgets.indexOf(gadgetId) > -1) ? 'remove' : 'add');
AJS.$('
').text(AJS.sonar.text.getMsg('sonar.gadget.' + gadgetId + '.description'))
);
gadgetOption.hover(function() {
AJS.$(this).addClass('hover');
}, function() {
AJS.$(this).removeClass('hover');
});
gadgetList.append(gadgetOption);
});
AJS.sonar.panel.config.dialogs.gadgets.getCurrentPanel().body.append(gadgetList);
AJS.$('#dash-thobber').removeClass('loading');
AJS.sonar.panel.config.dialogs.gadgets.show();
},
error: function(data, status, xhr) {
AJS.$('#dash-thobber').removeClass('loading');
alert(jQuery.parseJSON(data.responseText).message);
}
});
} else {
AJS.$('#dash-thobber').removeClass('loading');
AJS.sonar.panel.config.dialogs.gadgets.show();
}
});
AJS.$('
').append(
AJS.$('
').attr({id: 'column_' + column.columnId});
columnElement.addClass('column').addClass('column_' + layout.type + '_' + column.type);
panelContainer.append(columnElement);
AJS.$(column.gadget).each(function(index, gadgetId) {
AJS.sonar.panel.addGadgetToColumn(columnElement, gadgetId);
});
});
if (!AJS.sonar.panel.config.readOnly) {
AJS.$(AJS.sonar.panel.config.panelContainer + ' ' + AJS.sonar.panel.config.columnSelector).sortable({
connectWith: AJS.sonar.panel.config.columnSelector,
handle: AJS.sonar.panel.config.handle,
cursor: AJS.sonar.panel.config.cursor,
placeholder: AJS.sonar.panel.config.placeHolder,
forcePlaceholderSize: true,
opacity: 0.4,
start: function(event, ui) {
AJS.sonar.panel.config.oldColumn = ui.helper.parent();
},
stop: function(event, ui) {
AJS.sonar.panel.handleGadgetAction(ui.item.attr('id'), 'move');
}
}).disableSelection();
}
AJS.$(AJS.sonar.panel.config.thobber).removeClass('loading');
AJS.sonar.panel.config.afterInit();
},
error: function(data, status, xhr) {
AJS.$(AJS.sonar.panel.config.thobber).removeClass('loading');
AJS.$(AJS.sonar.panel.config.panelContainer).empty().append(
AJS.sonar.panel.createErrorMessage('Failed to load the Panel layout. Please constult your system administrator for assistance.')
);
}
});
}
/**
* After initialization of the Panel, load the content of the gadgets for the given association id.
*
* @param associationId the association ID to load
*/
AJS.sonar.panel.loadAssociation = function(associationId) {
AJS.$(AJS.sonar.panel.config.thobber).addClass('loading');
AJS.sonar.panel.config.associationId = associationId;
AJS.$('.dragbox .dragbox-content').each(function(index, item) {
var parent = AJS.$(item).parent();
AJS.sonar.panel.loadGadget(parent.attr('id'));
});
AJS.$(AJS.sonar.panel.config.thobber).removeClass('loading');
}
/**
* Load the content of a gadget
*
* @param gadgetId the gadget id
*/
AJS.sonar.panel.loadGadget = function(gadgetId) {
AJS.$.ajax({
type: 'GET',
url: contextPath + '/rest/sonar/1.0/gadgets/generateHtml',
dataType: 'html',
data: ({
associationId: AJS.sonar.panel.config.associationId,
gadgetId: gadgetId
}),
success: function(html) {
AJS.$('#' + gadgetId).find('.dragbox-content').html(html);
AJS.sonar.panel.resizeContainer();
},
error: function(data, status, xhr) {
var container = AJS.$('.dragbox[id="' + gadgetId + '"]').find('.dragbox-content');
container.empty();
container.append(AJS.sonar.panel.createErrorMessage(jQuery.parseJSON(data.responseText).message));
AJS.sonar.panel.resizeContainer();
}
});
}
/**
* Resize the container holding the panel
*/
AJS.sonar.panel.resizeContainer = function() {
// TODO resize the panel container
}
/**
* Internal method to handle the add, remove, and move actions of gadgets
*
* @param gadgetId the Id of the gadget that is being handled
* @param action the action (add, remove, move)
*/
AJS.sonar.panel.handleGadgetAction = function(gadgetId, action) {
var ajaxOptions = {
type: 'POST',
url: contextPath + '/rest/sonar/1.0/layout/' + action + '/' + gadgetId,
data: {},
success: function() {
AJS.$(AJS.sonar.panel.config.panelContainer).prepend(
AJS.sonar.panel.createSuccessMessage(AJS.sonar.text.getMsg('sonar.layout.save.successful'))
);
},
error: function(data, status, xhr) {
AJS.$(AJS.sonar.panel.config.panelContainer).prepend(
AJS.sonar.panel.createErrorsMessage(jQuery.parseJSON(data.responseText).message)
);
}
};
AJS.$('.gadgetList input[type="button"]').enable(false);
var gadgetActionButton = AJS.$('.gadgetList input[id="' + gadgetId + '"]');
AJS.$(AJS.sonar.panel.config.panelContainer + ' .aui-message').remove();
if (action === 'add') {
var column = AJS.$(AJS.$(AJS.sonar.panel.config.panelContainer + ' '
+ AJS.sonar.panel.config.columnSelector)[0]);
AJS.sonar.panel.addGadgetToColumn(column, gadgetId);
AJS.sonar.panel.loadGadget(gadgetId);
gadgetActionButton.attr({
action: 'remove',
value: AJS.sonar.text.getMsg('sonar.remove.button')
});
ajaxOptions.data = {columnId: column.attr('id').split('_')[1]};
} else if (action === 'remove') {
var gadget = AJS.$('.dragbox[id="' + gadgetId + '"]');
var column = gadget.parent();
gadget.remove();
gadgetActionButton.attr({
action: 'add',
value: AJS.sonar.text.getMsg('sonar.add.button')
});
ajaxOptions.data = {columnId: column.attr('id').split('_')[1]};
} else if (action === 'move') {
var gadget = AJS.$('.dragbox[id="' + gadgetId + '"]');
var column = gadget.parent();
ajaxOptions.data = {
oldColumnId: AJS.sonar.panel.config.oldColumn.attr('id').split('_')[1],
newColumnId: column.attr('id').split('_')[1],
position: column.sortable('toArray').indexOf(gadgetId)
};
}
AJS.$.ajax(ajaxOptions);
AJS.$('.gadgetList input[type="button"]').enable();
}
/**
* Add a gadget to a column in the panel
*
* @param column the column to add the gadget to
* @param gadgetId the id of the gadget to add
*/
AJS.sonar.panel.addGadgetToColumn = function(column, gadgetId) {
var gadget = AJS.sonar.panel.createGadgetBox(gadgetId);
if (!AJS.sonar.panel.config.readOnly) {
gadget.dblclick(function() {
AJS.sonar.panel.handleGadgetAction(AJS.$(this).attr('id'), 'remove');
event.preventDefault();
});
gadget.hover(function() {
AJS.$(this).find('.menu').show();
}, function() {
AJS.$(this).find('.menu').hide();
});
}
column.append(gadget);
}
/**
* Helper method to create the gadget draggable box
*
* @param gadgetId the id of the gadget
* @return the jQuery wrapped div
*/
AJS.sonar.panel.createGadgetBox = function(gadgetId) {
var header = AJS.$('
').addClass('dragbox-header').append(
AJS.$('
').addClass('menu').append(
AJS.$('').append(
AJS.$('
').attr({id: gadgetId}).addClass('dragbox').append(header).append(
AJS.$('
').addClass('dragbox-content').append(
AJS.$("
