Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Patch 1 #69

Open
wants to merge 6 commits into
base: patch-1
Choose a base branch
from
Open

Patch 1 #69

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
3d212c2
Update index.html
pio8909 Mar 26, 2020
0ca4630
Update index.html
pio8909 Mar 28, 2020
bb0bd4b
Update index.html
pio8909 Mar 28, 2020
befe85f
Update index.html
pio8909 Mar 28, 2020
c0eefca
Delete json_bikefacilities.js
pio8909 Mar 28, 2020
3b4ccd7
Add files via upload
pio8909 Mar 28, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
79 changes: 39 additions & 40 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<html>
<head>
<meta charset=utf-8 />
<title>Bikeways for Everybody!</title>
<title>Postrzeganie Przestrzeni</title>
<!-- Mapbox-->
<script src="https://api.mapbox.com/mapbox.js/v2.2.4/mapbox.js"></script>
<link rel="stylesheet" href="https://api.mapbox.com/mapbox.js/v2.2.4/mapbox.css" />
Expand Down Expand Up @@ -34,28 +34,28 @@

<div id="map" title=""></div>

<div id="dialogGlobal" title="About You">
<div id="dialogGlobal" title="Informacje o Tobie">
<form>
<fieldset style="border: none;">
<ul style="list-style-type: none; padding-left: 0px">
<li><label for="username">Please Enter Your First Name</label></li>
<li><input type="text" name="username" id="username" placeholder="Enter your name" pattern="[A-Za-z]{3,}" title="Your first name must be at least 3 letters" class="text ui-widget-content ui-corner-all" required></li>
<li><label for="zipcode">Please Enter Your Zipcode</label></li>
<li><input type="text" name="zipcode" maxlength="5" pattern="[0-9]{5}" id="zipcode" title="Please enter a 5 digit zip-code" placeholder="02134" class="text ui-widget-content ui-corner-all" required></li>
<li><label for="email">Please Enter Your Email (optional)</label></li>
<li><label for="username">Podaj nazwę użytkownika</label></li>
<li><input type="text" name="username" id="username" placeholder="Wpisz nazwę użytkownika" pattern="[A-Za-z]{3,}" title="Nazwa musi składać się z co najmnie 3 liter" class="text ui-widget-content ui-corner-all" required></li>
<li><label for="zipcode">Wprowadź kod pocztowy</label></li>
<li><input type="text" name="zipcode" maxlength="5" pattern="[0-9]{5}" id="zipcode" title="Wprowadź 5 cyfrowy kod pocztowy" placeholder="02134" class="text ui-widget-content ui-corner-all" required></li>
<li><label for="email">Twój Email (opcjonalnie)</label></li>
<li><input type="email" name="email" id="email" title="Please enter a valid email so we can get in touch with you (optional)" placeholder="[email protected]" class="text ui-widget-content ui-corner-all"></li>
</ul>
<input type="submit" tabindex="-1" style="position:absolute; top:-1000px">
</fieldset>
</form>
</div>

