DefaultWidgets < System

You are here: Foswiki>System Web>Skins>WidgetsSkin>DefaultWidgets (revision 1) (raw view)EditAttach
---+ <nop>%TOPIC%

Common Widgets used by WidgetsSkin.

Unfortuanatly the =css-browser= Widget on WidgetsSkin won't work, as it relies heavily on a long list of topic Settings - =DBCALL= style.

Each Contrib and Plugin can define its own set of Widgets that can be included into the Foswiki structure, or topics as desired.

Need a magical WebWidgets topic that can add widgets to the list for a web - similar to all the other settings. that'll be interesting :/

---++++ TODOs
   1 add a 'help' div to each widget that then uses twistie/popup/hover
   1 add js to let the user move widgets around..
---++++ Widgets TODO
   * and add/remove widgets widget
   * an admin widget
   * topic actions widget
   * oopsmore widget
   * topic info widget - parents, useage, history
   * publishplugin - publish this version, show last published version, publish topic set
   * todo list - atp / checklistplugin
   * annotate topic..
   * message or email someone about this topic - ask them a q, to review etc
   * topic permissions widget
   * history widget - who change this topic when and how much..
   * recent comments - like recent changes, but shows uses of comment plugin, and what that comment was
   * Popular topics / posts
   * popular searchs, tags, blah
   * show tags of most actuve topics - ie this month's IA
   * most recently added tags
   * slideshow / information wizard widget..
   * float a widget persistently over topics..
   * RWOP widget - sync this, sync web, sync twiki - with ajax progress bar...
   *


---+++ widget-search
%STARTSECTION{"widget-search"}%<div class="widget-search widget">
   <h2 class="widget-header">Search</h2>
   <div class="widget-content">
<form name="quickSearchForm" action="%SCRIPTURLPATH{view}%/%BASEWEB%/WebSearch">%IF{" '%URLPARAM{"search" encode="entity" scope="topic"}%' = '' " then="<input type=\"text\" class=\"twikiInputField patternFormFieldDefaultColor\" name=\"search\" value=\"%MAKETEXT{"Search"}%\" size=\"14\" onfocus=\"clearDefaultandCSS(this);\" onblur=\"setDefaultText(this);\" />" else="<input type=\"text\" class=\"twikiInputField\" name=\"search\" value=\"%URLPARAM{ "search" encode="entity" scope="topic" }%\" size=\"14\" />"}%</form>
   </div>
</div>%ENDSECTION{"widget-search"}%

---+++ widget-breadcrumb
%STARTSECTION{"widget-breadcrumb"}%<div class="widget-breadcrumb widget">
   <div class="widget-content">
<a href="%SCRIPTURLPATH{"view"}%/%BASEWEB%/%HOMETOPIC%">%MAKETEXT{"[_1] Web" args="<nop>%BASEWEB%"}%</a>
 > %META{"parent" nowebhome="on" prefix="%TMPL:P{"breadcrumb:separator"}%" separator=">" suffix=""}%
<a href="%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%" title='%MAKETEXT{"Topic revision:"}% %REVINFO{format="$rev ($date - $time)"}%'><nop>%BASETOPIC%</a>
   </div>
</div>%ENDSECTION{"widget-breadcrumb"}%

---+++ widget-login
%STARTSECTION{"widget-login"}%<div class="widget-login widget">
   <h2 class="widget-header">Login</h2>
   <div class="widget-content"> \
   %INCLUDE{
      "%WEB%.%TOPIC%" 
      section="widget-login-%IF{"context authenticated" then="user"}%%IF{"$ LOGIN != '' and not context authenticated" then="form"}%"
   }%
   </div>
</div>%ENDSECTION{"widget-login"}%

