Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-11 16:05:44 +01:00
Code Issues Packages Projects Releases Activity

split sonia.group.js into smaller pieces

Browse Source
This commit is contained in:
Sebastian Sdorra
2011-06-08 17:19:25 +02:00
parent 215bc6eef1
commit 272f16363a
8 changed files with 744 additions and 590 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
scm-webapp/src/main/webapp/index.html
View File

@@ -89,7 +89,14 @@
<script type="text/javascript" src="resources/js/user/sonia.user.formpanel.js"></script> <script type="text/javascript" src="resources/js/user/sonia.user.formpanel.js"></script>
<script type="text/javascript" src="resources/js/user/sonia.user.panel.js"></script> <script type="text/javascript" src="resources/js/user/sonia.user.panel.js"></script>
<script type="text/javascript" src="resources/js/sonia.group.js"></script> <!-- sonia.group -->
<script type="text/javascript" src="resources/js/group/sonia.group.js"></script>
<script type="text/javascript" src="resources/js/group/sonia.group.grid.js"></script>
<script type="text/javascript" src="resources/js/group/sonia.group.formpanel.js"></script>
<script type="text/javascript" src="resources/js/group/sonia.group.propertiesformpanel.js"></script>
<script type="text/javascript" src="resources/js/group/sonia.group.memberformpanel.js"></script>
<script type="text/javascript" src="resources/js/group/sonia.group.panel.js"></script>
<script type="text/javascript" src="resources/js/sonia.config.js"></script> <script type="text/javascript" src="resources/js/sonia.config.js"></script>
<script type="text/javascript" src="resources/js/sonia.action.js"></script> <script type="text/javascript" src="resources/js/sonia.action.js"></script>
<script type="text/javascript" src="resources/js/sonia.plugin.js"></script> <script type="text/javascript" src="resources/js/sonia.plugin.js"></script>

147
scm-webapp/src/main/webapp/resources/js/group/sonia.group.formpanel.js Normal file
View File

@@ -0,0 +1,147 @@
/* *
* Copyright (c) 2010, Sebastian Sdorra
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are met:
*
* 1. Redistributions of source code must retain the above copyright notice,
* this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright notice,
* this list of conditions and the following disclaimer in the documentation
* and/or other materials provided with the distribution.
* 3. Neither the name of SCM-Manager; nor the names of its
* contributors may be used to endorse or promote products derived from this
* software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
* ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*
* http://bitbucket.org/sdorra/scm-manager
*
*/
Sonia.group.FormPanel = Ext.extend(Sonia.rest.FormPanel,{
colMemberText: 'Member',
titleText: 'Settings',
nameText: 'Name',
descriptionText: 'Description',
membersText: 'Members',
errorTitleText: 'Error',
updateErrorMsgText: 'Group update failed',
createErrorMsgText: 'Group creation failed',
// help
nameHelpText: 'Unique name of the group.',
descriptionHelpText: 'A short description of the group.',
membersHelpText: 'Usernames of the group members.',
initComponent: function(){
this.addEvents('preCreate', 'created', 'preUpdate', 'updated', 'updateFailed', 'creationFailed');
Sonia.repository.FormPanel.superclass.initComponent.apply(this, arguments);
},
update: function(group){
if ( debug ){
console.debug( 'update group ' + group.name );
}
group = Ext.apply( this.item, group );
// this.updateMembers(group);
this.fireEvent('preUpdate', group);
var url = restUrl + 'groups/' + group.name + '.json';
var el = this.el;
var tid = setTimeout( function(){el.mask('Loading ...');}, 100);
Ext.Ajax.request({
url: url,
jsonData: group,
method: 'PUT',
scope: this,
success: function(){
if ( debug ){
console.debug('update success');
}
this.fireEvent('updated', group);
clearTimeout(tid);
el.unmask();
this.execCallback(this.onUpdate, group);
},
failure: function(result){
this.fireEvent('updateFailed', group);
clearTimeout(tid);
el.unmask();
main.handleFailure(
result.status,
this.errorTitleText,
this.updateErrorMsgText
);
}
});
},
create: function(item){
if ( debug ){
console.debug( 'create group: ' + item.name );
}
item.type = 'xml';
var url = restUrl + 'groups.json';
var el = this.el;
var tid = setTimeout( function(){el.mask('Loading ...');}, 100);
this.fireEvent('preCreate', item);
// this.updateMembers(item);
Ext.Ajax.request({
url: url,
jsonData: item,
method: 'POST',
scope: this,
success: function(){
if ( debug ){
console.debug('create success');
}
this.fireEvent('created', item);
// this.memberStore.removeAll();
this.getForm().reset();
clearTimeout(tid);
el.unmask();
this.execCallback(this.onCreate, item);
},
failure: function(result){
this.fireEvent('creationFailed', item);
clearTimeout(tid);
el.unmask();
main.handleFailure(
result.status,
this.errorTitleText,
this.createErrorMsgText
);
}
});
},
cancel: function(){
if ( debug ){
console.debug( 'cancel form' );
}
Sonia.group.setEditPanel( Sonia.group.DefaultPanel );
}
});
// register xtype
Ext.reg('groupFormPanel', Sonia.group.FormPanel);

