Skip to content

Commit

Permalink
Item10180: Initial release of JQueryMenuSkin
Browse files Browse the repository at this point in the history 
git-svn-id: http://svn.foswiki.org/trunk/JQueryMenuSkin@10374 0b4bb1d4-4e5a-0410-9cc4-b2b747904278
  • Loading branch information
PadraigLennon authored and PadraigLennon committed Dec 21, 2010
0 parents commit 3c06e98
Show file tree
Hide file tree
Showing 13 changed files with 625 additions and 0 deletions.
70 changes: 70 additions & 0 deletions data/System/JQueryMenuSkin.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
%META:TOPICINFO{author="ProjectContributor" date="1292936279" version="1.2"}%
%META:TOPICPARENT{name="Skins"}%
---+!! !JQueryMenuSkin
%SHORTDESCRIPTION%

%TOC%

---++ Screen Shot

%SEARCH{ "%TOPIC%" scope="topic" nosearch="on" nototal="on" format="$pattern(.*\| *Screenshot\:[^\|]*\|([^\|]*).*)" }%

---++ Installation

%X% Please note that this skin is still very much in its infancy

*Note:* You do not need to install anything on the browser to use this skin. The following instructions are for the administrator who installs the skin on the server where Foswiki is running.

* Install the skin using the [[%SCRIPTURL{"configure"}%?action=FindMoreExtensions][Install and Update Extensions %ICON{"lock"}%]] (Admins only)
* Test if installed:
* Standalone: %SCRIPTURL{"view"}%/%WEB%/%TOPIC%?skin=jqmenu
* With <nop>PatternSkin: %SCRIPTURL{"view"}%/%WEB%/%TOPIC%?skin=jqmenu,pattern
* For skin activation see [[%SYSTEMWEB%.Skins]]

---++ Settings

To activate the skin you can use the following settings just add them to %USERSWEB%.SitePreferences, WebPreferences, or your personal page.

<verbatim>
---++ JQueryMenuSkin Settings
* Set USERSTYLEURL = %PUBURLPATH%/%SYSTEMWEB%/PatternSkinCssCookbookNoLeftBar/hideleftbar.css
* Set USERTHEMEURL = %PUBURLPATH%/%SYSTEMWEB%/JQueryMenuSkin/theme.css

* Global skin styles. To change the look of the site, point these variables to custom CSS attachments.
* Set FOSWIKI_STYLE_URL = %PUBURLPATH%/%SYSTEMWEB%/JQueryMenuSkin/style.css
* Set FOSWIKI_COLORS_URL = %PUBURLPATH%/%SYSTEMWEB%/JQueryMenuSkin/colors.css

* Themes that add upon the global skin styles. Choose from the Theme Browser at PatternSkin.
* Set PATTERNSKIN_THEME = %PUBURLPATH%/%SYSTEMWEB%/JQueryMenuSkin/theme.css
* Set PATTERNSKIN_COLUMNS = %PUBURLPATH%/%SYSTEMWEB%/PatternSkin/column_left.css

* Set SKIN = jqmenu,pattern
</verbatim>

---++ Modifying Menus

At the moment the menu bar is built from %SYSTEMWEB%.JQueryMenuSkinBar (Though it is hoped to extend this in future versions)You can edit these files to customize the menu.

%I% WYSIWYG editing is disabled on this topic by default to ensure the menu does not get corrupted.

---++ Installation Instructions

%$INSTALL_INSTRUCTIONS%

---++ Info

