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

54 lines
2.4 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 scroller"></div>
<div id="errorZone" style="display: none;"></div>
<div id="bottomControls">
<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="newTab" title="New Tab" src="../icons/plus.png" />
<input type="image" id="searchMode" searchwindowsmode="false" src="../icons/window.png" />
<input type="image" id="newWin" title="New Window" src="../icons/add-window.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>
<div id="tabControls" style="display: none;">
<img id="popoutBttn" class="popoutImg" title="Popout Tab" src="../icons/popout-arrow.png" />
<img id="duplicateBttn" class="dupeImg" title="Duplicate Tab" src="../icons/dupeTab.png" />
<img id="muteTgglBttn" class="muterImg" title="(Un)Mute Tab" src="../icons/isNotMuted.png" />
<img id="hideTgglBttn" class="hiderImg" title="Show/Hide Tab" src="../icons/eyeOpen.png" />
</div>
<div id="tabControls2" style="display: none;">
<img id="closeBttn" class="closeImg" title="Close Tab" src="../icons/x.png" />
</div>
<template id="tabContainerTemplate">
<div title="" id="iconElm" class="">
<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>