Skip to content

SYNQ chat integration #9

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

Open
sjmueller wants to merge 4 commits into
base: master
Choose a base branch
from
Open

SYNQ chat integration #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
257e65e
SYNQ chat integration
sjmueller Nov 13, 2016
b5bb67c
disable map when over chat, plus right panel slide
sjmueller Nov 13, 2016
5813d8f
optimize layout for mobile browsers
sjmueller Nov 16, 2016
8fe15e8
handle quirks in various mobile browsers
sjmueller Nov 18, 2016
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
49 changes: 27 additions & 22 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<title>FastPokeMap - Gotta Track'em All</title>
<meta name="description" content="FastPokeMap is a Pokemon GO map and scanner. It's a much faster PokeVision alternative." />
<meta name="keywords" content="fastpokemap,map,pokemon,tracker,pokevision,alternative,scanner,poketrack,pokemon go,pokémon go,pokémon,go,timers,free,niantic,alternative,alternative pokevision">
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,minimal-ui" />
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,width=device-width=0,user-scalable=0,minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes">
<link href='https://fonts.googleapis.com/css?family=Lato:300,400&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
Expand All @@ -18,7 +18,7 @@
<script src="s2.js"></script>
<script src="script.js"></script>
<script src="slicknav/jquery.slicknav.min.js"></script>
<script> window.salt=0; window.fingerprint="allow-all"; </script>
<script> window.salt=0; window.fingerprint="allow-all"; </script>
<link rel="stylesheet" href="slicknav/slicknav.css" />
<link href="style.css" rel="stylesheet" />
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
Expand All @@ -30,7 +30,7 @@
<meta name="application-name" content="FastPokeMap">
<meta name="theme-color" content="#edf9ea">
<meta name="referrer" content="never">
<link href="https://fpm.synqchat.com/static/css/style.css" rel="stylesheet">
</head>
<body ontouchstart="">
<h1>FastPokeMap</h1>
Expand All @@ -41,7 +41,7 @@ <h2>Gotta Track'em All</h2>
<hr />
<!--<p>Feedback is welcome on <a href="https://twitter.com/FastPokeMapCom" target="_blank">Twitter</a></p>-->
<p>Thank you and happy hunting!</p>
<button class="close">
<button class="round close">
X
</button>
</div>
Expand All @@ -55,39 +55,44 @@ <h2>Gotta Track'em All</h2>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
</ul>
</div>
<div id="map">
<div id="map">
<div class="nearby" title="Pokemon nearby your scan area">
<h3>NEARBY</h3>
</div>

<div class="left">
<!-- <button class="notifications">
<img src="img/notifications.png" title="Enable notifications">
</button> -->
<button class="info">
<button class="round info">
<img src="img/favicon-32x32.png" title="FastPokeMap - Gotta Track'em All">
</button>
</div>

<div class="center">
<button class="scan">
<button class="round scan">
<img src="img/scan.png" title="Launch scan!">
</button>
</div>

<div class="right">
<button class="filter" id="openfilter">
<button class="round filter" id="openChat">
<img src="img/chat.png" title="Toggle local chat">
</button>
<button class="round filter" id="openfilter">
<img src="img/filter.png" title="Filter Pokemon">
</button>
<button class="search">
</button>
<button class="round search">
<img src="img/search.png" title="Find location">
</button>
<button class="location">
</button>
<button class="round location">
<img src="img/location.png" title="Enable location tracking">
</button>
</div>
</div>


<div id="chat"></div>

<div class="window searchwindow">
<h3>Search</h3>
<p>Find your location</p>
Expand All @@ -97,30 +102,30 @@ <h3>Search</h3>
<img src="img/search.png" title="Find location">
</button>
</form>
<button class="close">
<button class="round close">
X
</button>
</div>

<div class="window filterwindow">
<h3>Filter (Remove)</h3>
<input type="button" class="filter" id="select-all" value="Hide All" />
<input type="button" class="filter" id="deselect-all" value="Show All" />
<div class="inner-filter"></div>
<button id="applyfilter">
<button id="round applyfilter">
✓
</button>
</div>