| Author(s): | Padraig Lennon |
| Copyright: | &copy; Padraig Lennon |
| Screenshot: | <a href="%ATTACHURL%/screenshot.png"><img src="%ATTACHURL%/screenshot.png" style="border:1px solid #eee;" alt="Click for full screen image" width="600" /></a> |
| Preview: | [[%SCRIPTURL{view}%/%WEB%/%TOPIC%?skin=jqmenu][Preview with this skin]] |
| Base Name: | jqmenu |
| License: | [[http://www.gnu.org/licenses/gpl.html][GPL (Gnu General Public License)]] |
| Release: | %$RELEASE% |
| Version: | %$VERSION% |
| Change History: | <!-- versions below in reverse order -->&nbsp; |
| 21 Dec 2010: | Initial version (v0.0.1) |
| Dependencies: | %$DEPENDENCIES% |
| Home page: | http://foswiki.org/bin/view/Extensions/JQueryMenuSkin |
| Support: | http://foswiki.org/bin/view/Support/JQueryMenuSkin |

<!-- Do _not_ attempt to edit this topic; it is auto-generated. -->
69 changes: 69 additions & 0 deletions data/System/JQueryMenuSkinBar.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
%META:TOPICINFO{author="ProjectContributor" date="1292936279" format="1.1" version="1.1"}%
%META:TOPICPARENT{name="JQueryMenuSkin"}%
%STARTINCLUDE%
<div style="clear: left;">
%JQREQUIRE{"superfish" }%
%JQREQUIRE{"bgiframe"}%
%ADDTOZONE{ "head" text="<link rel='stylesheet' href='%PUBURLPATH%/%SYSTEMWEB%/JQueryMenuSkin/menu.css' type='text/css'/>
<link rel='stylesheet' href='%PUBURLPATH%/%SYSTEMWEB%/JQueryPlugin/plugins/superfish/jquery.superfish-navbar.css' type='text/css'/>
<link rel='stylesheet' href='%PUBURLPATH%/%SYSTEMWEB%/JQueryPlugin/plugins/superfish/jquery.superfish-vertical.css' type='text/css'/>"
}%
%ADDTOZONE{ "script" text="<script type='text/javascript'>
$(document).ready(function(){
$('sf-menu').superfish({
autoArrows: true,
delay: 1000
});
$('sf-menu').bgIframe({opacity:false});
});
</script>"}%
<ul class="sf-menu">
<li><a href="%SCRIPTURLPATH{"view"}%/Main/WebHome">Home</a></li>
<li><a class="sf-with-ul" href="#a">User<span class="sf-sub-indicator"> &#187;</span></a>
<ul>
%IF{"context authenticated" then='
<li><a href="%SCRIPTURLPATH{"view"}%/%MAINWEB%/%WIKINAME%">My Home Page</a></li>
<li><a href="%SCRIPTURLPATH{"view"}%/%BASEWEB%/%BASETOPIC%?logout=1">Logout</a></li>
<li><a href="%SCRIPTURLPATH{"view"}%/%SYSTEMWEB%/ChangePassword">Change Password</a></li>
' else='
<li><a href="%SCRIPTURLPATH{"login"}%/%BASEWEB%/%BASETOPIC%">Login</a></li>
<li><a href="%SCRIPTURLPATH{"view"}%/%SYSTEMWEB%/UserRegistration">Register</a></li>
<li><a href="%SCRIPTURLPATH{"view"}%/%SYSTEMWEB%/ResetPassword">Reset Password</a></li>
'}%
</ul></li>
<li><a class="sf-with-ul" href="#a">Webs<span class="sf-sub-indicator"> &#187;</span></a>
<ul>
<li><a href="%SCRIPTURLPATH{"view"}%/%MAINWEB%/WebHome">%MAINWEB%</a></li>
<li><a href="%SCRIPTURLPATH{"view"}%/%SYSTEMWEB%/WebHome">%SYSTEMWEB%</a></li>
<li><a href="%SCRIPTURLPATH{"view"}%/Trash/WebHome">Trash</a></li>
</ul></li>
<li><a class="sf-with-ul" href="#a">Actions<span class="sf-sub-indicator"> &#187;</span></a>
<ul>
<li><a href="%SCRIPTURLPATH{"edit"}%/%BASEWEB%/%BASETOPIC%?t=%GMTIME{"$epoch"}%">Edit this Topic</a></li>
<li><a href="%SCRIPTURLPATH{"edit"}%/%BASEWEB%/%BASETOPIC%?nowysiwyg=1;t=%GMTIME{"$epoch"}%">Edit Wiki Text</a></li>
<li><a href="%SCRIPTURLPATH{"view"}%/%BASEWEB%/WebCreateNewTopic?topicparent=%BASETOPIC%">Create A New Topic</a></li>
<li><a href="%SCRIPTURLPATH{"attach"}%/%BASEWEB%/%BASETOPIC%">Attach an Image/File</a></li>
<li><a href="%SCRIPTURLPATH{"view"}%/%BASEWEB%/%BASETOPIC%?template=more">More Actions</a></li>
<li><a href="%SCRIPTURLPATH{"rename"}%/%BASEWEB%/%BASETOPIC%?newweb=Trash&nonwikiword=on">Delete this topic</a></li>
</ul></li>
<li><a class="sf-with-ul" href="#a">View<span class="sf-sub-indicator"> &#187;</span></a>
<ul>
<li><a href="%SCRIPTURLPATH{"view"}%/%BASEWEB%/%BASETOPIC%?cover=print">View Printable</a></li>
<li><a href="%SCRIPTURLPATH{"view"}%/%BASEWEB%/%BASETOPIC%?raw=on">View wiki text</a></li>
<li><a href="%SCRIPTURLPATH{"view"}%/%MAINWEB%/WikiUsers">View Users</a></li>
<li><a href="%SCRIPTURLPATH{"view"}%/%MAINWEB%/WikiGroups">View Groups</a></li>
<li><a href="%SCRIPTURLPATH{"view"}%/%BASEWEB%/WebChanges">View '%BASEWEB%' Web Changes</a></li>
<li><a href="%SCRIPTURLPATH{"view"}%/%BASEWEB%/WebIndex">View '%BASEWEB%' Web Index</a></li>
<li><a href="%SCRIPTURLPATH{"view"}%/%SYSTEMWEB%/InstalledPlugins">View Installed Plugins</a></li>
</ul></li>
<li><a class="sf-with-ul" href="#a">Help<span class="sf-sub-indicator"> &#187;</span></a>
<ul>
<li><a href="%SCRIPTURLPATH{"view"}%/System/BeginnersStartHere">Wiki Beginners</a></li>
<li><a href="%SCRIPTURLPATH{"view"}%/System/TipsOfTheDay">Tip of the Day</a></li>
<li><a href="http://foswiki.org/Support/WebHome" target="_blank">Foswiki Support</a></li>
<li><a href="http://foswiki.org/About/WebHome" target="_blank">About Foswiki</a></li>
</ul></li>
</div><div style="clear: left;" />
%STOPINCLUDE%
%META:PREFERENCE{name="ALLOWTOPICCHANGE" title="ALLOWTOPICCHANGE" type="Set" value="AdminGroup"}%
%META:PREFERENCE{name="TINYMCEPLUGIN_DISABLE" title="TINYMCEPLUGIN_DISABLE" type="Set" value="1"}%
37 changes: 37 additions & 0 deletions lib/Foswiki/Contrib/JQueryMenuSkin.pm
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
# Skin for Foswiki - The Free and Open Source Wiki, http://foswiki.org/
#
# This program is free software; you can redistribute it and/or
# modify it under the terms of the GNU General Public License
# as published by the Free Software Foundation; either version 2
# of the License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details, published at
# http://www.gnu.org/copyleft/gpl.html

package Foswiki::Contrib::JQueryMenuSkin;

use strict;

# $VERSION is referred to by Foswiki, and is the only global variable that
# *must* exist in this package. This should always be in the format
# $Rev: 3193 $ so that Foswiki can determine the checked-in status of the
# extension.
our $VERSION = '$Rev$'; # version of *this file*.

# $RELEASE is used in the "Find More Extensions" automation in configure.
# It is a manually maintained string used to identify functionality steps.
# You can use any of the following formats:
# tuple - a sequence of integers separated by . e.g. 1.2.3. The numbers
# usually refer to major.minor.patch release or similar. You can
# use as many numbers as you like e.g. '1' or '1.2.3.4.5'.
# isodate - a date in ISO8601 format e.g. 2009-08-07
# date - a date in 1 Jun 2009 format. Three letter English month names only.
# Note: it's important that this string is exactly the same in the extension
# topic - if you use %$RELEASE% with BuildContrib this is done automatically.
our $RELEASE = '0.0.1';

our $SHORTDESCRIPTION = 'JQuery Superfish Menu Skin (Beta)';

5 changes: 5 additions & 0 deletions lib/Foswiki/Contrib/JQueryMenuSkin/DEPENDENCIES
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
# Dependencies for JQueryMenuSkin
# Example:
# Time::ParseDate,>=2003.0211,cpan,Required.
# Foswiki::Plugins,>=1.2,perl,Requires version 1.2 of handler API.

11 changes: 11 additions & 0 deletions lib/Foswiki/Contrib/JQueryMenuSkin/MANIFEST
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
# Release manifest for JQueryMenuSkin
pub/System/JQueryMenuSkin/screenshot.png 0644
pub/System/JQueryMenuSkin/colors.css 0644
pub/System/JQueryMenuSkin/menu.css 0644
pub/System/JQueryMenuSkin/style.css 0644
pub/System/JQueryMenuSkin/theme.css 0644
data/System/JQueryMenuSkin.txt 0644
data/System/JQueryMenuSkinBar.txt 0644
lib/Foswiki/Contrib/JQueryMenuSkin.pm 0644
templates/view.jqmenu.tmpl 0444
templates/viewprint.jqmenu.tmpl 0444
24 changes: 24 additions & 0 deletions lib/Foswiki/Contrib/JQueryMenuSkin/build.pl
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
#!/usr/bin/perl -w
BEGIN { unshift @INC, split( /:/, $ENV{FOSWIKI_LIBS} ); }
use Foswiki::Contrib::Build;

# Create the build object
$build = new Foswiki::Contrib::Build('JQueryMenuSkin');

# (Optional) Set the details of the repository for uploads.
# This can be any web on any accessible Foswiki installation.
# These defaults will be used when expanding tokens in .txt
# files, but be warned, they can be overridden at upload time!

# name of web to upload to
$build->{UPLOADTARGETWEB} = 'Extensions';
# Full URL of pub directory
$build->{UPLOADTARGETPUB} = 'http://foswiki.org/pub';
# Full URL of bin directory
$build->{UPLOADTARGETSCRIPT} = 'http://foswiki.org/bin';
# Script extension
$build->{UPLOADTARGETSUFFIX} = '';

# Build the target on the command line, or the default target
$build->build($build->{target});

47 changes: 47 additions & 0 deletions pub/System/JQueryMenuSkin/colors.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
@import "../PatternSkinTheme/colors.css";

verbatim, pre, code, tt {
background:#f5f5f5;
border-color:#ddd;
color: #000000;
}

h1, h2, h3, h4, h5, h6 {
color: #2989bb;
font-weight:bold;
border-color: #999999;
border-bottom: 1px solid #2989bb;
}

/* TablePlugin */
.foswikiTable,
.foswikiTable td,
{
border-right: 1px solid #C1DAD7;
border-collapse: collapse;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background-color: #fff;
padding: 6px 6px 6px 12px;
text-align: left;
}

.foswikiTable th {
border-right: 1px solid #C1DAD7;
background: #2989bb;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
}

/* Breadcrumb CSS */
.breadcrumb a:link,
.breadcrumb a:visited {
border-color:#ddd;
}
.patternHomePathTitle {
font-weight:bold;
color: #2989bb;
}
Loading

0 comments on commit 3c06e98

Please sign in to comment.