150
scm-webapp/src/main/webapp/resources/js/group/sonia.group.grid.js Normal file
View File

@@ -0,0 +1,150 @@
/* *
* Copyright (c) 2010, Sebastian Sdorra
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are met:
*
* 1. Redistributions of source code must retain the above copyright notice,
* this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright notice,
* this list of conditions and the following disclaimer in the documentation
* and/or other materials provided with the distribution.
* 3. Neither the name of SCM-Manager; nor the names of its
* contributors may be used to endorse or promote products derived from this
* software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
* ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*
* http://bitbucket.org/sdorra/scm-manager
*
*/
Sonia.group.Grid = Ext.extend(Sonia.rest.Grid, {
colNameText: 'Name',
colDescriptionText: 'Description',
colMembersText: 'Members',
colCreationDateText: 'Creation date',
colTypeText: 'Type',
emptyGroupStoreText: 'No group is configured',
groupFormTitleText: 'Group Form',
initComponent: function(){
var groupStore = new Sonia.rest.JsonStore({
proxy: new Ext.data.HttpProxy({
url: restUrl + 'groups.json',
disableCaching: false
}),
fields: [ 'name', 'members', 'description', 'creationDate', 'type'],
sortInfo: {
field: 'name'
}
});
var groupColModel = new Ext.grid.ColumnModel({
defaults: {
sortable: true,
scope: this,
width: 125
},
columns: [
{id: 'name', header: this.colNameText, dataIndex: 'name'},
{id: 'description', header: this.colDescriptionText, dataIndex: 'description', width: 300 },
{id: 'members', header: this.colMembersText, dataIndex: 'members', renderer: this.renderMembers},
{id: 'creationDate', header: this.colCreationDateText, dataIndex: 'creationDate', renderer: Ext.util.Format.formatTimestamp},
{id: 'type', header: this.colTypeText, dataIndex: 'type', width: 80}
]
});
var config = {
autoExpandColumn: 'members',
store: groupStore,
colModel: groupColModel,
emptyText: this.emptyGroupStoreText,
listeners: {
fallBelowMinHeight: {
fn: this.onFallBelowMinHeight,
scope: this
}
}
};
Ext.apply(this, Ext.apply(this.initialConfig, config));
Sonia.group.Grid.superclass.initComponent.apply(this, arguments);
},
onFallBelowMinHeight: function(height, minHeight){
var p = Ext.getCmp('groupEditPanel');
this.setHeight(minHeight);
var epHeight = p.getHeight();
p.setHeight(epHeight - (minHeight - height));
// rerender
this.doLayout();
p.doLayout();
this.ownerCt.doLayout();
},
renderMembers: function(members){
var out = '';
if ( members != null ){
var s = members.length;
for ( var i=0; i<s; i++ ){
out += members[i];
if ( (i+1)<s ){
out += ', ';
}
}
}
return out;
},
selectItem: function(group){
if ( debug ){
console.debug( group.name + ' selected' );
}
Ext.getCmp('groupRmButton').setDisabled(false);
Sonia.group.setEditPanel([{
item: group,
xtype: 'groupPropertiesForm',
onUpdate: {
fn: this.reload,
scope: this
},
onCreate: {
fn: this.reload,
scope: this
}
},{
item: group,
xtype: 'groupMemberForm',
listeners: {
updated: {
fn: this.reload,
scope: this
},
created: {
fn: this.reload,
scope: this
}
}
}]);
}
});
// register xtype
Ext.reg('groupGrid', Sonia.group.Grid);

