Skip to content

Commit 0580ca4

Browse files
committed
[feat] Remove PHP components for deploy as purely HTML web app
1 parent 975642f commit 0580ca4

File tree

4,649 files changed

+956
-777
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

4,649 files changed

+956
-777
lines changed

.gitignore

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,7 @@
11
# API to Database connection
22
api/secret.php
33

4-
www/bower_components
4+
.DS_Store
5+
6+
www/bower_components
7+
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!DOCTYPE html>
2+
3+
<html lang="en" class="layout-pf layout-pf-fixed">
4+
5+
<head>
6+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7+
<link rel="stylesheet" type="text/css" href="node_modules/patternfly/dist/css/patternfly.min.css?litbasketsRevision=65">
8+
<link rel="stylesheet" type="text/css" href="node_modules/patternfly/dist/css/patternfly-additions.min.css?litbasketsRevision=65">
9+
<link rel="stylesheet" type="text/css" href="node_modules/select2/dist/css/select2.min.css?litbasketsRevision=65">
10+
<link rel="stylesheet" type="text/css" href="notnode_modules/mctoggle.css?litbasketsRevision=65">
11+
<link rel="stylesheet" type="text/css" href="extras/styles3.css" />
12+
<script src="node_modules/jquery/dist/jquery.min.js?litbasketsRevision=65"></script>
13+
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js?litbasketsRevision=65"></script>
14+
<script src="node_modules/patternfly/dist/js/patternfly.min.js?litbasketsRevision=65"></script>
15+
<script src="node_modules/bootstrap-slider/dist/bootstrap-slider.min.js?litbasketsRevision=65"></script>
16+
<script src="node_modules/bootstrap-switch/dist/js/bootstrap-switch.min.js?litbasketsRevision=65"></script>
17+
<script src="node_modules/select2/dist/js/select2.min.js?litbasketsRevision=65"></script>
18+
<script src="node_modules/underscore/underscore-min.js?litbasketsRevision=65"></script>
19+
<script src="node_modules/clipboard/dist/clipboard.min.js?litbasketsRevision=65"></script>
20+
<script src="node_modules/downloadjs/download.min.js?litbasketsRevision=65"></script>
21+
<script src="notnode_modules/nvl.js?litbasketsRevision=65"></script>
22+
<script src="extras/sidebar-tab-switcher.js?litbasketsRevision=65"></script>
23+
<script src="extras/typescript-compiled-app.js?litbasketsRevision=65"></script>
24+
<script src="extras/index.model.js?litbasketsRevision=65"></script>
25+
<script src="extras/index.externalLogic.js?litbasketsRevision=65"></script>
26+
<script src="extras/index.controller.search.rev66.js"></script>
27+
<script src="extras/index.controller.sources.topbar.js?litbasketsRevision=65"></script>
28+
<script src="extras/index.controller.sources.js?litbasketsRevision=65"></script>
29+
<script src="extras/index.controller.filters.js?litbasketsRevision=65"></script>
30+
<script src="extras/index.controller.js?litbasketsRevision=65"></script>
31+
<link rel="icon" type="image/png" href="images/litbasket16.png" sizes="16x16">
32+
<link rel="icon" type="image/png" href="images/litbasket32.png" sizes="32x32">
33+
<link rel="icon" type="image/png" href="images/litbasket96.png" sizes="96x96">
34+
<link rel="icon" type="image/png" href="images/litbasket192.png" sizes="192x192">
35+
<title>Litbaskets</title>
36+
</head>
37+
38+
<body onload="body_did_load()">
39+
40+
<nav class="navbar navbar-pf-vertical">
41+
<div class="navbar-header">
42+
<button type="button" class="navbar-toggle">
43+
<span class="sr-only">Toggle navigation</span>
44+
<span class="icon-bar"></span>
45+
<span class="icon-bar"></span>
46+
<span class="icon-bar"></span>
47+
</button>
48+
<span class="navbar-brand">
49+
<h4><span style="font-weight: bold;">LITBASKETS</span><span style="color: #bababa"> &mdash; Supporting literature searches for Information Systems researchers.</span></h4>
50+
</span>
51+
</div>
52+
</nav>
53+
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
<div class="nav-pf-vertical nav-pf-vertical-with-sub-menus hide-nav-pf">
2+
<ul class="list-group">
3+
<li class="list-group-item link_for_nav_litbaskets active"
4+
data-target="#litbaskets-search"
5+
onclick="userDidSelectTab('litbaskets-search')"
6+
>
7+
<a href="#">
8+
<span class="fa fa-search" data-toggle="tooltip" title="Search"></span>
9+
<span class="list-group-item-value">Search</span>
10+
</a>
11+
</li>
12+
<li class="list-group-item link_for_nav_litbaskets"
13+
id="link_for_nav_litbaskets_sources"
14+
data-target="#litbaskets-sources"
15+
onclick="userDidSelectTab('litbaskets-sources')"
16+
>
17+
<a href="#">
18+
<span class="fa fa-book" data-toggle="tooltip" title="Journals"></span>
19+
<span class="list-group-item-value">
20+
Journals
21+
<span id="sidebar_badge_for_sources" class="badge pull-right"></span>
22+
</span>
23+
</a>
24+
</li>
25+
<li class="list-group-item link_for_nav_litbaskets"
26+
data-target="#litbaskets-about"
27+
id="link_for_nav_litbaskets_about"
28+
onclick="userDidSelectTab('litbaskets-about')"
29+
>
30+
<a href="#">
31+
<span class="fa fa-info-circle" data-toggle="tooltip" title="Help"></span>
32+
<span class="list-group-item-value">Help</span>
33+
</a>
34+
</li>
35+
<li class="list-group-item link_for_nav_litbaskets"
36+
data-target="#litbaskets-libraries"
37+
onclick="userDidSelectTab('litbaskets-libraries')"
38+
>
39+
<a href="#">
40+
<span class="fa fa-code" data-toggle="tooltip" title="Open Source"></span>
41+
<span class="list-group-item-value">Open Source</span>
42+
</a>
43+
</li>
44+
</ul>
45+
</div>
46+
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<div class="modal fade" id="loading_modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false"
2+
style="font-size: 2rem; color: white; text-align: center; font-weight: bold;">
3+
4+
<div style="margin-top: 40vh;">
5+
Loading
6+
<br />
7+
<i class="fa fa-cog fa-spin fa-3x fa-fw"></i>
8+
</div>
9+
</div>
10+
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<div id="litbaskets-search" style="display: none; width: 90%; max-width: 90rem; margin: 0 auto; padding: 1rem;">
2+
3+
<div style="text-align: center;">
4+
<h1 style="color: rgb(128, 203, 196); font-size: 4rem; font-weight: bold;">LITBASKETS<sub style="font-style: italic; color: rgba(128, 203, 196, 0.5);">beta</sub></h1>
5+
<img src="images/baskets500.png" alt="litbaskets.io" style="height: 25rem; padding: 1rem;" />
6+
7+
<div style="margin-bottom: 1rem;">
8+
<input
9+
id="litbaskets_search_textbox"
10+
class="form-control"
11+
onchange="GLOBAL_SEARCH_CONTROLLER.check_if_search_buttons_should_be_locked()"
12+
style="font-size: 2rem; padding: 2rem; display: inline-block;"
13+
type="text" placeholder="e.g. Crowdfunding"
14+
/>
15+
</div>
16+
<button class="btn btn-primary"
17+
id="litbaskets_search_button"
18+
onclick="GLOBAL_SEARCH_CONTROLLER.user_did_click_search_button()"
19+
data-toggle="modal" data-target="#modal_for_search_results"
20+
style="font-size: 2rem;"
21+
>
22+
Search
23+
</button>
24+
<button class="btn btn-default"
25+
id="litbaskets_advopt_button"
26+
data-toggle="modal" data-target="#modal_for_advanced_search"
27+
style="font-size: 2rem;"
28+
>
29+
Advanced Options
30+
</button>
31+
</div>
32+
33+
<div style="text-align: left; font-size: 12pt; margin-top: 4rem;">
34+
<p>
35+
This website allows you to search through Literature Baskets, which we call <em>Litbaskets</em>.
36+
The <strong>default</strong> Litbasket has 51 journals that we believe are a great starting point for most IS research topics.
37+
If you are <strong>getting too many results</strong>, you can <strong>adjust the slider below</strong> to select smaller Litbaskets, all the way down to 2XS (AIS Basket of Eight).
38+
</p>
39+
<div style="margin-bottom: 4rem;">
40+
<div style="margin: 0 auto; padding-left: 10rem; padding-right: 10rem; padding-top: 3rem; padding-bottom: 3rem;">
41+
<div id="searchpage_shortslider_container">
42+
<table style="width: 100%;">
43+
<tr>
44+
<td style="text-align: left; width: 50%;">
45+
<em>Smallest Litbasket<br />Least journals</em>
46+
</td>
47+
<td style="text-align: right; width: 50%;">
48+
<em>Default Litbasket<br />More journals</em>
49+
</td>
50+
</tr>
51+
</table>
52+
<input id="shortslider" type="text"
53+
data-provide="slider"
54+
data-slider-ticks="[1, 2, 3, 4]"
55+
data-slider-ticks-labels='["2XS", "XS&nbsp;&nbsp;", "S&nbsp;&nbsp;", "M"]'
56+
data-slider-min="1"
57+
data-slider-max="4"
58+
data-slider-step="1"
59+
data-slider-value="4"
60+
data-slider-tooltip="show"
61+
onchange="GLOBAL_SEARCH_CONTROLLER.user_did_change_slider_value()"
62+
/>
63+
</div>
64+
65+
<div id="searchpage_advopt_notice" style="background-color: lightgray; padding: 2.8rem; display: none; text-align: center;">
66+
You have used the Advanced Options to set the slider to a larger Litbasket.
67+
</div>
68+
</div>
69+
</div>
70+
<br />
71+
<p>
72+
<strong>Litbaskets is realised through Scopus, you will need to have access to Scopus to use the search.</strong>
73+
If you want to know more about how Litbaskets works or if you want to refer to Litbaskets in your
74+
research, please see the <strong>Help</strong> section or have a look at our paper:
75+
<em>
76+
<a href="https://www.researchgate.net/publication/336868520_wwwlitbasketsio_an_IT_Artifact_Supporting_Exploratory_Literature_Searches_for_Information_Systems_Research">
77+
www.litbaskets.io, an IT Artifact Supporting Exploratory Literature Searches for Information Systems Research</a></em>.
78+
</p>
79+
</div>
80+
</div>
81+
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,114 @@
1+
<div class="modal fade" id="modal_for_advanced_search" tabindex="-1" role="dialog" aria-labelledby="modal_for_advanced_search_LABEL"
2+
aria-hidden="true">
3+
<div class="modal-dialog">
4+
<div class="modal-content">
5+
<div class="modal-header">
6+
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" aria-label="Close">
7+
<span class="pficon pficon-close"></span>
8+
</button>
9+
<h4 class="modal-title" id="modal_for_advanced_search_LABEL">Advanced Options</h4>
10+
</div>
11+
<div class="modal-body">
12+
<!-- FILTERS -->
13+
<h2 style="margin-top: 0;">Filters</h2>
14+
<p style="margin-bottom: 4rem;">
15+
You can apply criteria such as limiting to papers published since some given year (default: 2013), or limiting to "reviews only" / "editorials only".
16+
</p>
17+
<form class="form-horizontal">
18+
<div class="form-group">
19+
<label for="reviews_only_switch" class="col-sm-3 control-label">Reviews only</label>
20+
<div class="col-sm-9">
21+
<input class="bootstrap-switch" id="reviews_only_switch" type="checkbox"
22+
onchange="GLOBAL_FILTERS_CONTROLLER.user_did_change_type_filters('REVIEWS')"
23+
>
24+
</div>
25+
</div>
26+
<div class="form-group">
27+
<label for="editorials_only_switch" class="col-sm-3 control-label">Editorials only</label>
28+
<div class="col-sm-9">
29+
<input class="bootstrap-switch" id="editorials_only_switch" type="checkbox"
30+
onchange="GLOBAL_FILTERS_CONTROLLER.user_did_change_type_filters('EDITORIALS')"
31+
>
32+
<span class="help-block">
33+
Selecting only editorials is a good filter for identifying special issues.
34+
</span>
35+
</div>
36+
</div>
37+
<div class="form-group">
38+
<label for="minimum_year" class="col-sm-3 control-label">Limit by year</label>
39+
<div class="col-sm-9">
40+
<input class="bootstrap-switch" id="limit_years_switch" type="checkbox"
41+
onchange="GLOBAL_FILTERS_CONTROLLER.check_limit_years_switch()"
42+
/>
43+
44+
<span style="margin-left: 3rem; display: inline-block;">
45+
published after
46+
</span>
47+
<span style="display: inline-block;">
48+
<input class="form-control" id="limit_years_data"
49+
type="number"
50+
onchange="GLOBAL_FILTERS_CONTROLLER.check_limit_years_data()"
51+
onkeydown="GLOBAL_FILTERS_CONTROLLER.check_limit_years_data()"
52+
onkeyup="GLOBAL_FILTERS_CONTROLLER.check_limit_years_data()"
53+
style="max-width: 10rem; border-top: none; border-left: none; border-right: none; box-shadow: none;"
54+
/>
55+
</span>
56+
</div>
57+
</div>
58+
</form>
59+
60+
<!-- LARGER LITBASKETS -->
61+
<h2 style="margin-top: 6rem;">Larger Litbaskets</h2>
62+
<p style="margin-bottom: 4rem;">
63+
You can use larger litbaskets beyond the range [2XS .. M].
64+
However, please be warned that for these larger Litbaskets, you will need to
65+
manually copy and paste a Scopus search string that will be generated for you.
66+
</p>
67+
<div>
68+
<table style="width: 100%;">
69+
<tr>
70+
<td style="text-align: left; width: 50%;">
71+
<em>Smallest Litbasket<br />Least journals</em>
72+
</td>
73+
<td style="text-align: right; width: 50%;">
74+
<em>Largest Litbasket<br />Most journals</em>
75+
</td>
76+
</tr>
77+
</table>
78+
<input id="longslider" type="text"
79+
data-provide="slider"
80+
data-slider-ticks="[1, 2, 3, 4, 5, 6, 7, 8]"
81+
data-slider-ticks-labels='["2XS", "XS", "&nbsp;&nbsp;S", "&nbsp;&nbsp;&nbsp;M", "&nbsp;&nbsp;&nbsp;L", "&nbsp;&nbsp;XL", "2XL", "3XL"]'
82+
data-slider-min="1"
83+
data-slider-max="8"
84+
data-slider-step="1"
85+
data-slider-value="4"
86+
data-slider-tooltip="show"
87+
onchange="GLOBAL_SEARCH_CONTROLLER.user_did_change_longslider_value()"
88+
/>
89+
</div>
90+
91+
<!-- PROXY -->
92+
<h2 style="margin-top: 6rem;">Proxy</h2>
93+
<p style="margin-bottom: 2rem;">
94+
If you see your institution on the proxy selection, you can select their proxy server to ensure a smoother institutional login experience.
95+
</p>
96+
<select id="litbasketsproxy" style="width: 100%;" onchange="GLOBAL_SEARCH_CONTROLLER.user_did_change_litbasketsproxy_value()">
97+
<option value="none">(None)</option>
98+
<option value="CBS">Copenhagen Business School</option>
99+
<option value="ETH_ZURICH">ETH Zurich</option>
100+
<option value="NUI_GALWAY">NUI Galway</option>
101+
<option value="UNI_CALGARY">University of Calgary</option>
102+
<option value="UNSW">University of New South Wales (UNSW Sydney)</option>
103+
<option value="USYD">University of Sydney (USYD)</option>
104+
<option value="UTS">University of Technology, Sydney (UTS)</option>
105+
</select>
106+
</div>
107+
<div class="modal-footer">
108+
If you're done here &mdash;&nbsp;
109+
<button type="button" class="btn btn-success" data-dismiss="modal">SAVE &AMP; CLOSE</button>
110+
</div>
111+
</div>
112+
</div>
113+
</div>
114+
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
<div class="modal fade" id="modal_for_search_results" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
2+
aria-hidden="true">
3+
<div class="modal-dialog">
4+
<div class="modal-content">
5+
<div class="modal-header">
6+
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" aria-label="Close">
7+
<span class="pficon pficon-close"></span>
8+
</button>
9+
<h4 class="modal-title" id="myModalLabel">Next steps...</h4>
10+
</div>
11+
<div class="modal-body">
12+
<h2 style="margin-top: 0;">Scopus Query String</h2>
13+
14+
<p class="litbaskets_modal_message_if_short_search">
15+
<strong>We've tried to automatically execute a Scopus search that opened in a new tab.</strong>
16+
</p>
17+
18+
<p class="litbaskets_modal_message_if_short_search">
19+
In some cases, you might get a message saying that <strong>"this bookmarked page cannot be displayed"</strong>.
20+
This happens if your search is a bit more complex. If this happens, you should copy and paste the query string below
21+
into the <a class="scopus_advanced_search_link" href="https://www.scopus.com/search/form.uri?display=advanced" target="_blank">Scopus advanced search</a>:
22+
</p>
23+
24+
<p class="litbaskets_modal_message_if_long_search">
25+
<strong>
26+
Please copy and paste the query string below
27+
into the <a class="scopus_advanced_search_link" href="https://www.scopus.com/search/form.uri?display=advanced" target="_blank">Scopus advanced search</a>:
28+
</strong>
29+
</p>
30+
31+
<textarea class="form-control" id="txt_copy_to_clipboard" readonly>TEST</textarea>
32+
33+
<div style="margin-top: 1rem; margin-bottom: 2rem;">
34+
<button id="btn_copy_to_clipboard" type="button" class="btn btn-success" data-clipboard-target="#txt_copy_to_clipboard">COPY TO CLIPBOARD</button>
35+
<span id="lbl_copy_to_clipboard"></span>
36+
</div>
37+
38+
<h2>Other Sources</h2>
39+
<ul>
40+
<li><a id="link_ais_elibrary" href="#" target="blank">AIS eLibrary search with your search terms (opens in new tab)</a></li>
41+
<li><a id="link_ais_dblp" href="#" target="blank">dblp search with your search terms (opens in new tab)</a></li>
42+
</ul>
43+
</div>
44+
<div class="modal-footer">
45+
If you're done here &mdash;&nbsp;
46+
<button type="button" class="btn btn-warning" data-dismiss="modal" onclick="user_starts_new_search()">START A NEW SEARCH</button>
47+
</div>
48+
</div>
49+
</div>
50+
</div>
51+

0 commit comments

Comments
 (0)