-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
116 changed files
with
3,749 additions
and
15 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,136 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<title>Adicionar Local</title> | ||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, min-zoom=1, max-zoom=1, user-scalable=no"> | ||
<link rel="stylesheet" type="text/css" href="css/reset.css"> | ||
<link rel="stylesheet" type="text/css" href="css/gaia/headers.css"> | ||
<!-- <link rel="stylesheet" type="text/css" href="css/gaia/buttons.css"> --> | ||
<link rel="stylesheet" type="text/css" href="css/gaia/buttons.css"> | ||
<link rel="stylesheet" type="text/css" href="css/gaia/input_areas.css"> | ||
<link rel="stylesheet" type="text/css" href="css/gaia/action_menu.css"> | ||
<link rel="stylesheet" type="text/css" href="css/gaia/switches.css"> | ||
</head> | ||
<body> | ||
|
||
<form action="http:https://fadasdobem.com.br/ricardo/add.php" method="post" onsubmit="return false;"> | ||
<section role="region"> | ||
<header> | ||
<button><span class="icon icon-back">back</span></button> | ||
<h1>Maoe</h1> | ||
</header> | ||
|
||
<header> | ||
<h2 class="p1">Primeiro passo</h2> | ||
<h2 class="p2" style="display:none;">Segundo passo</h2> | ||
<h2 class="p3" style="display:none;">Terceiro passo</h2> | ||
</header> | ||
</section> | ||
|
||
<div style="padding:0 15px;"> | ||
<div id="passo-1"> | ||
<p>Escolha o local que deseja registrar</p> | ||
<label> | ||
<input name="tipo_local_id" checked="checked" type="radio"> | ||
<span>Barraca</span> | ||
</label><br /> | ||
<label> | ||
<input name="tipo_local_id" checked="" type="radio"> | ||
<span>Arena</span> | ||
</label> | ||
<button id="step1">Próximo passo...</button> | ||
</div> | ||
|
||
<div id="passo-2" style="display:none;"> | ||
|
||
<p>Agora caminhe até a sua <span id="tipo_local"></span>, assim você pode tirar uma foto dela e saberemos melhor onde ela fica.</p> | ||
<button id="step2">Já estou no lugar certo</button> | ||
<input type="hidden" name="lat"> | ||
<input type="hidden" name="lng"> | ||
<input type="hidden" name="fb_id" id="fb_id"> | ||
</div> | ||
|
||
<div id="passo-3" style="display:none;"> | ||
|
||
<p>Agora é enviar a foto</p> | ||
<input type="file" name="imagem"> | ||
<button id="step3">Enviar</button> | ||
</div> | ||
</div> | ||
</form> | ||
<script src="http:https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> | ||
<script src="http:https://connect.facebook.net/en_US/all.js"></script> | ||
<script> | ||
document.querySelector('.icon-back').onclick = function () { window.history.back() } | ||
</script> | ||
<script> | ||
var data = {}; | ||
|
||
function pickImage () { | ||
var pickImage = document.querySelector("#image-presenter"); | ||
if (pickImage) { | ||
pickImage.onclick = function () { | ||
var pick = new MozActivity({ | ||
name: "pick", | ||
data: { | ||
type: ["image/png", "image/jpg", "image/jpeg"] | ||
} | ||
}); | ||
|
||
pick.onsuccess = function () { | ||
var img = document.createElement("img"); | ||
img.src = window.URL.createObjectURL(this.result.blob); | ||
var imagePresenter = document.querySelector("#image-presenter"); | ||
imagePresenter.appendChild(img); | ||
imagePresenter.style.display = "block"; | ||
}; | ||
} | ||
} | ||
} | ||
|
||
function step1(evt) { | ||
$('#passo-1').hide(); | ||
$('#passo-2').show(); | ||
$('h2').hide(); | ||
$('h2.p2').show(); | ||
|
||
if ($('input[type=radio]:checked').val() == 1) { | ||
$('#tipo_local').HTML('mesa') | ||
} | ||
} | ||
|
||
function step2(evt) { | ||
navigator.geolocation.getCurrentPosition(function(position) { | ||
$('input[name=lat]').val(position.coords.latitude); | ||
$('input[name=lng]').val(position.coords.longitude); | ||
$('#passo-2').hide(); | ||
FB.init({ | ||
appId : '594023257280586', | ||
status: true, cookie: false, xfbml: false, oauth: true | ||
}); | ||
|
||
FB.getLoginStatus(function(response) { | ||
if (response.status === 'connected') { | ||
FB.api('/me', function (r) { | ||
document.querySelector('#fb_id').value = r.id; | ||
$.ajax ({url:'',data:$('form').serialize(),success:function () { | ||
alert("O local foi adicionado com sucesso."); | ||
window.location.href="meus_locais.html"; | ||
}}); | ||
}); | ||
} | ||
}); | ||
//$('#passo-3').show(); | ||
}); | ||
} | ||
|
||
function step3 (evt) { | ||
} | ||
|
||
document.querySelector("#step1").addEventListener('click',step1); | ||
document.querySelector("#step2").addEventListener('click',step2); | ||
document.querySelector("#step3").addEventListener('click',step3); | ||
</script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,63 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> | ||
<style type="text/css"> | ||
html { height: 100% } | ||
body { height: 100%; margin: 0px; padding: 0px } | ||
#map_canvas { height: 100% } | ||
</style> | ||
<script type="text/javascript" | ||
src="https://maps.google.com/maps/api/js?sensor=false"> | ||
</script> | ||
<script type="text/javascript"> | ||
|
||
function initialize(friends) { | ||
var myLatLng = new google.maps.LatLng(-23.51655, -46.63608); | ||
var myOptions = { | ||
zoom: 19, | ||
center: myLatLng, | ||
mapTypeId: google.maps.MapTypeId.SATELLITE | ||
}; | ||
|
||
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); | ||
|
||
var swBound = new google.maps.LatLng(-23.5176592030716, -46.6374027729034); | ||
var neBound = new google.maps.LatLng(-23.5151652281024, -46.6346494853497); | ||
var bounds = new google.maps.LatLngBounds(swBound, neBound); | ||
|
||
var oldmap = new google.maps.GroundOverlay("mapacpbr.png", bounds); | ||
oldmap.setMap(map); | ||
|
||
for (i in data) { | ||
var infowindow = new google.maps.InfoWindow(); | ||
|
||
// function addMark () | ||
var conteudo = '<h2 class="firstHeading"><img src="https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-snc6/5820_115092956381_6258230_n.jpg" style="width:48px;"> <a target="_blank" href="http:https://www.facebook.com/brumouta">@Vorrac</h2></a>'+ | ||
'<div class="bodyContent">'+ | ||
'<p>'+'</p>'+ | ||
'</div>'; | ||
|
||
var marca = new google.maps.Marker({ | ||
position: new google.maps.LatLng(-23.5157380513066, -46.6370031237602), | ||
map: map, | ||
title:"@Vorrac" | ||
}); | ||
|
||
google.maps.event.addListener(marca, 'click', function() { | ||
infowindow.setContent(conteudo); | ||
infowindow.open(map, marca); | ||
});} | ||
|
||
} | ||
</script> | ||
</head> | ||
<body> | ||
<div id="map_canvas" style="width:100%; height:100%"></div> | ||
<script> | ||
var data = [1,2,3]; | ||
$.ajax({url:'http:https://fadasdobem.com.br/ricardo/getList.php':data:{friend_list:}}); | ||
initialize(data); | ||
</script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,180 @@ | ||
html, body { | ||
width: 100%; | ||
padding: 0; | ||
margin: 0; | ||
background: #f3f3f4; | ||
} | ||
|
||
html, body, button { | ||
font: 14px Helvetica, "Open Sans", sans-serif; | ||
} | ||
|
||
header { | ||
background: #000; | ||
color: #fff; | ||
height: 4.9rem; | ||
position: relative; | ||
z-index: 2; | ||
} | ||
|
||
header #install { | ||
display: none; | ||
float: right; | ||
margin: 0; | ||
padding: 0rem 0.5rem 0rem 0.5rem; | ||
height: 100%; | ||
} | ||
|
||
header #install button { | ||
color: #fff; | ||
font-size: 1.2rem; | ||
font-weight: bold; | ||
background: -moz-linear-gradient(top,#6a7b86 0%,#424f5a 100%); | ||
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#6a7b86),color-stop(100%,#424f5a)); | ||
background: -webkit-linear-gradient(top,#6a7b86 0%,#424f5a 100%); | ||
background: -o-linear-gradient(top,#6a7b86 0%,#424f5a 100%); | ||
background: -ms-linear-gradient(top,#6a7b86 0%,#424f5a 100%); | ||
background: linear-gradient(top,#6a7b86 0%,#424f5a 100%); | ||
padding: 0.3rem; | ||
border: none; | ||
border-radius: 5px; | ||
margin: 1.4rem 1rem 0; | ||
} | ||
|
||
header #install button:active { | ||
background: #008000; | ||
} | ||
|
||
header.show-install #install { | ||
display: inline-block; | ||
} | ||
|
||
header h1 { | ||
font: normal 1.8rem/4.6rem "Open Sans", sans-serif; | ||
height: 100%; | ||
margin: 0 0 0 2rem; | ||
padding: 0 0 0 0.1rem; | ||
} | ||
|
||
header.show-install h1 { | ||
display: inline-block; | ||
width: 55%; | ||
white-space: nowrap; | ||
overflow: hidden; | ||
text-overflow: ellipsis; | ||
} | ||
|
||
#online-status { | ||
position: absolute; | ||
left: 10px; | ||
top: 2rem; | ||
width: 10px; | ||
height: 10px; | ||
color: #fff; | ||
background: #008000; | ||
border-radius: 5px; | ||
} | ||
|
||
#online-status.offline { | ||
background: #ff0000; | ||
} | ||
|
||
#main { | ||
padding: 2rem 1rem 6rem 1rem; | ||
} | ||
|
||
#main h2 { | ||
margin: 0 0 1rem; | ||
} | ||
|
||
#main img { | ||
max-width: 100%; | ||
} | ||
|
||
#image-presenter, | ||
#connection-display, | ||
#battery-display { | ||
display: none; | ||
margin-bottom: 10px; | ||
} | ||
|
||
#main button { | ||
display: inline-block; | ||
width: 32%; | ||
vertical-align: top; | ||
margin: 0 auto 2rem; | ||
padding: 1rem; | ||
color: #fff; | ||
font-weight: bold; | ||
border-radius: 5px; | ||
background: rgb(76,76,76); | ||
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); | ||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); | ||
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); | ||
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); | ||
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); | ||
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); | ||
} | ||
|
||
#image-to-share { | ||
display: none; | ||
} | ||
|
||
footer { | ||
background: -moz-linear-gradient(top,#6a7b86 0%,#424f5a 100%); | ||
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#6a7b86),color-stop(100%,#424f5a)); | ||
background: -webkit-linear-gradient(top,#6a7b86 0%,#424f5a 100%); | ||
background: -o-linear-gradient(top,#6a7b86 0%,#424f5a 100%); | ||
background: -ms-linear-gradient(top,#6a7b86 0%,#424f5a 100%); | ||
background: linear-gradient(top,#6a7b86 0%,#424f5a 100%); | ||
color: #fff; | ||
position: fixed; | ||
width: 100%; | ||
height: 5rem; | ||
bottom: 0; | ||
} | ||
|
||
footer ul { | ||
margin: 0px; | ||
padding: 0px; | ||
width: 100%; | ||
height:100%; | ||
} | ||
|
||
footer li { | ||
float: left; | ||
border-right: 1px solid #445; | ||
width: 49%; | ||
height: 100%; | ||
list-style: none; | ||
margin: 0; | ||
text-align: center; | ||
} | ||
|
||
footer li button { | ||
display: inline-block; | ||
background: transparent; | ||
border: none; | ||
height: 100%; | ||
color: #fff; | ||
font-size: 1.2rem; | ||
font-weight: 600; | ||
} | ||
|
||
footer li.activated { | ||
background: #b4beca; | ||
background: -moz-linear-gradient(top,#b4beca 0%,#e1e5eB 100%); | ||
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#b4beca),color-stop(100%,#e1e5eB)); | ||
background: -webkit-linear-gradient(top,#b4beca 0%,#e1e5eB 100%); | ||
background: -o-linear-gradient(top,#b4beca 0%,#e1e5eB 100%); | ||
background: -ms-linear-gradient(top,#b4beca 0%,#e1e5eB 100%); | ||
background: linear-gradient(top,#b4beca 0%,#e1e5eB 100%); | ||
} | ||
|
||
footer li:active { | ||
background: #008000; | ||
} | ||
|
||
footer li:last-child { | ||
border:none; | ||
} |
Oops, something went wrong.