<div id="dialog" title="Tell Us About This">
<div id="dialog" title="Opisz swój wybór">
<form>
<fieldset style="border: none;">
<ul style="list-style-type: none; padding-left: 0px">
<li><label for="description">About this</label></li>
<li><input type="text" name="description" id="description" placeholder="Description for this" class="text ui-widget-content ui-corner-all"></li>
<li><label for="description">Krótki opis</label></li>
<li><input type="text" name="description" id="description" placeholder="Opis wyboru" class="text ui-widget-content ui-corner-all"></li>
</ul>
<input type="submit" tabindex="-1" style="position:absolute; top:-1000px">
</fieldset>
Expand Down Expand Up @@ -98,19 +98,19 @@
leftBar.onAdd = function(map){
var div =L.DomUtil.create('div', '');
div.id = 'leftBar';
div.innerHTML = '<div id="add-route" class="circle type1 icon-hover tooltip" title="Draw routes on the map where you want improved infrastructure">'
div.innerHTML = '<div id="add-route" class="circle type1 icon-hover tooltip" title="Rysuj ścieżki, którymi poruszasz się pieszo">'
+'<i class="fa fa-pencil fa-3x fa-inverse"></i>'
+'</div>'
+' <div id="add-point" class="circle type1 icon-hover tooltip" title="Add points to the map where you want improved infrastructure">'
+' <div id="add-point" class="circle type1 icon-hover tooltip" title="Dodaj punkt, w którym spędzasz czas lub który jest istotny z innych względów (np. zagrożenie)">'
+'<i class="fa fa-map-marker fa-inverse fa-3x"></i>'
+'</div><br>'
+'<div id="about" class="circle type1 icon-hover tooltip" title="Learn more">'
+'<div id="about" class="circle type1 icon-hover tooltip" title="Więcej informacji">'
+'<i class="fa fa-info fa-3x fa-inverse"></i>'
+'</div> <br>'
+'<div id="cancel" class="circle type1 icon-hover tooltip" title="Cancel drawing" style="inline-block">'
+'<div id="cancel" class="circle type1 icon-hover tooltip" title="Anuluj" style="inline-block">'
+'<i class="fa fa-times fa-3x fa-inverse"></i>'
+'</div>'
+' <div id="save" class="circle type1 icon-hover tooltip" title="Save Route" style="inline-block">'
+' <div id="save" class="circle type1 icon-hover tooltip" title="Zapisz" style="inline-block">'
+'<i class="fa fa-floppy-o fa-3x fa-inverse"></i></div>';
return div;
};
Expand Down Expand Up @@ -335,12 +335,12 @@

}
, open: function() {
var _title = "Tell us about this";
var _title = "Opisz wybór";
if (markerDraw){
_title += " location";
_title += " lokalizacji";
}
else if (routeDraw){
_title += " route";
_title += " ścieżki";
}
$( "#dialog" ).dialog( "option", "title",_title);

Expand All @@ -351,14 +351,14 @@
var error = [];
var valid = true;
if(name.length < 3) {
error.push("Your name is too short.");
error.push("Nazwa użytkownika jest za krótka.");
valid = false;
}
if(zip.length < 5){
error.push("Your zipcode is too short.");
error.push("Kod pocztowy jest za krótki.");
valid = false;
}else if(!/(^\d{5}$)/.test(zip)){
error.push("Your zipcode is invalid.");
error.push("Nieprawidłowy kod pocztowy - wpisz 5 cyfr bez myślnika '-'.");
valid = false;
}
if(email.length > 0){
Expand Down Expand Up @@ -574,40 +574,39 @@
},
tourStates = [
{
title: "Welcome",
title: "Witam i dziękuję za zainteresowanie!",
html: config.walkthroughWelcome,
buttons:{'I already know':0,'How do I use this?':1},
buttons:{'Już wiem':0,'Jak wprowadzać dane?':1},
focus: 1,
submit: tourSubmitFunc
},
{
title:"Data Layers",
html:"Here you have the legend for the datalayers, you can toggle each layer by clicking on the check mark",
buttons:{'Go back':-1,'I\'m done':0,'Tell me more!':1},
focus:2,
position: { container: '.leaflet-control-layers-expanded', x: -330, y: 0, width: 300, arrow: 'rt' },
submit:tourSubmitFunc
},
title: "Objaśnienie ankiety",
html: config.walkthroughIntro,
buttons:{'Wróć':-1,'Zakończ przewodnik':0,'Więcej informacji!':1},
focus: 1,
submit: tourSubmitFunc
},
{
title:"Enable Drawing",
html:"Click on either <span class='fa-stack fa-lg'><i class='fa fa-circle fa-stack-2x'></i><i class='fa fa-map-marker fa-inverse fa-stack-1x'></i></span> or <span class='fa-stack fa-lg'><i class='fa fa-circle fa-stack-2x'></i><i class='fa fa-pencil fa-inverse fa-stack-1x'></i></span> to start giving your input. First we'll want you to enter your first name and zipcode.<br> After that you'll be able to add your input to the map!",
buttons:{'Go back':-1,'I\'m done':0,'Tell me more!':1},
title:"Zacznij rysować",
html:"Kliknij na <span class='fa-stack fa-lg'><i class='fa fa-circle fa-stack-2x'></i><i class='fa fa-map-marker fa-inverse fa-stack-1x'></i></span> lub <span class='fa-stack fa-lg'><i class='fa fa-circle fa-stack-2x'></i><i class='fa fa-pencil fa-inverse fa-stack-1x'></i></span> aby zacząć wprowadzać dane. Najpierw zostaniesz poproszony/a o podanie nazwy użytkownika i Twojego kodu pocztowego.<br> Po czym będziesz mógł/mogła wprowadzać dane na mapie!",
buttons:{'Wróć':-1,'Zakończ przewodnik':0,'Więcej informacji!':1},
position: { container: '#leftBar', x: 150, y: 0, width: 300, arrow: 'lt' },
focus:2,
submit:tourSubmitFunc
},
{
title:"Click on <span class='fa-stack fa-lg'><i class='fa fa-circle fa-stack-2x'></i><i class='fa fa-map-marker fa-inverse fa-stack-1x'></i></span> and Place a Marker on the Map",
html:"<div class = 'img-container'><img src='img/add_marker.gif'></div><br>Tell us about dangerous intersections, potholes, etc. When you click 'Save Input' your marker and description are sent to our database.",
buttons:{'Go back':-1,'I\'m done':0,'Tell me more!':1},
title:"Kliknij na <span class='fa-stack fa-lg'><i class='fa fa-circle fa-stack-2x'></i><i class='fa fa-map-marker fa-inverse fa-stack-1x'></i></span> i wstaw Punkt na mapie",
html:"<div class = 'img-container'><img src='img/add_marker.gif'></div><br>Wybierz z rozwijanych list rodzaj aktywności i nastrój jaki Ci towarzyszy podczas przebywania w określonym miejscu, oraz krótko opisz swój wybór - co wpływa pozytywnie/negatywnie na Twoje samopoczucie w danym miejscu, czy istnieją tam jakieś zagrożenia, inne elementy warte uwagi (pozytywne jak i negatywne) itp.? Gdy klikniesz 'Zapisz' Twój punkt i opis są wysłane do mojej bazy danych.",
buttons:{'Wróć':-1,'Zakończ przewodnik':0,'Więcej informacji!':1},
position:{width:500},
focus:2,
submit:tourSubmitFunc
},
{
title:"Or Click on <span class='fa-stack fa-lg'><i class='fa fa-circle fa-stack-2x'></i><i class='fa fa-pencil fa-inverse fa-stack-1x'></i></span> to Draw a Route",
html:"<div class = 'img-container'><img src='img/draw_route.gif'></div><br>Routes can indicate your entire commute, or small locations where bike lanes are missing, or frequently blocked... Click to add points to form a route. Double click on the final point to end that route, and then write a description. You are welcome to input as many routes as you please",
buttons:{'Go back':-1,'I\'m ready!':0},
title:"Kliknij na <span class='fa-stack fa-lg'><i class='fa fa-circle fa-stack-2x'></i><i class='fa fa-pencil fa-inverse fa-stack-1x'></i></span> aby rysować odcinki ścieżek",
html:"<div class = 'img-container'><img src='img/draw_route.gif'></div><br>Ścieżki mogą przedstawiać jedną trasę lub jej małe odcinki jeśli wywołują one u Ciebie rożne odczucia - pozytywne/obojętne/negatywne - (w tym przypadku każdy odcinek rysuj osobno). Kliknij aby dodać punkt. Kliknij dwukrotnie aby zakończyć rysowanie, a następnie dodać opis. Możesz wprowadzać dowolną liczbę tras.",
buttons:{'Wróć':-1,'Jestem gotowy!':0},
position:{width:500},
focus:1,
submit:tourSubmitFunc
Expand All @@ -617,4 +616,4 @@

</script>
</body>
</html>
</html>