%{
}%
%TMPL:INCLUDE{"view"}%<!-- -->
%TMPL:DEF{"form"}%%TMPL:END%
%TMPL:DEF{"revinfo"}%%TMPL:END%
%TMPL:DEF{"topicactions"}%%TMPL:END%
%TMPL:DEF{"userlist::query"}%form.name=~'UserForm$'%TMPL:END%
%TMPL:DEF{"userlist::title"}%<h1 >%TOPICTITLE%</h1>%TMPL:END%
%{
}%

%{
}%
%TMPL:DEF{"content"}%<!-- -->
%TMPL:P{"userlist::title"}%
%TMPL:P{"userlist::filter"}%
%TMPL:P{"userlist::result"}%
%TMPL:P{"userlist::javascript"}%
%TMPL:P{"userlist::css"}%
<!-- -->%TMPL:END%
%{
}%

%{
}%
%TMPL:DEF{"userlist::filter"}%<!-- -->
<div class="foswikiPageForm">
  <b>%MAKETEXT{"Filter"}%:</b> 
  <input type="text" class="foswikiInputField jqFocus" name="userlistFilter" value="%URLPARAM{"filter"}%" size="50" id="userlistFilter" />
</div>
<!-- -->%TMPL:END%
%{
}%

%{
}%
%TMPL:DEF{"userlist::result"}%<!-- -->
<noautolink>
<div class="userlistContainer">
%SEARCH{
  "%TMPL:P{"userlist::query"}%" 
  type="query" 
  nonoise="on" 
  separator="" 
  format="$percntTMPL:P{\"userlist::format\" OBJECT=\"$web.$topic\"}$percnt"
  excludetopic="NewUserTemplate"
}%
%CLEAR%
</div>
</noautolink>
<!-- -->%TMPL:END%
%{
}%

%{
}%
%TMPL:DEF{"userlist::format"}%%ATTACHMENTS{ 
   "%OBJECT%" 
   name=".*\.(jpe?g|gif|png|JE?PG|GIF|PNG)" 
   warn="off" 
   limit="1" 
   sort="%IF{"defined SORT" then="%SORT%" else="comment:name"}%" 
   reverse="%IF{"'%SORT%' = 'date'" then="on" else="off"}%" 
   hidenull="off" 
   nullheader="<div class='userImage'>
      <h2><a href='%SCRIPTURLPATH{"view"}%/%OBJECT%'>$percntTMPL:P{\"userlist::name\" OBJECT=\"%OBJECT%\"}$percnt</a></h2>"
   nullfooter="$percntTMPL:P{\"userlist::info\" OBJECT=\"%OBJECT%\"}$percnt</div>"
   header="<div class='userImage'>
      <h2><a href='%SCRIPTURLPATH{"view"}%/%OBJECT%' title='$percntTMPL:P{\"userlist::name\" OBJECT=\"%OBJECT%\"}$percnt'>$percntTMPL:P{\"userlist::name\" OBJECT=\"%OBJECT%\"}$percnt</a></h2>"
   footer="$percntTMPL:P{\"userlist::info\" OBJECT=\"%OBJECT%\"}$percnt</div>"
   format="$percntIMAGE{ 
     \"$name\" 
     topic=\"$web.$topic\" 
     href=\"%SCRIPTURLPATH{"view"}%/$web/$topic\" 
     type=\"user\" 
     size=\"160x160^\" 
     crop=\"northwest\" 
     title=\"$percntTMPL:P{\"userlist::name\" OBJECT=\"$web.$topic\"}$percnt\" 
     warn=\"off\" 
   }$percnt" 
   nullformat="$percntIMAGE{ 
     \"%PUBURLPATH%/%SYSTEMWEB%/JQueryPlugin/images/nobody.gif\" 
     href=\"%SCRIPTURLPATH{"view"}%/$web/$topic\" 
     type=\"user\" 
     size=\"160x160^\" 
     crop=\"northwest\" 
     title=\"$percntTMPL:P{\"userlist::name\" OBJECT=\"$web.$topic\"}$percnt\" 
     warn=\"off\" 
   }$percnt" 
}%%TMPL:END%
%{
}%

%{
}%
%TMPL:DEF{"userlist::name"}%%IF{
  "'%OBJECT%'/FirstName"
  then="%FORMFIELD{"FirstName" topic="%OBJECT%"}% %FORMFIELD{"LastName" topic="%OBJECT%"}%"
  else="%GETTOPICTITLE{"%OBJECT%"}%"
}%%TMPL:END%
%{
}%

%{
}%
%TMPL:DEF{"DISuserlist::info"}%<div class='userlistInfo'>
%IF{
  "'%OBJECT%'/Telephone"
  then="Tel: %FORMFIELD{"Telephone" topic="%OBJECT%"}%"
}%
</div>%TMPL:END%
%{
}%

%{
}%
%TMPL:DEF{"image:user"}%<a class='imageHref' title='$title' href='$href'><img border='0' src='$src' alt='$alt'/></a>%TMPL:END%
%{
}%

%{
}%
%TMPL:DEF{"userlist::javascript"}%%JQREQUIRE{"focus"}%%ADDTOZONE{
  "script" id="NATSKINWIKIUSERS" requiers="JQUERYPLUGIN" text="<script type='text/javascript'>
jQuery(function($) {
  function filterImages(query) {
    var regex = new RegExp(query, 'gi');
    $('.userlistContainer h2').each(function() {
      var $this = $(this),
          text = $(this).text();
      if (text.match(regex)) {
        $this.parent().stop(false, true).fadeIn();
      } else {
        $this.parent().stop(false, true).fadeOut();
      }
    });
  }

  $('.userImage').hover(
    function() {
      $(this).addClass('hover');
    },
    function() {
      $(this).removeClass('hover');
    }
  );

  $('#userlistFilter').keyup(function(event) {
    if (event.which == 13) {
      event.preventDefault();
    }
    filterImages($(this).val());
  });
});
</script>"}%%TMPL:END%
%{
}%

%{
}%
%TMPL:DEF{"userlist::css"}%<literal>
<style>
.userImage.hover {
  border-color:#aaa;
          box-shadow: 2pt 2px 8px rgba(105, 105, 105,  0.3);
     -moz-box-shadow: 2pt 2px 8px rgba(105, 105, 105,  0.3);
  -webkit-box-shadow: 2pt 2px 8px rgba(105, 105, 105,  0.3);
}
.userImage.hover h2 a {
  background-color:#0055b5;
  color:#fff;
}
.userImage {
  overflow:hidden;
  float:left;
  width:110px;
  height:135px;
  padding:0;
  margin:0 1.2em 1.2em 0;
  border:1px solid #ccc;
          border-radius:8px;
     -moz-border-radius:8px;
  -webkit-border-radius:8px;
  background:#fff;
          box-shadow: 2pt 2px 8px rgba(105, 105, 105,  0.1);
     -moz-box-shadow: 2pt 2px 8px rgba(105, 105, 105,  0.1);
  -webkit-box-shadow: 2pt 2px 8px rgba(105, 105, 105,  0.1);
}
.userImage img {
  width:110px;
}
.userlistContainer {
  margin-top:1.5em;
}
.userlistContainer .imageHref {
  display:block;
  margin:0;
}
.userImage h2 {
  font-size:95%;
  line-height:1.3em;
  font-weight:bold;
  margin:0;
  background-color:#F2F1F3;
}
.userImage h2 a {
  display:block;
  padding:0.4em 0.5em;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
</style>
</literal>%TMPL:END%
%{
}%

This site is powered by FoswikiCopyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding AustLII Communities? Send feedback
This website is using cookies. More info. That's Fine