55
scm-webapp/src/main/webapp/resources/js/group/sonia.group.js Normal file
View File

@@ -0,0 +1,55 @@
/* *
* Copyright (c) 2010, Sebastian Sdorra
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are met:
*
* 1. Redistributions of source code must retain the above copyright notice,
* this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright notice,
* this list of conditions and the following disclaimer in the documentation
* and/or other materials provided with the distribution.
* 3. Neither the name of SCM-Manager; nor the names of its
* contributors may be used to endorse or promote products derived from this
* software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
* ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*
* http://bitbucket.org/sdorra/scm-manager
*
*/
// register namespace
Ext.ns('Sonia.group');
Sonia.group.setEditPanel = function(panels){
var editPanel = Ext.getCmp('groupEditPanel');
editPanel.removeAll();
Ext.each(panels, function(panel){
editPanel.add(panel);
});
editPanel.setActiveTab(0);
editPanel.doLayout();
}
/**
* panels
*/
Sonia.group.DefaultPanel = {
region: 'south',
title: 'Group Form',
xtype: 'panel',
bodyCssClass: 'x-panel-mc',
padding: 5,
html: 'Add or select a Group'
}

167
scm-webapp/src/main/webapp/resources/js/group/sonia.group.memberformpanel.js Normal file
View File

@@ -0,0 +1,167 @@
/* *
* Copyright (c) 2010, Sebastian Sdorra
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are met:
*
* 1. Redistributions of source code must retain the above copyright notice,
* this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright notice,
* this list of conditions and the following disclaimer in the documentation
* and/or other materials provided with the distribution.
* 3. Neither the name of SCM-Manager; nor the names of its
* contributors may be used to endorse or promote products derived from this
* software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
* ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*
* http://bitbucket.org/sdorra/scm-manager
*
*/
Sonia.group.MemberFormPanel = Ext.extend(Sonia.group.FormPanel, {
memberStore: null,
initComponent: function(){
this.memberStore = new Ext.data.SimpleStore({
fields: ['member'],
sortInfo: {
field: 'member'
}
});
var memberColModel = new Ext.grid.ColumnModel({
defaults: {
sortable: true
},
columns: [{
id: 'member',
header: this.colMemberText,
dataIndex: 'member',
editor: new Ext.form.ComboBox({
store: userSearchStore,
displayField: 'label',
valueField: 'value',
typeAhead: true,
mode: 'remote',
queryParam: 'query', //contents of the field sent to server.
hideTrigger: true, //hide trigger so it doesn't look like a combobox.
selectOnFocus:true,
width: 250
})
}]
});
var selectionModel = new Ext.grid.RowSelectionModel({
singleSelect: true
});
if ( this.item != null ){
var data = [];
if ( this.item.members != null ){
for ( var i=0; i<this.item.members.length; i++ ){
var a = [];
a.push( this.item.members[i] );
data.push(a);
}
}
this.memberStore.loadData( data );
}
var config = {
title: this.membersText,
listeners: {
updated: this.clearModifications,
preUpdate: {
fn: this.updateMembers,
scope: this
}
},
items: [{
id: 'memberGrid',
xtype: 'editorgrid',
clicksToEdit: 1,
frame: true,
width: '100%',
autoHeight: true,
autoScroll: false,
colModel: memberColModel,
sm: selectionModel,
store: this.memberStore,
viewConfig: {
forceFit:true
},
tbar: [{
text: this.addText,
scope: this,
handler : function(){
var Member = this.memberStore.recordType;
var grid = Ext.getCmp('memberGrid');
grid.stopEditing();
this.memberStore.insert(0, new Member());
grid.startEditing(0, 0);
}
},{
text: this.removeText,
scope: this,
handler: function(){
var grid = Ext.getCmp('memberGrid');
var selected = grid.getSelectionModel().getSelected();
if ( selected ){
this.memberStore.remove(selected);
}
}
},'->',{
id: 'memberGridHelp',
xtype: 'box',
autoEl: {
tag: 'img',
src: 'resources/images/help.gif'
}
}]
}]
};
Ext.apply(this, Ext.apply(this.initialConfig, config));
Sonia.group.MemberFormPanel.superclass.initComponent.apply(this, arguments);
},
afterRender: function(){
// call super
Sonia.group.FormPanel.superclass.afterRender.apply(this, arguments);
Ext.QuickTips.register({
target: Ext.getCmp('memberGridHelp'),
title: '',
text: this.membersHelpText,
enabled: true
});
},
updateMembers: function(item){
var members = [];
this.memberStore.data.each(function(record){
members.push( record.data.member );
})
item.members = members;
},
clearModifications: function(){
Ext.getCmp('memberGrid').getStore().commitChanges();
}
});
Ext.reg('groupMemberForm', Sonia.group.MemberFormPanel);

