File size: 6,788 Bytes
9f149f3
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2cdd1ea
9f149f3
 
 
 
2cdd1ea
ec64056
 
9f149f3
 
 
 
 
 
2cdd1ea
9f149f3
 
 
 
2cdd1ea
9f149f3
 
 
 
 
ec64056
9f149f3
 
ec64056
 
 
 
 
9f149f3
 
ec64056
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9f149f3
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ETSI Document Finder</title>
    <link rel="stylesheet" href="/static/style.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap">
</head>
<body>
    <header>
        <div class="container header-content">
            <div class="logo">
                <h1>ETSI Document Finder</h1>
            </div>
        </div>
    </header>

    <div class="container">
        <div class="search-container">
            <div class="search-header">
                <h2 id="dynamicTitle">Find ETSI Documents</h2>
                <p id="dynamicDesc">Enter a SET/SCP/TS document ID to locate the document in the ETSI DocBox server.</p>
            </div>

            <div class="search-mode">
                <button id="single-mode-btn" class="active">Single Document</button>
                <button id="batch-mode-btn">Batch Search</button>
                <button id="keyword-mode-btn">Keyword Search</button>
                <button id="exp-mode-btn">Experimental Search (Using BM25)</button>
            </div>

            <div class="search-form">
                <div class="input-group single-input">
                    <label for="doc-id">Document ID</label>
                    <div class="input-field">
                        <input type="text" id="doc-id" placeholder="Enter SET/SCP/TS document ID (e.g. SETREQ(15)0015451r1, SCP(12)15151, 103 666-2)">
                        <button id="search-btn" class="btn">Search</button>
                    </div>
                </div>

                <div class="input-group batch-input">
                    <label for="batch-ids">Document IDs or Specification IDs (one per line)</label>
                    <textarea id="batch-ids" placeholder="Enter document IDs or specification IDs, one per line (e.g., S1-123456, C2-987654, 31.102)"></textarea>
                    <div class="hint">Enter one document ID per line</div>
                    <button id="batch-search-btn" class="btn" style="margin-top: 10px;">Search All</button>
                </div>
                
                <div class="input-group keyword-input">
                    <div class="input-field">
                        <select name="search_mode" class="filter-select" id="search-mode">
                            <option value="quick">Quick Search (only title & scope)</option>
                            <option value="deep">Deep Search</option>
                        </select>
                        <input type="text" id="keywords" placeholder="Enter your keywords separated by comma">
                        <button id="keyword-search-btn" class="btn">Search</button>
                    </div>
                    <div class="filter-tab-container">
                        <button type="button" id="toggleFilters" class="filter-toggle-btn">
                            <span>Filters</span>
                            <svg width="16" height="16" style="vertical-align:middle" fill="currentColor">
                                <path d="M4 7l4 4 4-4"></path>
                            </svg>
                        </button>
                        <form id="filtersForm" class="filters-row" style="display:none;">
                            <input type="number" min="0" max="21" name="release" placeholder="Release"
                                class="filter-input">

                            <select name="mode" class="filter-select">
                                <option value="and">AND</option>
                                <option value="or">OR</option>
                            </select>

                            <select name="spec_type" class="filter-select">
                                <option value="">All types</option>
                                <option value="TR">Technical Report (TR)</option>
                                <option value="TS">Technical Specification (TS)</option>
                            </select>

                            <label class="filter-checkbox-label">
                                <input type="checkbox" name="case_sensitive" class="filter-checkbox" />
                                Case sensitive
                            </label>
                        </form>
                    </div>
                </div>

                <div class="input-group experimental-input">
                    <div class="input-field">
                        <input type="number" name="threshold" id="threshold" class="filter-input" min="30" max="100" placeholder="Min %">
                        <input type="text" id="exp-keywords" placeholder="Enter keywords separated by spaces">
                        <button id="exp-search-btn" class="btn">Search</button>
                    </div>
                    <div class="filter-tab-container">
                        <button type="button" id="toggleFilters2" class="filter-toggle-btn">
                            <span>Filters</span>
                            <svg width="16" height="16" style="vertical-align:middle" fill="currentColor">
                                <path d="M4 7l4 4 4-4"></path>
                            </svg>
                        </button>
                        <form id="filtersForm2" class="filters-row" style="display:none;">
                            <input type="number" min="0" max="21" name="release2" placeholder="Release"
                                class="filter-input">

                            <select name="spec_type2" class="filter-select">
                                <option value="">All types</option>
                                <option value="TR">Technical Report (TR)</option>
                                <option value="TS">Technical Specification (TS)</option>
                            </select>
                        </form>
                    </div>
                </div>
            </div>

            <div class="error-message" id="error-message"></div>

            <div class="loader" id="loader">
                <div class="spinner"></div>
                <p>Searching for documents...</p>
            </div>
        </div>

        <div class="results-container" id="results-container">
            <div class="results-header">
                <h2>Search Results</h2>
                <div class="results-stats" id="results-stats"></div>
            </div>
            <div class="results-list" id="results-list"></div>
        </div>
    </div>

    <footer>
        <p>© 2025 ETSI Document Finder | Powered by FastAPI</p>
    </footer>

    <script src="/static/script.js"></script>
</body>
</html>