Tab-Search-and-Manage/src/pages/tabsSearch.html

44 lines
1.8 KiB
HTML
Executable File

<!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">
<input type="image" id="goTop" title="To Top" src="../icons/up-arrow.png" />
<input type="image" id="showAllBttn" title="Unhide All Tabs" src="../icons/eyeOpen.png" />
<input type="image" id="goToTab" title="Scroll Current Tab To View" src="../icons/go2-arrow.png" />
<input type="image" id="searchMode" searchwindowsmode="false" src="../icons/window.png" />
<input type="image" id="newTab" title="New Tab" src="../icons/plus.png" />
<input type="image" id="hideAllBttn" title="Hide All Tabs" src="../icons/eyeClosed.png"/>
<input type="image" id="goBottom" title="To Bottom" src="../icons/down-arrow.png"/>
</div>
<template id="tabContainerTemplate">
<div title="" id="iconElm" class="">
<img id="closeBttn" class="closeImg" src="" />
<img id="hideTgglBttn" class="hiderImg" src="" />
<p class="pTagTitleText" ></p>
</div>
</template>
<script src="../scripts/libs/dragula.min.js" charset="utf-8"></script>
<script src="../scripts/dragContainersSetup.js" charset="utf-8"></script>
<script src="../scripts/showHideLogic.js"></script>
<script src="../scripts/generateView.js"></script>
<script src="../scripts/searchTabs.js"></script>
<script src="../scripts/eventListeners.js" charset="utf-8"></script>
</body>
</html>