json-timeline
Version:
Generate Interactive Timelines stored in JSON Advents with Tags.
1,076 lines (271 loc) • 11.9 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Module: renderAdvents</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Module: renderAdvents</h1>
<section>
<header>
</header>
<article>
<div class="container-overview">
</div>
<h3 class="subsection-title">Members</h3>
<h4 class="name" id="~adventDomGroups"><span class="type-signature">(inner, constant) </span>adventDomGroups<span class="type-signature"> :Array.<Array.<Object>></span></h4>
<div class="description">
Array of Advent Group and Advent DOMs
</div>
<h5>Type:</h5>
<ul>
<li>
<span class="param-type">Array.<Array.<Object>></span>
</li>
</ul>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="views_renderAdvents.js.html">views/renderAdvents.js</a>, <a href="views_renderAdvents.js.html#line6">line 6</a>
</li></ul></dd>
</dl>
<h3 class="subsection-title">Methods</h3>
<h4 class="name" id="~removeChildren"><span class="type-signature">(inner) </span>removeChildren<span class="signature">(element)</span><span class="type-signature"></span></h4>
<div class="description">
Removes all children elements from Target Element
</div>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>element</code></td>
<td class="type">
<span class="param-type">HTMLElement</span>
</td>
<td class="description last">Target Element</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="views_renderAdvents.js.html">views/renderAdvents.js</a>, <a href="views_renderAdvents.js.html#line213">line 213</a>
</li></ul></dd>
</dl>
<h4 class="name" id="~renderAdvent"><span class="type-signature">(inner) </span>renderAdvent<span class="signature">(advent)</span><span class="type-signature"> → {HTMLElement}</span></h4>
<div class="description">
Render Advent DOM Object from Advent Object
</div>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>advent</code></td>
<td class="type">
<span class="param-type">Object</span>
</td>
<td class="description last">Advent Object</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="views_renderAdvents.js.html">views/renderAdvents.js</a>, <a href="views_renderAdvents.js.html#line26">line 26</a>
</li></ul></dd>
</dl>
<h5>Returns:</h5>
<div class="param-desc">
Advent DOM Object
</div>
<dl>
<dt>
Type
</dt>
<dd>
<span class="param-type">HTMLElement</span>
</dd>
</dl>
<h4 class="name" id="~renderAdventGroup"><span class="type-signature">(inner) </span>renderAdventGroup<span class="signature">(group)</span><span class="type-signature"> → {HTMLElement}</span></h4>
<div class="description">
Render Advent Group DOM Object from Advent Group
</div>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>group</code></td>
<td class="type">
<span class="param-type">Array.<Object></span>
</td>
<td class="description last">Advent Group</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="views_renderAdvents.js.html">views/renderAdvents.js</a>, <a href="views_renderAdvents.js.html#line75">line 75</a>
</li></ul></dd>
</dl>
<h5>Returns:</h5>
<div class="param-desc">
Advent Group DOM Object
</div>
<dl>
<dt>
Type
</dt>
<dd>
<span class="param-type">HTMLElement</span>
</dd>
</dl>
<h4 class="name" id="~renderTagToggles"><span class="type-signature">(inner) </span>renderTagToggles<span class="signature">(target1, target2)</span><span class="type-signature"></span></h4>
<div class="description">
Render Tag Toggles from Tags
</div>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>target1</code></td>
<td class="type">
<span class="param-type">HTMLElement</span>
</td>
<td class="description last">Target to render Tag Toggles</td>
</tr>
<tr>
<td class="name"><code>target2</code></td>
<td class="type">
<span class="param-type">HTMLElement</span>
</td>
<td class="description last">Target to render Timeline</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="views_renderAdvents.js.html">views/renderAdvents.js</a>, <a href="views_renderAdvents.js.html#line107">line 107</a>
</li></ul></dd>
</dl>
<h4 class="name" id="~renderTimeline"><span class="type-signature">(inner) </span>renderTimeline<span class="signature">(target)</span><span class="type-signature"></span></h4>
<div class="description">
Render Timeline from Advent DOM Groups
</div>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>target</code></td>
<td class="type">
<span class="param-type">HTMLElement</span>
</td>
<td class="description last">Target to render Timeline</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="views_renderAdvents.js.html">views/renderAdvents.js</a>, <a href="views_renderAdvents.js.html#line186">line 186</a>
</li></ul></dd>
</dl>
<h4 class="name" id="~toggleVisibility"><span class="type-signature">(inner) </span>toggleVisibility<span class="signature">(findFn)</span><span class="type-signature"> → {function}</span></h4>
<div class="description">
Creates Function to toggle Visibility of Element given a Find Function
</div>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>findFn</code></td>
<td class="type">
<span class="param-type">function</span>
</td>
<td class="description last">Function to find Element to Toggle from Target</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="views_renderAdvents.js.html">views/renderAdvents.js</a>, <a href="views_renderAdvents.js.html#line160">line 160</a>
</li></ul></dd>
</dl>
<h5>Returns:</h5>
<div class="param-desc">
Function to toggle Visibility of Element
</div>
<dl>
<dt>
Type
</dt>
<dd>
<span class="param-type">function</span>
</dd>
</dl>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-advents.html">advents</a></li><li><a href="module-compareDates.html">compareDates</a></li><li><a href="module-groupAdvents.html">groupAdvents</a></li><li><a href="module-index.html">index</a></li><li><a href="module-isType.html">isType</a></li><li><a href="module-json-timeline.html">json-timeline</a></li><li><a href="module-loadAdvents.html">loadAdvents</a></li><li><a href="module-renderAdvents.html">renderAdvents</a></li><li><a href="module-schemas.html">schemas</a></li><li><a href="module-sortAdvents.html">sortAdvents</a></li><li><a href="module-validateSchema.html">validateSchema</a></li></ul>
</nav>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.6</a> on Mon Dec 14 2020 23:14:56 GMT-0500 (Eastern Standard Time)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>