|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
|
<head>
|
|
|
<link href="./style.css" type="text/css" rel="stylesheet">
|
|
|
|
|
|
<!-- <script src="./index.js"></script> -->
|
|
|
|
|
|
|
|
|
</head>
|
|
|
<body>
|
|
|
|
|
|
<div class="container">
|
|
|
<div class="col">
|
|
|
<div class="row">
|
|
|
<button onclick="srSub.classList.toggle('hidden')">Search & Replace</button>
|
|
|
<button onclick="spSub.classList.toggle('hidden')">Suffix / Prefix</button>
|
|
|
<button onclick="reSub.classList.toggle('hidden')">Rename</button>
|
|
|
</div>
|
|
|
<div id="srSub" class="col subContainer fill-width" id="s&r">
|
|
|
|
|
|
<input width="100%" class="fill-width" type="text" placeholder="SEARCH FOR TEXT">
|
|
|
<input width="100%" class="fill-width" type="text" placeholder="REPLACE WITH TEXT">
|
|
|
<button>Search & Replace</button>
|
|
|
</div>
|
|
|
<div id="spSub" class="col subContainer fill-width hidden" id="s&r">
|
|
|
<div class="row fill-width">
|
|
|
<input class="fill-width" type="text" placeholder="SUFFIX"><button class="fortyFive">Add Suffix</button>
|
|
|
</div>
|
|
|
<div class="row fill-width">
|
|
|
<input class="fill-width" type="text" placeholder="PREFIX"><button class="fortyFive">Add Preffix</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="reSub" class="col subContainer fill-width hidden " id="s&r">
|
|
|
<div class="row fill-width">
|
|
|
<input class="fill-width" type="text" placeholder="Rename"><button class="fortyFive">Rename</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="anchorBottomRight"><p>v1.1</p></div>
|
|
|
<div class="anchorTopLeft"><button onclick="document.location.href ='./index.html'"> < </button></div>
|
|
|
</body>
|
|
|
<script>
|
|
|
srSub = document.getElementById("srSub");
|
|
|
spSub = document.getElementById("spSub");
|
|
|
reSub = document.getElementById("reSub");
|
|
|
</script>
|
|
|
<script src="./CSInterface.js"></script>’
|
|
|
<script src="./index.js"></script>
|
|
|
</html>
|
|
|
|
