File size: 5,085 Bytes
865f0b3
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="km">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>SummarizeKH - αžŸαž„αŸ’αžαŸαž”αž’αžαŸ’αžαž”αž‘αž‡αžΆαž—αžΆαžŸαžΆαžαŸ’αž˜αŸ‚αžš</title>
    <link

      href="https://fonts.googleapis.com/css2?family=Hanuman:wght@400;700&display=swap"

      rel="stylesheet"

    />
    <link

      rel="stylesheet"

      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"

    />
    <link

      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css"

      rel="stylesheet"

    />
    <link href="../static/style.css" rel="stylesheet" />
    <link href="../static/index.css" rel="stylesheet" />
  </head>
  <body>
    <header>
      <div class="logo">
        <img

          src="{{ url_for('static', filename='image/ams.png') }}"

          alt="AMS logo"

        />
        <div class="title">
          αžŠαŸαž”αŸ‰αžΆαžαžΊαž˜αŸ‰αž„αŸ‹αž‚αžŽαž·αžαžœαž·αž‘αŸ’αž™αžΆαž’αž“αž»αžœαžαŸ’αž αž“αž·αž„αžŸαŸ’αžαž·αžαž·<br />
          Department of Applied Mathematics and Statistics
        </div>
        <div class="main-title">SUMMARIZE KH<br /></div>
      </div>
      <nav class="navbar navbar-expand-lg navbar-custom">
        <div class="container-fluid">
          <div class="collapse navbar-collapse show d-flex justify-content-between align-items-center">
            <ul class="navbar-nav mb-2 mb-lg-0 d-flex flex-wrap">
              <li class="nav-item">
                <a class="nav-link" href="{{ url_for('index') }}">Home</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="{{ url_for('how_to_use') }}">How to Use</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="{{ url_for('about') }}">About Us</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="{{ url_for('contact') }}">Contact</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </header>

    <main class="translator container my-4">
      <!-- Input Section -->
      <section class="box mb-4">
        <label for="input">αž—αžΆαžŸαžΆαžαŸ’αž˜αŸ‚αžš</label>
        <div id="input" class="editable" contenteditable="true" data-placeholder="αžŸαžΌαž˜αž”αž‰αŸ’αž…αžΌαž›αž’αžαŸ’αžαž”αž‘αžŸαž„αŸ’αžαŸαž”"></div>

        <div class="bottom-bar d-flex justify-content-between align-items-center mt-3">
          <div class="icon-buttons">
            <button class="icon-btn" onclick="copyInputText()" title="αž…αž˜αŸ’αž›αž„">
              <i class="fas fa-copy"></i>
            </button>
            <button class="icon-btn" onclick="clearInput()" title="αž›αž»αž”">
              <i class="fas fa-times"></i>
            </button>
          </div>
          <button class="btn-summarize" onclick="summarizeText()">αžŸαž„αŸ’αžαŸαž”</button>
        </div>
      </section>

      <!-- Outputs Section -->
      <section class="outputs-container">
        <div class="output-section">
          <div class="model-dropdown">
            <label for="model-select-1">αž‡αŸ’αžšαžΎαžŸαžšαžΎαžŸ Model:</label>
            <select id="model-select-1">
              <option value="model1">Model 1 - mBART</option>
              <option value="model2">Model 2 - mT5</option>
            </select>
          </div>
          <div class="output-box-wrapper">
            <label>αž›αž‘αŸ’αž’αž•αž›αžŸαž„αŸ’αžαŸαž”</label>
            <div id="output1" class="output-content" data-placeholder="αž›αž‘αŸ’αž’αž•αž›αžŸαž„αŸ’αžαŸαž”αž“αžΉαž„αž”αž„αŸ’αž αžΆαž‰αž“αŸ…αž‘αžΈαž“αŸαŸ‡"></div>
            <button class="icon-btn" onclick="copyOutput('output1')" title="αž…αž˜αŸ’αž›αž„αž›αž‘αŸ’αž’αž•αž›">
              <i class="fas fa-copy"></i>
            </button>
          </div>
        </div>

        <div class="output-section">
          <div class="model-dropdown">
            <label for="model-select-2">αž‡αŸ’αžšαžΎαžŸαžšαžΎαžŸ Model:</label>
            <select id="model-select-2">
              <option value="model1">Model 1 - mBART</option>
              <option value="model2" selected>Model 2 - mT5</option>
            </select>
          </div>
          <div class="output-box-wrapper">
            <label>αž›αž‘αŸ’αž’αž•αž›αžŸαž„αŸ’αžαŸαž”</label>
            <div id="output2" class="output-content" data-placeholder="αž›αž‘αŸ’αž’αž•αž›αžŸαž„αŸ’αžαŸαž”αž“αžΉαž„αž”αž„αŸ’αž αžΆαž‰αž“αŸ…αž‘αžΈαž“αŸαŸ‡"></div>
            <button class="icon-btn" onclick="copyOutput('output2')" title="αž…αž˜αŸ’αž›αž„αž›αž‘αŸ’αž’αž•αž›">
              <i class="fas fa-copy"></i>
            </button>
          </div>
        </div>
      </section>
    </main>

    <!-- JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
    <script src="../static/index.js"></script>
  </body>
</html>