First import of the project. MooTools is a framework based on the Aja…

…x Framework that uses the MooTools javascript framework in place of Prototype/Scriptaculous

Examples/Ajax/MooToolsExample/.classpath

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry kind="src" path="Sources"/>
+	<classpathentry kind="con" path="WOFramework/ERExtensions"/>
+	<classpathentry kind="con" path="WOFramework/ERJars"/>
+	<classpathentry kind="con" path="WOFramework/ERPrototypes"/>
+	<classpathentry kind="con" path="WOFramework/JavaWOExtensions"/>
+	<classpathentry kind="con" path="WOFramework/WOOgnl"/>
+	<classpathentry kind="con" path="WOFramework/JavaEOAccess"/>
+	<classpathentry kind="con" path="WOFramework/JavaEOControl"/>
+	<classpathentry kind="con" path="WOFramework/JavaFoundation"/>
+	<classpathentry kind="con" path="WOFramework/JavaJDBCAdaptor"/>
+	<classpathentry kind="con" path="WOFramework/JavaWebObjects"/>
+	<classpathentry kind="con" path="WOFramework/JavaXML"/>
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER"/>
+	<classpathentry kind="con" path="WOFramework/Ajax"/>
+	<classpathentry kind="con" path="WOFramework/KMExtensions"/>
+	<classpathentry kind="con" path="WOFramework/KMFoundation"/>
+	<classpathentry kind="con" path="WOFramework/MooTools"/>
+	<classpathentry kind="output" path="bin"/>
+</classpath>

Examples/Ajax/MooToolsExample/.project

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>MooToolsExample</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.jdt.core.javabuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.objectstyle.wolips.incrementalbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>org.eclipse.jdt.core.javanature</nature>
+		<nature>org.objectstyle.wolips.incrementalapplicationnature</nature>
+	</natures>
+</projectDescription>

Examples/Ajax/MooToolsExample/.settings/org.eclipse.core.resources.prefs

@@ -0,0 +1,2 @@
+eclipse.preferences.version=1
+encoding//Components=UTF-8

Examples/Ajax/MooToolsExample/Components/HomePage.wo/HomePage.html

@@ -0,0 +1,6 @@
+<wo:Main pageTitle = "$pageTitle">
+	<h2>Project Wonder's Ajax Framework with MooTools</h2>
+	<p>The purpose of this framework is to replace the ProtoType/Scriptaculous javascript used in Wonder's Ajax Framework with the MooTools JavaScript library.</p>
+	<p>Please use the navigation to the left to see the current collection of components.</p>
+	<p>This code is available on Wonder's Github</p>
+</wo:Main>

Examples/Ajax/MooToolsExample/Components/HomePage.wo/HomePage.woo

@@ -0,0 +1,4 @@
+{
+	"WebObjects Release" = "WebObjects 5.0";
+	encoding = "UTF-8";
+}

Examples/Ajax/MooToolsExample/Components/MTASBTestPage.wo/MTASBTestPage.html

@@ -0,0 +1,74 @@
+<wo:Main pageTitle = "$pageTitle">
+
+	<style>
+		.plain {
+			background-color: #FFF;
+			border: 1px solid black;
+		}
+
+		.darkened {
+			background-color: #000;
+			border: 3px dashed #F00;
+		}
+
+		form legend, .updateContainers h3 {
+			margin-top: 20px;
+		}
+
+		form legend:first, .updateContainers h3:first {
+			margin-top: 0px;
+		}
+
+	</style>
+	<div class = "row">
+		<div class = "span9">
+			<h3>Ajax Submit Button</h3>
+			<hr/>
+			<p>
+				This page tests submitting a form via an AjaxSubmitButton.  
+			</p>
+			<hr/>
+		</div>
+	</div>
+	<div class = "row">
+		<div class = "span6">
+			<wo:form class = "well" multipleSubmit = "true">
+				<h4>The Highlight Form</h4>
+				<label>Wife's Name</label>
+				<wo:textfield value = "$wifeName"></wo:textfield>
+				<webobject name = "HighlighSubmitButton"></webobject>
+				<h4>The Slide In/Out Form</h4>
+				<label>Kid's Name</label>
+				<wo:textfield value = "$kidName"></wo:textfield>
+				<webobject name = "SlideInOutButton"></webobject>
+				<h4>The Morph Form</h4>
+				<label>Dog's Name</label>
+				<wo:textfield value = "$dogName"></wo:textfield>
+				<webobject name = "MorphButton"></webobject>
+				<h4>The Spinner Form</h4>
+				<label>Cat's Name</label>
+				<wo:textfield value = "$catName"></wo:textfield>
+				<webobject name = "SpinnerButton"></webobject>
+			</wo:form>
+
+		</div>
+		<div class = "span3 updateContainers">
+			<h3>Wife's Name</h3>
+			<webobject name = "HighlightAjaxUpdateContainer">
+				<wo:str value = "$wifeName"></wo:str>
+			</webobject>
+			<h3>Kid's Name</h3>
+			<webobject name = "SlideInOutUpdateContainer">
+				<wo:str value = "$kidName"></wo:str>
+			</webobject>
+			<h3>Dog's Name</h3>
+			<webobject name = "MorphUpdateContainer">
+				<wo:str value = "$dogName"></wo:str>
+			</webobject>
+			<h3>Cat's Name</h3>
+			<webobject name = "SpinnerUpdateContainer">
+				<wo:str value = "$catName"></wo:str>
+			</webobject>
+		</div>
+	</div>
+</wo:Main>

