oqapi/webgui
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added XHTML Strict templates for Matrix, Cool Menus and Prompt

Browse source
This commit is contained in:
Steve Swanson 2006-04-07 18:10:08 +00:00
parent 7cf2c22a95
commit ddeee5fbe8
7 changed files with 471 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

230
docs/upgrades/templates-6.99.0/wgtemplate_cool_menus.tmpl Normal file
View file

@ -0,0 +1,230 @@
#PBtmpl0000000000000134
<tmpl_if displayTitle>
<h2><tmpl_var title></h2>
</tmpl_if>
<tmpl_if description>
<p><tmpl_var description></p>
</tmpl_if>
<tmpl_if session.var.adminOn>
<tmpl_var controls>
</tmpl_if>
^JavaScript("<tmpl_var session.config.extrasURL>/coolmenus/coolmenus4.js");
<script type="text/javascript">
/*****************************************************************************
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
Version 4.0_beta
This script can be used freely as long as all copyright messages are
intact.
Extra info - Coolmenus reference/help - Extra links to help files ****
CSS help: http://coolmenus.dhtmlcentral.com/projects/coolmenus/reference.asp?m=37
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
******************************************************************************/
/***
This is the menu creation code - place it right after you body tag
Feel free to add this to a stand-alone js file and link it to your page.
**/
//Menu object creation
coolmenu=new makeCM("coolmenu") //Making the menu object. Argument: menuname
coolmenu.frames = 0
//Menu properties
coolmenu.onlineRoot=""
coolmenu.pxBetween=2
coolmenu.fromLeft=200 //200
coolmenu.fromTop=100 //100
coolmenu.rows=1
coolmenu.menuPlacement="center" //The whole menu alignment, left, center, or right
coolmenu.resizeCheck=1
coolmenu.wait=250
coolmenu.fillImg="cm_fill.gif"
coolmenu.zIndex=100
//Background bar properties
coolmenu.useBar=0
coolmenu.barWidth="100%"
coolmenu.barHeight="menu"
coolmenu.barClass="cBar"
coolmenu.barX=0
coolmenu.barY=0
coolmenu.barBorderX=0
coolmenu.barBorderY=0
coolmenu.barBorderClass=""
//Level properties - ALL properties have to be spesified in level 0
coolmenu.level[0]=new cm_makeLevel() //Add this for each new level
coolmenu.level[0].width=110
coolmenu.level[0].height=51
coolmenu.level[0].regClass="cLevel0"
coolmenu.level[0].overClass="cLevel0over"
coolmenu.level[0].borderX=1
coolmenu.level[0].borderY=1
coolmenu.level[0].borderClass="cLevel0border"
coolmenu.level[0].offsetX=0
coolmenu.level[0].offsetY=0
coolmenu.level[0].rows=0
coolmenu.level[0].arrow=0
coolmenu.level[0].arrowWidth=0
coolmenu.level[0].arrowHeight=0
coolmenu.level[0].align="bottom"
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
coolmenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
coolmenu.level[1].width=coolmenu.level[0].width+20
coolmenu.level[1].height=25
coolmenu.level[1].regClass="cLevel1"
coolmenu.level[1].overClass="cLevel1over"
coolmenu.level[1].borderX=1
coolmenu.level[1].borderY=1
coolmenu.level[1].align="right"
coolmenu.level[1].offsetX=0
coolmenu.level[1].offsetY=0
coolmenu.level[1].borderClass="cLevel1border"
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to specify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
coolmenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
coolmenu.level[2].width=coolmenu.level[0].width+20
coolmenu.level[2].height=25
coolmenu.level[2].offsetX=0
coolmenu.level[2].offsetY=0
coolmenu.level[2].regClass="cLevel2"
coolmenu.level[2].overClass="cLevel2over"
coolmenu.level[2].borderClass="cLevel2border"
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to specify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
coolmenu.level[3]=new cm_makeLevel() //Add this for each new level (adding one to the number)
coolmenu.level[3].width=coolmenu.level[0].width+20
coolmenu.level[3].height=25
coolmenu.level[3].offsetX=0
coolmenu.level[3].offsetY=0
coolmenu.level[3].regClass="cLevel2"
coolmenu.level[3].overClass="cLevel2over"
coolmenu.level[3].borderClass="cLevel2border"
<tmpl_loop page_loop>
coolmenu.makeMenu('coolmenu_<tmpl_var page.assetId escape=JS>'.replace(/\-/g,"a"),'coolmenu_<tmpl_var page.parent.assetId escape=JS>'.replace(/\-/g,"a"),"<tmpl_var page.menuTitle escape=JS>",'<tmpl_var page.url escape=JS>'<tmpl_if page.newWindow>,'_blank'</tmpl_if>);
</tmpl_loop>
coolmenu.construct();
</script>
~~~
<style type="text/css">
/* CoolMenus 4 - default styles - do not edit */
.cCMAbs {
position: absolute;
visibility: hidden;
left: 0;
top: 0;
}
/* CoolMenus 4 - default styles - end */
/*Styles for level 0*/
.cLevel0,.cLevel0over {
position: absolute;
padding: 2px;
font-family: tahoma, arial, helvetica;
font-size: 12px;
font-weight: bold;
}
.cLevel0 {
background-color: navy;
layer-background-color: navy;
color: white;
text-align: center;
}
.cLevel0over {
background-color: orange;
layer-background-color: navy;
color: white;
cursor: pointer;
cursor: hand;
text-align: center;
}
.cLevel0border {
position: absolute;
visibility: hidden;
background-color: #569635;
layer-background-color: #006699;
}
/*Styles for level 1*/
.cLevel1, .cLevel1over {
position: absolute;
padding: 2px;
font-family: tahoma, arial, helvetica;
font-size: 11px;
font-weight:bold;
}
.cLevel1 {
background-color: navy;
layer-background-color: navy;
color: white;
}
.cLevel1over {
background-color: #336699;
layer-background-color: #336699;
color: yellow;
cursor: pointer;
cursor: hand;
}
.cLevel1border {
position: absolute;
visibility: hidden;
background-color: #006699;
layer-background-color: #006699;
}
/*Styles for level 2*/
.cLevel2, .cLevel2over {
position: absolute;
padding: 2px;
font-family: tahoma, arial, helvetica;
font-size: 10px;
font-weight: bold;
}
.cLevel2 {
background-color: navy;
layer-background-color: navy;
color:white;
}
.cLevel2over {
background-color: #0099cc;
layer-background-color: #0099cc;
color: yellow;
cursor:pointer;
cursor:hand;
}
.cLevel2border {
position: absolute;
visibility: hidden;
background-color: #006699;
layer-background-color: #006699;
}
</style>

16
docs/upgrades/templates-6.99.0/wgtemplate_default_webgui_yes_no_prompt.tmpl Normal file
View file

@ -0,0 +1,16 @@
#PBtmpl0000000000000057
<h2><tmpl_var title></h2>
<p>
<tmpl_var question>
</p>
<div style="text-align:center">
<a href="<tmpl_var yes.url>"><tmpl_var yes.label></a>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<a href="<tmpl_var no.url>"><tmpl_var no.label></a>
</div>

76
docs/upgrades/templates-6.99.0/wgtemplate_matrix_default_compare_template.tmpl Normal file
View file

@ -0,0 +1,76 @@
#matrixtmpl000000000002
<h2>Comparison</h2>
<table cellpadding="0" cellspacing="0" border="0" style="font-size: 11px; font-family: helvetica, arial, sans-serif;">
<tr>
<td valign="top"><tmpl_var compare.form></td>
<td style="width:10px;">&nbsp;</td>
<td style="width:3px;background-color:silver;">&nbsp;</td>
<td style="width:10px;">&nbsp;</td>
<td valign="top">
<tmpl_if isTooMany>
You tried to compare too many listings. Please choose <tmpl_var maxCompares> or less at a time.
</tmpl_if>
<tmpl_if isTooFew>
You must choose at least two products to compare. Less than two isn't much of a comparison.
</tmpl_if>
<tmpl_unless isTooFew><tmpl_unless isTooMany>
<table style="font-size: 11px; font-family: helvetica, arial, sans-serif;" cellpadding="2" cellspacing="2" border="0">
<tr>
<td style="border-bottom:solid gray 1px;font-weight:bold;font-size:13px;">Product</td>
<tmpl_loop product_loop>
<td style="border-bottom:solid gray 1px;"><a href="<tmpl_var url>"><tmpl_var name> <tmpl_var version></a></td>
</tmpl_loop>
</tr>
<tr>
<td class="lastUpdated">Last Updated</td>
<tmpl_loop lastupdated_loop>
<td class="lastUpdated" style="text-align:center;"><tmpl_var lastupdated></td>
</tmpl_loop>
</tr>
<tmpl_loop category_loop>
<tr><td class="category"><b><tmpl_var category></b></td>
<tmpl_loop product_loop>
<td align="center"><tmpl_var name></td>
</tmpl_loop>
</tr>
<tmpl_loop row_loop>
<tr
<tmpl_if __ODD__>
class="odd"
<tmpl_else>
class="even"
</tmpl_if>
>
<tmpl_loop column_loop>
<td class="<tmpl_var class>" <tmpl_if description>onmouseover="return escape('<tmpl_var description>')"</tmpl_if>>
<tmpl_var value>
</td>
</tmpl_loop>
</tr>
</tmpl_loop>
</tmpl_loop>
</table>
</tmpl_unless></tmpl_unless>
</td></tr></table>
~~~
<style type="text/css">
.lastUpdated {
background-color:#F0F0F0;
}
.category {
font-size:13px;
}
</style>

100
docs/upgrades/templates-6.99.0/wgtemplate_matrix_default_detailed_listing.tmpl Normal file
View file

