SOURCE CODE: Uize.Templates.SimpleDoc
/*
This is an automatically generated module, compiled from the JavaScript template file:
Uize.Templates.SimpleDoc.js.jst
*/
Uize.module ({
name:'Uize.Templates.SimpleDoc',
required:[
'Uize.Xml'
],
builder:function () {
var _package = function () {};
/*** Public Static Methods ***/
_package.process = function (input) {
var output = [];
output.push ('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r\n<html xmlns="http://www.w3.org/1999/xhtml">\r\n<head>\r\n <title>',input .title,'</title>\r\n</head>\r\n\r\n<body>\r\n\r\n<style type="text/css">\r\n .simpleDoc {\r\n width:780px;\r\n margin:auto;\r\n padding:10px 15px;\r\n border-left:1px dotted #ccc;\r\n border-right:1px dotted #ccc;\r\n background:#f9faf9;\r\n font-family:Arial;\r\n font-size:12px;\r\n }\r\n\r\n /*** title ***/\r\n .simpleDoc .documentTitle {\r\n font-family:Arial, Helvetica, Verdana;\r\n font-size:16px;\r\n font-weight:bold;\r\n letter-spacing:5px;\r\n color:#000;\r\n background:#fff;\r\n padding:10px 0 10px 28px;\r\n margin:0;\r\n border:none;\r\n border-top:1px solid #e8ecea;\r\n border-bottom:10px solid #e8ecea;\r\n }\r\n\r\n /*** links ***/\r\n .simpleDoc a, .simpleDoc a:link, .simpleDoc a:visited, .simpleDoc a:hover, .simpleDoc a:active {\r\n text-decoration:none;\r\n outline:none;\r\n color:#354;\r\n border-bottom:1px dotted #aaa;\r\n }\r\n .simpleDoc a:hover, .simpleDoc a:active {\r\n color:#f00;\r\n }\r\n .simpleDoc a:hover {\r\n border-bottom:1px dotted #f00;\r\n }\r\n .simpleDoc a:active {\r\n border-bottom:1px solid #f00;\r\n }\r\n\r\n /*** inline code snippets ***/\r\n .simpleDoc code {\r\n font-weight:bold;\r\n white-space:nowrap;\r\n color:#354;\r\n margin-left:2px;\r\n margin-right:2px;\r\n }\r\n\r\n /*** contents tree ***/\r\n .simpleDoc .contents-tree-shell a,\r\n .simpleDoc .contents-tree-shell a:link,\r\n .simpleDoc .contents-tree-shell a:visited\r\n {\r\n border-bottom:none;\r\n }\r\n .simpleDoc .contents-tree-shell li {\r\n list-style:none;\r\n }\r\n\r\n /*** Section Contents ***/\r\n .simpleDoc .contents1,\r\n .simpleDoc .contents2,\r\n .simpleDoc .contents3,\r\n .simpleDoc .contents4,\r\n .simpleDoc .contents5,\r\n .simpleDoc .contents6,\r\n .simpleDoc .contents7,\r\n .simpleDoc .contents8,\r\n .simpleDoc .contents9\r\n {\r\n margin-left:10px;\r\n margin-bottom:10px;\r\n }\r\n\r\n /*** Section Headings ***/\r\n /*** all ***/\r\n .simpleDoc .heading1,\r\n .simpleDoc .heading2,\r\n .simpleDoc .heading3,\r\n .simpleDoc .heading4,\r\n .simpleDoc .heading5,\r\n .simpleDoc .heading6,\r\n .simpleDoc .heading7,\r\n .simpleDoc .heading8,\r\n .simpleDoc .heading9\r\n {\r\n font-family:Arial, Helvetica, Verdana;\r\n font-weight:normal;\r\n }\r\n\r\n /*** heading numbering ***/\r\n .simpleDoc .heading2 .headingNumber,\r\n .simpleDoc .heading3 .headingNumber,\r\n .simpleDoc .heading4 .headingNumber,\r\n .simpleDoc .heading5 .headingNumber,\r\n .simpleDoc .heading6 .headingNumber,\r\n .simpleDoc .heading7 .headingNumber,\r\n .simpleDoc .heading8 .headingNumber,\r\n .simpleDoc .heading9 .headingNumber\r\n {\r\n margin-right:3px;\r\n }\r\n\r\n /*** heading 1 ***/\r\n .simpleDoc .heading1 {\r\n font-size:14px;\r\n letter-spacing:3px;\r\n padding:6px 0 6px 16px;\r\n margin-top:20px;\r\n margin-bottom:0;\r\n border:1px solid #aab;\r\n border-radius:5px;\r\n -moz-border-radius:5px;\r\n -webkit-border-radius:5px;\r\n color:#000;\r\n background:#b7babf;\r\n }\r\n .simpleDoc .heading1 a, .simpleDoc .heading1 a:visited {\r\n color:#000;\r\n background:none;\r\n border:none;\r\n margin:0;\r\n }\r\n .simpleDoc .heading1 a:hover {\r\n color:#fff;\r\n background:#000;\r\n border:none;\r\n }\r\n\r\n /*** heading 2 ***/\r\n .simpleDoc .heading2 {\r\n font-size:15px;\r\n padding:3px 2px 3px 15px;\r\n margin-bottom:0;\r\n margin-top:20px;\r\n border:1px solid #b3bcbd;\r\n border-radius:3px;\r\n -moz-border-radius:3px;\r\n -webkit-border-radius:3px;\r\n color:#000;\r\n background:#e3e9ea;\r\n }\r\n .simpleDoc .heading2 a, .simpleDoc .heading2 a:visited {\r\n color:#000;\r\n background:none;\r\n border:none;\r\n margin:0;\r\n }\r\n .simpleDoc .heading2 a:hover {\r\n color:#fff;\r\n background:#000;\r\n border:none;\r\n }\r\n\r\n /*** heading 3 ***/\r\n .simpleDoc .heading3 {\r\n font-size:14px;\r\n letter-spacing:1px;\r\n padding:1px 0 4px 0;\r\n margin-bottom:0;\r\n margin-top:25px;\r\n border-bottom:1px solid #899;\r\n color:#000;\r\n }\r\n .simpleDoc .heading3 a, .simpleDoc .heading3 a:visited {\r\n color:#000;\r\n background:none;\r\n border:none;\r\n margin:0;\r\n }\r\n .simpleDoc .heading3 a:hover {\r\n color:#fff;\r\n background:#000;\r\n border:none;\r\n }\r\n\r\n /*** heading 4 ***/\r\n .simpleDoc .heading4 {\r\n font-size:12px;\r\n letter-spacing:2px;\r\n background:#d2ddde;\r\n margin-bottom:0;\r\n margin-top:15px;\r\n border:1px solid #fff;\r\n border-radius:2px;\r\n -moz-border-radius:2px;\r\n -webkit-border-radius:2px;\r\n padding:5px 0 5px 10px;\r\n color:#000;\r\n }\r\n .simpleDoc .heading4 a, .simpleDoc .heading4 a:visited {\r\n color:#000;\r\n background:none;\r\n border:none;\r\n }\r\n .simpleDoc .heading4 a:hover {\r\n color:#fff;\r\n background:#000;\r\n border:none;\r\n }\r\n\r\n /*** heading 5 ***/\r\n .simpleDoc .heading5 {\r\n font-size:12px;\r\n letter-spacing:2px;\r\n background:#e6eaef;\r\n margin-bottom:0;\r\n margin-top:15px;\r\n border:1px solid #d0d0d0;\r\n border-radius:2px;\r\n -moz-border-radius:2px;\r\n -webkit-border-radius:2px;\r\n padding:4px 0 4px 10px;\r\n color:#000;\r\n }\r\n .simpleDoc .heading5 a, .simpleDoc .heading5 a:visited {\r\n color:#000;\r\n background:none;\r\n border:none;\r\n }\r\n .simpleDoc .heading5 a:hover {\r\n color:#fff;\r\n background:#000;\r\n border:none;\r\n }\r\n\r\n /*** heading 6-9 ***/\r\n .simpleDoc .heading6,\r\n .simpleDoc .heading7,\r\n .simpleDoc .heading8,\r\n .simpleDoc .heading9 {\r\n font-size:12px;\r\n letter-spacing:1px;\r\n margin-bottom:0;\r\n margin-top:15px;\r\n border-bottom:1px solid #d0d0d0;\r\n padding:4px 0 4px 10px;\r\n color:#000;\r\n }\r\n .simpleDoc .heading6 a, .simpleDoc .heading6 a:visited,\r\n .simpleDoc .heading7 a, .simpleDoc .heading6 a:visited,\r\n .simpleDoc .heading8 a, .simpleDoc .heading6 a:visited,\r\n .simpleDoc .heading9 a, .simpleDoc .heading6 a:visited\r\n {\r\n color:#000;\r\n background:none;\r\n border:none;\r\n }\r\n .simpleDoc .heading6 a:hover,\r\n .simpleDoc .heading7 a:hover,\r\n .simpleDoc .heading8 a:hover,\r\n .simpleDoc .heading9 a:hover\r\n {\r\n color:#fff;\r\n background:#000;\r\n border:none;\r\n }\r\n\r\n /*** Other Elements ***/\r\n .simpleDoc pre.sample-code {\r\n color:#000;\r\n background:#fff;\r\n font-family:Courier;\r\n font-size:12px;\r\n font-weight:normal;\r\n padding:10px;\r\n border:4px solid #afb6b8;\r\n border-radius:10px;\r\n -moz-border-radius:10px;\r\n -webkit-border-radius:10px;\r\n overflow:auto;\r\n }\r\n .simpleDoc .allCaps {\r\n font-family:Verdana, Arial, Helvetica;\r\n font-size:11px;\r\n font-weight:bold;\r\n color:#354;\r\n letter-spacing:3px;\r\n text-shadow:\r\n -1px -1px 0 #f3f3f3, -1px 0 0 #f3f3f3, -1px 1px 0 #f3f3f3,\r\n 1px -1px 0 #f3f3f3, 1px 0 0 #f3f3f3, 1px 1px 0 #f3f3f3\r\n ;\r\n padding-bottom:2px;\r\n border-bottom:1px solid #ccc;\r\n }\r\n\r\n /*** lists ***/\r\n .simpleDoc table.list {\r\n margin-top:5px;\r\n }\r\n .simpleDoc table.list td {\r\n padding:2px 0;\r\n }\r\n .simpleDoc table.list .bullet {\r\n display:list-item;\r\n margin-left:15px;\r\n }\r\n\r\n /*** Horizontal Rules ***/\r\n .simpleDoc hr.thin,\r\n .simpleDoc hr.thick {\r\n margin:20px 0;\r\n }\r\n .simpleDoc hr.thin {\r\n height:0;\r\n border:1px dotted #899;\r\n border-bottom:none;\r\n }\r\n .simpleDoc hr.thick {\r\n background:#c6cccc;\r\n border:none;\r\n height:10px;\r\n }\r\n\r\n /*** data tables ***/\r\n .simpleDoc table.data {\r\n border-collapse:collapse;\r\n background:#fff;\r\n margin:5px 0;\r\n }\r\n .simpleDoc table.data tr td {\r\n border:1px solid #aaa;\r\n text-align:left;\r\n padding:3px 7px;\r\n font-family:courier;\r\n }\r\n .simpleDoc table.data tr.title td,\r\n .simpleDoc table.data tr.heading td {\r\n color:#000;\r\n font-family:Arial;\r\n text-shadow:1px 0 1px #fff;\r\n background:#ccc;\r\n border-bottom:1px solid #888;\r\n text-align:center;\r\n }\r\n .simpleDoc table.data tr.heading td {\r\n background:#e4e4e4;\r\n }\r\n .simpleDoc table.data tr.title td {\r\n font-size:11px;\r\n font-weight:bold;\r\n letter-spacing:4px;\r\n padding:5px 15px 6px 15px;\r\n }\r\n .simpleDoc table.data tr.heading td {\r\n font-size:11px;\r\n padding:4px 8px;\r\n }\r\n\r\n /*** image objects ***/\r\n .simpleDoc .image {\r\n margin:15px 0;\r\n }\r\n .simpleDoc .image a {\r\n border:none;\r\n }\r\n .simpleDoc .image img {\r\n border:none;\r\n }\r\n .simpleDoc .image .imageTitle {\r\n font-size:12px;\r\n font-weight:bold;\r\n padding-right:5px;\r\n }\r\n .simpleDoc .image .imageSubtitle {\r\n font-size:10px;\r\n }\r\n</style>\r\n\r\n<div class="simpleDoc">');
if (input.title) {
output.push ('\r\n <div class="documentTitle">',Uize.Xml.toAttributeValue (input .title),'</div>\r\n\r\n');
}
output.push (input .body,'\r\n</div>\r\n\r\n</body></html>\r\n\r\n');
return output.join ('');
};
/*** Public Static Properties ***/
_package.input = {
title:'string',
pathToRoot:'string',
body:'string'
};
return _package;
}
});