%STARTSECTION{"widget-login-form"}%
		<form method="post" action="%SCRIPTURL{login}%/%BASEWEB%/%BASETOPIC%">
			<div class="cltlogin">
			<div>
                           <input type="text" id="uname" name="username" class="text_box" value="" style="margin-bottom:3px;" />
                           <input type="hidden" name="origurl" value="%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%" />
			</div>
			<div>
                           <input type="password" id="uname" name="password" class="text_box" value="" />
                           </div>
			</div>
                        <input type="submit" class="button foswikiSubmit" value="LOGIN"/>
		</form>	
%IF{
   "context registration_supported AND context registration_enabled" 
   then="%MAKETEXT{"or"}% [[%SYSTEMWEB%.UserRegistration][%MAKETEXT{"Register"}%]]"
}%%ENDSECTION{"widget-login-form"}%


%STARTSECTION{"widget-login-user"}%
%MAKETEXT{"Hello [_1]" args="[[%WIKIUSERNAME%][%SPACEOUT{%WIKINAME%}%]]"}%
%IF{
      "$ LOGOUT != ''"
      then='%BR%<ul><li class="patternLogOut">%LOGOUT%</li></ul>'
   }%
%ENDSECTION{"widget-login-user"}%

---+++ widget-categories
%STARTSECTION{"widget-categories"}%<div class="widget-categories widget">
   <h2 class="widget-header">Categories</h2>
   <div class="widget-content">
      <ul class="widget-list">
            <li class="widget-list-item"><a href="http://www.thestylecontest.com/browser/category_1/" title="">Category 1</a>
            <ul class="widget-list">
            <li class="widget-list-item"><a href="http://www.thestylecontest.com/browser/category_1/sub_category_a/" title="">Sub Category a</a></li>
            <li class="widget-list-item"><a href="http://www.thestylecontest.com/browser/category_1/sub_category_b/" title="">Sub Category b</a></li>
   </ul>
      </li>
            <li class="widget-list-item"><a href="http://www.thestylecontest.com/browser/category_2/" title="">Category 2</a>
      </li>
   </ul>
   </div>
</div>%ENDSECTION{"widget-categories"}%

---+++ widget-weblist
%STARTSECTION{"widget-weblist"}%<div class="widget-archives widget">
   <h2 class="widget-header">Foswiki Webs</h2>
   <div class="widget-content">
         <ul class="widget-list">
            <li class="widget-list-item">%TMPL:P{"login"}%</li>
%WEBLIST{"<li class="widget-list-item">[[$name.WebHome][$name]]</li>"}%
      </ul>
   </div>
</div>%ENDSECTION{"widget-weblist"}%

---+++ widget-webchanges
%STARTSECTION{"widget-webchanges"}%<div class="widget-archives widget">
   <h2 class="widget-header">%BASEWEB% Changes</h2>
   <div class="widget-content">
         <ul class="widget-list">
%SEARCH{"1" web="%BASEWEB%" type="query" order="modified" reverse="on" limit="15" nonoise="on" format="            <li class='widget-list-item'>[[$web.$topic][$topic]]</li>"}%
      </ul>
   </div>
</div>%ENDSECTION{"widget-webchanges"}%

---+++ widget-webleftbar
%STARTSECTION{"widget-webleftbar"}%<div class="widget-archives widget">
   <h2 class="widget-header">%BASEWEB%</h2>
   <div class="widget-content">
%INCLUDE{"%BASEWEB%.WebLeftBar" warn="create a %BASEWEB%.WebLeftBar" }%
   </div>
</div>%ENDSECTION{"widget-webleftbar"}%


