Hugging Face's logo

Spaces:
JackSparrow89
/
Semantic_File
Sleeping

App Files Community
JackSparrow89 commited on
Commit
1fc0714
·
verified ·
1 Parent(s): dec369c

Update templates/results.html

Browse files
Files changed (1) hide show
  1. templates/results.html +153 -153
templates/results.html CHANGED
@@ -1,153 +1,153 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Results — {{ query }}</title>
7
- <link rel="stylesheet" href="/static/style.css">
8
- </head>
9
- <body>
10
-
11
- <nav>
12
- <a href="/" class="brand">🔍 Semantic Search</a>
13
- <a href="/">Search</a>
14
- <a href="/dashboard">Dashboard</a>
15
- </nav>
16
-
17
- <div class="container">
18
-
19
- <!-- search bar stays on results page -->
20
- <div class="search-card" style="margin-top:1.5rem; max-width:100%;">
21
- <form action="/search" method="post">
22
- <div class="search-row">
23
- <input
24
- class="search-input"
25
- type="text"
26
- name="query"
27
- value="{{ query }}"
28
- required
29
- />
30
- <button class="btn-search" type="submit">Search</button>
31
- </div>
32
- <div class="filters">
33
- <label>Top results:</label>
34
- <select name="top_k">
35
- <option value="5" {% if top_k==5 %}selected{% endif %}>5</option>
36
- <option value="10" {% if top_k==10 %}selected{% endif %}>10</option>
37
- <option value="20" {% if top_k==20 %}selected{% endif %}>20</option>
38
- </select>
39
- </div>
40
- </form>
41
- </div>
42
-
43
- <div class="results-layout">
44
-
45
- <!-- LEFT — ranked results -->
46
- <div>
47
- <div class="results-header">
48
- <h2>Results for "{{ query }}"</h2>
49
- <div class="results-meta">
50
- {{ total }} result{{ "s" if total != 1 else "" }}
51
- &nbsp;·&nbsp; {{ elapsed }}s
52
- &nbsp;·&nbsp; Full pipeline
53
- </div>
54
- </div>
55
-
56
- {% if expanded_query and expanded_query != query %}
57
- <div class="expanded-tag">
58
- <strong>Expanded:</strong> {{ expanded_query }}
59
- </div>
60
- {% endif %}
61
-
62
- {% if results %}
63
- {% for r in results %}
64
- <div class="result-card">
65
- <div class="result-top">
66
- <div class="result-title">
67
- {{ r.icon }}&nbsp; {{ r.doc_id }}
68
- </div>
69
- <div class="result-score">{{ r.score }}</div>
70
- </div>
71
-
72
- <div class="result-snippet">{{ r.snippet }}</div>
73
-
74
- <div class="result-footer">
75
- {% if r.dataset == "scifact" %}
76
- <span class="badge badge-scifact">🔬 SciFact</span>
77
- {% elif r.dataset == "nfcorpus" %}
78
- <span class="badge badge-nfcorpus">🏥 NFCorpus</span>
79
- {% else %}
80
- <span class="badge badge-file">📁 File</span>
81
- {% endif %}
82
- </div>
83
- </div>
84
- {% endfor %}
85
-
86
- {% else %}
87
- <div class="no-results">
88
- <p>No results found for "<strong>{{ query }}</strong>"</p>
89
- <p style="margin-top:0.5rem; font-size:0.85rem; color:#bbb;">
90
- Try shorter or different keywords.
91
- </p>
92
- </div>
93
- {% endif %}
94
- </div>
95
-
96
- <!-- RIGHT — matched dataset queries -->
97
- <div>
98
-
99
- <!-- SciFact panel -->
100
- <div class="query-panel">
101
- <div class="panel-header scifact">
102
- 🔬 SciFact Queries
103
- <span class="panel-count">{{ scifact_matches | length }}</span>
104
- </div>
105
- {% if scifact_matches %}
106
- {% for q in scifact_matches %}
107
- <div class="query-item">
108
- <div class="query-id">Query #{{ q.query_id }}</div>
109
- <div class="query-text">{{ q.query_text }}</div>
110
- </div>
111
- {% endfor %}
112
- {% else %}
113
- <div class="panel-empty">
114
- No SciFact queries matched "{{ query }}"
115
- </div>
116
- {% endif %}
117
- </div>
118
-
119
- <!-- NFCorpus panel -->
120
- <div class="query-panel">
121
- <div class="panel-header nfcorpus">
122
- 🏥 NFCorpus Queries
123
- <span class="panel-count">{{ nfcorpus_matches | length }}</span>
124
- </div>
125
- {% if nfcorpus_matches %}
126
- {% for q in nfcorpus_matches %}
127
- <div class="query-item">
128
- <div class="query-id">Query #{{ q.query_id }}</div>
129
- <div class="query-text">{{ q.query_text }}</div>
130
- </div>
131
- {% endfor %}
132
- {% else %}
133
- <div class="panel-empty">
134
- No NFCorpus queries matched "{{ query }}"
135
- </div>
136
- {% endif %}
137
- </div>
138
-
139
- <!-- info box -->
140
- <div class="panel-info">
141
- These are actual evaluation queries from the BEIR benchmark
142
- that share keywords with your search.
143
- <br><br>
144
- <strong>300</strong> SciFact queries &nbsp;·&nbsp;
145
- <strong>323</strong> NFCorpus queries loaded.
146
- </div>
147
-
148
- </div>
149
- </div>
150
- </div>
151
-
152
- </body>
153
- </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Results — {{ query }}</title>
7
+ <link rel="stylesheet" href="/static/style.css">
8
+ </head>
9
+ <body>
10
+
11
+ <nav>
12
+ <a href="/" class="brand">🔍 Semantic Search</a>
13
+ <a href="/">Search</a>
14
+ <a href="/dashboard">Dashboard</a>
15
+ </nav>
16
+
17
+ <div class="container">
18
+
19
+ <!-- search bar stays on results page -->
20
+ <div class="search-card" style="margin-top:1.5rem; max-width:100%;">
21
+ <form action="/search" method="post">
22
+ <div class="search-row">
23
+ <input
24
+ class="search-input"
25
+ type="text"
26
+ name="query"
27
+ value="{{ query }}"
28
+ required
29
+ />
30
+ <button class="btn-search" type="submit">Search</button>
31
+ </div>
32
+ <div class="filters">
33
+ <label>Top results:</label>
34
+ <select name="top_k">
35
+ <option value="5" {% if top_k==5 %}selected{% endif %}>5</option>
36
+ <option value="10" {% if top_k==10 %}selected{% endif %}>10</option>
37
+ <option value="20" {% if top_k==20 %}selected{% endif %}>20</option>
38
+ </select>
39
+ </div>
40
+ </form>
41
+ </div>
42
+
43
+ <div class="results-layout">
44
+
45
+ <!-- LEFT — ranked results -->
46
+ <div>
47
+ <div class="results-header">
48
+ <h2>Results for "{{ query }}"</h2>
49
+ <div class="results-meta">
50
+ {{ total }} result{{ "s" if total != 1 else "" }}
51
+ &nbsp;·&nbsp; {{ elapsed }}s
52
+ &nbsp;·&nbsp; Full pipeline
53
+ </div>
54
+ </div>
55
+
56
+ {% if expanded_query and expanded_query != query %}
57
+ <div class="expanded-tag">
58
+ <strong>Expanded:</strong> {{ expanded_query }}
59
+ </div>
60
+ {% endif %}
61
+
62
+ {% if results %}
63
+ {% for r in results %}
64
+ <a class="result-card" href="{{ r.open_url }}">
65
+ <div class="result-top">
66
+ <div class="result-title">
67
+ {{ r.icon }}&nbsp; {{ r.doc_id }}
68
+ </div>
69
+ <div class="result-score">{{ r.score }}</div>
70
+ </div>
71
+
72
+ <div class="result-snippet">{{ r.snippet }}</div>
73
+
74
+ <div class="result-footer">
75
+ {% if r.dataset == "scifact" %}
76
+ <span class="badge badge-scifact">🔬 SciFact</span>
77
+ {% elif r.dataset == "nfcorpus" %}
78
+ <span class="badge badge-nfcorpus">🏥 NFCorpus</span>
79
+ {% else %}
80
+ <span class="badge badge-file">📁 File</span>
81
+ {% endif %}
82
+ </div>
83
+ </a>
84
+ {% endfor %}
85
+
86
+ {% else %}
87
+ <div class="no-results">
88
+ <p>No results found for "<strong>{{ query }}</strong>"</p>
89
+ <p style="margin-top:0.5rem; font-size:0.85rem; color:#bbb;">
90
+ Try shorter or different keywords.
91
+ </p>
92
+ </div>
93
+ {% endif %}
94
+ </div>
95
+
96
+ <!-- RIGHT — matched dataset queries -->
97
+ <div>
98
+
99
+ <!-- SciFact panel -->
100
+ <div class="query-panel">
101
+ <div class="panel-header scifact">
102
+ 🔬 SciFact Queries
103
+ <span class="panel-count">{{ scifact_matches | length }}</span>
104
+ </div>
105
+ {% if scifact_matches %}
106
+ {% for q in scifact_matches %}
107
+ <div class="query-item">
108
+ <div class="query-id">Query #{{ q.query_id }}</div>
109
+ <div class="query-text">{{ q.query_text }}</div>
110
+ </div>
111
+ {% endfor %}
112
+ {% else %}
113
+ <div class="panel-empty">
114
+ No SciFact queries matched "{{ query }}"
115
+ </div>
116
+ {% endif %}
117
+ </div>
118
+
119
+ <!-- NFCorpus panel -->
120
+ <div class="query-panel">
121
+ <div class="panel-header nfcorpus">
122
+ 🏥 NFCorpus Queries
123
+ <span class="panel-count">{{ nfcorpus_matches | length }}</span>
124
+ </div>
125
+ {% if nfcorpus_matches %}
126
+ {% for q in nfcorpus_matches %}
127
+ <div class="query-item">
128
+ <div class="query-id">Query #{{ q.query_id }}</div>
129
+ <div class="query-text">{{ q.query_text }}</div>
130
+ </div>
131
+ {% endfor %}
132
+ {% else %}
133
+ <div class="panel-empty">
134
+ No NFCorpus queries matched "{{ query }}"
135
+ </div>
136
+ {% endif %}
137
+ </div>
138
+
139
+ <!-- info box -->
140
+ <div class="panel-info">
141
+ These are actual evaluation queries from the BEIR benchmark
142
+ that share keywords with your search.
143
+ <br><br>
144
+ <strong>300</strong> SciFact queries &nbsp;·&nbsp;
145
+ <strong>323</strong> NFCorpus queries loaded.
146
+ </div>
147
+
148
+ </div>
149
+ </div>
150
+ </div>
151
+
152
+ </body>
153
+ </html>