Examples/Ajax/MooToolsExample/Components/MTASBTestPage.wo/MTASBTestPage.wod

@@ -0,0 +1,57 @@
+HighlighSubmitButton : MTAjaxSubmitButton {
+	action = updateNames;
+	afterEffect = "highlight";
+	class = "btn btn-primary";
+	updateContainerID = "WifeNameUpdateContainer";
+	value = "Update Wife's Name";	
+}
+
+HighlightAjaxUpdateContainer : MTAjaxUpdateContainer {
+	id = "WifeNameUpdateContainer";	
+}
+
+MorphButton : MTAjaxSubmitButton {
+	action = updateNames;
+	class = "btn btn-primary";
+	beforeEffect = "morph";
+	beforeEffectStart = "darkened";
+	effect = "morph";
+	effectDuration = "long";
+	effectStart = "plain";
+	updateContainerID = "DogNameUpdateContainer";
+	value = "Update Dog's Name";	
+}
+
+MorphUpdateContainer : MTAjaxUpdateContainer {
+	id = "DogNameUpdateContainer";
+}
+
+SlideInOutButton : MTAjaxSubmitButton {
+	action = updateNames;
+	class = "btn btn-primary";
+	beforeEffect = "slide";
+	beforeEffectDuration = "long";
+	beforeEffectProperty = "out";
+	beforeEffectTransition = "Fx.Transitions.Bounce.easeOut";
+	effect = "slide";
+	effectDuration = "long";
+	effectProperty = "in";
+	updateContainerID = "KidNameUpdateContainer";
+	value = "Update Kid's Name";	
+}
+
+SlideInOutUpdateContainer : MTAjaxUpdateContainer {
+	id = "KidNameUpdateContainer";
+}
+
+SpinnerButton : MTAjaxSubmitButton {
+	action = updateNamesSlowly;
+	class = "btn btn-primary";
+	useSpinner = true;
+	updateContainerID = "SpinnerContainer";
+	value = "Update Cat's Name";
+}
+
+SpinnerUpdateContainer : MTAjaxUpdateContainer {
+	id = "SpinnerContainer";
+}

Examples/Ajax/MooToolsExample/Components/MTASBTestPage.wo/MTASBTestPage.woo

@@ -0,0 +1,4 @@
+{
+	"WebObjects Release" = "WebObjects 5.0";
+	encoding = "UTF-8";
+}

Examples/Ajax/MooToolsExample/Components/MTAUCPeriodicalTestPage.wo/MTAUCPeriodicalTestPage.html

@@ -0,0 +1,8 @@
+<wo:Main pageTitle = "$pageTitle">
+	<h2>Ajax Update Container - Periodical Update Functionality</h2>
+	<hr/>
+	<p>This demonstrates applying the frequency binding (4s) to the MTAjaxUpdateContainer</p>
+	<wo name = "MTAUC">
+		<wo:str value = "$now" dateformat = "%H:%M:%S"></wo:str>
+	</wo>	
+</wo:Main> 

Examples/Ajax/MooToolsExample/Components/MTAUCPeriodicalTestPage.wo/MTAUCPeriodicalTestPage.wod

@@ -0,0 +1,6 @@
+MTAUC : MTAjaxUpdateContainer {
+	action = updateTime;
+	frequency = 4;
+	id = "MTPeriodicalUpdateContainer";
+	onSuccess = "$('MTPeriodicalUpdateContainer').highlight();";
+}

Examples/Ajax/MooToolsExample/Components/MTAUCPeriodicalTestPage.wo/MTAUCPeriodicalTestPage.woo

@@ -0,0 +1,4 @@
+{
+	"WebObjects Release" = "WebObjects 5.0";
+	encoding = "UTF-8";
+}

Examples/Ajax/MooToolsExample/Components/MTAULTestPage.wo/MTAULTestPage.html