<div class="adroom">
<div class="pcad">
</div>
</div>

<noscript>
Javascript is required to view this website!<br />
<a href="http://www.enable-javascript.com/" target="_blank">Here are the instructions how to enable JavaScript in your web browser.</a>
</noscript>

<script type="text/javascript" src="https://fpm.synqchat.com/static/js/script.js"></script>
</body>
</html>
47 changes: 47 additions & 0 deletions script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ var PokemonIdList={"BULBASAUR":1,"IVYSAUR":2,"VENUSAUR":3,"CHARMANDER":4,"CHARME
var pokemonNames={1:'Bulbasaur',2:'Ivysaur',3:'Venusaur',4:'Charmander',5:'Charmeleon',6:'Charizard',7:'Squirtle',8:'Wartortle',9:'Blastoise',10:'Caterpie',11:'Metapod',12:'Butterfree',13:'Weedle',14:'Kakuna',15:'Beedrill',16:'Pidgey',17:'Pidgeotto',18:'Pidgeot',19:'Rattata',20:'Raticate',21:'Spearow',22:'Fearow',23:'Ekans',24:'Arbok',25:'Pikachu',26:'Raichu',27:'Sandshrew',28:'Sandslash',29:'Nidoran F',30:'Nidorina',31:'Nidoqueen',32:'Nidoran M',33:'Nidorino',34:'Nidoking',35:'Clefairy',36:'Clefable',37:'Vulpix',38:'Ninetales',39:'Jigglypuff',40:'Wigglytuff',41:'Zubat',42:'Golbat',43:'Oddish',44:'Gloom',45:'Vileplume',46:'Paras',47:'Parasect',48:'Venonat',49:'Venomoth',50:'Diglett',51:'Dugtrio',52:'Meowth',53:'Persian',54:'Psyduck',55:'Golduck',56:'Mankey',57:'Primeape',58:'Growlithe',59:'Arcanine',60:'Poliwag',61:'Poliwhirl',62:'Poliwrath',63:'Abra',64:'Kadabra',65:'Alakazam',66:'Machop',67:'Machoke',68:'Machamp',69:'Bellsprout',70:'Weepinbell',71:'Victreebel',72:'Tentacool',73:'Tentacruel',74:'Geodude',75:'Graveler',76:'Golem',77:'Ponyta',78:'Rapidash',79:'Slowpoke',80:'Slowbro',81:'Magnemite',82:'Magneton',83:'Farfetch\'d',84:'Doduo',85:'Dodrio',86:'Seel',87:'Dewgong',88:'Grimer',89:'Muk',90:'Shellder',91:'Cloyster',92:'Gastly',93:'Haunter',94:'Gengar',95:'Onix',96:'Drowzee',97:'Hypno',98:'Krabby',99:'Kingler',100:'Voltorb',101:'Electrode',102:'Exeggcute',103:'Exeggutor',104:'Cubone',105:'Marowak',106:'Hitmonlee',107:'Hitmonchan',108:'Lickitung',109:'Koffing',110:'Weezing',111:'Rhyhorn',112:'Rhydon',113:'Chansey',114:'Tangela',115:'Kangaskhan',116:'Horsea',117:'Seadra',118:'Goldeen',119:'Seaking',120:'Staryu',121:'Starmie',122:'Mr. Mime',123:'Scyther',124:'Jynx',125:'Electabuzz',126:'Magmar',127:'Pinsir',128:'Tauros',129:'Magikarp',130:'Gyarados',131:'Lapras',132:'Ditto',133:'Eevee',134:'Vaporeon',135:'Jolteon',136:'Flareon',137:'Porygon',138:'Omanyte',139:'Omastar',140:'Kabuto',141:'Kabutops',142:'Aerodactyl',143:'Snorlax',144:'Articuno',145:'Zapdos',146:'Moltres',147:'Dratini',148:'Dragonair',149:'Dragonite',150:'Mewtwo',151:'Mew',};
var filterdict = {};
var isLoading = false;
var mapEventsDisabled = false;

L.HtmlIcon = L.Icon.extend({
options: {},
Expand Down Expand Up @@ -311,6 +312,7 @@ function initmap() {
credits.addAttribution('Powered by Esri, HERE, DeLorme, NGA, USGS');

map.on("click", function(event) {
if (mapEventsDisabled) return;
var lat = event.latlng.lat;
var lng = event.latlng.lng;
var cp = new L.LatLng(lat, lng);
Expand All @@ -336,6 +338,7 @@ function initmap() {
throttledLoadCache(cp);
});
map.on("dblclick", function(event) {
if (mapEventsDisabled) return;
var cp = new L.LatLng(event.latlng.lat, event.latlng.lng);
marker.setLatLng(cp);
});
Expand Down Expand Up @@ -645,6 +648,50 @@ $(function() {

$("body").css({
height: $(window).height()
});

let $animated = $('#chat,.right,.slicknav_menu,.adroom,#map');

$('#openChat').on('click', function() {
$('html,body,#map,#chat').toggleClass('no-scroll');
$animated.toggleClass('slide-in');
});

$animated.addClass('animated');

$('#chat').on('mouseover touchstart', function(e) {
mapEventsDisabled = true;
map.dragging.disable();
map.doubleClickZoom.disable();
map.scrollWheelZoom.disable();
});

$(document.body).on('focusin', '.conversation textarea, .conversation input', function(e) {
$('#chat').addClass('with-keyboard');
document.body.scrollTop = 0;
setTimeout(() => {
$('.message-area').animate({ scrollTop: $('.message-area')[0].scrollHeight });
}, 100);

});

// tag chrome on iOS so we can target specific media query
if(/CriOS/i.test(navigator.userAgent) && /iphone|ipod|ipad/i.test(navigator.userAgent)) {
$('body').addClass('chrome-ios');
}
if(/Android/i.test(navigator.userAgent)) {
$('body').addClass('chrome-android');
}

$(document.body).on('focusout', "textarea, input", function(e) {
$('#chat').removeClass('with-keyboard');
});

$('#chat').on('mouseout touchend', function(e) {
mapEventsDisabled = false;
map.dragging.enable();
map.doubleClickZoom.enable();
map.scrollWheelZoom.enable();
});

});
Expand Down
17 changes: 9 additions & 8 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -249,9 +249,10 @@ noscript a {
/* height: 190px; */
width: 60px;
z-index: 1001;
transition: transform 0.3s ease-in-out;
}

button:not(.searchbutton) {
button.round:not(.searchbutton) {
background: #eff7ee none repeat scroll 0 0;
border: 2px solid #217B86;
border-radius: 100px;
Expand All @@ -268,7 +269,7 @@ button:not(.searchbutton) {
text-align: left;
}

button:not(.searchbutton):before {
button.round:not(.searchbutton):before {
content: " ";
display: block;
background: #eff7ee;
Expand All @@ -283,7 +284,7 @@ button:not(.searchbutton):before {
opacity: 0.6;
}

button:active, button:active:before {
button.round:active, button:active:before {
background: #BAEAAE;
}

Expand All @@ -308,7 +309,7 @@ button.notifications img { /* <----------------- NEW! */
margin-left: 8px;
}

button.close, button#applyfilter{
button.round.close, button#applyfilter{
margin-top: 15px;
text-align: center;
font-size: 17px;
Expand All @@ -318,22 +319,22 @@ button.close, button#applyfilter{
margin-bottom: 0px;
}

button.close:before, button#applyfilter:before {
button.round.close:before, button#applyfilter:before {
width: 40px;
height: 40px;
}

button.scan {
button.round.scan {
height: 70px;
width: 70px;
}

button.scan:before {
button.round.scan:before {
height: 80px;
width: 80px;
}

button.scan img {
button.round.scan img {
width: 32px;
height: 32px;
margin-left: 17px;
Expand Down