RightPanelWidget.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>JSDoc: Class: RightPanelWidget</title>
  6. <script src="scripts/prettify/prettify.js"> </script>
  7. <script src="scripts/prettify/lang-css.js"> </script>
  8. <!--[if lt IE 9]>
  9. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  10. <![endif]-->
  11. <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
  12. <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
  13. </head>
  14. <body>
  15. <div id="main">
  16. <h1 class="page-title">Class: RightPanelWidget</h1>
  17. <section>
  18. <header>
  19. <h2><span class="attribs"><span class="type-signature"></span></span>RightPanelWidget<span class="signature">()</span><span class="type-signature"></span></h2>
  20. <div class="class-description">This widget manages rendering panels in the right-hand pane.</div>
  21. </header>
  22. <article>
  23. <div class="container-overview">
  24. <h2>Constructor</h2>
  25. <h4 class="name" id="RightPanelWidget"><span class="type-signature"></span>new RightPanelWidget<span class="signature">()</span><span class="type-signature"></span></h4>
  26. <dl class="details">
  27. <dt class="tag-source">Source:</dt>
  28. <dd class="tag-source"><ul class="dummy"><li>
  29. <a href="widgets_right_panel_widget.js.html">widgets/right_panel_widget.js</a>, <a href="widgets_right_panel_widget.js.html#line19">line 19</a>
  30. </li></ul></dd>
  31. </dl>
  32. </div>
  33. <h3 class="subsection-title">Extends</h3>
  34. <ul>
  35. <li><a href="NoteContextAwareWidget.html">NoteContextAwareWidget</a></li>
  36. </ul>
  37. <h3 class="subsection-title">Members</h3>
  38. <h4 class="name" id="hoistedNoteId"><span class="type-signature"></span>hoistedNoteId<span class="type-signature"></span></h4>
  39. <dl class="details">
  40. <dt class="tag-overrides">Overrides:</dt>
  41. <dd class="tag-overrides"><ul class="dummy"><li>
  42. <a href="NoteContextAwareWidget.html#hoistedNoteId">NoteContextAwareWidget#hoistedNoteId</a>
  43. </li></ul></dd>
  44. <dt class="tag-source">Source:</dt>
  45. <dd class="tag-source"><ul class="dummy"><li>
  46. <a href="widgets_note_context_aware_widget.js.html">widgets/note_context_aware_widget.js</a>, <a href="widgets_note_context_aware_widget.js.html#line42">line 42</a>
  47. </li></ul></dd>
  48. </dl>
  49. <h4 class="name" id="note"><span class="type-signature"></span>note<span class="type-signature"></span></h4>
  50. <dl class="details">
  51. <dt class="tag-overrides">Overrides:</dt>
  52. <dd class="tag-overrides"><ul class="dummy"><li>
  53. <a href="NoteContextAwareWidget.html#note">NoteContextAwareWidget#note</a>
  54. </li></ul></dd>
  55. <dt class="tag-source">Source:</dt>
  56. <dd class="tag-source"><ul class="dummy"><li>
  57. <a href="widgets_note_context_aware_widget.js.html">widgets/note_context_aware_widget.js</a>, <a href="widgets_note_context_aware_widget.js.html#line27">line 27</a>
  58. </li></ul></dd>
  59. </dl>
  60. <h4 class="name" id="noteContext"><span class="type-signature"></span>noteContext<span class="type-signature"> :NoteContext</span></h4>
  61. <h5>Type:</h5>
  62. <ul>
  63. <li>
  64. <span class="param-type">NoteContext</span>
  65. </li>
  66. </ul>
  67. <dl class="details">
  68. <dt class="tag-overrides">Overrides:</dt>
  69. <dd class="tag-overrides"><ul class="dummy"><li>
  70. <a href="NoteContextAwareWidget.html#noteContext">NoteContextAwareWidget#noteContext</a>
  71. </li></ul></dd>
  72. <dt class="tag-source">Source:</dt>
  73. <dd class="tag-source"><ul class="dummy"><li>
  74. <a href="widgets_note_context_aware_widget.js.html">widgets/note_context_aware_widget.js</a>, <a href="widgets_note_context_aware_widget.js.html#line108">line 108</a>
  75. </li></ul></dd>
  76. </dl>
  77. <h4 class="name" id="noteId"><span class="type-signature"></span>noteId<span class="type-signature"></span></h4>
  78. <dl class="details">
  79. <dt class="tag-overrides">Overrides:</dt>
  80. <dd class="tag-overrides"><ul class="dummy"><li>
  81. <a href="NoteContextAwareWidget.html#noteId">NoteContextAwareWidget#noteId</a>
  82. </li></ul></dd>
  83. <dt class="tag-source">Source:</dt>
  84. <dd class="tag-source"><ul class="dummy"><li>
  85. <a href="widgets_note_context_aware_widget.js.html">widgets/note_context_aware_widget.js</a>, <a href="widgets_note_context_aware_widget.js.html#line32">line 32</a>
  86. </li></ul></dd>
  87. </dl>
  88. <h4 class="name" id="notePath"><span class="type-signature"></span>notePath<span class="type-signature"></span></h4>
  89. <dl class="details">
  90. <dt class="tag-overrides">Overrides:</dt>
  91. <dd class="tag-overrides"><ul class="dummy"><li>
  92. <a href="NoteContextAwareWidget.html#notePath">NoteContextAwareWidget#notePath</a>
  93. </li></ul></dd>
  94. <dt class="tag-source">Source:</dt>
  95. <dd class="tag-source"><ul class="dummy"><li>
  96. <a href="widgets_note_context_aware_widget.js.html">widgets/note_context_aware_widget.js</a>, <a href="widgets_note_context_aware_widget.js.html#line37">line 37</a>
  97. </li></ul></dd>
  98. </dl>
  99. <h4 class="name" id="widgetTitle"><span class="type-signature"></span>widgetTitle<span class="type-signature"></span></h4>
  100. <div class="description">
  101. Title to show in the panel.
  102. </div>
  103. <dl class="details">
  104. <dt class="tag-source">Source:</dt>
  105. <dd class="tag-source"><ul class="dummy"><li>
  106. <a href="widgets_right_panel_widget.js.html">widgets/right_panel_widget.js</a>, <a href="widgets_right_panel_widget.js.html#line21">line 21</a>
  107. </li></ul></dd>
  108. </dl>
  109. <h3 class="subsection-title">Methods</h3>
  110. <h4 class="name" id="cssBlock"><span class="type-signature"></span>cssBlock<span class="signature">(block)</span><span class="type-signature"> &rarr; {this}</span></h4>
  111. <div class="description">
  112. Accepts a string of CSS to add with the widget.
  113. </div>
  114. <h5>Parameters:</h5>
  115. <table class="params">
  116. <thead>
  117. <tr>
  118. <th>Name</th>
  119. <th>Type</th>
  120. <th class="last">Description</th>
  121. </tr>
  122. </thead>
  123. <tbody>
  124. <tr>
  125. <td class="name"><code>block</code></td>
  126. <td class="type">
  127. <span class="param-type">string</span>
  128. </td>
  129. <td class="description last"></td>
  130. </tr>
  131. </tbody>
  132. </table>
  133. <dl class="details">
  134. <dt class="tag-overrides">Overrides:</dt>
  135. <dd class="tag-overrides"><ul class="dummy"><li>
  136. <a href="NoteContextAwareWidget.html#cssBlock">NoteContextAwareWidget#cssBlock</a>
  137. </li></ul></dd>
  138. <dt class="tag-source">Source:</dt>
  139. <dd class="tag-source"><ul class="dummy"><li>
  140. <a href="widgets_basic_widget.js.html">widgets/basic_widget.js</a>, <a href="widgets_basic_widget.js.html#line78">line 78</a>
  141. </li></ul></dd>
  142. </dl>
  143. <h5>Returns:</h5>
  144. <div class="param-desc">
  145. for chaining
  146. </div>
  147. <dl>
  148. <dt>
  149. Type
  150. </dt>
  151. <dd>
  152. <span class="param-type">this</span>
  153. </dd>
  154. </dl>
  155. <h4 class="name" id="doRender"><span class="type-signature"></span>doRender<span class="signature">()</span><span class="type-signature"></span></h4>
  156. <div class="description">
  157. Do not override this method unless you know what you're doing.
  158. Do not override this method unless you know what you're doing.
  159. </div>
  160. <dl class="details">
  161. <dt class="tag-overrides">Overrides:</dt>
  162. <dd class="tag-overrides"><ul class="dummy"><li>
  163. <a href="NoteContextAwareWidget.html#doRender">NoteContextAwareWidget#doRender</a>
  164. </li></ul></dd>
  165. <dt class="tag-source">Source:</dt>
  166. <dd class="tag-source"><ul class="dummy"><li>
  167. <a href="widgets_right_panel_widget.js.html">widgets/right_panel_widget.js</a>, <a href="widgets_right_panel_widget.js.html#line37">line 37</a>
  168. </li></ul></dd>
  169. </dl>
  170. <h4 class="name" id="doRenderBody"><span class="type-signature">(async) </span>doRenderBody<span class="signature">()</span><span class="type-signature"> &rarr; {Promise|undefined}</span></h4>
  171. <div class="description">
  172. Method used for rendering the body of the widget (via existing this.$body)
  173. Your class should override this method.
  174. </div>
  175. <dl class="details">
  176. <dt class="tag-source">Source:</dt>
  177. <dd class="tag-source"><ul class="dummy"><li>
  178. <a href="widgets_right_panel_widget.js.html">widgets/right_panel_widget.js</a>, <a href="widgets_right_panel_widget.js.html#line66">line 66</a>
  179. </li></ul></dd>
  180. </dl>
  181. <h5>Returns:</h5>
  182. <div class="param-desc">
  183. if widget needs async operation to initialize, it can return a Promise
  184. </div>
  185. <dl>
  186. <dt>
  187. Type
  188. </dt>
  189. <dd>
  190. <span class="param-type">Promise</span>
  191. |
  192. <span class="param-type">undefined</span>
  193. </dd>
  194. </dl>
  195. <h4 class="name" id="isEnabled"><span class="type-signature"></span>isEnabled<span class="signature">()</span><span class="type-signature"> &rarr; {boolean}</span></h4>
  196. <dl class="details">
  197. <dt class="tag-overrides">Overrides:</dt>
  198. <dd class="tag-overrides"><ul class="dummy"><li>
  199. <a href="NoteContextAwareWidget.html#isEnabled">NoteContextAwareWidget#isEnabled</a>
  200. </li></ul></dd>
  201. <dt class="tag-source">Source:</dt>
  202. <dd class="tag-source"><ul class="dummy"><li>
  203. <a href="widgets_note_context_aware_widget.js.html">widgets/note_context_aware_widget.js</a>, <a href="widgets_note_context_aware_widget.js.html#line53">line 53</a>
  204. </li></ul></dd>
  205. </dl>
  206. <h5>Returns:</h5>
  207. <div class="param-desc">
  208. true when an active note exists
  209. </div>
  210. <dl>
  211. <dt>
  212. Type
  213. </dt>
  214. <dd>
  215. <span class="param-type">boolean</span>
  216. </dd>
  217. </dl>
  218. <h4 class="name" id="refreshWithNote"><span class="type-signature">(async) </span>refreshWithNote<span class="signature">(note)</span><span class="type-signature"> &rarr; {Promise.&lt;void>}</span></h4>
  219. <div class="description">
  220. Override this method to be able to refresh your
  221. widget with each note.
  222. </div>
  223. <h5>Parameters:</h5>
  224. <table class="params">
  225. <thead>
  226. <tr>
  227. <th>Name</th>
  228. <th>Type</th>
  229. <th class="last">Description</th>
  230. </tr>
  231. </thead>
  232. <tbody>
  233. <tr>
  234. <td class="name"><code>note</code></td>
  235. <td class="type">
  236. <span class="param-type"><a href="FNote.html">FNote</a></span>
  237. </td>
  238. <td class="description last"></td>
  239. </tr>
  240. </tbody>
  241. </table>
  242. <dl class="details">
  243. <dt class="tag-overrides">Overrides:</dt>
  244. <dd class="tag-overrides"><ul class="dummy"><li>
  245. <a href="NoteContextAwareWidget.html#refreshWithNote">NoteContextAwareWidget#refreshWithNote</a>
  246. </li></ul></dd>
  247. <dt class="tag-source">Source:</dt>
  248. <dd class="tag-source"><ul class="dummy"><li>
  249. <a href="widgets_note_context_aware_widget.js.html">widgets/note_context_aware_widget.js</a>, <a href="widgets_note_context_aware_widget.js.html#line73">line 73</a>
  250. </li></ul></dd>
  251. </dl>
  252. <h5>Returns:</h5>
  253. <dl>
  254. <dt>
  255. Type
  256. </dt>
  257. <dd>
  258. <span class="param-type">Promise.&lt;void></span>
  259. </dd>
  260. </dl>
  261. </article>
  262. </section>
  263. </div>
  264. <nav>
  265. <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BasicWidget.html">BasicWidget</a></li><li><a href="FAttachment.html">FAttachment</a></li><li><a href="FAttribute.html">FAttribute</a></li><li><a href="FBranch.html">FBranch</a></li><li><a href="FNote.html">FNote</a></li><li><a href="FrontendScriptApi.html">FrontendScriptApi</a></li><li><a href="NoteContextAwareWidget.html">NoteContextAwareWidget</a></li><li><a href="RightPanelWidget.html">RightPanelWidget</a></li></ul><h3>Global</h3><ul><li><a href="global.html#api">api</a></li><li><a href="global.html#getJsonContent">getJsonContent</a></li><li><a href="global.html#getJsonContentSafely">getJsonContentSafely</a></li></ul>
  266. </nav>
  267. <br class="clear">
  268. <footer>
  269. Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a>
  270. </footer>
  271. <script> prettyPrint(); </script>
  272. <script src="scripts/linenumber.js"> </script>
  273. </body>
  274. </html>