---+++ widget-skins
%STARTSECTION{"widget-skins"}%<div class="widget-skins widget">
    <h2 class="widget-header">Skin Browser</h2>
    <div class="widget-content">
    Need to add skin selector, and then appropriate details
    <b class="widget-header3"> %SYSTEMWEB%.WidgetsSkin options: </b>
        <ul class="widget-list">
            <li class="widget-list-item">[[%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%?skin=widgets;widgetscolumns=w;colsidx=1;%QUERYSTRING%][Wide]]</li>
            <li class="widget-list-item">[[%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%?skin=widgets;widgetscolumns=wt;colsidx=2;%QUERYSTRING%][Wide - Thin]]</li>
            <li class="widget-list-item">[[%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%?skin=widgets;widgetscolumns=tw;colsidx=3;%QUERYSTRING%][Thin - Wide]]</li>
            <li class="widget-list-item">[[%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%?skin=widgets;widgetscolumns=twt;colsidx=4;%QUERYSTRING%][Thin - Wide - Thin]]</li>
            <li class="widget-list-item">[[%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%?skin=widgets;widgetscolumns=wtt;colsidx=5;%QUERYSTRING%][Wide - Thin - Thin]]</li>
            <li class="widget-list-item">[[%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%?skin=widgets;widgetscolumns=wm;colsidx=6;%QUERYSTRING%][Wide - Medium]]</li>
            <li class="widget-list-item">[[%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%?skin=widgets;widgetscolumns=mw;colsidx=7;%QUERYSTRING%][Medium - Wide]]</li>
        </ul>
    </div>
</div>%ENDSECTION{"widget-skins"}%


---+++ widget-syndicate
%STARTSECTION{"widget-syndicate"}%<div class="widget-syndicate widget">
   <div class="widget-content">
      <a href="http://www.thestylecontest.com/browser/atom.xml">Subscribe to this blog's feed</a><br />
      [<a href="http://www.sixapart.com/about/feeds">What is this?</a>]
   </div>
</div>%ENDSECTION{"widget-syndicate"}%

---+++ widget-topicactions
%STARTSECTION{"widget-topicactions"}%<div class="widget-topicactions widget">
   <h2 class="widget-header">%BASETOPIC% actions</h2>
   <div class="widget-content">
         <ul class="widget-list">
            %TMPL:P{"topicactionbuttons"}%
      </ul>
   </div>
</div>%ENDSECTION{"widget-topicactions"}%

---+++ widget-history
%STARTSECTION{"widget-history"}%<div class="widget-history widget" style="margin-left:15%;width:70%;background:lightgray;border:1px solid gray;">
   <div class="widget-content">
         <ul class="widget-list">
            %REVINFO{web="%BASEWEB%" topic="%BASETOPIC%"}% %BR%
            %WEBCOPYRIGHT%
      </ul>
   </div>
</div>%ENDSECTION{"widget-history"}%

---+++ widget-powered
%STARTSECTION{"widget-powered"}%<div class="widget-powered widget">
   <div class="widget-content">
powered by the community. 28th October 2008.
   </div>
</div> %ENDSECTION{"widget-powered"}%

---+++ widget-subscribe
%STARTSECTION{"widget-subscribe"}%<div class="widget-subscribe widget">
   <h2 class="widget-header">Subscribe</h2>
   <div class="widget-content">
        %INCLUDE{"%WEB%.%TOPIC%" section="%IF{"context SubscribePluginEnabled AND context authenticated" then="widget-subscribe-enabled" else="widget-subscribe-notenabled"}%"}%
    </div>
</div>%ENDSECTION{"widget-subscribe"}%
%STARTSECTION{"widget-subscribe-notenabled"}%
        %IF{"context SubscribePluginEnabled" 
            then="" 
            else="!SubscribePlugin not installed/enabled"
          }%
        %IF{"context SubscribePluginEnabled AND NOT context authenticated" then="You need to log in to subscribe to a topic<div stlye='display:none;'>"}%
%ENDSECTION{"widget-subscribe-notenabled"}%
%STARTSECTION{"widget-subscribe-enabled"}%
        %SUBSCRIBE{
            topic="%BASEWEB%.%BASETOPIC%"
            format="<a href='$url' class='foswikiButton'>$action</a> to changes to %BASEWEB%.%BASETOPIC%"
            formatunsubscribe="<a href='$url' class='foswikiButton'>$action</a> from changes to %BASEWEB%.%BASETOPIC%"
        }%
        %BR%
        %SUBSCRIBE{
            topic="%BASEWEB%.*"
            format="<a href='$url' class='foswikiButton'>$action</a> to changes in %BASEWEB% web"
            formatunsubscribe="<a href='$url' class='foswikiButton'>$action</a> from changes in %BASEWEB% web"
        }%
        %IF{"context SubscribePluginEnabled AND NOT context authenticated" then="</div>"}%
    </div>
