Changeset 1660

Timestamp:

08/08/08 21:53:00 (5 years ago)

Author:

evdlinden

Message:

Skinnable implemented. You can now set your own image, stylesheet, width and visible width.

Location:

coldbox/trunk/CodeDepot/projects/sidebar

Files:

• config/coldbox.xml.cfm (modified) (2 diffs)
• includes/sidebar/sideBar.cfm (modified) (3 diffs)
• interceptors/sideBar.cfc (modified) (2 diffs)

coldbox/trunk/CodeDepot/projects/sidebar/config/coldbox.xml.cfm

@@ -238 +238 @@
                 <Interceptor class="sidebar.interceptors.sideBar">
                         <Property name="isEnabled">true</Property>
-                        <Property name="yOffset">100</Property>
-                        <Property name="width">200</Property>
+                        <!-- Y offset, else leave blank -->
+                        <Property name="yOffset"></Property>
+                        <!-- Links (JSON array of objects), else leave blank -->
                         <Property name="links">
                                 [
@@ -246 +247 @@
                                 ,{"desc":"ColdBox Forums","href":"http:\/\/groups.google.com\/group\/coldbox"}
                                 ,{"desc":"Coldfusion Live Docs","href":"http:\/\/livedocs.adobe.com\/coldfusion\/8\/htmldocs\/help.html?content=Part_3_CFML_Ref_1.html"}
-                                ,{"desc":"Ernst","href":"http:\/\/evdlinden.behindthe.net"}
-                                ,{"desc":"Luis","href":"http:\/\/www.luismajano.com"}
                                 ]
                         </Property>
+                        
+                        <!-- Width of the sidebar including visible width, else leave blank -->
+                        <Property name="width"></Property>
+                        <!-- Visible width, else leave blank  -->
+                        <Property name="visibleWidth"></Property>
+                        <!--Full path from the application's root, else leave blank. -->
+                        <Property name="imagePath"></Property>
+                        <!--Full path from the application's root, else leave blank. -->
+                        <Property name="cssPath"></Property>
                 </Interceptor>
         </Interceptors>

coldbox/trunk/CodeDepot/projects/sidebar/includes/sidebar/sideBar.cfm

@@ -16 +16 @@
 
 <cfhtmlhead text='<script language="javascript" src="includes/sidebar/sideBar.js" type="text/javascript"></script>' />
-<cfhtmlhead text='<link rel="stylesheet" href="includes/sidebar/sideBar.css" type="text/css" media="screen">' />
+<cfhtmlhead text='<link rel="stylesheet" href="#sideBar.cssPath#" type="text/css" media="screen">' />
 
 <!--- 
@@ -71 +71 @@
                         <tr>
                                 <td class="top" width="#sideBar.invisibleWidth#" nowrap><h1>Settings</h1></td>
-                                <td background="" rowspan="#(15 + ArrayLen(sideBar.links))#" width="#sideBar.visibleWidth#" nowrap class="bar" valign="middle" align="left"><img src="includes/sideBar/sideBar.png" width="22" height="160" border="0" /></td>
+                                <td background="" rowspan="#(15 + ArrayLen(sideBar.links))#" width="#sideBar.visibleWidth#" nowrap class="bar" valign="middle" align="left"><img src="#sideBar.imagePath#" width="22" height="160" border="0" /></td>
                         </tr>
                         <tr>
@@ -117 +117 @@
                                 <td><a href="">Clear Log</a></td>
                         </tr>   
-                        </tr>   
-                        <tr>
-                                <td><a href="http://groups.google.com/group/coldbox" target="_blank"></a></td>
-                        </tr>   
-                        <!--- links? --->
+                        <!--- Custom links? --->
                         <cfif ArrayLen(sideBar.links)>
                                 <tr>
                                         <td><h1>Links</h1></td>
                                 </tr>
-                                <!--- Loop links --->
+                                <!--- Loop custom links --->
                                 <cfloop index="i" from="1" to="#ArrayLen(sideBar.links)#">
                                 <tr>

coldbox/trunk/CodeDepot/projects/sidebar/interceptors/sideBar.cfc

@@ -26 +26 @@
                         if( not propertyExists('width') or not isNumeric(getproperty('width')) ){
                                 setProperty('width',200);
+                        }
+                        if( not propertyExists('visibleWidth') or not isNumeric(getproperty('visibleWidth')) ){
+                                setProperty('visibleWidth',12);
+                        }
+                        if( not propertyExists('imagePath') or not REFindNoCase("[A-Z]",getproperty('imagePath')) ){
+                                setProperty('imagePath',"includes/sideBar/sideBar.png");
+                        }
+                        if( not propertyExists('cssPath') or not REFindNoCase("[A-Z]",getproperty('cssPath')) ){
+                                setProperty('cssPath',"includes/sidebar/sideBar.css");
                         }
                 </cfscript>
@@ -78 +87 @@
                 <cfset var renderedSideBar = ''>
                 <cfset var i = 0>
-                <!--- SideBar dimension settings --->
+                <!--- SideBar Settings --->
                 <cfset var sideBar = StructNew()>
                 <cfset sideBar.links = getproperty('links')>
                 <cfset sideBar.yOffset = getproperty('yOffset')>
                 <cfset sideBar.width = getproperty('width')>
-                <cfset sideBar.visibleWidth = 22>
+                <cfset sideBar.visibleWidth = getproperty('visibleWidth')>
                 <cfset sideBar.invisibleWidth = sideBar.width - sideBar.visibleWidth>
-                
+                <cfset sideBar.imagePath = getproperty('imagePath')>
+                <cfset sideBar.cssPath = getproperty('cssPath')>
                 
                 <!--- Render? --->