/**
* formweaver.js
* @Dependancy:
* Uses functions.js for various functions
* Uses prototype.js for various functions
* References wysiwygBasePath global variable
* Copyright (c) 2007 University of Central Florida.
*
* Licensed under the Educational Community License, Version 1.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.opensource.org/licenses/ecl1.php
*
* 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.
*/
//*********************************************** fw_form ******************************************************
/**
* @class fw_form
*/
function fw_form(instanceName, name){
// form informations
this.name = name; // name of the form
this.instanceName = instanceName; // name of the instance of fw_form class
this.label = ''; // title of the form
this.description = ''; // description of the form
this.enctype = 'application/x-www-form-urlencoded'; // content type of form application/x-www-form-urlencoded or multipart/form-data
// TODO: keep track of names?
// list of used names
// this.nameLists = new Array();
// array of fields or form groups in the form
this.formElements = new Array();
}
// END fw_form()
/**
* @function addField
* @desc adds field to the form object
* @return void
*/
fw_form.prototype.addField = function(fieldObject){
this.formElements[this.formElements.length] = fieldObject;
// TODO: keep track of names?
//this.nameLists[this.nameLists.length] = fieldObject.name;
}
/**
* @function deleteField
* @desc deletes field from the form object
* @return boolean
*/
fw_form.prototype.deleteField = function(index){
if(index >= 0 && index < this.formElements.length){
var deletedElement = this.formElements.splice(index,1);
// ? TODO: implement undo functionality?
// var deleteElementIndex = index;
return true;
}
else{
return false;
}
}
/**
* @function moveFieldUp
* @desc moves the field up
* @return boolean
*/
fw_form.prototype.moveFieldUp = function(index){
if(index > 0 && index < this.formElements.length){
var elementToMoveUp = this.formElements[index];
this.formElements[index] = this.formElements[(index-1)];
this.formElements[(index-1)] = elementToMoveUp;
return true;
}
else{
return false;
}
}
/**
* @function moveFieldDown
* @desc moves the field up
* @return boolean
*/
fw_form.prototype.moveFieldDown = function(index){
if(index >= 0 && index < (this.formElements.length-1)){
var elementToMoveUp = this.formElements[(index+1)];
this.formElements[(index+1)] = this.formElements[index];
this.formElements[index] = elementToMoveUp;
return true;
}
else{
return false;
}
}
/**
* @function toString
* @desc outputs html form, NOTE! Set all necessary variables before calling this function
* @return string
*/
fw_form.prototype.toString = function(){
// variable to hold output
var htmlOutput = '';
htmlOutput = "\n" + '' + "\n";
return htmlOutput;
}
/**
* @function toHtmlTable
* @desc outputs html table format, NOTE! Set all necessary variables before calling this function
* @return string
*/
fw_form.prototype.toHtmlTable = function(){
// variable to hold output
var htmlOutput = '';
htmlOutput = "\n" + '' + "\n";
return htmlOutput;
}
/**
* @function toXsd
* @desc outputs to Xsd, NOTE! Set all necessary variables before calling this function
* @return string
*/
fw_form.prototype.toXsd = function(){
// variable to hold output
var htmlOutput = '';
htmlOutput = '';
htmlOutput += "\n" + '';
htmlOutput += "\n\t" + '';
htmlOutput += "\n\t\t" + '';
htmlOutput += "\n\t\t\t" + '' + this.label.escapeHTML() + '';
htmlOutput += "\n\t\t\t" + '' + this.description.escapeHTML() + '';
htmlOutput += "\n\t\t" + '';
htmlOutput += "\n\t\t" + '';
htmlOutput += "\n\t\t\t" + '';
for(var i=0; i';
htmlOutput += "\n\t\t" + '';
htmlOutput += "\n\t" + '';
htmlOutput += "\n" + '';
return htmlOutput;
}
/**
* @function importXsd
* @desc imports XSD and create javascript objects for editing that xsd
* @return boolean
*/
fw_form.prototype.importXsd = function(XsdText, oOptions){
// get optional arguments
var oOptions = augment({firstElement: true, appendElement: false}, oOptions);
// first parse string into an object using xparse.js
// not using xparse
// var parsedObj = Xparse(XsdText);
// using just DOM
// code for IE
if (window.ActiveXObject){
var doc=new ActiveXObject("Microsoft.XMLDOM");
doc.async="false";
doc.loadXML(XsdText);
}
// code for Mozilla, Firefox, Opera, etc.
else {
var parser=new DOMParser();
var doc=parser.parseFromString(XsdText,"text/xml");
}
var parsedObj=doc.documentElement;
/*
As it currently works(until DOM support is added), it is simply a function that takes a string and parses it, extracting the tags and their attributes. It collects the tags and all of the textual information into some objects, then returns the object as one main "root" object.
For now, the API is extreemly simple and only for read-only purposes. There are four types of objects, listed here with each of their properties:
* An Element:
o type - "element"
o name - string containing the elements name
o attributes - array containing name=value pairs for each attribute
o contents - array containing objects for everything within the tag
* PI's - Processing Instructions:
o type - "pi"
o value - string containing the data in the pi for the target
* Comments:
o type - "comment"
o value - string containing the text in the comment
* Textual Information
o type - "chardata"
o value - string containing the text
*/
// now recreate a form element
// TODO: write some recursive function
/* not using xparse
try {
var rootIndex = -1;
// find root element xs:schema
for(var i=0; i";
}
else {
//alert("Failed to add result element!");
}
}
}
break;
}
}
break;
case 'xs:simpletype':
//alert('simpleType!');
// look for xs:restriction element
// only support 1 restriction! element
for(var m=0; m 99) {
genericObject.type = "textarea";
}
}
// end looping through attributes
break;
case "xs:mininclusive":
// loop through its attribute to find a value attribute
var attrValue = parseThis.childNodes[k].childNodes[m].childNodes[n].getAttribute('value');
if(attrValue != null){
if(attrValue.type == "date"){
genericObject.minDate = attrValue.unescapeHTML();
}
else{
genericObject.minNumber = parseInt(attrValue);
}
}
// end looping through attributes
break;
case "xs:maxinclusive":
// loop through its attribute to find a value attribute
var attrValue = parseThis.childNodes[k].childNodes[m].childNodes[n].getAttribute('value');
if(attrValue != null){
if(genericObject.type == "date"){
genericObject.maxDate = attrValue.unescapeHTML();
}
else{
genericObject.maxNumber = parseInt(attrValue);
}
}
// end looping through attributes
break;
case "xs:enumeration":
//alert('Enumeration!');
// set the type
genericObject.type = "select";
//alert("element " + genericObject.name + " has type of " + genericObject.type);
// initialize the selections if not initialized
if(!genericObject.selections){
genericObject.selections = new Array();
}
// loop through its attribute to find a value attribute
var attrValue = parseThis.childNodes[k].childNodes[m].childNodes[n].getAttribute('value');
if(attrValue != null){
// create selection object and insert into a selection array
// TODO: it doesn't support separate label for now
attrValue = attrValue.unescapeHTML();
genericObject.selections[genericObject.selections.length] = new fw_selection(attrValue, attrValue);
}
// end looping through attributes
break;
case "xs:pattern":
// loop through its attribute to find a value attribute
var attrValue = parseThis.childNodes[k].childNodes[m].childNodes[n].getAttribute('value');
if(attrValue != null){
if(attrValue == '^([0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*@([0-9a-zA-Z][-\w]*[0-9a-zA-Z]\.)+[a-zA-Z]{2,9})$'){
genericObject.email = true;
}
else if(attrValue == '^[2-9]\d{2}-\d{3}-\d{4}$'){
genericObject.phone = true;
}
}
// end looping through attributes
break;
default:
// unsupported element
break;
}
}
}
// end looping through contents
break;
}
}
break;
default:
// not supported element
break;
}
}
}
// end going through contents
// if first element, then assign value to form element
if(oOptions.firstElement) {
if(typeof genericObject.name != "undefined") {
this.name = genericObject.name;
}
if(typeof genericObject.label != "undefined") {
this.label = genericObject.label;
}
if(typeof genericObject.description != "undefined") {
this.description = genericObject.description;
}
if(typeof genericObject.formElements != "undefined") {
// alert('assigned form elements ' + genericObject.formElements.length);
if(oOptions.appendElement){
// alert('Appending ' + genericObject.formElements.length + ' elements ' + this.formElements.length);
this.formElements = this.formElements.concat(genericObject.formElements);
// alert('After appending ' + this.formElements.length);
}
else{
// alert('Replacing elements');
this.formElements = genericObject.formElements;
}
}
return true;
}
else { // if not create a suitable form element then return that object
var newElement = false;
// check what type of element it is
switch(genericObject.type) {
case 'group':
// create new group object
newElement = new fw_group('','','');
if(typeof genericObject.name != "undefined") {
newElement.name = genericObject.name;
}
if(typeof genericObject.label != "undefined") {
newElement.label = genericObject.label;
}
if(typeof genericObject.description != "undefined") {
newElement.description = genericObject.description;
}
if(typeof genericObject.required != "undefined") {
newElement.required = genericObject.required;
}
if(typeof genericObject.repeated != "undefined") {
newElement.repeated = genericObject.repeated;
}
if(typeof genericObject.formElements != "undefined") {
newElement.formElements = genericObject.formElements;
}
break;
case 'file':
// create new boolean object
newElement = new fw_fileField('','','');
if(typeof genericObject.name != "undefined") {
newElement.name = genericObject.name;
}
if(typeof genericObject.label != "undefined") {
newElement.label = genericObject.label;
}
if(typeof genericObject.description != "undefined") {
newElement.description = genericObject.description;
}
if(typeof genericObject.required != "undefined") {
newElement.required = genericObject.required;
}
if(typeof genericObject.repeated != "undefined") {
newElement.repeated = genericObject.repeated;
}
break;
case 'wysiwyg':
// create new boolean object
newElement = new fw_wysiwygField('','','');
if(typeof genericObject.name != "undefined") {
newElement.name = genericObject.name;
}
if(typeof genericObject.label != "undefined") {
newElement.label = genericObject.label;
}
if(typeof genericObject.description != "undefined") {
newElement.description = genericObject.description;
}
if(typeof genericObject.required != "undefined") {
newElement.required = genericObject.required;
}
if(typeof genericObject.repeated != "undefined") {
newElement.repeated = genericObject.repeated;
}
break;
case 'text':
// create new text object
newElement = new fw_textField('','','');
if(typeof genericObject.name != "undefined") {
newElement.name = genericObject.name;
}
if(typeof genericObject.label != "undefined") {
//document.getElementById("debug").innerHTML += "
";
//}
return newElement;
}
// shouldn't get here
return false;
}
else {
// i can't parse non element types! :(
alert("Error! Can't parse " + parseThis.nodeType + " - " + parseThis.nodeName);
return false;
}
}
catch(e) {
alert('Error:' + e);
return false;
}
}
/**
* @function reset
* @desc resets form object and clears all stored form elements
* @return true or false
*/
fw_form.prototype.reset = function(){
// reset form informations
this.name = ''; // name of the form
this.label = ''; // title of the form
this.description = ''; // description of the form
this.enctype = 'application/x-www-form-urlencoded';
// reset form elements
this.formElements = new Array();
}
//***********************************************************************************************************
//*********************************************** fw_group ******************************************************
/**
* @class fw_group
*/
function fw_group(name, label, description){
// form informations
this.name = name; // name of the form
this.type = "group";
this.label = label; // title of the form
this.description = description; // description of the form
this.required = true;
this.repeated = false;
// TODO: keep track of names?
// list of used names
// this.nameLists = new Array();
// array of fields in the group
this.formElements = new Array();
}
// END fw_form()
/**
* @function addMember
* @desc adds field to the form object
* @return void
*/
fw_group.prototype.addMember = function(fieldObject){
this.formElements[this.formElements.length] = fieldObject;
// TODO: keep track of names?
//this.nameLists[this.nameLists.length] = fieldObject.name;
}
/**
* @function deleteMember
* @desc deletes field from the form object
* @return boolean
*/
fw_group.prototype.deleteMember = function(index){
if(index >= 0 && index < this.formElements.length){
var deletedElement = this.formElements.splice(index,1);
// ? TODO: implement undo functionality?
// var deleteElementIndex = index;
return true;
}
else{
return false;
}
}
/**
* @function moveMemberUp
* @desc moves the field up
* @return boolean
*/
fw_group.prototype.moveMemberUp = function(index){
if(index > 0 && index < this.formElements.length){
var elementToMoveUp = this.formElements[index];
this.formElements[index] = this.formElements[(index-1)];
this.formElements[(index-1)] = elementToMoveUp;
return true;
}
else{
return false;
}
}
/**
* @function moveMemberDown
* @desc moves the field up
* @return boolean
*/
fw_group.prototype.moveMemberDown = function(index){
if(index >= 0 && index < (this.members.length-1)){
var elementToMoveUp = this.formElements[(index+1)];
this.formElements[(index+1)] = this.formElements[index];
this.formElements[index] = elementToMoveUp;
return true;
}
else{
return false;
}
}
/**
* @function toString
* @desc outputs html form, NOTE! Set all necessary variables before calling this function
* @return string
*/
fw_group.prototype.toString = function(){
// variable to hold output
var htmlOutput = '';
htmlOutput += "\n\t" + '