Skip to content

Commit 2194962

Browse files
alexfiklalexfikl
committed
papis-html: update template to bootstrap 5
1 parent b8c0df4 commit 2194962

File tree

1 file changed

+78
-79
lines changed

1 file changed

+78
-79
lines changed

‎papis-html/papis_html/data/index.html

Lines changed: 78 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,49 @@
11
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
33
<html xmlns="http://www.w3.org/1999/xhtml">
44
<head>
55
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
66
<meta http-equiv="cache-control" content="no-cache" />
77
<title>
8-
Publications
8+
Papis Documents
99
</title>
1010

11-
<script src="js/jquery.min.js"></script>
11+
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
12+
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
1213
<script src="js/bibtex_js.js" type="text/javascript" charset="utf-8"></script>
1314
<bibtex src="papis-html-library.bib"></bibtex>
1415

1516
<script>
16-
$(function() {
17-
$("#Fontselector").on("change",function() {
18-
var font = $("#Fontselector option:selected").text();
19-
console.log(font);
17+
$(function() {
18+
$("#Fontselector").on("change",function() {
19+
var font = $("#Fontselector option:selected").text();
20+
console.log(font);
2021

21-
$('.title.fonters').each(function() {
22-
$(this).css("font-family",font);
23-
});
24-
});
25-
});
26-
function reset() {
27-
$("select").each(function () {
28-
localStorage.setItem($(this).attr("id"),"");
29-
$(this).val("");
30-
});
31-
$("#searchbar").val("");
32-
$("#searchbar").trigger('change');
33-
}
22+
$('.title.fonters').each(function() {
23+
$(this).css("font-family",font);
24+
});
25+
});
26+
});
27+
function reset() {
28+
$("select").each(function () {
29+
localStorage.setItem($(this).attr("id"),"");
30+
$(this).val("");
31+
});
32+
$("#searchbar").val("");
33+
$("#searchbar").trigger('change');
34+
}
3435
</script>
3536

3637
<style>
37-
html,body,span,h1 {
38-
font-family: "Times New Roman", Times, serif;
39-
font-size: 17px;
40-
}
41-
bibtex { display: none; }
42-
.searchbar { margin-left:0px;}
43-
#bibtex_errors { margin-top:10px; color: red;}
44-
h1.header {margin-left:8px;}
45-
h1.YEAR { font-size: 17px; font-weight: bold; display: inline; margin-left:8px;}
38+
html,body,span,h1 {
39+
font-family: "Times New Roman", Times, serif;
40+
font-size: 17px;
41+
}
42+
bibtex { display: none; }
43+
.searchbar { margin-left:0px;}
44+
#bibtex_errors { margin-top:10px; color: red;}
45+
h1.header {margin-left:8px;}
46+
h1.YEAR { font-size: 17px; font-weight: bold; display: inline; margin-left:8px;}
4647
</style>
4748

4849
<!-- Latest compiled and minified CSS -->
@@ -51,83 +52,81 @@
5152
</head>
5253
<body>
5354
<a name="top"></a>
54-
<h1 class="header">Publications</h1>
55+
<br>
5556
<div class="container-fluid">
56-
<div class="searchbar">
57-
<div style="float:left;">
58-
<button type="button" class="btn btn-default" onclick="reset()">Reset</button>
59-
</div>
60-
<div style="float:left;">
61-
<select id="authorselectfirst" class="btn bibtex_search bibtex_author" style="border: 1px solid lightgrey;" extra="first" search="author">
62-
<option value="">Search First Author</option>
63-
</select>
64-
</div>
65-
<div style="float:left;">
66-
<select id="authorselect" class="btn bibtex_search bibtex_author" style="border: 1px solid lightgrey;" search="author">
67-
<option value="">Search Author</option>
68-
</select>
69-
</div>
70-
<div style="float:left;">
71-
<select id="topicselect" class="btn bibtex_search" style="border: 1px solid lightgrey;">
72-
<option value="">Search Topic</option>
73-
<!-- Add topic values here -->
74-
<option value="Example topic">Example Topic</option>
75-
</select>
57+
<div class="btn-toolbar mb-2" role="group">
58+
<button type="button" class="btn btn-warning btn-lg me-2" onclick="reset()">Reset</button>
59+
60+
<select id="authorselectfirst" class="form-select form-select-lg w-auto me-2 bibtex_search bibtex_author" extra="first" search="author">
61+
<option value="">Search First Author</option>
62+
</select>
63+
64+
<select id="authorselect" class="form-select form-select-lg w-auto me-2 bibtex_search bibtex_author" search="author">
65+
<option value="">Search Author</option>
66+
</select>
67+
68+
<select id="topicselect" class="form-select form-select-lg w-auto me-2 bibtex_search" search="topic">
69+
<option value="">Search Topic</option>
70+
<!-- Add topic values here -->
71+
<option value="Example Topic">Example Topic</option>
72+
</select>
7673
</div>
77-
<div style="float:left;">
78-
<input type="text" class="bibtex_search form-control" id="searchbar" placeholder="Search publications">
79-
<span class="help-block">Example: journal 2015 (finds the intersection of the two terms)</span>
74+
75+
<div class="w-50">
76+
<input type="search" class="bibtex_search form-control form-control-lg" id="searchbar" placeholder="Search publications">
77+
<span class="help-block">Example: author 2015 (finds the intersection of the two terms)</span>
8078
</div>
81-
</div>
8279
</div>
80+
<br>
8381

