^AssetProxy("flexmenu");
Do you wish to use the WebGUI Site Starter, which will lead you through options to create a custom + look and feel for your site, and set up some basic content areas?
+ + '; + } + elsif ($session->form->process("step") eq "4") { + my $f = WebGUI::HTMLForm->new($session,action=>$session->url->gateway()); + $f->hidden( name=>"step", value=>"5",); + $f->file(name=>"logo", label=>"Logo"); + $f->submit; + $legend = "Upload Your Logo"; + $output .= $f->print; + } + elsif ($session->form->process("step") eq "5") { + my $storageId = $session->form->process("logo","image"); + my $url = $session->url; + my $logoUrl = $url->extras("plainblack.gif"); + if (defined $storageId) { + my $storage = WebGUI::Storage::Image->get($session, $storageId); + my $importNode = WebGUI::Asset->getImportNode($session); + my $logo = addAsset($importNode, { + title => $storage->getFiles->[0], + filename => $storage->getFiles->[0], + isHidden => 1, + storageId => $storageId, + className => "WebGUI::Asset::File::Image", + parameters => 'alt="'.$storage->getFiles->[0].'"' + }); + $logoUrl = $logo->getStorageLocation->getUrl($logo->get("filename")); + } + my $style = $session->style; + $style->setScript($url->extras('/yui/build/yahoo/yahoo-min.js'),{ type=>'text/javascript' }); + $style->setScript($url->extras('/yui/build/event/event-min.js'),{ type=>'text/javascript' }); + $style->setScript($url->extras('/yui/build/dom/dom-min.js'),{ type=>'text/javascript' }); + $style->setScript($url->extras('/yui/build/dragdrop/dragdrop-min.js'),{ type=>'text/javascript' }); + $style->setScript($url->extras('/yui/build/animation/animation-min.js'),{ type=>'text/javascript' }); + $style->setLink($url->extras('/colorpicker/colorpicker.css'),{ type=>'text/css', rel=>"stylesheet" }); + $style->setScript($url->extras('/colorpicker/color.js'),{ type=>'text/javascript' }); + $style->setScript($url->extras('/colorpicker/key.js'),{ type=>'text/javascript' }); + $style->setScript($url->extras('/yui/build/slider/slider-min.js'),{ type=>'text/javascript' }); + $style->setScript($url->extras('/colorpicker/colorpicker.js'),{ type=>'text/javascript' }); + $style->setScript($url->extras("/styleDesigner/styleDesigner.js"), {type=>"text/javascript"}); + $style->setLink($url->extras("/styleDesigner/styleDesigner.css"), {rel=>"stylesheet", type=>"text/css"}); + $legend = "Style Designer"; + $output .= ' + + '; + } + elsif ($session->form->process("step") eq "6") { + my $importNode = WebGUI::Asset->getImportNode($session); + my $form = $session->form; + my $snippet = '/* auto generated by WebGUI '.$WebGUI::VERSION.' */ +.clearFloat { clear: both; } +body { background-color: '.$form->get("pageBackgroundColor").'; } +a { color: '.$form->get("linkColor").';} +a:visited { color: '.$form->get("visitedLinkColor").'; } +#editToggleContainer { padding: 1px; } +#utilityLinksContainer { float: right; padding: 1px; } +#pageUtilityContainer { font-size: 9pt; background-color: '.$form->get("utilityBackgroundColor").'; color: '.$form->get("utilityTextColor").'; } +#pageHeaderContainer { background-color: '.$form->get("headerBackgroundColor").'; color: '.$form->get("headerTextColor").'; } +#pageHeaderLogoContainer { float: left; padding: 5px; background-color: '.$form->get("headerBackgroundColor").';} +#logo { border: 0px; max-width: 300px; } +#companyNameContainer { float: right; padding: 5px; font-size: 16pt; } +#pageBodyContainer { background-color: '.$form->get("contentBackgroundColor").'; color: '.$form->get("contentTextColor").'; } +#mainNavigationContainer { min-height: 300px; padding: 5px; float: left; width: 180px; font-size: 10pt; background-color: '.$form->get("navigationBackgroundColor").'; } +#mainNavigationContainer A, #mainNavigationContainer A:link { color: '.$form->get("navigationTextColor").'; } +#mainBodyContentContainer { padding: 5px; margin-left: 200px; font-family: serif, times new roman; font-size: 12pt; } +#pageFooterContainer { text-align: center; background-color: '.$form->get("footerBackgroundColor").'; color: '.$form->get("footerTextColor").'; } +#copyrightContainer { font-size: 8pt; } +#pageWidthContainer { margin-left: 10%; margin-right: 10%; font-family: sans-serif, helvetica, arial; border: 3px solid black; } +'; + my $css = addAsset($importNode, { + title => "my-style.css", + className => "WebGUI::Asset::Snippet", + snippet => $snippet, + isHidden => 1, + mimeType => "text/css", + }); + my $styleTemplate = ' + +
+
+
+
+
+
+';
+ my $style = addAsset($importNode, {
+ className => "WebGUI::Asset::Template",
+ title => "My Style",
+ isHidden => 1,
+ namespace => "style",
+ template => $styleTemplate
+ });
+ $session->setting->set("userFunctionStyleId",$style->getId);
+
+ # collect new page info
+ my $f = WebGUI::HTMLForm->new($session,action=>$session->url->gateway());
+ $f->hidden(name=>"step", value=>"7");
+ $f->hidden(name=>"styleTemplateId", value=>$style->getId);
+ $f->yesNo(name=>"contactUs",label=>"Contact Us");
+ $f->yesNo(name=>"aboutUs",label=>"About Us",
+ extras=>'onchange="document.getElementById(\'aboutUsContent_formId_row\').style.display=\'table-row\';"');
+ $f->HTMLArea(name=>"aboutUsContent", richEditId=>"PBrichedit000000000002",
+ value=>"Put your about us content here.");
+ if (isIn("WebGUI::Asset::Wobject::Collaboration", @{$session->config->get("assets")})) {
+ $f->yesNo(name=>"forums",label=>"Forums",
+ extras=>'onchange="document.getElementById(\'forumNames_formId_row\').style.display=\'table-row\'"');
+ $f->textarea(name=>"forumNames",subtext=>"One forum name per line", value=>"Support\nGeneral Discussion");
+ $f->yesNo(name=>"news",label=>"News");
+ }
+ $f->yesNo(name=>"calendar",label=>"Calendar");
+ $f->yesNo(name=>"wiki",label=>"Wiki");
+ $f->yesNo(name=>"search",label=>"Search");
+ $f->submit;
+ $legend = "Initial Pages";
+ $output .= $f->print;
+ }
+ elsif ($session->form->process("step") eq "7") {
+ my $home = WebGUI::Asset->getDefault($session);
+ my $form = $session->form;
+
+ # update default site style
+ foreach my $asset (@{$home->getLineage(["self","descendants"], {returnObjects=>1})}) {
+ if (defined $asset) {
+ $asset->update({styleTemplateId=>$form->get("styleTemplateId")});
+ }
+ }
+
+ # add new pages
+ if ($form->get("aboutUs")) {
+ my $page = addPage($home, "About Us");
+ addAsset($page, {
+ title => "About Us",
+ isHidden => 1,
+ className => "WebGUI::Asset::Wobject::Article",
+ description => $form->get("aboutUsContent"),
+ });
+ }
+
+ # add forums
+ if ($form->get("forums")) {
+ my $page = addPage($home, "Forums");
+ my $board = addAsset($page, {
+ title => "Forums",
+ isHidden => 1,
+ className => "WebGUI::Asset::Wobject::MessageBoard",
+ description => "Discuss your ideas and get help from our community.",
+ });
+ my $forumNames = $form->get("forumNames");
+ $forumNames =~ s/\r//g;
+ foreach my $forumName (split "\n", $forumNames) {
+ next if $forumName eq "";
+ addAsset($board, {
+ title => $forumName,
+ isHidden => 1,
+ className => "WebGUI::Asset::Wobject::Collaboration"
+ });
+ }
+ }
+
+ # add news
+ if ($form->get("news")) {
+ my $page = addPage($home, "News");
+ addAsset($page, {
+ title => "News",
+ isHidden => 1,
+ className => "WebGUI::Asset::Wobject::Collaboration",
+ collaborationTemplateId => "PBtmpl0000000000000112",
+ allowReplies => 0,
+ attachmentsPerPost => 5,
+ postFormTemplateId => "PBtmpl0000000000000068",
+ threadTemplateId => "PBtmpl0000000000000067",
+ description => "All the news you need to know.",
+ });
+ }
+
+ # add wiki
+ if ($form->get("wiki")) {
+ my $page = addPage($home, "Wiki");
+ addAsset($page, {
+ title => "Wiki",
+ isHidden => 1,
+ className => "WebGUI::Asset::Wobject::WikiMaster",
+ description => "Welcome to our wiki. Here you can help us keep information up to date.",
+ });
+ }
+
+ # add calendar
+ if ($form->get("calendar")) {
+ my $page = addPage($home, "Calendar");
+ addAsset($page, {
+ title => "Calendar",
+ isHidden => 1,
+ className => "WebGUI::Asset::Wobject::Calendar",
+ description => "Check out what's going on.",
+ });
+ }
+
+ # add contact us
+ if ($form->get("contactUs")) {
+ my $page = addPage($home, "Contact Us");
+ my $i18n = WebGUI::International->new($session, "Asset_DataForm");
+ my $dataForm = addAsset($page, {
+ title => "Contact Us",
+ isHidden => 1,
+ className => "WebGUI::Asset::Wobject::DataForm",
+ description => "We welcome your feedback.",
+ acknowledgement => "Thanks for for your interest in ^c;. We'll review your message shortly.",
+ mailData => 1,
+ });
+ $dataForm->setCollateral("DataForm_field","DataForm_fieldId",{
+ DataForm_fieldId=>"new",
+ DataForm_tabId=>0,
+ name=>"from",
+ label=>"Your Email Address",
+ status=>"required",
+ isMailField=>1,
+ width=>0,
+ type=>"email"
+ });
+ $dataForm->setCollateral("DataForm_field","DataForm_fieldId",{
+ DataForm_fieldId=>"new",
+ DataForm_tabId=>0,
+ name=>"to",
+ label=>$i18n->get(11),
+ status=>"hidden",
+ isMailField=>1,
+ width=>0,
+ type=>"email",
+ defaultValue=>$session->setting->get("companyEmail")
+ });
+ $dataForm->setCollateral("DataForm_field","DataForm_fieldId",{
+ DataForm_fieldId=>"new",
+ DataForm_tabId=>0,
+ name=>"cc",
+ label=>$i18n->get(12),
+ status=>"hidden",
+ isMailField=>1,
+ width=>0,
+ type=>"email"
+ });
+ $dataForm->setCollateral("DataForm_field","DataForm_fieldId",{
+ DataForm_fieldId=>"new",
+ DataForm_tabId=>0,
+ name=>"bcc",
+ label=>$i18n->get(13),
+ status=>"hidden",
+ isMailField=>1,
+ width=>0,
+ type=>"email"
+ });
+ $dataForm->setCollateral("DataForm_field","DataForm_fieldId",{
+ DataForm_fieldId=>"new",
+ DataForm_tabId=>0,
+ name=>"subject",
+ label=>$i18n->get(14),
+ status=>"hidden",
+ isMailField=>1,
+ width=>0,
+ type=>"text",
+ defaultValue=>"Contact Us",
+ });
+ $dataForm->setCollateral("DataForm_field","DataForm_fieldId",{
+ DataForm_fieldId =>"new",
+ width => "",
+ name => "comments",
+ label => "Comments",
+ DataForm_tabId => 0,
+ status => "required",
+ type => "textarea",
+ possibleValues => undef,
+ defaultValue => undef,
+ subtext => "Tell us how we can assist you.",
+ rows => undef,
+ vertical => undef,
+ extras => undef,
+ }, "1","1", undef);
+ }
+
+ # add search
+ if ($form->get("search")) {
+ my $page = addPage($home, "Search");
+ addAsset($page, {
+ title => "Search",
+ isHidden => 1,
+ className => "WebGUI::Asset::Wobject::Search",
+ description => "Can't find what you're looking for? Try our search.",
+ searchRoot => $home->getId,
+ });
+ }
+
+ # commit the working tag
+ my $working = WebGUI::VersionTag->getWorking($session);
+ $working->set({title=>"Initial Site Setup"});
+ $working->commit;
+
+ # remove init state
+ $session->setting->remove('specialState');
+ $session->http->setRedirect($session->url->gateway());
+ return undef;
+ }
+ else {
+ $legend = "Admin Acccount";
+ my $u = WebGUI::User->new($session,'3');
+ my $f = WebGUI::HTMLForm->new($session,action=>$session->url->gateway());
+ $f->hidden( -name=>"step", -value=>"2");
+ $f->text(
+ -name=>"username",
+ -value=>$u->username,
+ -label=>$i18n->get(50),
+ -hoverHelp=>$i18n->get('50 setup description'),
+ );
+ $f->text(
+ -name=>"identifier",
+ -value=>"123qwe",
+ -label=>$i18n->get(51),
+ -hoverHelp=>$i18n->get('51 description'),
+ -subtext=>'
+
+ ^a(^@;); :: ^LoginToggle; :: ^r(Print!);
+ ^AdminToggle;
+
+
+ 
+
+
+ ^c;
+
+
+
+
+
+
+
+
+ ('.$i18n->get("password clear text").')
'
+ );
+ $f->email(
+ -name=>"email",
+ -value=>$u->profileField("email"),
+ -label=>$i18n->get(56),
+ -hoverHelp=>$i18n->get('56 description'),
+ );
+ $f->submit;
+ $output .= $f->print;
+ }
+ my $page = '
+
+
+ '.$legend.'
'.$output.'
.')
+ ';
+ $session->http->setCacheControl("none");
+ $session->http->setMimeType("text/html");
+ return $page;
+}
+
+1;
+
diff --git a/www/extras/extjs/resources/css/ext-all.css b/www/extras/extjs/resources/css/ext-all.css
index ba6105dd5..83810b2cc 100644
--- a/www/extras/extjs/resources/css/ext-all.css
+++ b/www/extras/extjs/resources/css/ext-all.css
@@ -6,7 +6,8 @@
* http://www.extjs.com/license
*/
-html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
+/*html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul
+ * {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}*/
.ext-el-mask {
z-index: 20000;
position: absolute;
diff --git a/www/extras/styleDesigner/styleDesigner.css b/www/extras/styleDesigner/styleDesigner.css
index 8d3079756..9d9e5c1a0 100644
--- a/www/extras/styleDesigner/styleDesigner.css
+++ b/www/extras/styleDesigner/styleDesigner.css
@@ -2,10 +2,6 @@
width: 180px;
float: left;
}
-#initBox {
- font-family: georgia, helvetica, arial, sans-serif; color: white; z-index: 10; width: 98%;
- height: 98%; top: 10; left: 10; position: absolute;
-}
#themeContainer {
height: 40px;
z-index: 10;
diff --git a/www/extras/styleDesigner/styleDesigner.js b/www/extras/styleDesigner/styleDesigner.js
index 912b4ffc2..3eba78ef3 100644
--- a/www/extras/styleDesigner/styleDesigner.js
+++ b/www/extras/styleDesigner/styleDesigner.js
@@ -17,6 +17,21 @@ WebguiStyleDesigner = function () {
"footerTextColor" : "#000000"
},
{
+ "pageBackgroundColor" : "#A10101",
+ "linkColor" : "#FFCACA",
+ "visitedLinkColor" : "#FFCACA",
+ "utilityBackgroundColor" : "#4A0000",
+ "utilityTextColor" : "#ffffff",
+ "headerBackgroundColor" : "#ffffff",
+ "headerTextColor" : "#000000",
+ "navigationBackgroundColor" : "#FFF6F6",
+ "navigationTextColor" : "#FF0101",
+ "contentBackgroundColor" : "#888888",
+ "contentTextColor" : "#ffffff",
+ "footerBackgroundColor" : "#ffffff",
+ "footerTextColor" : "#000000"
+ },
+ {
"pageBackgroundColor" : "#000000",
"linkColor" : "#cccccc",
"visitedLinkColor" : "#dddddd",
@@ -31,6 +46,21 @@ WebguiStyleDesigner = function () {
"footerBackgroundColor" : "#ffffff",
"footerTextColor" : "#000000"
},
+ {
+ "pageBackgroundColor" : "#FFCC3D",
+ "linkColor" : "#0000B3",
+ "visitedLinkColor" : "#0000B3",
+ "utilityBackgroundColor" : "#FFB300",
+ "utilityTextColor" : "#ffffff",
+ "headerBackgroundColor" : "#ffffff",
+ "headerTextColor" : "#000000",
+ "navigationBackgroundColor" : "#D57F1C",
+ "navigationTextColor" : "#FFFFFF",
+ "contentBackgroundColor" : "#FFD683",
+ "contentTextColor" : "#000000",
+ "footerBackgroundColor" : "#ffffff",
+ "footerTextColor" : "#000000"
+ }
];
var drawThemeSwatch = function ( themeNumber ) {
@@ -39,8 +69,8 @@ WebguiStyleDesigner = function () {
var colorPickerFieldNames = {
"pageBackgroundColor" : "Page Background",
- "linkColor" : "Link Color",
- "visitedLinkColor" : "Visited Link Color",
+ "linkColor" : "Links",
+ "visitedLinkColor" : "Visited Links",
"utilityBackgroundColor" : "Utility Background",
"utilityTextColor" : "Utility Text",
"headerBackgroundColor" : "Header Background",
@@ -48,7 +78,7 @@ WebguiStyleDesigner = function () {
"contentBackgroundColor" : "Content Background",
"contentTextColor" : "Content Text",
"navigationBackgroundColor" : "Navigation Background",
- "navigationTextColor" : "Navigation Text",
+ "navigationTextColor" : "Navigation Links",
"footerBackgroundColor" : "Footer Background",
"footerTextColor" : "Footer Text Color"
};
@@ -115,7 +145,14 @@ WebguiStyleDesigner = function () {
case "contentBackgroundColor": Dom.get("pageBodyContainer").style.backgroundColor = this.value; break;
case "contentTextColor": Dom.get("pageBodyContainer").style.color = this.value; break;
case "navigationBackgroundColor": Dom.get("mainNavigationContainer").style.backgroundColor = this.value; break;
- case "navigationTextColor": Dom.get("mainNavigationContainer").style.color = this.value; break;
+ case "navigationTextColor":
+ var tags = Dom.get("mainNavigationContainer").getElementsByTagName("a");
+ for (var i = 0; i < tags.length; i++) {
+ tags[i].style.color = this.value;
+ tags[i].style.linkColor = this.value;
+ tags[i].style.vlinkColor = this.value;
+ }
+ break;
case "footerBackgroundColor": Dom.get("pageFooterContainer").style.backgroundColor = this.value; break;
case "footerTextColor": Dom.get("pageFooterContainer").style.color = this.value; break;
}
@@ -124,7 +161,7 @@ WebguiStyleDesigner = function () {
for (var i in themeColors) {
theme = Dom.get("theme_" + i);
themeColorSet = themeColors[i];
- theme.style.backgroundColor = themeColorSet["contentBackgroundColor"];
+ theme.style.backgroundColor = themeColorSet["pageBackgroundColor"];
theme.style.borderColor = themeColorSet["linkColor"];
theme.onclick = function () {
var id = this.id.replace(/theme_(\d+)/,"$1");