SQLPrepareStatementPertify/index.html at master · sibyaugustine/SQLPrepareStatementPertify · GitHub

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
<!DOCTYPE html>
<html>
<head>
  <title>SQL Prepared Statement Beautify</title>
  <link rel="stylesheet" href="styles/primer.css">
  <link rel="stylesheet" href="styles/styles.css">

  <script src="script/jquery-3.2.1.min.js"></script>
  <script src="script/clipboard.min.js"></script>
  <script src="script/main.js"></script>
</head>

<body>
  <header class="header gradient text-center">
  <h1 id="title_hd" class="title">SQL Prepared Statement Beautify</h1>

  <h2 class="subtitle">Copy your sql prepared statement,beautify and copy.Its Easy</h2>
  </header>

  <div id ="main" class="main_section">

  <div id="IpScript">
    <textarea id="textAreaInpScript" placeholder="Enter your script here!"></textarea>
  </div>

  <div class="btn_bar">
     <button id="btn_pertify_copy" class="btn" data-clipboard-action="copy" data-clipboard-target="#textAreaOupScript">Beautify&Copy</button>
     <button id="btn_pertify" class="btn">Beautify</button>
     <button id="btn_copy" class="btn" data-clipboard-action="copy" data-clipboard-target="#textAreaOupScript">Copy</button>
  </div>

  <div>
     <textarea id="textAreaOupScript" placeholder="Output!"></textarea>
  </div>

  </div>
</body>
</html>