@ -0,0 +1,100 @@
#matrixtmpl000000000003
<h2><tmpl_var productName></h2>
<table class="content" border="0" cellspacing="5">
<tr><td valign="top">
<table class="content">
<tr><td><b>Web Site</b></td><td><a onclick="window.open('<tmpl_var productUrl.click>')" href="#"><tmpl_var productUrl></a></td></tr>
<tr><td><b>Version Number</b></td><td><tmpl_var versionNumber></td></tr>
<tr><td><b>Manufacturer</b></td><td><a onclick="window.open('<tmpl_var manufacturerUrl.click>')" href="#"><tmpl_var manufacturerName></a></td></tr>
<tr><td><b>Last Updated</b></td><td><tmpl_var lastUpdated.date></td></tr>
<tr><td><b>Clicks</b></td><td><tmpl_var clicks></td></tr>
<tr><td><b>Views</b></td><td><tmpl_var views></td></tr>
<tr><td><b>Compares</b></td><td><tmpl_var compares></td></tr>
</table>
</td>
<td valign="top" style="background-color:silver;">&nbsp;</td>
<td valign="top">
<tmpl_if description>
<b>Description</b><br />
<tmpl_var description><br /><br />
</tmpl_if>
<b>Contact Maintainer</b><br />
<tmpl_if email.wasSent>
<div style="color: green;">Message sent.<br /></div>
</tmpl_if>
<tmpl_var email.form>
</td>
<td valign="top" style="background-color:silver;">&nbsp;</td>
<td valign="top">
<tmpl_var ratings>
</td>
</tr>
</table>
<p />
<table width="100%" class="content">
<tr>
<td valign="top" style="width:50%">
<span class="category">Features</span>
<table class="content" width="180">
<tmpl_if features>
<tmpl_loop features_loop>
<tr<tmpl_if __ODD__> class="odd"<tmpl_else> class="even"</tmpl_if>>
<td onmouseover="return escape('<tmpl_var description>')"><tmpl_var label></td>
<td><tmpl_var value></td>
</tr>
</tmpl_loop>
<tmpl_else>
<tr><td>&#160;</td></tr>
</tmpl_if>
</table>
<p />
</td>
<td valign="top" style="width:50%;">
<span class="category">Benefits</span>
<table class="content" width="180">
<tmpl_if features>
<tmpl_loop benefits_loop>
<tr<tmpl_if __ODD__> class="odd"<tmpl_else> class="even"</tmpl_if>>
<td onmouseover="return escape('<tmpl_var description>')"><tmpl_var label></td>
<td class="<tmpl_var class>"><tmpl_var value></td>
</tr>
</tmpl_loop>
<tmpl_else>
<tr><td>&#160;</td></tr>
</tmpl_if>
</table>
</td>
</tr>
</table>
<p />
<tmpl_var discussion>
<tmpl_if user.canEdit>
<br /> <hr /><a href="<tmpl_var edit.url>">Edit this listing.</a> <br />
</tmpl_if>
<tmpl_if user.canApprove>
<tmpl_if isPending>
<a href="<tmpl_var approve.url>">Approve this listing.</a><br />
</tmpl_if>
<a href="<tmpl_var delete.url>">Delete this listing.</a><br />
</tmpl_if>
~~~
<style type="text/css">
.ratingForm {
font-size: 9px;
}
.statBox {
width:100%;
}
</style>

10
docs/upgrades/templates-6.99.0/wgtemplate_matrix_default_view_template.tmpl
View file

@ -14,7 +14,10 @@
<tr><td valign="top" class="leftColumn">
<p>Use the form below to select up to <tmpl_var maxCompares> listings to compare at once.
</p>
<div>
<tmpl_var compare.form>
</div>
</td><td valign="top">
@ -136,9 +139,8 @@ If you are the maker of a product, or are an expert user and are willing to main
</tmpl_if>
</td></tr></table>
~~~
<style type="text/css">
h2 {
font-family:arial;
}
@ -175,4 +177,6 @@ h2 {
border-bottom:solid black 1px;
height:1px;
width:100%;
}
}
</style>

38
docs/upgrades/templates-6.99.0/wgtemplate_matrix_rating_detail_template.tmpl Normal file
View file

@ -0,0 +1,38 @@
#matrixtmpl000000000004
<h2>Rating Detail</h2>
<table class="content" cellpadding="5" width="60%">
<tbody>
<tmpl_loop rating_loop>
<tmpl_if __ODD__>
<tr>
</tmpl_if>
<td style="width:50%" valign="top">
<h2><tmpl_var category></h2>
<table class="content">
<tbody>
<tr><th>Listing</th><th>Mean</th><th>Median</th><th>Count</th></tr>
<tmpl_loop detail_loop>
<tr>
<td><a href="<tmpl_var url>"><tmpl_var name></a></td>
<td><tmpl_var mean></td>
<td><tmpl_var median></td>
<td><tmpl_var count></td>
</tr>
</tmpl_loop>
</tbody>
</table>
</td>
<tmpl_if __EVEN__>
</tr>
</tmpl_if>
</tr>
</tmpl_loop>
</tbody>
</table>

6
docs/upgrades/templates-6.99.0/wgtemplate_matrix_search_template.tmpl
View file

@ -59,10 +59,10 @@
</div>
<tmpl_var form.footer>
</td></tr></table>
~~~
<style type="text/css">
h2 {
font-family:arial;
}
@ -97,3 +97,5 @@ h2 {
height:1px;
width:100%;
}
</style>