Skip to content

Commit 2d182f5

Browse files
author
Daniel Bruce
committed
Fixes a few styles. Lots of changes from Doug.
1 parent d527373 commit 2d182f5

File tree

5 files changed

+327
-76
lines changed

5 files changed

+327
-76
lines changed

‎spider/assets/css/styles.css

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,3 +28,42 @@
2828
flex: 1 1 auto;
2929
}
3030

31+
#news-columns .card {
32+
margin-bottom: 15px;
33+
}
34+
35+
#results-container #stats div {
36+
display: inline-block;
37+
}
38+
39+
#filters .ais-body {
40+
padding-left: 15px;
41+
}
42+
43+
#stats {
44+
font-weight: 300;
45+
}
46+
47+
#hits .document-dates {
48+
list-style: none;
49+
margin: 0;
50+
padding: 0;
51+
display: flex;
52+
}
53+
54+
#hits .document-dates li {
55+
padding: 0 15px;
56+
}
57+
58+
#hits .document-dates li:first-child {
59+
padding-left: 0;
60+
}
61+
62+
#hits .document-dates li:last-child {
63+
padding-right: 0;
64+
}
65+
66+
#hits .media {
67+
padding-bottom: 15px;
68+
}
69+

‎spider/assets/js/search.js

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,10 @@ var hitTemplate = `
3535
{{document_title}} - {{title}}
3636
</a>
3737
</h5>
38-
Published: {{pubdate}} Effective: {{effdate}}
38+
<ol class="document-dates">
39+
<li>Published: {{pubdate}}</li>
40+
<li>Effective: {{effdate}}</li>
41+
</ol>
3942
</div>
4043
</div>
4144
`;

‎spider/home.html

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -40,10 +40,10 @@
4040
Monitoring
4141
</a>
4242
<div class="dropdown-menu">
43-
<a class="dropdown-item" href="alerts.html">
44-
Alerts
43+
<a class="dropdown-item" href="sources.html">
44+
Sources
4545
</a>
46-
<a class="dropdown-item" href="alerts.html">
46+
<a class="dropdown-item" href="timelines.html">
4747
Timelines
4848
</a>
4949
<a class="dropdown-item" href="feeds.html">
@@ -65,7 +65,10 @@
6565
</a>
6666
<a class="dropdown-item" href="reports.html">
6767
Reports
68-
</a>
68+
</a>
69+
<a class="dropdown-item" href="alerts.html">
70+
Search Alerts
71+
</a>
6972
</div>
7073
</li>
7174
<li role="presentation" class="nav-item">

‎spider/search.html