158
scm-webapp/src/main/webapp/resources/js/group/sonia.group.panel.js Normal file
View File

@@ -0,0 +1,158 @@
/* *
* Copyright (c) 2010, Sebastian Sdorra
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are met:
*
* 1. Redistributions of source code must retain the above copyright notice,
* this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright notice,
* this list of conditions and the following disclaimer in the documentation
* and/or other materials provided with the distribution.
* 3. Neither the name of SCM-Manager; nor the names of its
* contributors may be used to endorse or promote products derived from this
* software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
* ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*
* http://bitbucket.org/sdorra/scm-manager
*
*/
Sonia.group.Panel = Ext.extend(Ext.Panel, {
addText: 'Add',
removeText: 'Remove',
reloadText: 'Reload',
titleText: 'Group Form',
emptyText: 'Add or select a Group',
removeTitleText: 'Remove Group',
removeMsgText: 'Remove Group "{0}"?',
errorTitleText: 'Error',
errorMsgText: 'Group deletion failed',
initComponent: function(){
var config = {
layout: 'border',
hideMode: 'offsets',
enableTabScroll: true,
region:'center',
autoScroll: true,
tbar: [
{xtype: 'tbbutton', text: this.addText, scope: this, handler: this.showAddForm},
{xtype: 'tbbutton', id: 'groupRmButton', disabled: true, text: this.removeText, scope: this, handler: this.removeGroup},
'-',
{xtype: 'tbbutton', text: this.reloadText, scope: this, handler: this.reload}
],
items: [{
id: 'groupGrid',
xtype: 'groupGrid',
region: 'center'
}, {
id: 'groupEditPanel',
xtype: 'tabpanel',
activeTab: 0,
height: 250,
split: true,
border: true,
region: 'south',
items: [{
bodyCssClass: 'x-panel-mc',
title: this.titleText,
padding: 5,
html: this.emptyText
}]
}
]
}
Ext.apply(this, Ext.apply(this.initialConfig, config));
Sonia.group.Panel.superclass.initComponent.apply(this, arguments);
},
removeGroup: function(){
var grid = Ext.getCmp('groupGrid');
var selected = grid.getSelectionModel().getSelected();
if ( selected ){
var item = selected.data;
var url = restUrl + 'groups/' + item.name + '.json';
Ext.MessageBox.show({
title: this.removeTitleText,
msg: String.format( this.removeMsgText, item.name ),
buttons: Ext.MessageBox.OKCANCEL,
icon: Ext.MessageBox.QUESTION,
fn: function(result){
if ( result == 'ok' ){
if ( debug ){
console.debug( 'remove group ' + item.name );
}
Ext.Ajax.request({
url: url,
method: 'DELETE',
scope: this,
success: function(){
this.reload();
this.resetPanel();
},
failure: function(result){
main.handleFailure(
result.status,
this.errorTitleText,
this.errorMsgText
);
}
});
}
},
scope: this
});
} else if ( debug ){
console.debug( 'no repository selected' );
}
},
showAddForm: function(){
Ext.getCmp('groupRmButton').setDisabled(true);
Sonia.group.setEditPanel({
xtype: 'groupPropertiesForm',
title: this.titleText,
padding: 5,
onUpdate: {
fn: this.reload,
scope: this
},
onCreate: {
fn: this.reload,
scope: this
}
});
},
resetPanel: function(){
Sonia.group.setEditPanel(Sonia.group.DefaultPanel);
},
reload: function(){
Ext.getCmp('groupGrid').reload();
}
});
// register xtype
Ext.reg('groupPanel', Sonia.group.Panel);

