Source: site.view [edit]
Function name: searchRender
Arguments: content
Description: Search page for SkillsRank
Page type: webl
Render function:  
Module: collabExt

Page source:

var reqinfo, cmdinfo, usermsg;

if wubinfo.user != nil then
   usermsg = `User: <a href="/webl/WubHub_DoIt?cmdline=` + wubinfo.user + `.profile">`+wubinfo.user + `</a> [<a href="/webl/WubHub_DoIt?cmdline=site.logout">logout</a>]`
else
   usermsg = `Anonymous [<a href="/webl/WubHub_DoIt?cmdline=site.login">login</a>]`
end;

var contentRendered;
if (Piecep(content) or Pagep(content)) then
     contentRendered = Markup(content)
else
     contentRendered = ToString(content)
end;
    
if wubinfo.cmd != nil then
  reqinfo = "Source: "+wubinfo.cmd+` [<a href="/webl/WubHub_DoIt?cmdline=site.edit(`+wubinfo.cmd+`)">edit</a>]`;
  cmdinfo = "Command: "+wubinfo.cmdline;
else
  reqinfo = "Source: (none)";
  cmdinfo = "";
end;
 
var header = Markup(WubCall("siteheader",[usermsg]));
var footer = "<p>" + cmdinfo + "</p><p>Generated by Collaborama (v. "+wubinfo.wubversion+")</p>";
NewPage(`
<html lang="en">
	
	<head>
        <title>Collaborama</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
        
        <link rel="stylesheet" type="text/css" href="/webl/WubHub_DoIt?cmdline=basiccss"/>				
		<link rel="stylesheet" href="/webl/WubHub_DoIt?cmdline=threeDcss">
		<link rel="stylesheet" href="/webl/WubHub_DoIt?cmdline=accordionCSS">

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script> 
        
	<style type="text/css"> 
	#sortable { list-style-type: none; margin: 0; padding: 0; }
	#sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; text-align: center; list-style: none; }
	</style> 
	<script type="text/javascript"> 
	$(function() {
		$("#sortable").sortable();
		$("#sortable").disableSelection();
	});
	</script>  
        
        
<style type="text/css">  
  

/* The ultra77 template is designed and released by Ian Smith
of N-vent Design Services LLC - www.n-vent.com. Feel free to
use this, but please don't sell it and kindly leave the credits
intact. Muchas Gracias!

January 2007

global styles
============================== */
  

#sidemenu h1, h2, h3{
	font-weight: bold;
	padding: 10px 0 0 0;
	margin: 0;
	}



/* menu styles
============================== */


#sidemenu {
    margin-top: 10px;
	position: fixed;
    color: #000000;
    font-family: Georgia, "Book Antiqua", "Times New Roman", serif;
    font-size: 1em;
	top: 112px;
	width: 194px;
	background: url(http://www.skillsrank.com/images/body-bg.png) repeat-x center;
    }
#smtop,
#smbottom{
	position: relative;
	background: url(http://www.skillsrank.com/images/sm-top.png) no-repeat center;
	height: 14px;
	line-height: 14px;
	margin: 0;
	padding: 0;
	clear: both;
    }
#smbottom{
	background: url(http://www.skillsrank.com/images/sm-bottom.png) no-repeat center;
    }
#sidemenu ul,
#smtitle{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 194px;
	background:  url(http://www.skillsrank.com/images/sm-bg.png) repeat-y center;
    }
#smtitle h1{
    padding: 10px;
    font: normal normal bolder 120% Arial, Helvetica, sans-serif;
    border: 0;
    }
#sidemenu p{
	padding-left: 24px;
	color: black;
    }
#sidemenu form{
	padding-left: 0;
	color: black;
    }

#sidemenu form p {
    margin: 0 10px;
    padding: 4px;
}
#sidemenu li{
	padding: 3px 0 3px 1px;
	display: block;
    }
#sidemenu li a{
	line-height: 18px;
	padding-left: 24px;
	color: black;
	display: block;
	height: 19px;
	text-decoration: none;
    }
#sidemenu li a:hover,
#sidemenu li a:focus{
	background: url(http://www.skillsrank.com/images/sm-over.png) no-repeat center;
    }
#sidemenu li a.currentpage {
    background: url(http://www.skillsrank.com/images/sm-urhere.png) no-repeat center;
    }

</style>  
        
	</head>
	
	<body onload="document.forms.wubhub.cmdline.focus()">

		<div class="meny">
` + Markup(WubCall("collabSidebar", [])) + `        
		</div>

		<div class="meny-arrow"></div>

		<div class="meny-contents">
			<article>
        
`
+ header +
`
<div id="content" style="margin-left:200px">        
  <div id="content-header">`
+ reqinfo +
`
  </div>        
  <div id="main-text">`
+ 
   contentRendered
+ 
`
  </div>
</div>

<!-- side menu  -->
<div id="sidemenu"><div id="smtop"></div>
<div id="smtitle"><h1 style="font-size:15px">Search For People</h1></div> <!-- side menu current page title -->
	<ul class="normal">

  <form action="/webl/WubHub_DoIt" method="post">
       <input name="cmdline" value="collabExt.cmdSearchResumes(skills,title,region,salary,education,school)" type="hidden">
<ul><li>    
  <table style="font-size:12px">
<tr><td>
       <p>Skill:</p>
</td><td><input name="skills" value size="10" title="Skill"></td>
</tr><tr><td>
       <p>Title:</p></td><td> <input name="title" value size="10" title="Title"></td>
</tr><tr><td>
       <p>Region:</p></td><td> <select name="region" title="Region" width="100" style="width: 100px">
                    <option value="+" selected>Any</option>
                    <option value="San Francisco">Bay Area</option>
                    <option value="Los Angeles">Southern Cal</option>
                    <option value="Boston New York Washington Cleveland">Northeast</option>
                    <option value="Seattle">Northwest</option>
                    <option value="Pittsburgh">Midwest</option>
                    <option value="Atlanta">South</option>
                    <option value="Arizona">Southwest</option>
                    <option value="Florida">Southeast</option>
                  </select></td>
</tr><tr><td>
       <p>Salary:</p></td><td> <select name="salary" title="Salary" width="100" style="width: 100px">
                    <option value="+" selected>Any</option>
                    <option value="20">$20K-$50K</option>
                    <option value="50">$50K-$75K</option>
                    <option value="75">$75K-$100K</option>
                    <option value="100">$100K-$125K</option>
                    <option value="125">$125K-$150K</option>
                    <option value="150">$150K-$175K</option>
                    <option value="175">$175K-$200K</option>
                    <option value="200">$200K-$250K</option>
                    <option value="250">$250K+</option>
                  </select></td>
</tr><tr><td>
       <p>Educated:</p></td><td> <select name="education" title="Education" width="100" style="width: 100px">
                    <option value="+" selected>Any</option>
                    <option value="1250">World Class</option>
                    <option value="1000">Very High</option>
                    <option value="750">High</option>
                    <option value="500">Medium</option>
                    <option value="250">Low</option>
                  </select></td>
</tr><tr><td>
  <p>School Quality:</p></td><td> <select name="school" title="School" width="100" style="width: 100px">
                    <option value="+" selected>Any</option>
                    <option value="490">World Class</option>
                    <option value="450">Very High</option>
                    <option value="400">High</option>
                    <option value="300">Medium</option>
                    <option value="150">Low</option>
                  </select></td>
</tr><tr><td>
</td></tr><tr><td><p>&nbsp;</p></td><td>
       <input type="submit" value="Search"> </td>
</tr>
</table></li></ul>
   </form>

   <hr>
   <ul><li style="font-size:12px"><a href="/webl/WubHub_DoIt?cmdline=showFavorites">Show Favorites</a></li></ul>
   <ul><li style="font-size:12px"><a href="/webl/WubHub_DoIt?cmdline=searchByJob">Search by Job</a></li></ul>

	</ul>
<div id="smbottom">&nbsp;</div></div> <!-- end side menu -->
</div> <!-- end wrapper -->

                
			</article>
</div>        

		<script src="http://rawgithub.com/hakimel/Meny/master/js/meny.min.js"></script>
		<script>
			// Create an instance of Meny
			var meny = Meny.create({
				// The element that will be animated in from off screen
				menuElement: document.querySelector( '.meny' ),

				// The contents that gets pushed aside while Meny is active
				contentsElement: document.querySelector( '.meny-contents' ),

				// [optional] The alignment of the menu (top/right/bottom/left)
				position: Meny.getQuery().p || 'left',

				// [optional] The height of the menu (when using top/bottom position)
				height: 200,

				// [optional] The width of the menu (when using left/right position)
				width: 260,

				// [optional] Distance from mouse (in pixels) when menu should open
				threshold: 40
			});

			// API Methods:
			// meny.open();
			// meny.close();
			// meny.isOpen();
			
			// Events:
			// meny.addEventListener( 'open', function(){ console.log( 'open' ); } );
			// meny.addEventListener( 'close', function(){ console.log( 'close' ); } );

			// Embed an iframe if a URL is passed in
			if( Meny.getQuery().u && Meny.getQuery().u.match( /^http/gi ) ) {
				var contents = document.querySelector( '.meny-contents' );
				contents.style.padding = '0px';
				contents.innerHTML = '<div class="cover"></div><iframe src="'+ Meny.getQuery().u +'" style="width: 100%; height: 100%; border: 0; position: absolute;"></iframe>';
			}
		</script>

	</body>
</html>
`,

"text/html");