nextcloud-app-radio/templates/main.php

<?php
  style('radio', 'main');
  script('radio', 'main');
  OC_Util::addScript('search', 'search', true);
  OC_Util::addScript('search', 'searchprovider');
?>

    <div id="content" class="app-files" role="main">
        <div id="app-navigation">
            <ul class="with-icon">
                <li data-id="files" class="nav-files">
                    <a href="#" class="nav-icon-files svg">
				Top			</a>
                </li>
                <li data-id="recent" class="nav-recent">
                    <a href="#" class="nav-icon-recent svg">
				Recent			</a>
                </li>
                <li data-id="favorites" class="nav-favorites">
                    <a href="#" class="nav-icon-favorites svg">
				Favorites			</a>
                </li>
                <li data-id="sharingin" class="nav-sharingin">
                    <a href="#" class="nav-icon-sharingin svg">
				Categories			</a>
                </li>
            </ul>
            <div id="app-settings">
                <audio id="player" src=""></audio>
                <button id="playbutton" class="play"></button>
                <div id="volumeslider"></div>
                <p id="station_metadata"></p>
            </div>
        </div>
    <div id="app-content">
        <div id="app-content-files" class="viewcontainer">
            <!-- <div class="mask transparent icon-loading"></div> -->

            <div class="nofilterresults emptycontent hidden">
            	<div class="icon-search"></div>
            	<h2><?php p($l->t('No stations found with this name')); ?></h2>
            	<p></p>
            </div>

            <div class="loading emptycontent hidden">
            </div>

            <div id="emptycontent" class="hidden">
            	<div class="icon-starred"></div>
            	<h2><?php p($l->t('No favorites yet')); ?></h2>
            	<p><?php p($l->t('Stations you mark as favorite will show up here')); ?></p>
            </div>

            <table id="filestable" data-preview-x="32" data-preview-y="32">
                <thead>
                    <tr>
                        <th id='headerName' class=" column-name" colspan="2">
                            <div id="headerName-container">
                                <a class="name sort columntitle" data-sort="name"><span>Name</span><span class="sort-indicator"></span></a>
                            </div>
                        </th>
                    </tr>
                </thead>
                <tbody id="fileList">
                </tbody>
                <tfoot>
                </tfoot>
            </table>
        </div>
    </div>
    <!-- closing app-content -->