59
scm-webapp/src/main/webapp/resources/js/group/sonia.group.propertiesformpanel.js Normal file
View File

@@ -0,0 +1,59 @@
/* *
* Copyright (c) 2010, Sebastian Sdorra
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are met:
*
* 1. Redistributions of source code must retain the above copyright notice,
* this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright notice,
* this list of conditions and the following disclaimer in the documentation
* and/or other materials provided with the distribution.
* 3. Neither the name of SCM-Manager; nor the names of its
* contributors may be used to endorse or promote products derived from this
* software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
* ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*
* http://bitbucket.org/sdorra/scm-manager
*
*/
Sonia.group.PropertiesFormPanel = Ext.extend(Sonia.group.FormPanel, {
initComponent: function(){
var config = {
title: this.titleText,
items: [{
fieldLabel: this.nameText,
name: 'name',
allowBlank: false,
readOnly: this.item != null,
helpText: this.nameHelpText
},{
fieldLabel: this.descriptionText,
name: 'description',
xtype: 'textarea',
helpText: this.descriptionHelpText
}]
}
Ext.apply(this, Ext.apply(this.initialConfig, config));
Sonia.group.PropertiesFormPanel.superclass.initComponent.apply(this, arguments);
}
});
// register xtype
Ext.reg('groupPropertiesForm', Sonia.group.PropertiesFormPanel);

589
scm-webapp/src/main/webapp/resources/js/sonia.group.js
View File

