forked from lalit10/SimplyClip
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathpopup.html
74 lines (67 loc) · 3.21 KB
/
popup.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=0.5">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>SimplyClip</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<link rel="stylesheet" href="popup.css">
</head>
<body>
<!-- I-Frame for script injection in order to test the extension using automated script. Uncomment the below line to test the code-->
<!-- <iframe src="./test/test.html" style="width: 0px;height: 0px;border:0;" title="description"></iframe>-->
<div class="container-fluid p-5 text-black">
<label class="switch" title="Click here to save your copied text!!">
<input type="checkbox" id="toggle-button" >
<span class="slider round"></span>
</label>
<div class="text-center">
<div class="row">
<div class="column" >
<img src="images/paper-note-32.png" class='icon_32' id = "column" ></img>
</div>
<div class="column headertext" >
<h2 >SimplyClip</h2>
</div>
</div>
<p id = "header" class="animated-text">Copy, Paste and Edit Stuff!</p>
<div id="download-btn1">
<img class='csv' src="images/csv-note.png" width = "35px" height="35px" alt="download" title="Click here to export to CSV">
<!-- <img class='doc' src="images/doc-note.png" width = "35px" height="35px" alt="download" title="Click here to export to DOC"> -->
<!-- <img src="images/download-note.png" width = "35px" height="35px" alt="download" title="Click here to download your saved text!"> -->
</div>
<div id="download-btn2">
<!-- <img class='csv' src="images/csv-note.png" width = "35px" height="35px" alt="download" title="Click here to export to CSV"> -->
<img class='doc' src="images/doc-note.png" width = "35px" height="35px" alt="download" title="Click here to export to DOC">
<!-- <img src="images/download-note.png" width = "35px" height="35px" alt="download" title="Click here to download your saved text!"> -->
</div>
<div id="add-btn">
<img src="images/add-note.png" width = "35px" height="35px" alt="add" title="Click here to add new row!">
</div>
<div id="delete-btn">
<img src="images/delete-note.png" width = "35px" height="35px" alt="add" title="Click here to clear the clipboard!">
</div>
</div>
</div>
<div class="text-left" id="search">
<input type="text" id="searchText" class="form-control" placeholder="search for text" autofocus />
</div>
<!--
<input id="addrow" type="button" value="Add" title="Click to add a new row" /> -->
<!-- <nav class="navbar navbar-dark fixed-top">
</nav> -->
<div id="empty-div" class="jumbotron jumbotron-fluid hide-div">
<div class="container">
<!-- <h4 id="empty-title">No text found !!</h4> -->
<p class="lead"> Its Lonely Here :( </p>
<a target="_blank" id="learn-btn" href="https://github.com/umagnanasundaram2128/SimplyClip">
SimplyClip
</a>
</div>
</div>
<ul id="clipboard_list"></ul>
<div id="snackbar">Text copied!</div>
<script type="text/javascript" src="popup.js"></script>
</body>
</html>