<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="../css/dragula.min.css">
    <link rel="stylesheet" href="../css/tabsSearch.css"/>
</head>
<body id="masterContainer">

    <div id="controls">
        <input id="searchBar" type="text" placeholder="Search tabs..." value="" autofocus />
    </div>

    <div id="listZone" class="container"></div>
    <div id="errorZone" style="display: none;"></div>

    <div id="udArrows">
        <button id="goTop" type="button" title="To Top">
            <img style="width:1em; height:1em;" src="../icons/up-arrow.png"/>
        </button>
        <button id="goToTab" type="button" title="Scroll Current Tab To View">
            <img style="width:1em; height:1em;" src="../icons/go2-arrow.png"/>
        </button>
        <button id="newTab" type="button" title="New Tab">
            <img style="width:1em; height:1em;" src="../icons/plus.png"/>
        </button>
        <button id="goBottom" type="button" title="To Bottom">
            <img style="width:1em; height:1em;" src="../icons/down-arrow.png"/>
        </button>
    </div>


    <script src="../scripts/libs/dragula.min.js" charset="utf-8"></script>
    <script src="../scripts/dragContainersSetup.js" charset="utf-8"></script>
    <script src="../scripts/generateView.js"></script>
    <script src="../scripts/searchTabs.js"></script>
    <script src="../scripts/eventListeners.js" charset="utf-8"></script>
</body>
</html>