</div>%ENDSECTION{"widget-subscribe-enabled"}%

---+++ widget-bugs
%STARTSECTION{"widget-bugs"}%<div class="widget-bugs widget">
   <h2 class="widget-header">bugs</h2>
   <div class="widget-content">
<form method="post" action="%SCRIPTURL{save}%/Bugs/ItemXXXXXXXXXX" enctype="multipart/form-data" name="fastCreateNewBug" id="fastCreateNewBug">
<input  type="text" name="Summary" value="" size="" />
<select name="AppliesTo">
%INCLUDE{"Bugs.AppliesTo" section="form_options" AppliesTo="Web Site"}%
</select>
<input  type="hidden" name="templatetopic" value="Bugs.WebTopicEditTemplate" />
<input  type="hidden" name="formtemplate" value="Bugs.ItemTemplate" />
<input  type="hidden" name="ReportedBy" value="%WIKIUSERNAME%" />
<input  type="hidden" name="Priority" value="Normal" />
<input  type="hidden" name="CurrentState" value="New" />
<input  type="submit" value="Add Issue" class="foswikiButton" />
</form>
    </div>
</div>%ENDSECTION{"widget-bugs"}%
----
---+++ footer
%STARTSECTION{"footer-widgets"}% %INCLUDE{"%SYSTEMWEB%.DefaultWidgets" section="widget-history" warn="on"}% %ENDSECTION{"footer-widgets"}%

---+++ header
%STARTSECTION{"header-widgets"}%	<h1 id="header-name">%TMPL:P{"titleaction"}%%IF{"defined PAGETITLE" then="%PAGETITLE%" else="<nop>%BASETOPIC% "}%</h1>
        <h2 id="header-description"> [[%BASEWEB%.WebHome][%BASEWEB%]] </h2>%ENDSECTION{"header-widgets"}%
---++ widget default mechanisms
do not change or re-define these.
---++++ header defaulting section 
%STARTSECTION{"header-widgets-default"}%<div class="header-widgets">
	%INCLUDE{
		"%IF{"'%INCLUDE{"%WIDGETSTOPIC%" section="header-widgets" warn="off" pattern=".*([a-zA-Z]).*"}%' ~ ''"
			else="%WIDGETSTOPIC%"
			then="%SYSTEMWEB%.DefaultWidgets"
		}%"
		section="header-widgets" 
		warn="off"
		WIDGETSTOPIC="%WIDGETSTOPIC%"
	}%
</div>%ENDSECTION{"header-widgets-default"}%
---++++ footer defaulting section 
%STARTSECTION{"footer-widgets-default"}%	%INCLUDE{
		"%IF{"'%INCLUDE{"%WIDGETSTOPIC%" section="footer-widgets" warn="off" pattern=".*([a-zA-Z]).*"}%' ~ ''"
			else="%WIDGETSTOPIC%"
			then="%SYSTEMWEB%.DefaultWidgets"
		}%"
		section="footer-widgets" 
		warn="on"
		WIDGETSTOPIC="%WIDGETSTOPIC%"
	}%%ENDSECTION{"footer-widgets-default"}%

<!-- due to hand crafted div's
   * Set TINYMCEPLUGIN_DISABLE=1
-->
Topic attachments
I	Attachment	Action	Size	Date	Who	Comment
css	Foswiki.css	manage	0.1 K	16 Mar 2007 - 14:13	UnknownUser
css	base-weblog.css	manage	0.1 K	16 Mar 2007 - 14:13	UnknownUser
Topic revision: r1 - 29 Oct 2008, SvenDowideit
System
Webs
Main
Sandbox
System
Testweb
Copyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback