<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>React Frontend — Music Tools documentation</title> <link rel="stylesheet" href="../_static/pygments.css" type="text/css" /> <link rel="stylesheet" href="../_static/alabaster.css" type="text/css" /> <script id="documentation_options" data-url_root="../" src="../_static/documentation_options.js"></script> <script src="../_static/jquery.js"></script> <script src="../_static/underscore.js"></script> <script src="../_static/doctools.js"></script> <link rel="index" title="Index" href="../genindex.html" /> <link rel="search" title="Search" href="../search.html" /> <link rel="next" title="Playlist" href="MusicTools.Playlist.html" /> <link rel="prev" title="music.tasks" href="music.tasks.html" /> <link rel="stylesheet" href="../_static/custom.css" type="text/css" /> <meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9" /> </head><body> <div class="document"> <div class="documentwrapper"> <div class="bodywrapper"> <div class="body" role="main"> <div class="section" id="react-frontend"> <h1>React Frontend<a class="headerlink" href="#react-frontend" title="Permalink to this headline">¶</a></h1> <div class="toctree-wrapper compound"> <ul> <li class="toctree-l1"><a class="reference internal" href="MusicTools.Playlist.html">Playlist</a><ul> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#router">Router</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#cards-list">Cards List</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#new-playlist-card">New Playlist Card</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#view-edit-card">View/Edit Card</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#stats-card">Stats Card</a></li> </ul> </li> <li class="toctree-l1"><a class="reference internal" href="MusicTools.Tag.html">Tag</a><ul> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Tag.html#router">Router</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Tag.html#cards-list">Cards List</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Tag.html#new-tag-card">New Tag Card</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Tag.html#view-edit-tag">View/Edit Tag</a></li> </ul> </li> <li class="toctree-l1"><a class="reference internal" href="MusicTools.Maths.html">Maths</a><ul> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Maths.html#bar-chart">Bar Chart</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Maths.html#pie-chart">Pie Chart</a></li> </ul> </li> <li class="toctree-l1"><a class="reference internal" href="MusicTools.Admin.html">Admin</a><ul> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Admin.html#router">Router</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Admin.html#lock">Lock</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Admin.html#functions">Functions</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Admin.html#tasks">Tasks</a></li> </ul> </li> <li class="toctree-l1"><a class="reference internal" href="MusicTools.Settings.html">Settings</a><ul> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Settings.html#router">Router</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Settings.html#change-password">Change Password</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Settings.html#spotify-link">Spotify Link</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Settings.html#last-fm-username">Last.fm Username</a></li> </ul> </li> </ul> </div> <dl class="js class"> <dt id="MusicTools"> <em class="property"><span class="pre">class</span> </em><code class="sig-name descname"><span class="pre">MusicTools</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">props</span></em><span class="sig-paren">)</span><a class="headerlink" href="#MusicTools" title="Permalink to this definition">¶</a></dt> <dd><p>Root component for app</p> <dl class="js function"> <dt id="MusicTools.componentDidMount"> <code class="sig-prename descclassname"><span class="pre">MusicTools.</span></code><code class="sig-name descname"><span class="pre">componentDidMount</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#MusicTools.componentDidMount" title="Permalink to this definition">¶</a></dt> <dd><p>Get user info from API on load</p> </dd></dl> <dl class="js function"> <dt id="MusicTools.componentWillUnmount"> <code class="sig-prename descclassname"><span class="pre">MusicTools.</span></code><code class="sig-name descname"><span class="pre">componentWillUnmount</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#MusicTools.componentWillUnmount" title="Permalink to this definition">¶</a></dt> <dd><p>Cancel get user info request</p> </dd></dl> <dl class="js function"> <dt id="MusicTools.getUserInfo"> <code class="sig-prename descclassname"><span class="pre">MusicTools.</span></code><code class="sig-name descname"><span class="pre">getUserInfo</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#MusicTools.getUserInfo" title="Permalink to this definition">¶</a></dt> <dd><p>Get user info from API</p> </dd></dl> <dl class="js function"> <dt id="MusicTools.setOpen"> <code class="sig-prename descclassname"><span class="pre">MusicTools.</span></code><code class="sig-name descname"><span class="pre">setOpen</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">bool</span></em><span class="sig-paren">)</span><a class="headerlink" href="#MusicTools.setOpen" title="Permalink to this definition">¶</a></dt> <dd><p>Set whether side app drawer is open</p> <dl class="field-list simple"> <dt class="field-odd">Arguments</dt> <dd class="field-odd"><ul class="simple"> <li><p><strong>bool</strong> (<em>*</em>) – Open state of side drawer</p></li> </ul> </dd> </dl> </dd></dl> </dd></dl> </div> </div> </div> </div> <div class="sphinxsidebar" role="navigation" aria-label="main navigation"> <div class="sphinxsidebarwrapper"> <h1 class="logo"><a href="../index.html">Music Tools</a></h1> <h3>Navigation</h3> <p class="caption"><span class="caption-text">Contents:</span></p> <ul class="current"> <li class="toctree-l1"><a class="reference internal" href="music.html">Py</a></li> <li class="toctree-l1 current"><a class="current reference internal" href="#">Js</a><ul> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html">Playlist</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Tag.html">Tag</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Maths.html">Maths</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Admin.html">Admin</a></li> <li class="toctree-l2"><a class="reference internal" href="MusicTools.Settings.html">Settings</a></li> </ul> </li> <li class="toctree-l1"><a class="reference internal" href="admin.html">Admin Script</a></li> <li class="toctree-l1"><a class="reference internal" href="modules.html">All Modules</a></li> </ul> <div class="relations"> <h3>Related Topics</h3> <ul> <li><a href="../index.html">Documentation overview</a><ul> <li>Previous: <a href="music.tasks.html" title="previous chapter">music.tasks</a></li> <li>Next: <a href="MusicTools.Playlist.html" title="next chapter">Playlist</a></li> </ul></li> </ul> </div> <div id="searchbox" style="display: none" role="search"> <h3 id="searchlabel">Quick search</h3> <div class="searchformwrapper"> <form class="search" action="../search.html" method="get"> <input type="text" name="q" aria-labelledby="searchlabel" /> <input type="submit" value="Go" /> </form> </div> </div> <script>$('#searchbox').show(0);</script> </div> </div> <div class="clearer"></div> </div> <div class="footer"> ©2021, Sarsoo. | Powered by <a href="http://sphinx-doc.org/">Sphinx 3.5.4</a> & <a href="https://github.com/bitprophet/alabaster">Alabaster 0.7.12</a> | <a href="../_sources/src/MusicTools.rst.txt" rel="nofollow">Page source</a> </div> </body> </html>