Lines changed: 69 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -40,10 +40,10 @@
4040
Monitoring
4141
</a>
4242
<div class="dropdown-menu">
43-
<a class="dropdown-item" href="alerts.html">
44-
Alerts
43+
<a class="dropdown-item" href="sources.html">
44+
Sources
4545
</a>
46-
<a class="dropdown-item" href="alerts.html">
46+
<a class="dropdown-item" href="timelines.html">
4747
Timelines
4848
</a>
4949
<a class="dropdown-item" href="feeds.html">
@@ -65,7 +65,10 @@
6565
</a>
6666
<a class="dropdown-item" href="reports.html">
6767
Reports
68-
</a>
68+
</a>
69+
<a class="dropdown-item" href="alerts.html">
70+
Search Alerts
71+
</a>
6972
</div>
7073
</li>
7174
<li role="presentation" class="nav-item">
@@ -109,90 +112,85 @@
109112
</div><i class="icon ion-help-circled" style="font-size:1.5rem"></i></div>
110113
</form>
111114
</div>
112-
<div class="col-md-4 text-right">
113-
<div class="row">
114-
<div class="col"><a href="#">New Reports (2)</a></div>
115-
</div>
116-
<div class="row">
117-
<div class="col"><a href="#">New Search Results (1)</a></div>
118-
</div>
119-
</div>
115+
<div class="col-md-4 text-right d-flex align-items-center justify-content-end"><a href="#">Search Alerts (23)</a></div>
120116
</div>
121117
<div class="row">
122118
<div class="col-md-9 d-flex align-items-center">
123-
<form class="form-inline"><label class="mr-2" style="font-size: 16px;">Date Range</label>
124-
<div class="form-check"><input class="form-check-input" type="radio" name="date-range" value="all" checked="" id="formCheck-1"><label class="form-check-label" for="formCheck-1">All</label></div><span class="ml-2 mr-3">or</span><input type="radio"
125-
name="date-range" value="custom" class="mr-1"><input class="form-control form-control-sm" type="text" disabled="" placeholder="start date"><span class="ml-2 mr-2">to</span><input class="form-control form-control-sm"
126-
type="text" disabled="" placeholder="end date"></form>
127-
</div>
128-
<div class="col-md-3">
129-
<form class="form-inline justify-content-end"><label class="col-form-label mr-2">Filter By</label><select class="form-control form-control-sm form-control"><option value="new">New</option><option value="changed">Changed</option></select></form>
130-
</div>
119+
<form class="form-inline"><select class="form-control form-control-sm mr-3"><option value="primary" selected="">Primary Date</option><option value="effective">Effective Date</option><option value="compliance">Compliance Date</option></select>
120+
<div
121+
class="form-check"><input class="form-check-input" type="radio" name="date-range" value="all" checked="" id="formCheck-1"><label class="form-check-label" for="formCheck-1">All</label></div><span class="ml-2 mr-3">or</span><input type="radio"
122+
name="date-range" value="custom" class="mr-1"><input class="form-control form-control-sm" type="text" disabled="" placeholder="start date"><span class="ml-2 mr-2">to</span><input class="form-control form-control-sm" type="text"
123+
disabled="" placeholder="end date"></form>
124+
</div>
125+
<div class="col-md-3">
126+
<form class="form-inline justify-content-end"><label class="col-form-label mr-2">Filter By</label><select class="form-control form-control-sm form-control"><option value="none">None</option><option value="new">New</option><option value="changed">Changed</option></select></form>
131127
</div>
132128
</div>
133129
</div>
134130
</div>
135131
</div>
136-
<div class="row">
137-
<div class="col-4" style="padding-right: 7.5px;">
138-
<div class="card">
139-
<div class="card-body">
140-
<div>
141-
<h4>Jurisdiction</h4>
142-
<div id="jurisdiction"></div>
143-
</div>
144-
<div>
145-
<h4>Authority</h4>
146-
<div id="authority"></div>
147-
</div>
148-
<div>
149-
<h4>Source Type</h4>
150-
<div id="source-type"></div>
151-
</div>
152-
<div>
153-
<h4>Topics</h4>
154-
<div id="topics"></div>
155-
</div>
156-
<div>
157-
<h4>Applicability</h4>
158-
<div id="applicability"></div>
159-
</div>
160-
<div>
161-
<h4>Compliance User</h4>
162-
<div id="compliance_user"></div>
163-
</div>
164-
<div>
165-
<h4>Content Type</h4>
166-
<div id="content_type"></div>
167-
</div>
168-
<div>
169-
<h4>Publication Date</h4>
170-
<div id="pubdate"></div>
171-
</div>
172-
<div>
173-
<h4>Effective Date</h4>
174-
<div id="effdate"></div>
175-
</div>
132+
</div>
133+
<div class="row">
134+
<div class="col-4" style="padding-right: 7.5px;">
135+
<div class="card" id="filters" style="max-height: 800px;overflow: auto;">
136+
<div class="card-body">
137+
<div>
138+
<h4>Jurisdiction</h4>
139+
<div id="jurisdiction"></div>
140+
</div>
141+
<div>
142+
<h4>Authority</h4>
143+
<div id="authority"></div>
144+
</div>
145+
<div>
146+
<h4>Source Type</h4>
147+
<div id="source-type"></div>
148+
</div>
149+
<div>
150+
<h4>Topics</h4>
151+
<div id="topics"></div>
152+
</div>
153+
<div>
154+
<h4>Applicability</h4>
155+
<div id="applicability"></div>
156+
</div>
157+
<div>
158+
<h4>Compliance User</h4>
159+
<div id="compliance_user"></div>
160+
</div>
161+
<div>
162+
<h4>Content Type</h4>
163+
<div id="content_type"></div>
164+
</div>
165+
<div>
166+
<h4>Publication Date</h4>
167+
<div id="pubdate"></div>
168+
</div>
169+
<div>
170+
<h4>Effective Date</h4>
171+
<div id="effdate"></div>
176172
</div>
177173
</div>
178174
</div>
179-
<div class="col-8">
180-
<div class="row">
181-
<div class="col" style="padding-left: 7.5px;">
182-
<div class="card">
183-
<div class="card-header">
184-
<h4 class="mb-0">Search Results<small id="stats" class="ml-2"></small></h4>
185-
</div>
186-
<div class="card-body">
187-
<div id="hits"></div>
188-
<div id="pagination" class="mt-2"></div>
189-
</div>
175+
</div>
176+
<div class="col-8">
177+
<div class="row">
178+
<div class="col" style="padding-left: 7.5px;">
179+
<div class="card" id="results-container">
180+
<div class="card-header">
181+
<h4 class="mb-0">Search Results<small id="stats" class="ml-2"></small></h4>
182+
</div>
183+
<div class="card-body">
184+
<div id="hits"></div>
185+
<div id="pagination" class="mt-2"></div>
186+
<div class="d-flex justify-content-end"><button class="btn btn-primary" type="button">Save Search</button></div>
190187
</div>
191188
</div>
192189
</div>
193190
</div>
194191
</div>
195192
</div>
193+
</div>
196194
<footer class="text-center d-xl-flex justify-content-xl-center align-items-xl-center bg-dark text-light position-fixed">
197195
<p class="d-xl-flex m-0">Copyright © 2019 Innodata</p><small><a class="text-light" href="#" style="margin-left: 15px;text-decoration: underline;">Terms of Use</a><span>&nbsp; &nbsp;| &nbsp;&nbsp;</span><a class="text-light" href="#" style="text-decoration: underline;">Privacy Policy</a></small></footer>
198196
<script

0 commit comments

Comments
 (0)