kiwix/kiwix-js
1
0
Fork 0
mirror of https://github.com/kiwix/kiwix-js.git synced 2025-09-23 04:28:30 -04:00
Code Issues Packages Projects Releases Wiki Activity

Remove the "expert mode" for geolocation, and enhance the visual appearance of home page

Browse Source
This commit is contained in:
mossroy 2014-03-25 16:16:52 +01:00
parent 0674f36d05
commit edec092256
3 changed files with 29 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
www/css/app.css
View File

@ -52,4 +52,16 @@
max-width: 80%; max-width: 80%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
}
.nopadding {
padding-right: 1px !important;
padding-left: 1px !important;
}
#searchingForTitles .floating {
position: relative;
z-index: 10;
top: 20px;
height: 0px;
} }

29
www/index.html
View File

@ -66,19 +66,24 @@
<div class="container"> <div class="container">
<form id="formTitleSearch" class="form-inline"> <form id="formTitleSearch">
<div class="input-group"> <div class="row">
<input type="text" id="prefix" placeholder="Search Wikipedia..." class="form-control" /> <span class="nopadding col-md-offset-1 col-sm-offset-1 col-md-8 col-sm-8 col-xs-7">
<span class="input-group-btn"> <span class="input-group">
<a class="btn btn-default" id="searchTitles" href="#"><span class="glyphicon glyphicon-search"></span></a> <input type="text" id="prefix" placeholder="Search Wikipedia..." class="form-control" />
</span> <span class="input-group-btn">
<a class="btn btn-default" id="searchTitles" href="#"><span class="glyphicon glyphicon-search"></span></a>
</span>
</span>
</span>
<span class="nopadding col-md-2 col-sm-2 col-xs-5">
<span class="btn-group btn-group-xs">
<a class="btn btn-default btn-xs" id="btnArticlesNearby" href="#"><span class="glyphicon glyphicon-screenshot"></span><small><br/>Nearby</small></a>
<a class="btn btn-default btn-xs" id="btnRandomArticle" href="#"><span class="glyphicon glyphicon-random"></span><small><br/>Random</small></a>
</span>
</span>
</div> </div>
<div id="articlesNearbyExpertOptions" style="display: none;"> <div id="searchingForTitles" class="floating" style="display: none;">
Latitude/Longitude/MaxDistance:
<input type="text" id="latitude" size="8" /> <input type="text" id="longitude" size="8" /> <input type="text" id="maxDistance" size="8" /><br/>
</div>
or <a href="#" id="btnArticlesNearby">Find articles around me</a> (toggle <a href="#" id="btnToggleArticlesNearbyExpertMode">expert mode</a>) or <a href="#" id="btnRandomArticle">Go to a random article</a><br/>
<div id="searchingForTitles" style="position: relative; z-index: 10; top: 20px; height: 0px; display: none;">
<img src="img/spinner.gif" alt="Please wait..." /> <img src="img/spinner.gif" alt="Please wait..." />
</div> </div>
</form> </form>

8
www/js/app.js
View File

@ -75,14 +75,6 @@ define(function(require) {
$('#navbarToggle').click(); $('#navbarToggle').click();
} }
}); });
$("#btnToggleArticlesNearbyExpertMode").on("click", function(e) {
if ($('#articlesNearbyExpertOptions').is(":visible")) {
$("#articlesNearbyExpertOptions").hide();
}
else {
$("#articlesNearbyExpertOptions").show();
}
});
$("#btnRandomArticle").on("click", function(e) { $("#btnRandomArticle").on("click", function(e) {
goToRandomArticle(); goToRandomArticle();
$("#welcomeText").hide(); $("#welcomeText").hide();