Collaborama

Source: site.view [edit]
Function name:	portletRenderBoxes
Arguments:	portletData
Description:	AJAX portlet renderer, allows drag and drop arrangement.
Page type:	html
Render function:
Module:	ajaxGroup
Page source:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

  <title>WubHub</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

<style type="text/css">
<webl>
   var s = WubCall("ajaxGroup.dragableBoxesCSS", []);
   Markup(s);
</webl>
</style>

 <link rel="stylesheet" type="text/css" href="/static/basic.css"/>
	
	<script type="text/javascript">
          <webl>
            var js = WubCall("ajaxGroup.dragableBoxesJS", []);
            js;
          </webl>
        </script>
</head>
<body>

<webl>
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;

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]));
header;
</webl>

<h1><webl>portletData.title</webl></h1>

<div id="main-text">

<div id="mainContainer">
		
	<!-- START DRAGABLE CONTENT -->
	
	<div id="dragableElementsParentBox">

<webl>
   var s = "";
   every p in portletData.entries do
      var size = (p.size ? "small");
      if size == "big" then
         s = s + `<div class="bigArticle" `
      else 
         s = s + `<div class="smallArticle" `
      end;
      s = s + `dragableBox="true" id="` + p.id + `">` + "\r";
      s = s + p.html + "\r";
      s = s + "</div>\r";
   end;
   s;
</webl>
	<div class="clear" id="clear"></div>		
	</div>
	
	<!-- END DRAGABLE CONTENT -->		
	<input type="button" value="Save" onclick="saveData()">
</div>
</div>


<!-- REQUIRED DIVS -->
<div id="insertionMarker">
	<img src="images/marker_top.gif">
	<img src="images/marker_middle.gif" id="insertionMarkerLine">
	<img src="images/marker_bottom.gif">
</div>
<!-- END REQUIRED DIVS -->
</body>
</html>