@@ -0,0 +1,48 @@
+<wo:Main pageTitle = "$pageTitle">
+
+	<style type = "text/css">
+
+		.redBackground {
+			display: block;
+			background-color: #F00;
+			border: 1px solid #000;
+			height: 20px;
+		}
+
+		.greenBackground {
+			background-color: #6ec23e;
+			border: 4px dashed #F00;
+			height: 100px;
+		}
+
+	</style>
+
+	<h2>Ajax Update Link - Various Examples of Ajax Update Link</h2>
+	<hr/>
+	<p>These examples demonstrate AUL and the differences between Scriptaculous Effects and Various MooTools Fx</p>
+	<p>Check out the MooTools demo effects and documentation.</p>
+
+	<div id = "links">
+		<wo name = "SimpleMTAUL">Update Time (simple)</wo>
+		<wo name = "SimpleMTAUC"><wo:str value = "$now" dateformat = "%H:%M:%S" /></wo><br/>
+		<hr/>
+		<wo name = "ConfirmMTAUL">Update Time (confirm)</wo>
+		<wo name = "ConfirmMTAUC"><wo:str value = "$now" dateformat = "%H:%M:%S" /></wo><br/>
+		<hr/>
+		<wo name = "HighlightMTAUL">Update Time (highlight effect)</wo>
+		<wo name = "HighlighMTAUC"><wo:str value = "$now" dateformat = "%H:%M:%S" /></wo>	
+		<hr/>
+		<wo name = "SlideMTAUL">Update Time (slide effect)</wo>
+		<wo name = "SlideMTAUC"><wo:str value = "$now" dateformat = "%H:%M:%S" /></wo>	
+		<hr/>
+		<wo name = "TweenMTAUL">Update Time (tween - fade out/in)</wo>
+		<wo name = "TweenMTAUC"><wo:str value = "$now" dateformat = "%H:%M:%S" /></wo><br/>
+		<hr/>
+		<wo name = "MorphMTAUL">Update Time (css morph)</wo>
+		<wo name = "MorphMTAUC"><wo:str value = "$now" dateformat = "%H:%M:%S" /></wo><br/>
+		<hr/>
+		<wo name = "SpinnerMTAUL">Update Time (spinner)</wo>
+		<wo name = "SpinnerMTAUC"><wo:str value = "$now" dateformat = "%H:%M:%S" /></wo><br/>
+	</div>
+
+</wo:Main>

Examples/Ajax/MooToolsExample/Components/MTAULTestPage.wo/MTAULTestPage.wod

@@ -0,0 +1,90 @@
+ConfirmMTAUC : MTAjaxUpdateContainer {
+	id = "ConfirmMTAUC";
+}
+
+ConfirmMTAUL : MTAjaxUpdateLink {
+	action = updateTime;
+	effect = "highlight";
+	updateContainerID = "ConfirmMTAUC";
+	onClickBefore = "confirm('Update Time?')";
+} 
+
+HighlighMTAUC : MTAjaxUpdateContainer {
+	id = "HighlightAUC";
+}
+
+HighlightMTAUL : MTAjaxUpdateLink {
+	action = updateTime;
+	effect = "highlight";
+	updateContainerID = "HighlightAUC";
+}
+
+MorphMTAUC : MTAjaxUpdateContainer {
+	class = "redBackground";
+	id = "MorphMTAUC";
+
+}
+
+MorphMTAUL : MTAjaxUpdateLink {
+	action = updateTime;
+	beforeEffect = "morph";
+	beforeEffectDuration = "long";
+	beforeEffectStart = "greenBackground";
+	effect = "morph";
+	effectDuration = "long";
+	effectStart = "redBackground";
+	updateContainerID = "MorphMTAUC";
+}
+
+SimpleMTAUC : MTAjaxUpdateContainer {
+	id = "SimpleMTAUC";
+}
+
+SimpleMTAUL : MTAjaxUpdateLink {
+	action = updateTime;
+	updateContainerID = "SimpleMTAUC";
+}
+
+SlideMTAUC : MTAjaxUpdateContainer {
+	id = "SlideMTAUC";
+}
+
+SlideMTAUL : MTAjaxUpdateLink {
+	action = updateTime;
+	beforeEffect = "slide";
+	beforeEffectDuration = "long";
+	beforeEffectProperty = "out";
+	effect = "slide";
+	effectDuration = "long";
+	effectProperty = "in";
+	effectSlideMode = "horizontal";
+	updateContainerID = "SlideMTAUC";
+}
+
+SpinnerMTAUC : MTAjaxUpdateContainer {
+	id = "SpinnerMTAUC";
+}
+
+SpinnerMTAUL : MTAjaxUpdateLink {
+	action = updateTimeSlow;
+	useSpinner = true;
+	spinnerTarget = "links";
+	spinnerOptions = "{ containerPosition: { position: 'center', offset: { y: -100 } }}";
+	updateContainerID = "SpinnerMTAUC";
+}
+
+TweenMTAUC : MTAjaxUpdateContainer {
+	id = "TweenMTAUC";
+}
+
+TweenMTAUL : MTAjaxUpdateLink {
+	action = updateTime;
+	beforeEffect = "tween";
+	beforeEffectProperty = "opacity";
+	beforeEffectStart = "1, 0";
+	afterEffect = "tween";
+	afterEffectDuration = "long";
+	afterEffectProperty = "opacity";
+	afterEffectStart = "1";
+	updateContainerID = "TweenMTAUC";	
+}

Examples/Ajax/MooToolsExample/Components/MTAULTestPage.wo/MTAULTestPage.woo

@@ -0,0 +1,4 @@
+{
+	"WebObjects Release" = "WebObjects 5.0";
+	encoding = "UTF-8";
+}