canopy/www/doc/client/cPanel.html

2611 lines
26 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Class: cPanel</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">Class: cPanel</h1>
<section>
<header>
<h2><span class="attribs"><span class="type-signature"></span></span>cPanel<span class="signature">(client)</span><span class="type-signature"></span></h2>
<div class="class-description">Class containing code for managing the Canopy Panel UX</div>
</header>
<article>
<div class="container-overview">
<h2>Constructor</h2>
<h4 class="name" id="cPanel"><span class="type-signature"></span>new cPanel<span class="signature">(client)</span><span class="type-signature"></span></h4>
<div class="description">
Instantiates a new Canopy Panel Management 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>client</code></td>
<td class="type">
<span class="param-type"><a href="channel.html">channel</a></span>
</td>
<td class="description last">Parent client Management Object</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line20">line 20</a>
</li></ul></dd>
</dl>
</div>
<h3 class="subsection-title">Members</h3>
<h4 class="name" id="activePanel"><span class="type-signature"></span>activePanel<span class="type-signature"></span></h4>
<div class="description">
Active Panel Object
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line34">line 34</a>
</li></ul></dd>
</dl>
<h4 class="name" id="activePanelCloseIcon"><span class="type-signature"></span>activePanelCloseIcon<span class="type-signature"></span></h4>
<div class="description">
Active Panel Close Icon
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line86">line 86</a>
</li></ul></dd>
</dl>
<h4 class="name" id="activePanelDiv"><span class="type-signature"></span>activePanelDiv<span class="type-signature"></span></h4>
<div class="description">
Active Panel Container
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line61">line 61</a>
</li></ul></dd>
</dl>
<h4 class="name" id="activePanelDoc"><span class="type-signature"></span>activePanelDoc<span class="type-signature"></span></h4>
<div class="description">
Active Title Document Div
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line71">line 71</a>
</li></ul></dd>
</dl>
<h4 class="name" id="activePanelDragger"><span class="type-signature"></span>activePanelDragger<span class="type-signature"></span></h4>
<div class="description">
Click-Dragger object for re-sizable active panel
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line49">line 49</a>
</li></ul></dd>
</dl>
<h4 class="name" id="activePanelPinIcon"><span class="type-signature"></span>activePanelPinIcon<span class="type-signature"></span></h4>
<div class="description">
Active Panel Pin Icon
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line76">line 76</a>
</li></ul></dd>
</dl>
<h4 class="name" id="activePanelPopoutIcon"><span class="type-signature"></span>activePanelPopoutIcon<span class="type-signature"></span></h4>
<div class="description">
Active Panel Pop-Out Icon
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line81">line 81</a>
</li></ul></dd>
</dl>
<h4 class="name" id="activePanelTitle"><span class="type-signature"></span>activePanelTitle<span class="type-signature"></span></h4>
<div class="description">
Active Panel Title
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line66">line 66</a>
</li></ul></dd>
</dl>
<h4 class="name" id="client"><span class="type-signature"></span>client<span class="type-signature"></span></h4>
<div class="description">
Parent Client Management object
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line29">line 29</a>
</li></ul></dd>
</dl>
<h4 class="name" id="pinnedPanel"><span class="type-signature"></span>pinnedPanel<span class="type-signature"></span></h4>
<div class="description">
Pinned Panel Object
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line39">line 39</a>
</li></ul></dd>
</dl>
<h4 class="name" id="pinnedPanelCloseIcon"><span class="type-signature"></span>pinnedPanelCloseIcon<span class="type-signature"></span></h4>
<div class="description">
Pinned Panel Close Icon
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line117">line 117</a>
</li></ul></dd>
</dl>
<h4 class="name" id="pinnedPanelDiv"><span class="type-signature"></span>pinnedPanelDiv<span class="type-signature"></span></h4>
<div class="description">
Pinned Panel Contianer
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line92">line 92</a>
</li></ul></dd>
</dl>
<h4 class="name" id="pinnedPanelDoc"><span class="type-signature"></span>pinnedPanelDoc<span class="type-signature"></span></h4>
<div class="description">
Pinned Panel Document Div
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line102">line 102</a>
</li></ul></dd>
</dl>
<h4 class="name" id="pinnedPanelDragger"><span class="type-signature"></span>pinnedPanelDragger<span class="type-signature"></span></h4>
<div class="description">
Click-Dragger object for re-sizable pinned panel
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line54">line 54</a>
</li></ul></dd>
</dl>
<h4 class="name" id="pinnedPanelPopoutIcon"><span class="type-signature"></span>pinnedPanelPopoutIcon<span class="type-signature"></span></h4>
<div class="description">
Pinned Panel Pop-Out Icon
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line112">line 112</a>
</li></ul></dd>
</dl>
<h4 class="name" id="pinnedPanelTitle"><span class="type-signature"></span>pinnedPanelTitle<span class="type-signature"></span></h4>
<div class="description">
Pinned Panel Title
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line97">line 97</a>
</li></ul></dd>
</dl>
<h4 class="name" id="pinnedPanelUnpinIcon"><span class="type-signature"></span>pinnedPanelUnpinIcon<span class="type-signature"></span></h4>
<div class="description">
Pinned Panel Un-Pin Icon
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line107">line 107</a>
</li></ul></dd>
</dl>
<h4 class="name" id="poppedPanels"><span class="type-signature"></span>poppedPanels<span class="type-signature"></span></h4>
<div class="description">
Popped Panel Objects
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line44">line 44</a>
</li></ul></dd>
</dl>
<h3 class="subsection-title">Methods</h3>
<h4 class="name" id="hideActivePanel"><span class="type-signature"></span>hideActivePanel<span class="signature">(event, keepAlive)</span><span class="type-signature"></span></h4>
<div class="description">
Hides active panel
</div>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Default</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>event</code></td>
<td class="type">
<span class="param-type">Event</span>
</td>
<td class="default">
</td>
<td class="description last">Event passed down from Input Handler</td>
</tr>
<tr>
<td class="name"><code>keepAlive</code></td>
<td class="type">
<span class="param-type">Boolean</span>
</td>
<td class="default">
false
</td>
<td class="description last">Prevents closing panel if true</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line161">line 161</a>
</li></ul></dd>
</dl>
<h4 class="name" id="hidePinnedPanel"><span class="type-signature"></span>hidePinnedPanel<span class="signature">(event, keepAlive)</span><span class="type-signature"></span></h4>
<div class="description">
Hides pinned panel
</div>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Default</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>event</code></td>
<td class="type">
<span class="param-type">Event</span>
</td>
<td class="default">
</td>
<td class="description last">Passed down input event</td>
</tr>
<tr>
<td class="name"><code>keepAlive</code></td>
<td class="type">
<span class="param-type">Boolean</span>
</td>
<td class="default">
false
</td>
<td class="description last">Prevents panel.closer() from running if true</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line221">line 221</a>
</li></ul></dd>
</dl>
<h4 class="name" id="pinPanel"><span class="type-signature"></span>pinPanel<span class="signature">()</span><span class="type-signature"></span></h4>
<div class="description">
Pins active panel
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line177">line 177</a>
</li></ul></dd>
</dl>
<h4 class="name" id="popActivePanel"><span class="type-signature"></span>popActivePanel<span class="signature">()</span><span class="type-signature"></span></h4>
<div class="description">
Pop's out active panel
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line185">line 185</a>
</li></ul></dd>
</dl>
<h4 class="name" id="popPanel"><span class="type-signature"></span>popPanel<span class="signature">(panel, panelBody)</span><span class="type-signature"></span></h4>
<div class="description">
Pops a new pop-out panel
</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>panel</code></td>
<td class="type">
<span class="param-type"><a href="panelObj.html">panelObj</a></span>
</td>
<td class="description last">panelObj to apply to the panel</td>
</tr>
<tr>
<td class="name"><code>panelBody</code></td>
<td class="type">
<span class="param-type">String</span>
</td>
<td class="description last">Raw HTML to inject into panel body, injects panel default if left to null</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line252">line 252</a>
</li></ul></dd>
</dl>
<h4 class="name" id="popPinnedPanel"><span class="type-signature"></span>popPinnedPanel<span class="signature">()</span><span class="type-signature"></span></h4>
<div class="description">
Pops pinned panel
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line242">line 242</a>
</li></ul></dd>
</dl>
<h4 class="name" id="setActivePanel"><span class="type-signature">(async) </span>setActivePanel<span class="signature">(panel, panelBody)</span><span class="type-signature"></span></h4>
<div class="description">
Sets Active Panel
</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>panel</code></td>
<td class="type">
<span class="param-type"><a href="panelObj.html">panelObj</a></span>
</td>
<td class="description last">Panel Object to set as active</td>
</tr>
<tr>
<td class="name"><code>panelBody</code></td>
<td class="type">
<span class="param-type">String</span>
</td>
<td class="description last">innerHTML of Panel, pulls from panelObj.getPage() if empty</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line139">line 139</a>
</li></ul></dd>
</dl>
<h4 class="name" id="setPinnedPanel"><span class="type-signature">(async) </span>setPinnedPanel<span class="signature">(panel, panelBody)</span><span class="type-signature"></span></h4>
<div class="description">
Sets pinned panel
</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>panel</code></td>
<td class="type">
<span class="param-type"><a href="panelObj.html">panelObj</a></span>
</td>
<td class="description last">Panel Object to apply to panel</td>
</tr>
<tr>
<td class="name"><code>panelBody</code></td>
<td class="type">
<span class="param-type">String</span>
</td>
<td class="description last">Raw HTML to inject into panel body, defaults to panel page if null</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line195">line 195</a>
</li></ul></dd>
</dl>
<h4 class="name" id="setupInput"><span class="type-signature"></span>setupInput<span class="signature">()</span><span class="type-signature"></span></h4>
<div class="description">
Defines input-related event listeners
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line125">line 125</a>
</li></ul></dd>
</dl>
<h4 class="name" id="unpinPanel"><span class="type-signature"></span>unpinPanel<span class="signature">()</span><span class="type-signature"></span></h4>
<div class="description">
Sets pinned panel to active
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="cpanel.js.html">cpanel.js</a>, <a href="cpanel.js.html#line234">line 234</a>
</li></ul></dd>
</dl>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="addURLPopup.html">addURLPopup</a></li><li><a href="cPanel.html">cPanel</a></li><li><a href="channel.html">channel</a></li><li><a href="chatBox.html">chatBox</a></li><li><a href="chatPostprocessor.html">chatPostprocessor</a></li><li><a href="clearPopup.html">clearPopup</a></li><li><a href="commandPreprocessor.html">commandPreprocessor</a></li><li><a href="commandProcessor.html">commandProcessor</a></li><li><a href="defaultTitlesPopup.html">defaultTitlesPopup</a></li><li><a href="emotePanel.html">emotePanel</a></li><li><a href="hlsBase.html">hlsBase</a></li><li><a href="hlsLiveStreamHandler.html">hlsLiveStreamHandler</a></li><li><a href="mediaHandler.html">mediaHandler</a></li><li><a href="newPlaylistPopup.html">newPlaylistPopup</a></li><li><a href="nullHandler.html">nullHandler</a></li><li><a href="panelObj.html">panelObj</a></li><li><a href="player.html">player</a></li><li><a href="playlistManager.html">playlistManager</a></li><li><a href="poppedPanel.html">poppedPanel</a></li><li><a href="queuePanel.html">queuePanel</a></li><li><a href="rawFileBase.html">rawFileBase</a></li><li><a href="rawFileHandler.html">rawFileHandler</a></li><li><a href="renamePopup.html">renamePopup</a></li><li><a href="reschedulePopup.html">reschedulePopup</a></li><li><a href="schedulePopup.html">schedulePopup</a></li><li><a href="settingsPanel.html">settingsPanel</a></li><li><a href="userList.html">userList</a></li><li><a href="youtubeEmbedHandler.html">youtubeEmbedHandler</a></li></ul><h3>Global</h3><ul><li><a href="global.html#onYouTubeIframeAPIReady">onYouTubeIframeAPIReady</a></li></ul>
</nav>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.4</a> on Sat Sep 06 2025 19:07:57 GMT-0400 (Eastern Daylight Time)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>