@@ -1,589 +0,0 @@
/* *
* Copyright (c) 2010, Sebastian Sdorra
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are met:
*
* 1. Redistributions of source code must retain the above copyright notice,
* this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright notice,
* this list of conditions and the following disclaimer in the documentation
* and/or other materials provided with the distribution.
* 3. Neither the name of SCM-Manager; nor the names of its
* contributors may be used to endorse or promote products derived from this
* software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
* ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*
* http://bitbucket.org/sdorra/scm-manager
*
*/
// register namespace
Ext.ns('Sonia.group');
Sonia.group.setEditPanel = function(panels){
var editPanel = Ext.getCmp('groupEditPanel');
editPanel.removeAll();
Ext.each(panels, function(panel){
editPanel.add(panel);
});
editPanel.setActiveTab(0);
editPanel.doLayout();
}
/**
* panels
*/
Sonia.group.DefaultPanel = {
region: 'south',
title: 'Group Form',
xtype: 'panel',
bodyCssClass: 'x-panel-mc',
padding: 5,
html: 'Add or select a Group'
}
// GroupGrid
Sonia.group.Grid = Ext.extend(Sonia.rest.Grid, {
colNameText: 'Name',
colDescriptionText: 'Description',
colMembersText: 'Members',
colCreationDateText: 'Creation date',
colTypeText: 'Type',
emptyGroupStoreText: 'No group is configured',
groupFormTitleText: 'Group Form',
initComponent: function(){
var groupStore = new Sonia.rest.JsonStore({
proxy: new Ext.data.HttpProxy({
url: restUrl + 'groups.json',
disableCaching: false
}),
fields: [ 'name', 'members', 'description', 'creationDate', 'type'],
sortInfo: {
field: 'name'
}
});
var groupColModel = new Ext.grid.ColumnModel({
defaults: {
sortable: true,
scope: this,
width: 125
},
columns: [
{id: 'name', header: this.colNameText, dataIndex: 'name'},
{id: 'description', header: this.colDescriptionText, dataIndex: 'description', width: 300 },
{id: 'members', header: this.colMembersText, dataIndex: 'members', renderer: this.renderMembers},
{id: 'creationDate', header: this.colCreationDateText, dataIndex: 'creationDate', renderer: Ext.util.Format.formatTimestamp},
{id: 'type', header: this.colTypeText, dataIndex: 'type', width: 80}
]
});
var config = {
autoExpandColumn: 'members',
store: groupStore,
colModel: groupColModel,
emptyText: this.emptyGroupStoreText,
listeners: {
fallBelowMinHeight: {
fn: this.onFallBelowMinHeight,
scope: this
}
}
};
Ext.apply(this, Ext.apply(this.initialConfig, config));
Sonia.group.Grid.superclass.initComponent.apply(this, arguments);
},
onFallBelowMinHeight: function(height, minHeight){
var p = Ext.getCmp('groupEditPanel');
this.setHeight(minHeight);
var epHeight = p.getHeight();
p.setHeight(epHeight - (minHeight - height));
// rerender
this.doLayout();
p.doLayout();
this.ownerCt.doLayout();
},
renderMembers: function(members){
var out = '';
if ( members != null ){
var s = members.length;
for ( var i=0; i<s; i++ ){
out += members[i];
if ( (i+1)<s ){
out += ', ';
}
}
}
return out;
},
selectItem: function(group){
if ( debug ){
console.debug( group.name + ' selected' );
}
Ext.getCmp('groupRmButton').setDisabled(false);
Sonia.group.setEditPanel([{
item: group,
xtype: 'groupPropertiesForm',
onUpdate: {
fn: this.reload,
scope: this
},
onCreate: {
fn: this.reload,
scope: this
}
},{
item: group,
xtype: 'groupPermissionsForm',
listeners: {
updated: {
fn: this.reload,
scope: this
},
created: {
fn: this.reload,
scope: this
}
}
}]);
}
});
// register xtype
Ext.reg('groupGrid', Sonia.group.Grid);
// GroupFormPanel
Sonia.group.FormPanel = Ext.extend(Sonia.rest.FormPanel,{
colMemberText: 'Member',
titleText: 'Settings',
nameText: 'Name',
descriptionText: 'Description',
membersText: 'Members',
errorTitleText: 'Error',
updateErrorMsgText: 'Group update failed',
createErrorMsgText: 'Group creation failed',
// help
nameHelpText: 'Unique name of the group.',
descriptionHelpText: 'A short description of the group.',
membersHelpText: 'Usernames of the group members.',
initComponent: function(){
this.addEvents('preCreate', 'created', 'preUpdate', 'updated', 'updateFailed', 'creationFailed');
Sonia.repository.FormPanel.superclass.initComponent.apply(this, arguments);
},
update: function(group){
if ( debug ){
console.debug( 'update group ' + group.name );
}
group = Ext.apply( this.item, group );
// this.updateMembers(group);
this.fireEvent('preUpdate', group);
var url = restUrl + 'groups/' + group.name + '.json';
var el = this.el;
var tid = setTimeout( function(){el.mask('Loading ...');}, 100);
Ext.Ajax.request({
url: url,
jsonData: group,
method: 'PUT',
scope: this,
success: function(){
if ( debug ){
console.debug('update success');
}
this.fireEvent('updated', group);
clearTimeout(tid);
el.unmask();
this.execCallback(this.onUpdate, group);
},
failure: function(result){
this.fireEvent('updateFailed', group);
clearTimeout(tid);
el.unmask();
main.handleFailure(
result.status,
this.errorTitleText,
this.updateErrorMsgText
);
}
});
},
create: function(item){
if ( debug ){
console.debug( 'create group: ' + item.name );
}
item.type = 'xml';
var url = restUrl + 'groups.json';
var el = this.el;
var tid = setTimeout( function(){el.mask('Loading ...');}, 100);
this.fireEvent('preCreate', item);
// this.updateMembers(item);
Ext.Ajax.request({
url: url,
jsonData: item,
method: 'POST',
scope: this,
success: function(){
if ( debug ){
console.debug('create success');
}
this.fireEvent('created', item);
// this.memberStore.removeAll();
this.getForm().reset();
clearTimeout(tid);
el.unmask();
this.execCallback(this.onCreate, item);
},
failure: function(result){
this.fireEvent('creationFailed', item);
clearTimeout(tid);
el.unmask();
main.handleFailure(
result.status,
this.errorTitleText,
this.createErrorMsgText
);
}
});
},
cancel: function(){
if ( debug ){
console.debug( 'cancel form' );
}
Sonia.group.setEditPanel( Sonia.group.DefaultPanel );
}
});
// register xtype
Ext.reg('groupFormPanel', Sonia.group.FormPanel);
// group properties
Sonia.group.PropertiesFormPanel = Ext.extend(Sonia.group.FormPanel, {
initComponent: function(){
var config = {
title: this.titleText,
items: [{
fieldLabel: this.nameText,
name: 'name',
allowBlank: false,
readOnly: this.item != null,
helpText: this.nameHelpText
},{
fieldLabel: this.descriptionText,
name: 'description',
xtype: 'textarea',
helpText: this.descriptionHelpText
}]
}
Ext.apply(this, Ext.apply(this.initialConfig, config));
Sonia.group.PropertiesFormPanel.superclass.initComponent.apply(this, arguments);
}
});
// register xtype
Ext.reg('groupPropertiesForm', Sonia.group.PropertiesFormPanel);
// group permissions
Sonia.group.PermissionFormPanel = Ext.extend(Sonia.group.FormPanel, {
memberStore: null,
initComponent: function(){
this.memberStore = new Ext.data.SimpleStore({
fields: ['member'],
sortInfo: {
field: 'member'
}
});
var memberColModel = new Ext.grid.ColumnModel({
defaults: {
sortable: true
},
columns: [{
id: 'member',
header: this.colMemberText,
dataIndex: 'member',
editor: new Ext.form.ComboBox({
store: userSearchStore,
displayField: 'label',
valueField: 'value',
typeAhead: true,
mode: 'remote',
queryParam: 'query', //contents of the field sent to server.
hideTrigger: true, //hide trigger so it doesn't look like a combobox.
selectOnFocus:true,
width: 250
})
}]
});
var selectionModel = new Ext.grid.RowSelectionModel({
singleSelect: true
});
if ( this.item != null ){
var data = [];
if ( this.item.members != null ){
for ( var i=0; i<this.item.members.length; i++ ){
var a = [];
a.push( this.item.members[i] );
data.push(a);
}
}
this.memberStore.loadData( data );
}
var config = {
title: this.membersText,
listeners: {
updated: this.clearModifications,
preUpdate: {
fn: this.updateMembers,
scope: this
}
},
items: [{
id: 'memberGrid',
xtype: 'editorgrid',
clicksToEdit: 1,
frame: true,
width: '100%',
autoHeight: true,
autoScroll: false,
colModel: memberColModel,
sm: selectionModel,
store: this.memberStore,
viewConfig: {
forceFit:true
},
tbar: [{
text: this.addText,
scope: this,
handler : function(){
var Member = this.memberStore.recordType;
var grid = Ext.getCmp('memberGrid');
grid.stopEditing();
this.memberStore.insert(0, new Member());
grid.startEditing(0, 0);
}
},{
text: this.removeText,
scope: this,
handler: function(){
var grid = Ext.getCmp('memberGrid');
var selected = grid.getSelectionModel().getSelected();
if ( selected ){
this.memberStore.remove(selected);
}
}
},'->',{
id: 'memberGridHelp',
xtype: 'box',
autoEl: {
tag: 'img',
src: 'resources/images/help.gif'
}
}]
}]
};
Ext.apply(this, Ext.apply(this.initialConfig, config));
Sonia.group.PermissionFormPanel.superclass.initComponent.apply(this, arguments);
},
afterRender: function(){
// call super
Sonia.group.FormPanel.superclass.afterRender.apply(this, arguments);
Ext.QuickTips.register({
target: Ext.getCmp('memberGridHelp'),
title: '',
text: this.membersHelpText,
enabled: true
});
},
updateMembers: function(item){
var members = [];
this.memberStore.data.each(function(record){
members.push( record.data.member );
})
item.members = members;
},
clearModifications: function(){
Ext.getCmp('memberGrid').getStore().commitChanges();
}
});
Ext.reg('groupPermissionsForm', Sonia.group.PermissionFormPanel);
// RepositoryPanel
Sonia.group.Panel = Ext.extend(Ext.Panel, {
addText: 'Add',
removeText: 'Remove',
reloadText: 'Reload',
titleText: 'Group Form',
emptyText: 'Add or select a Group',
removeTitleText: 'Remove Group',
removeMsgText: 'Remove Group "{0}"?',
errorTitleText: 'Error',
errorMsgText: 'Group deletion failed',
initComponent: function(){
var config = {
layout: 'border',
hideMode: 'offsets',
enableTabScroll: true,
region:'center',
autoScroll: true,
tbar: [
{xtype: 'tbbutton', text: this.addText, scope: this, handler: this.showAddForm},
{xtype: 'tbbutton', id: 'groupRmButton', disabled: true, text: this.removeText, scope: this, handler: this.removeGroup},
'-',
{xtype: 'tbbutton', text: this.reloadText, scope: this, handler: this.reload}
],
items: [{
id: 'groupGrid',
xtype: 'groupGrid',
region: 'center'
}, {
id: 'groupEditPanel',
xtype: 'tabpanel',
activeTab: 0,
height: 250,
split: true,
border: true,
region: 'south',
items: [{
bodyCssClass: 'x-panel-mc',
title: this.titleText,
padding: 5,
html: this.emptyText
}]
}
]
}
Ext.apply(this, Ext.apply(this.initialConfig, config));
Sonia.group.Panel.superclass.initComponent.apply(this, arguments);
},
removeGroup: function(){
var grid = Ext.getCmp('groupGrid');
var selected = grid.getSelectionModel().getSelected();
if ( selected ){
var item = selected.data;
var url = restUrl + 'groups/' + item.name + '.json';
Ext.MessageBox.show({
title: this.removeTitleText,
msg: String.format( this.removeMsgText, item.name ),
buttons: Ext.MessageBox.OKCANCEL,
icon: Ext.MessageBox.QUESTION,
fn: function(result){
if ( result == 'ok' ){
if ( debug ){
console.debug( 'remove group ' + item.name );
}
Ext.Ajax.request({
url: url,
method: 'DELETE',
scope: this,
success: function(){
this.reload();
this.resetPanel();
},
failure: function(result){
main.handleFailure(
result.status,
this.errorTitleText,
this.errorMsgText
);
}
});
}
},
scope: this
});
} else if ( debug ){
console.debug( 'no repository selected' );
}
},
showAddForm: function(){
Ext.getCmp('groupRmButton').setDisabled(true);
Sonia.group.setEditPanel({
xtype: 'groupPropertiesForm',
title: this.titleText,
padding: 5,
onUpdate: {
fn: this.reload,
scope: this
},
onCreate: {
fn: this.reload,
scope: this
}
});
},
resetPanel: function(){
Sonia.group.setEditPanel(Sonia.group.DefaultPanel);
},
reload: function(){
Ext.getCmp('groupGrid').reload();
}
});
// register xtype
Ext.reg('groupPanel', Sonia.group.Panel);