extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-23 15:18:58 +01:00
Code Issues Packages Projects Releases Wiki Activity
4f2eeaafe1
egroupware_official/etemplate/js/test/test_xml.html

198 lines
4.2 KiB
HTML
Raw Normal View History

First version of the new etemplate2 js widget framework
2011-08-04 21:08:50 +02:00
<html>
<head>
<title>ET2 - Test</title>
- Checked browser compatibility, tested with IE8, Chrome, Opera, FF3.6 - Added indexOf function for IE compatiblity - this and some other code is redundant to that in egw_action_common.js - Probably this code should be merged into jsapi and jsapi.js should be cleaned up and splitted into multiple files - Implemented template widget - Implemented dummy implementation of description widget - Improved et2_placeholder - it now shows all properties set for that placeholder - Improved and extended test page - Improved interface system in et2_inheritance.js - each object derrived from Class now has a instanceOf function which checks, whether the object is either an instance of the given class or implements the given interface (same behaviour as instanceOf in Java) - Widgets can now define which other widget classes are allowed inside of them
2011-08-05 16:53:54 +02:00
<script src="jquery.js"></script>
First version of the new etemplate2 js widget framework
2011-08-04 21:08:50 +02:00
<script src="../et2_xml.js"></script>
<script src="../et2_inheritance.js"></script>
<script src="../et2_common.js"></script>
<script src="../et2_widget.js"></script>
Fixed some dependencies
2011-08-10 16:39:35 +02:00
<script src="../et2_baseWidget.js"></script>
<script src="../et2_inputWidget.js"></script>
- Checked browser compatibility, tested with IE8, Chrome, Opera, FF3.6 - Added indexOf function for IE compatiblity - this and some other code is redundant to that in egw_action_common.js - Probably this code should be merged into jsapi and jsapi.js should be cleaned up and splitted into multiple files - Implemented template widget - Implemented dummy implementation of description widget - Improved et2_placeholder - it now shows all properties set for that placeholder - Improved and extended test page - Improved interface system in et2_inheritance.js - each object derrived from Class now has a instanceOf function which checks, whether the object is either an instance of the given class or implements the given interface (same behaviour as instanceOf in Java) - Widgets can now define which other widget classes are allowed inside of them
2011-08-05 16:53:54 +02:00
<script src="../et2_template.js"></script>
<script src="../et2_description.js"></script>
Implemented first version of the grid component (not complete)
2011-08-06 16:36:44 +02:00
<script src="../et2_grid.js"></script>
Improved grid, now correctly renders the timesheet.edit template, grid cells are now automatically expanded, grid objects can now be cloned and used in templates, added dummy implementation for button and textbox, added JS 'use strict' to be notified about JS programming mistakes in FF 4+.
2011-08-07 15:43:46 +02:00
<script src="../et2_button.js"></script>
- Styled button a little bit - Added test for textbox - Added baseWidget and inputWidget classes - Implemented attribute system - Implemented statustext as a test for the attribute system - Ported csv_split function to JS - Implemented system for the legacy options - Added function for iterating over the widget tree
2011-08-10 16:36:31 +02:00
<script src="../et2_box.js"></script>
Improved grid, now correctly renders the timesheet.edit template, grid cells are now automatically expanded, grid objects can now be cloned and used in templates, added dummy implementation for button and textbox, added JS 'use strict' to be notified about JS programming mistakes in FF 4+.
2011-08-07 15:43:46 +02:00
<script src="../et2_textbox.js"></script>
- Styled button a little bit - Added test for textbox - Added baseWidget and inputWidget classes - Implemented attribute system - Implemented statustext as a test for the attribute system - Ported csv_split function to JS - Implemented system for the legacy options - Added function for iterating over the widget tree
2011-08-10 16:36:31 +02:00
<!--<script src="../et2_tabs.js"></script>-->
<script src="../lib/tooltip.js"></script>
- Checked browser compatibility, tested with IE8, Chrome, Opera, FF3.6 - Added indexOf function for IE compatiblity - this and some other code is redundant to that in egw_action_common.js - Probably this code should be merged into jsapi and jsapi.js should be cleaned up and splitted into multiple files - Implemented template widget - Implemented dummy implementation of description widget - Improved et2_placeholder - it now shows all properties set for that placeholder - Improved and extended test page - Improved interface system in et2_inheritance.js - each object derrived from Class now has a instanceOf function which checks, whether the object is either an instance of the given class or implements the given interface (same behaviour as instanceOf in Java) - Widgets can now define which other widget classes are allowed inside of them
2011-08-05 16:53:54 +02:00
<style type="text/css">
body {
font-family: Lucida Grande, sans-serif;
font-size: 10pt;
}
#linklist a {
color: blue;
display: block;
}
#linklist a:visited {
color: blue;
}
#linklist a:hover {
color: #5050FF;
}
#container {
margin: 10px;
border: 1px solid gray;
padding: 10px;
}
.header {
color: #111;
margin: 30px 0 5px 0;
border-bottom: 1px solid #111;
}
.et2_placeholder {
display: inline-block;
border: 1px solid cornflowerblue;
background-color: #FCFCFC;
padding: 3px;
margin: 1px;
}
.et2_placeholder .et2_caption {
display: block;
font-size: 8pt;
margin: 0 0 5px 0;
font-weight: bold;
color: #2E2E2E;
text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
}
.et2_placeholder .et2_attr {
display: block;
font-size: 8pt;
color: #3030A0;
margin: 2px 0 2px 0;
}
Improved grid, now correctly renders the timesheet.edit template, grid cells are now automatically expanded, grid objects can now be cloned and used in templates, added dummy implementation for button and textbox, added JS 'use strict' to be notified about JS programming mistakes in FF 4+.
2011-08-07 15:43:46 +02:00
.et2_grid td {
border: 1px dashed silver;
}
.et2_label {
color: #101050;
font-size: 10pt;
}
- Styled button a little bit - Added test for textbox - Added baseWidget and inputWidget classes - Implemented attribute system - Implemented statustext as a test for the attribute system - Ported csv_split function to JS - Implemented system for the legacy options - Added function for iterating over the widget tree
2011-08-10 16:36:31 +02:00
button.et2_button {
background-color: #E0E0E0;
background-image: url(gfx/gradient01.png);
background-position: center;
background-repeat: repeat-x;
border: 1px solid silver;
color: #101010;
cursor: pointer;
margin: 5px;
padding: 3px;
text-align: center;
font-size: 9pt;
text-shadow: 1px 1px #E0E0E0;
}
button.et2_button:hover {
color: #050505;
border: 1px solid gray;
background-color: #D0D0EE;
}
button.et2_button:active {
background-image: url(gfx/gradient02.png);
background-color: #D0D0E0;
}
button.et2_button:focus {
border: 1px solid #2c3d6f;
color: #202d52;
outline: none;
}
div.et2_hbox {
display: inline;
}
.et2_tabflag {
display: inline-block;
margin-right: 5px;
height: 20px;
padding: 5px;
cursor: pointer;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: silver;
}
.et2_tabflag.active {
border-bottom: 1px solid white;
}
.et2_textbox {
resize: none;
}
.et2_bold {
font-weight: bold;
}
.et2_italic {
font-style: italic;
}
.et2_vbox div, .et2_vbox span {
display: block;
}
.egw_tooltip
{
position: fixed;
border: 1px solid #897f51;
padding: 3px;
background-color: #FDF9DB;
max-width: 300px;
color: black;
}
- Checked browser compatibility, tested with IE8, Chrome, Opera, FF3.6 - Added indexOf function for IE compatiblity - this and some other code is redundant to that in egw_action_common.js - Probably this code should be merged into jsapi and jsapi.js should be cleaned up and splitted into multiple files - Implemented template widget - Implemented dummy implementation of description widget - Improved et2_placeholder - it now shows all properties set for that placeholder - Improved and extended test page - Improved interface system in et2_inheritance.js - each object derrived from Class now has a instanceOf function which checks, whether the object is either an instance of the given class or implements the given interface (same behaviour as instanceOf in Java) - Widgets can now define which other widget classes are allowed inside of them
2011-08-05 16:53:54 +02:00
</style>
First version of the new etemplate2 js widget framework
2011-08-04 21:08:50 +02:00
</head>
- Checked browser compatibility, tested with IE8, Chrome, Opera, FF3.6 - Added indexOf function for IE compatiblity - this and some other code is redundant to that in egw_action_common.js - Probably this code should be merged into jsapi and jsapi.js should be cleaned up and splitted into multiple files - Implemented template widget - Implemented dummy implementation of description widget - Improved et2_placeholder - it now shows all properties set for that placeholder - Improved and extended test page - Improved interface system in et2_inheritance.js - each object derrived from Class now has a instanceOf function which checks, whether the object is either an instance of the given class or implements the given interface (same behaviour as instanceOf in Java) - Widgets can now define which other widget classes are allowed inside of them
2011-08-05 16:53:54 +02:00
<body>
<h1>EGroupware ETemplate2 Test</h1>
<div class="header">Choose one of the following tests:</div>
<div id="linklist">
Improved grid, now correctly renders the timesheet.edit template, grid cells are now automatically expanded, grid objects can now be cloned and used in templates, added dummy implementation for button and textbox, added JS 'use strict' to be notified about JS programming mistakes in FF 4+.
2011-08-07 15:43:46 +02:00
<a href="#" onclick="open_xet('et2_test_timesheet_edit.xet');">Timesheet edit dialog</a>
- Checked browser compatibility, tested with IE8, Chrome, Opera, FF3.6 - Added indexOf function for IE compatiblity - this and some other code is redundant to that in egw_action_common.js - Probably this code should be merged into jsapi and jsapi.js should be cleaned up and splitted into multiple files - Implemented template widget - Implemented dummy implementation of description widget - Improved et2_placeholder - it now shows all properties set for that placeholder - Improved and extended test page - Improved interface system in et2_inheritance.js - each object derrived from Class now has a instanceOf function which checks, whether the object is either an instance of the given class or implements the given interface (same behaviour as instanceOf in Java) - Widgets can now define which other widget classes are allowed inside of them
2011-08-05 16:53:54 +02:00
<a href="#" onclick="open_xet('et2_test_template.xet');">Template proxy test</a>
Implemented first version of the grid component (not complete)
2011-08-06 16:36:44 +02:00
<a href="#" onclick="open_xet('et2_test_grid.xet');">Grid test</a>
- Styled button a little bit - Added test for textbox - Added baseWidget and inputWidget classes - Implemented attribute system - Implemented statustext as a test for the attribute system - Ported csv_split function to JS - Implemented system for the legacy options - Added function for iterating over the widget tree
2011-08-10 16:36:31 +02:00
<a href="#" onclick="open_xet('et2_test_tabbox.xet');">Tabs test</a>
<a href="#" onclick="open_xet('et2_test_textbox.xet');">Textbox test</a>
<a href="#" onclick="open_xet('et2_test_description.xet');">Description test</a>
- Checked browser compatibility, tested with IE8, Chrome, Opera, FF3.6 - Added indexOf function for IE compatiblity - this and some other code is redundant to that in egw_action_common.js - Probably this code should be merged into jsapi and jsapi.js should be cleaned up and splitted into multiple files - Implemented template widget - Implemented dummy implementation of description widget - Improved et2_placeholder - it now shows all properties set for that placeholder - Improved and extended test page - Improved interface system in et2_inheritance.js - each object derrived from Class now has a instanceOf function which checks, whether the object is either an instance of the given class or implements the given interface (same behaviour as instanceOf in Java) - Widgets can now define which other widget classes are allowed inside of them
2011-08-05 16:53:54 +02:00
</div>
<div class="header">ETemplate2 container:</div>
<div id="container"></div>
First version of the new etemplate2 js widget framework
2011-08-04 21:08:50 +02:00
<script>
- Checked browser compatibility, tested with IE8, Chrome, Opera, FF3.6 - Added indexOf function for IE compatiblity - this and some other code is redundant to that in egw_action_common.js - Probably this code should be merged into jsapi and jsapi.js should be cleaned up and splitted into multiple files - Implemented template widget - Implemented dummy implementation of description widget - Improved et2_placeholder - it now shows all properties set for that placeholder - Improved and extended test page - Improved interface system in et2_inheritance.js - each object derrived from Class now has a instanceOf function which checks, whether the object is either an instance of the given class or implements the given interface (same behaviour as instanceOf in Java) - Widgets can now define which other widget classes are allowed inside of them
2011-08-05 16:53:54 +02:00
var container = null;
First version of the new etemplate2 js widget framework
2011-08-04 21:08:50 +02:00
- Checked browser compatibility, tested with IE8, Chrome, Opera, FF3.6 - Added indexOf function for IE compatiblity - this and some other code is redundant to that in egw_action_common.js - Probably this code should be merged into jsapi and jsapi.js should be cleaned up and splitted into multiple files - Implemented template widget - Implemented dummy implementation of description widget - Improved et2_placeholder - it now shows all properties set for that placeholder - Improved and extended test page - Improved interface system in et2_inheritance.js - each object derrived from Class now has a instanceOf function which checks, whether the object is either an instance of the given class or implements the given interface (same behaviour as instanceOf in Java) - Widgets can now define which other widget classes are allowed inside of them
2011-08-05 16:53:54 +02:00
function open_xet(file) {
et2_loadXMLFromURL(file,
First version of the new etemplate2 js widget framework
2011-08-04 21:08:50 +02:00
function(_xmldoc) {
- Checked browser compatibility, tested with IE8, Chrome, Opera, FF3.6 - Added indexOf function for IE compatiblity - this and some other code is redundant to that in egw_action_common.js - Probably this code should be merged into jsapi and jsapi.js should be cleaned up and splitted into multiple files - Implemented template widget - Implemented dummy implementation of description widget - Improved et2_placeholder - it now shows all properties set for that placeholder - Improved and extended test page - Improved interface system in et2_inheritance.js - each object derrived from Class now has a instanceOf function which checks, whether the object is either an instance of the given class or implements the given interface (same behaviour as instanceOf in Java) - Widgets can now define which other widget classes are allowed inside of them
2011-08-05 16:53:54 +02:00
if (container != null)
{
container.destroy();
container = null;
}
container = new et2_container(null);
container.setParentDOMNode(document.getElementById("container"));
First version of the new etemplate2 js widget framework
2011-08-04 21:08:50 +02:00
container.loadFromXML(_xmldoc);
});
}
</script>
</body>
</html>
Reference in New Issue Copy Permalink