8482
<div class="bibtex_structure">
85-
<div class="group year" extra="ASC number">
86-
<a href="#top" style="display: inline"><em>(Top of the page)</em></a>
87-
<div style="padding-bottom:10px;"></div>
88-
<div class="sort journal" extra="DESC string">
89-
<div class="templates"></div>
90-
</div>
83+
<div class="group year" extra="DESC number">
84+
<a href="#top" style="display: inline"><em>(Top of the page)</em></a>
85+
<div style="padding-bottom:10px;"></div>
86+
<div class="sort journal" extra="DESC string">
87+
<div class="templates"></div>
88+
</div>
9189
</div>
9290
</div>
9391

9492
<div id="bibtex_display">
9593

96-
<div class="bibtex_template" style="display: none;">
94+
<div class="if bibtex_template" style="display: none;">
9795
<ul> <li>
9896
<span class="if title">
99-
<a class="bibtexVar" href="http://www.website.com/~demo/papers/+BIBTEXKEY+.pdf" extra="BIBTEXKEY">
100-
<span style="text-decoration: underline;" class="title"></span>,
101-
</a>
97+
<span style="text-decoration: underline;" class="title"></span>,
10298
</span>
99+
<span class="if doi"><a href="https://doi.org/+doi+" extra="doi" class="bibtexVar doi">[DOI]</a>,</span>
103100
<div class="if author">
104101
<span class="author"></span>
105102
</div>
106103
<div>
107104
<span class="if journal"><em><span class="journal"></span></em>,</span>
108-
<span class="if publisher"><em><span class="publisher"></span></em>,</span>
109105
<span class="if booktitle">In <em><span class="booktitle"></span></em>,</span>
106+
<span class="if editor"><span class="editor"></span> (editors),</span>
107+
<span class="if publisher"><em><span class="publisher"></span></em>,</span>
108+
<span class="if institution"><span class="institution"></span>,</span>
110109
<span class="if address"><span class="address"></span>,</span>
110+
<span class="if volume"><span class="volume"></span>,</span>
111+
<span class="if journal number">(<span class="number"></span>),</span>
112+
<span class="if pages"> pages <span class="pages"></span>,</span>
111113
<span class="if month"><span class="month"></span>,</span>
112114
<span class="if year"><span class="year"></span>.</span>
113-
<span class="if note"><span class="note"></span></span>
114-
<span class="if url"><a href="+url+" extra="url" class="bibtexVar note">url</a></span>
115-
<span class="if doi"><a href="https://doi.org/+doi+" extra="doi" class="bibtexVar doi">doi</a></span>
116-
<a class="bibtexVar" role="button" data-toggle="collapse" href="#bib+BIBTEXKEY+" aria-expanded="false" aria-controls="bib+BIBTEXKEY+" extra="BIBTEXKEY">
117-
[bib]
118-
</a>
115+
<span class="if note"><span class="note"></span>.</span>
116+
<span class="if url"><a href="+url+" extra="url" class="bibtexVar note">url</a></span>
117+
<a class="bibtexVar" role="button" data-bs-toggle="collapse" href="#bib+BIBTEXKEY+" aria-expanded="false" aria-controls="bib+BIBTEXKEY+" extra="BIBTEXKEY">
118+
[bib]
119+
</a>
119120
</div>
120121
<div class="bibtexVar collapse" id="bib+BIBTEXKEY+" extra="BIBTEXKEY">
121-
<div class="well">
122-
<pre><span class="bibtexraw noread"></span></pre>
123-
</div>
124-
</div>
125-
<div style="display:none"><span class="bibtextype"></span></div>
122+
<div class="card card-body">
123+
<pre><span class="bibtexraw noread font-monospace"></span></pre>
124+
</div>
125+
</div>
126+
<div style="display:none"><span class="bibtextype"></span></div>
127+
<div style="display:none"><span class="if topic"><span class="topic"></span></span></div>
126128
</li></ul>
127129
</div>
128-
129130
</div>
130-
<!-- Latest compiled and minified JavaScript -->
131-
<script src="js/bootstrap.min.js"></script>
132131
</body>
133132
</html>

0 commit comments

Comments
 (0)