extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-17 05:23:26 +01:00
Code Issues Packages Projects Releases Wiki Activity
c907e92398
egroupware/phpgwapi/js/egw_action/test/test_action.html

270 lines
7.6 KiB
HTML
Raw Normal View History

Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
<html>
<head>
<title>Test page for the egw action stuff</title>
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
<!-- Basic action stuff -->
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
<script src="../egw_action.js"></script>
<script src="../egw_action_common.js"></script>
Added toggleSelectAll functions, improved egw_action_popup, tested, fixed some bugs
2011-02-26 21:40:27 +01:00
<!-- JQuery is just used in this example. The egw_action scripts do not
need JQuery! -->
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
<script src="js/jquery.js"></script>
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
<!-- Popup stuff -->
<link rel="stylesheet" type="text/css" href="skins/dhtmlxmenu_egw.css">
<script src="js/dhtmlxcommon.js"></script>
<script src="js/dhtmlxmenu.js"></script>
<script src="js/dhtmlxmenu_ext.js"></script>
<script src="../egw_action_popup.js"></script>
<script src="../egw_menu.js"></script>
<script src="../egw_menu_dhtmlx.js"></script>
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
<style>
body, table {
font-family: Arial, sans-serif;
font-size: 10pt;
}
.listbox {
width: 250px;
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
border: 2px groove gray;
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
margin: 5px;
border-collapse: collapse;
}
.listbox tr {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
cursor: default;
padding: 2px;
}
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
.listbox tr.odd {
background-color: #eeeeee;
}
.listbox tr.selected {
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
background-color: #2b5d9b;
color: white;
}
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
.listbox tr.odd.selected {
background-color: #234b7d !important;
}
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
.listbox .focused {
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
border: 1px dotted black;
padding: 1px;
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
}
</style>
</head>
<body>
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
<table class="listbox" id="lb1">
<tr id="folder1"><td><img src="imgs/folder.png"/></td><td style="width: 200px">Folder 1</td><td><input type="checkbox"></td></tr>
<tr id="file1"><td><img src="imgs/page.png"/></td><td style="width: 200px">File 1</td><td><input type="checkbox"></td></tr>
<tr id="file2"><td><img src="imgs/page.png"/></td><td style="width: 200px">File 2</td><td><input type="checkbox"></td></tr>
<tr id="file3"><td><img src="imgs/page.png"/></td><td style="width: 200px">File 3</td><td><input type="checkbox"></td></tr>
<tr id="file4"><td><img src="imgs/page.png"/></td><td style="width: 200px">File 4</td><td><input type="checkbox"></td></tr>
<tr id="file5"><td><img src="imgs/page.png"/></td><td style="width: 200px">File 5</td><td><input type="checkbox"></td></tr>
</table>
Added toggleSelectAll functions, improved egw_action_popup, tested, fixed some bugs
2011-02-26 21:40:27 +01:00
<button id="performAction">Perform action...</button><button id="selectAll">Select All</button>
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
<script>
var actionManager = null;
First test with egwActionObjectInterface for a listbox-like representation of egwActionObjects (test_action.html), fixed bugs in egw_action.js which occured during testing.
2011-02-24 22:39:05 +01:00
var objectManager = null;
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
$(document).ready(function() {
init();
});
First test with egwActionObjectInterface for a listbox-like representation of egwActionObjects (test_action.html), fixed bugs in egw_action.js which occured during testing.
2011-02-24 22:39:05 +01:00
// An action object interface for the listbox - "inherits" from
// egwActionObjectInterface
function listboxItemAOI(_node)
{
var aoi = new egwActionObjectInterface();
aoi.node = _node;
aoi.checkBox = ($(":checkbox", aoi.node))[0];
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
aoi.checkBox.checked = false;
First test with egwActionObjectInterface for a listbox-like representation of egwActionObjects (test_action.html), fixed bugs in egw_action.js which occured during testing.
2011-02-24 22:39:05 +01:00
aoi.doGetDOMNode = function() {
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
return aoi.node;
First test with egwActionObjectInterface for a listbox-like representation of egwActionObjects (test_action.html), fixed bugs in egw_action.js which occured during testing.
2011-02-24 22:39:05 +01:00
}
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
function getShiftState(e)
{
var state = EGW_AO_SHIFT_STATE_NONE;
state = egwSetBit(state, EGW_AO_SHIFT_STATE_MULTI, e.ctrkKey || e.metaKey);
state = egwSetBit(state, EGW_AO_SHIFT_STATE_BLOCK, e.shiftKey);
return state;
First test with egwActionObjectInterface for a listbox-like representation of egwActionObjects (test_action.html), fixed bugs in egw_action.js which occured during testing.
2011-02-24 22:39:05 +01:00
}
// Now append some action code to the node
$(_node).click(function(e) {
if (e.target != aoi.checkBox)
{
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
var selected = egwBitIsSet(aoi.getState(), EGW_AO_STATE_SELECTED);
var state = getShiftState(e);
First test with egwActionObjectInterface for a listbox-like representation of egwActionObjects (test_action.html), fixed bugs in egw_action.js which occured during testing.
2011-02-24 22:39:05 +01:00
// "Normal" Listbox behaviour
- Added working egw_grid component including test and documentation, codebase will be used to replace the nextmatchWidget in etemplate2 - Improved egw_action.js: - Bugfixing regaring handling of egwActionObjects organized in trees (hasn't been tested before) - Improved egwActionObjectInterface interface and functionality: AOIs can now mark themselves as invisible/visible and request the action objects to reconnect the action implementations - Action objects do now automatically register the action implementations - Vastly improved speed when working with huge amounts (> 500) of objects organized in trees (as done in the grid test) - Improved egwActionObject functionality: Added new functions regarding selecting groups of objects
2011-03-02 22:18:20 +01:00
aoi.updateState(EGW_AO_STATE_SELECTED,
!egwBitIsSet(state, EGW_AO_SHIFT_STATE_MULTI) || !selected,
state);
First test with egwActionObjectInterface for a listbox-like representation of egwActionObjects (test_action.html), fixed bugs in egw_action.js which occured during testing.
2011-02-24 22:39:05 +01:00
// "PHPMyAdmin" Listbox behaviour
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
// aoi.doSetState(egwSetBit(aoi.getState(), EGW_AO_STATE_SELECTED,
// !selected), false, EGW_AO_SHIFT_STATE_MULTI);
First test with egwActionObjectInterface for a listbox-like representation of egwActionObjects (test_action.html), fixed bugs in egw_action.js which occured during testing.
2011-02-24 22:39:05 +01:00
}
});
$(aoi.checkBox).change(function() {
- Added working egw_grid component including test and documentation, codebase will be used to replace the nextmatchWidget in etemplate2 - Improved egw_action.js: - Bugfixing regaring handling of egwActionObjects organized in trees (hasn't been tested before) - Improved egwActionObjectInterface interface and functionality: AOIs can now mark themselves as invisible/visible and request the action objects to reconnect the action implementations - Action objects do now automatically register the action implementations - Vastly improved speed when working with huge amounts (> 500) of objects organized in trees (as done in the grid test) - Improved egwActionObject functionality: Added new functions regarding selecting groups of objects
2011-03-02 22:18:20 +01:00
aoi.updateState(EGW_AO_STATE_SELECTED, this.checked, EGW_AO_SHIFT_STATE_MULTI);
First test with egwActionObjectInterface for a listbox-like representation of egwActionObjects (test_action.html), fixed bugs in egw_action.js which occured during testing.
2011-02-24 22:39:05 +01:00
});
- Added working egw_grid component including test and documentation, codebase will be used to replace the nextmatchWidget in etemplate2 - Improved egw_action.js: - Bugfixing regaring handling of egwActionObjects organized in trees (hasn't been tested before) - Improved egwActionObjectInterface interface and functionality: AOIs can now mark themselves as invisible/visible and request the action objects to reconnect the action implementations - Action objects do now automatically register the action implementations - Vastly improved speed when working with huge amounts (> 500) of objects organized in trees (as done in the grid test) - Improved egwActionObject functionality: Added new functions regarding selecting groups of objects
2011-03-02 22:18:20 +01:00
aoi.doSetState = function(_state) {
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
var selected = egwBitIsSet(_state, EGW_AO_STATE_SELECTED);
this.checkBox.checked = selected;
$(this.node).toggleClass('focused',
egwBitIsSet(_state, EGW_AO_STATE_FOCUSED));
$(this.node).toggleClass('selected',
selected);
}
First test with egwActionObjectInterface for a listbox-like representation of egwActionObjects (test_action.html), fixed bugs in egw_action.js which occured during testing.
2011-02-24 22:39:05 +01:00
return aoi;
}
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
function alertClicked(_action, _senders)
{
var ids = "";
for (var i = 0; i < _senders.length; i++)
ids += _senders[i].id + ((i < _senders.length - 1) ? ", " : "");
alert("Action '" + _action.caption + "' executed on elements '"
+ ids + "'");
}
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
function init()
{
//Initialize the action manager and add some actions to it
actionManager = new egwActionManager();
First test with egwActionObjectInterface for a listbox-like representation of egwActionObjects (test_action.html), fixed bugs in egw_action.js which occured during testing.
2011-02-24 22:39:05 +01:00
objectManager = new egwActionObjectManager("", actionManager);
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
actionManager.updateActions(
[
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
{
"id": "folder_open",
"iconUrl": "imgs/folder.png",
"caption": "Open folder",
"onExecute": alertClicked,
Added some forgotten files
2011-02-26 20:21:55 +01:00
"allowOnMultiple": false,
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
"type": "popup",
"default": true
},
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
{
"id": "file_view",
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
"iconUrl": "imgs/view.png",
"caption": "View",
"onExecute": alertClicked,
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
"allowOnMultiple": false,
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
"type": "popup",
"default": true
},
{
"id": "file_preview",
"iconUrl": "imgs/preview.png",
"caption": "Preview",
"onExecute": alertClicked,
"allowOnMultiple": false,
"type": "popup",
"default": true
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
},
{
"id": "file_delete",
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
"iconUrl": "imgs/delete.png",
"caption": "Delete",
"onExecute": alertClicked,
"type": "popup",
"group": 2
},
{
"id": "file_edit",
"iconUrl": "imgs/edit.png",
"caption": "Edit file",
"onExecute": alertClicked,
"allowOnMultiple": false,
"type": "popup"
},
{
"id": "file_compress",
"iconUrl": "imgs/compress.png",
"caption": "Create ZIP archive",
"onExecute": alertClicked,
"type": "popup",
"group": 1,
"order": 1
},
{
"id": "file_email",
"iconUrl": "imgs/email.png",
"caption": "E-Mail",
"onExecute": alertClicked,
"allowOnMultiple": false,
"type": "popup",
"group": 1,
"order": 0
},
{
"id": "file_compress_email",
"caption": "Create ZIP and E-Mail",
"onExecute": alertClicked,
"type": "popup",
"group": 1,
"order": 2
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
}
]
);
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
//Links which will be assigned to each listbox item
var listboxFileLinks = [
{"actionId": "file_view", "enabled": true},
{"actionId": "file_preview", "enabled": true},
{"actionId": "file_edit", "enabled": true},
{"actionId": "file_email", "enabled": true},
{"actionId": "file_compress_email", "enabled": true},
{"actionId": "file_compress", "enabled": true},
{"actionId": "file_delete", "enabled": true}
];
var listboxFolderLinks = [
{"actionId": "folder_open", "enabled": true},
{"actionId": "file_compress_email", "enabled": true},
{"actionId": "file_compress", "enabled": true},
{"actionId": "file_delete", "enabled": true}
];
$('#lb1 tr:odd').addClass('odd');
//Create an object representation for each listbox-row and append
//each to its own listboxItemAOI
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
$('#lb1 tr').each(function(index, elem) {
Implemented egw_popup_action, tested, got it working with IE
2011-02-26 19:04:28 +01:00
var obj = objectManager.addObject(elem.id, new listboxItemAOI(elem));
//Apply the links to the actions
if (elem.id.substr(0,4) == "file")
obj.updateActionLinks(listboxFileLinks);
else
obj.updateActionLinks(listboxFolderLinks);
Added toggleSelectAll functions, improved egw_action_popup, tested, fixed some bugs
2011-02-26 21:40:27 +01:00
});
$("#selectAll").click(function() {
objectManager.toggleAllSelected();
});
$("#performAction").click(function(e) {
if (!objectManager.executeActionImplementation(this, "popup"))
alert("Please select one or more objects.");
return false;
});
Finished implementation of the abstract egwAction interface - now going to test it
2011-02-24 20:00:47 +01:00
}
</script>
</body>
</html>
Reference in New Issue Copy Permalink