]*?>/gim
while ((FieldDef = reFields.exec(html)) != null)
{
Field = new Object()
Field.Raw = FieldDef[0];
Field.Attributes = new Options(FieldDef[0]);
Field.Name = Field.Attributes.Get("name", "none");
if (this.Display.Fields[Field.Name] != null) {
this.Fields.push(Field);
this.HTML = this.HTML.replace(FieldDef[0], "<" + Field.Name.toUpperCase() + ">");
this.Display.Fields[Field.Name].Options.Parse(FieldDef[0], false);
} else {
this.HTML = this.HTML.replace(FieldDef[0], "");
}
}
}
// Returns the HTML for this panel based on the Data
this.Render = function(data, iData, edit, displayIfEmpty) {
var fldHTML, tmpHTML;
var result = this.HTML;
var ParentID = this.Display.Name + "." + this.Name + "." + (edit ? "edit" : "view");
if (data instanceof DataRecord)
data = data.Data;
if ((data == null) && !displayIfEmpty)
return "";
for (var iFld = 0; iFld < this.Fields.length; iFld++) {
if (this.Display.Fields[this.Fields[iFld].Name] != null)
fldHTML = this.Display.Fields[this.Fields[iFld].Name].Render(ParentID, iData, data, edit)
else
fldHTML = "";
result = result.replace("<" + this.Fields[iFld].Name.toUpperCase() + ">", fldHTML);
}
return result;
}
// Returns the data extracted from the panel
this.Extract = function(data, iData) {
var ParentID = this.Display.Name + "." + this.Name + ".edit";
var FieldID;
var IsOK = true;
if (data instanceof DataRecord)
data = data.Data;
if (data == null)
return false;
for (var iFld = 0; iFld < this.Fields.length; iFld++) {
if (this.Display.Fields[this.Fields[iFld].Name] != null)
IsOK = this.Display.Fields[this.Fields[iFld].Name].Extract(ParentID, iData, data) && IsOK
}
return IsOK;
}
}
//****************************************************************************************
// Display Object
//****************************************************************************************
function Display(name, renderOptions) {
this.Name = name; // Name of Display
this.Options = new Options(renderOptions); // Controls the display render;
this.Snippets = []; // Snippets
this.Panels = new Object(); // Display Panels associated with the Display
this.Fields = new Object(); // Display Fields associated with the Display
this.ID = new Object(); // Elements identified by an ID
// Initialises the FileManager
this.FileSupport = function(processingFile) {
if (FileManager == null) {
alert("Unable to add file support to " + this.Name + ". Cannot access FileManager.");
return;
}
FileManager.Init(this.Name, processingFile);
};
// Adds a snippet of HTML
this.Snippet = function(name, html) {
var item;
var Snippet = {name: name, html: html, items: []};
var reItems = /\[([A-Z]*?)\]/gm;
while ((item = reItems.exec(html)) != null)
Snippet.items.push(item[1]);
this.Snippets.push(Snippet);
}
// Creates a new Panel
this.Panel = function(name, html, renderOptions) {
var NewPanel = new Panel(name, renderOptions);
NewPanel.Display = this;
NewPanel.Parse(html);
this.Panels[name.toLowerCase()] = NewPanel;
var reID = /ID\s*=\s*(['"]?)(.*?)\1/ig; // Extract the ID from the Panel HTML
while ((ID = reID.exec(NewPanel.HTML)) != null)
this.ID[ID[2].toLowerCase()] = {'id': ID[2]};
return NewPanel;
};
// Creates a new Field
this.Field = function(name, expression, type, renderOptions) {
var NewField = new Field(name, expression, type, renderOptions, this.Options);
if (type.toLowerCase() == "file") {
if (FileManager == null) {
alert("Cannot access FileManager. Unable to add file field.");
return null;
}
// if (!FileManager.Ready(this.Name)) {
// alert("Filesupport has not been initialised. Unable to add file field.");
// return null;
// }
NewField.Options.SetIfNull("onclick", "FileManager.Browse(this)");
NewField.FileID = FileManager.Add(this.Name, name);
}
this.Fields[name] = NewField;
return NewField;
};
// Sets style attributes of various elements that have IDs set.
this.SetStyle = function(ID, Action, Value) {
if (this.ID[ID.toLowerCase()] != null)
this.ID[ID.toLowerCase()][Action.toLowerCase()] = Value;
}
// Render the display
this.Render = function(data, edit) {
var html = [], panel;
if ((data == null) && !this.DisplayIfEmpty)
return "";
if (global.typeOf(data) != "array")
data = [data];
html.push("");
if (this.Panels.header != null)
html.push(this.Panels.header.Render(data[0], "h", false, true));
for (var iData = 0; iData < data.length; iData++) {
if (iData % 2 == 0)
panel = (this.Panels.even != null ? this.Panels.even : this.Panels.item);
else
panel = (this.Panels.odd != null ? this.Panels.odd : this.Panels.item);
if (panel != null)
html.push(panel.Render(data[iData], iData, edit, this.Options.Get("DisplayIfEmpty", "true", "boolean")));
}
if (this.Panels.footer != null)
html.push(this.Panels.footer.Render(data[0], "f", false, true));
html.push("
");
return html.join("");
};
// Display the display at the target
this.Display = function(data, edit, target) {
var html = this.Render(data, edit);
DOM.setInnerHTML(target, html);
for (var id in this.ID) {
if (this.ID.hasOwnProperty(id))
for (var style in this.ID[id])
if (this.ID[id].hasOwnProperty(style) && (style != "id"))
DOM.setStyle(id, style, this.ID[id][style]);
}
};
// extract data a given panel
this.Extract = function(data, iRow) {
var IsOK = true;
if (global.typeOf(data) != "array")
data = [data];
for (var iData = 0; iData < data.length; iData++) {
if ((iRow == null) || (iRow == iData)) {
if (iData % 2 == 0)
panel = (this.Panels.even != null ? this.Panels.even : this.Panels.item);
else
panel = (this.Panels.odd != null ? this.Panels.odd : this.Panels.item);
if (panel != null)
IsOK = panel.Extract(data[iData], iData) && IsOK;
}
}
return IsOK;
};
}
//****************************************************************************************
// Dialog Manager
//****************************************************************************************
// NOTES: USe JSON to define form fields to add to teh dialog. Store these as string in the
// form to recreate it each time the dialog is created.
var DialogManager = function() {
return {
Dialogs: {},
Active: "",
New : function(name, srcFile, callback) {
if (DialogManager.Dialog(name) == null) {
var frame = document.createElement("iframe");
frame.setAttribute("id", name);
frame.setAttribute("name", name);
frame.setAttribute("src", srcFile);
frame.setAttribute("class", "dialog hide");
frame.setAttribute("frameborder", "0");
document.body.appendChild(frame);
this.Dialogs[name] = {dialog: window.frames[name], callback: callback};
} else {
alert("Cannot create dialog called " + name + ". A dialog with that name already exists.");
}
},
Dialog : function(name) {
if (DialogManager.Dialogs[name] != null)
return DialogManager.Dialogs[name].dialog;
else
return null;
},
Callback : function(name) {
if (DialogManager.Dialogs[name] != null) {
var dialog = DialogManager.Dialogs[name];
if (dialog.callback != null)
dialog.callback(dialog.dialog);
}
},
Open : function(name, controlOptions) {
var dialog = this.Dialog(name);
if (dialog != null) {
dialog.frameElement.className = dialog.frameElement.className.replace("hide", "show")
dialog.reset(controlOptions);
Active = name;
}
},
Close : function(name) {
name = (name != null ? name : Active);
var dialog = this.Dialog(name);
if (dialog != null) {
dialog.frameElement.className = dialog.frameElement.className.replace("show", "hide");
this.Callback(name);
}
}
}
}();
//****************************************************************************************
// Global Displays Object
//****************************************************************************************
//****************************************************************************************
// UI manager manages the various UI elements.
// ID always has format of:: DISPLAY.PANEL.EDITMODE.FIELDNAME.iDATA
var UIManager = function() {
return {
//****************************************************************************************
// Several global methods
ParseID : function(elementID) {
var objects = elementID.split(".");
if (objects.length == 5)
return {Display: objects[0], Panel: objects[1], EditMode: objects[2], Field: objects[3], iData: objects[4]};
else
return null;
},
FindField : function(elementID) {
var objects = UIManager.ParseID(elementID);
if ((objects != null) && (UIManager.Displays[objects.Display] != null) && (UIManager.Displays[objects.Display].Fields[objects.Field] != null))
return UIManager.Displays[objects.Display].Fields[objects.Field];
else
return null;
},
OnChange : function(element) {
field = UIManager.FindField(element.id);
var fieldValue = element.value;
if ((fieldValue != "") && (field != null) && (field.Type.toLowerCase() != "list") && (field.Type.toLowerCase() != "boolean")) {
fieldValue = global.parse(fieldValue, field.Type);
if (fieldValue != null) {
element.value = global.format(fieldValue, field.Type);
return true;
} else {
alert("Invalid " + field.Type.toLowerCase() + " value. Please try again.");
window.setTimeout("DOM.setFocus('" + element.id + "')", 10);
return false;
}
}
return true;
},
// Clears the target
Clear : function(target) {
DOM.setInnerHTML(target, "");
},
// Sets the target visibility
Visible : function(target, visible) {
DOM.setStyle(target, "display", (visible ? "none" : "block"));
},
//****************************************************************************************
// Display support
Displays: [],
// Creates and returns a new display
Display : function(name) {
this.Displays[name] = new Display(name);
return this.Displays[name];
},
//****************************************************************************************
// Button support
Buttons: [],
ButtonCount: 0,
LockedButton: null,
// Creates and returns a new Button
Button : function(name, text, toolTip, controlOptions) {
this.Buttons[name] = new Button(name, text, toolTip, controlOptions);
return this.Buttons[name];
},
Button_Link: function(URL, Target, Lock) {
this.URL = URL;
this.Target = Target;
this.Lock = Lock;
},
Button_Render: function() {
var html = HTML.Render(this.Name, "button", true, this.Options);
html = html.replace("[ID]", this.ID);
html = html.replace("[VALUE]", this.Text);
return html;
},
Button_Click: function() {
if (this.Clicked)
return false;
if ((UIManager.LockedButton != null) && (this != UIManager.LockedButton)) {
UIManager.LockedButton.Clicked = false;
UIManager.LockedButton = null;
}
if (this.Lock) {
this.Clicked = true;
UIManager.LockedButton = this;
}
if (this.URL != null) {
try {
eval(this.URL);
}
catch (e) {}
}
},
Button_SetState: function(State, Value) {
var TheButton = DOM.getElementById(this.ID);
if (TheButton != null) {
switch(State.toLowerCase()) {
case "visible":
TheButton.style.display = (global.parse(Value, "boolean") ? "block" : "hidden");
break;
case "enable":
TheButton.disabled = !global.parse(Value, "boolean");
break;
}
}
}
}
}();
var UI_Displays = UIManager.Displays;
var UI_Buttons = UIManager.Buttons;
var UI_Tabsets = UIManager.Tabsets;