Added map-chat to prepare the mqtt moke up. (#4506)

PokemonGoF · Aug 21, 2016 · 739afad · 739afad
1 parent 13bca8a
commit 739afad
Show file tree

Hide file tree

Showing 33 changed files with 11,791 additions and 0 deletions.
diff --git a/map-chat/.gitignore b/map-chat/.gitignore
@@ -0,0 +1,50 @@
+# Created by .gitignore support plugin (hsz.mobi)
+### JetBrains template
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm
+
+*.iml
+
+## Directory-based project format:
+.idea/
+# if you remove the above rule, at least ignore the following:
+
+# User-specific stuff:
+# .idea/workspace.xml
+# .idea/tasks.xml
+# .idea/dictionaries
+
+# Sensitive or high-churn files:
+# .idea/dataSources.ids
+# .idea/dataSources.xml
+# .idea/sqlDataSources.xml
+# .idea/dynamic.xml
+# .idea/uiDesigner.xml
+
+# Gradle:
+# .idea/gradle.xml
+# .idea/libraries
+
+# Mongo Explorer plugin:
+# .idea/mongoSettings.xml
+
+## File-based project format:
+*.ipr
+*.iws
+
+## Plugin-specific files:
+
+# IntelliJ
+out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+
+
diff --git a/map-chat/favicons/android-chrome-36x36.png b/map-chat/favicons/android-chrome-36x36.png
diff --git a/map-chat/favicons/android-chrome-48x48.png b/map-chat/favicons/android-chrome-48x48.png
diff --git a/map-chat/favicons/android-chrome-72x72.png b/map-chat/favicons/android-chrome-72x72.png
diff --git a/map-chat/favicons/android-chrome-96x96.png b/map-chat/favicons/android-chrome-96x96.png
diff --git a/map-chat/favicons/apple-touch-icon-114x114.png b/map-chat/favicons/apple-touch-icon-114x114.png
diff --git a/map-chat/favicons/apple-touch-icon-120x120.png b/map-chat/favicons/apple-touch-icon-120x120.png
diff --git a/map-chat/favicons/apple-touch-icon-57x57.png b/map-chat/favicons/apple-touch-icon-57x57.png
diff --git a/map-chat/favicons/apple-touch-icon-60x60.png b/map-chat/favicons/apple-touch-icon-60x60.png
diff --git a/map-chat/favicons/apple-touch-icon-72x72.png b/map-chat/favicons/apple-touch-icon-72x72.png
diff --git a/map-chat/favicons/apple-touch-icon-76x76.png b/map-chat/favicons/apple-touch-icon-76x76.png
diff --git a/map-chat/favicons/apple-touch-icon-precomposed.png b/map-chat/favicons/apple-touch-icon-precomposed.png
diff --git a/map-chat/favicons/apple-touch-icon.png b/map-chat/favicons/apple-touch-icon.png
diff --git a/map-chat/favicons/browserconfig.xml b/map-chat/favicons/browserconfig.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="/mstile-70x70.png"/>
+      <square150x150logo src="/mstile-150x150.png"/>
+      <wide310x150logo src="/mstile-310x150.png"/>
+      <TileColor>#da532c</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>
diff --git a/map-chat/favicons/favicon-16x16.png b/map-chat/favicons/favicon-16x16.png
diff --git a/map-chat/favicons/favicon-32x32.png b/map-chat/favicons/favicon-32x32.png
diff --git a/map-chat/favicons/favicon-96x96.png b/map-chat/favicons/favicon-96x96.png
diff --git a/map-chat/favicons/favicon.ico b/map-chat/favicons/favicon.ico
diff --git a/map-chat/favicons/manifest.json b/map-chat/favicons/manifest.json
@@ -0,0 +1,29 @@
+{
+	"name": "My app",
+	"icons": [
+		{
+			"src": "\/android-chrome-36x36.png",
+			"sizes": "36x36",
+			"type": "image\/png",
+			"density": "0.75"
+		},
+		{
+			"src": "\/android-chrome-48x48.png",
+			"sizes": "48x48",
+			"type": "image\/png",
+			"density": "1.0"
+		},
+		{
+			"src": "\/android-chrome-72x72.png",
+			"sizes": "72x72",
+			"type": "image\/png",
+			"density": "1.5"
+		},
+		{
+			"src": "\/android-chrome-96x96.png",
+			"sizes": "96x96",
+			"type": "image\/png",
+			"density": "2.0"
+		}
+	]
+}
diff --git a/map-chat/favicons/mstile-150x150.png b/map-chat/favicons/mstile-150x150.png
diff --git a/map-chat/favicons/mstile-310x150.png b/map-chat/favicons/mstile-310x150.png
diff --git a/map-chat/favicons/mstile-70x70.png b/map-chat/favicons/mstile-70x70.png
diff --git a/map-chat/images/blue_marker.png b/map-chat/images/blue_marker.png
diff --git a/map-chat/images/grey_marker.png b/map-chat/images/grey_marker.png
diff --git a/map-chat/images/twitter_icon_small.png b/map-chat/images/twitter_icon_small.png
diff --git a/map-chat/index.html b/map-chat/index.html
@@ -0,0 +1,123 @@
+<html>
+<head>
+    <title>MapChat</title>
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+    <meta charset="utf-8">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/css/materialize.min.css">
+    <link href="stylesheets/main.css" rel="stylesheet"/>
+
+    <link rel="apple-touch-icon" sizes="57x57" href="favicons/apple-touch-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="favicons/apple-touch-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="favicons/apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="favicons/apple-touch-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="favicons/apple-touch-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="favicons/apple-touch-icon-120x120.png">
+    <link rel="icon" type="image/png" href="favicons/favicon-32x32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="favicons/favicon-96x96.png" sizes="96x96">
+    <link rel="icon" type="image/png" href="favicons/favicon-16x16.png" sizes="16x16">
+    <link rel="manifest" href="favicons/manifest.json">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="theme-color" content="#ffffff">
+</head>
+
+<body>
+
+<!-- Google translate -->
+<div class="translation-wrapper hide-on-small-and-down">
+    Translation
+    <div id="google_translate_element" style="float: right; padding-left: 10px"></div>
+</div>
+<script type="text/javascript">
+    function googleTranslateElementInit() {
+        new google.translate.TranslateElement({pageLanguage: 'auto', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
+    }
+</script>
+<script type="text/javascript" src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
+
+<div class="navbar">
+    <nav>
+        <div class="nav-wrapper blue">
+            <a class="brand-logo center" href="http://idoco.github.io/map-chat/">MapChat</a>
+            <a id="side-nav-button" href="#" data-activates="side-nav"><i class="mdi-navigation-menu"></i></a>
+            <ul class="side-nav" id="side-nav">
+                <li>
+                    <div class="switch">
+                        <label style="color: black">
+                            Notifications
+                            <input id="notification_lever" type="checkbox">
+                            <span class="lever"></span>
+                        </label>
+                    </div>
+                </li>
+                <li>
+                    <div class="switch">
+                        <label style="color: black">
+                            Share Accurate Location
+                            <input id="accurate_location_lever" type="checkbox">
+                            <span class="lever"></span>
+                        </label>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </nav>
+</div>
+
+<!--fork me link-->
+<a href="https://github.com/idoco/map-chat/" class="hide-on-med-and-down">
+    <img src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"
+         class="fork-me-link" alt="Fork me on GitHub">
+</a>
+
+<div class="fixed-action-btn zoom-buttons">
+    <div>
+        <a id="zoom-in-button" class="waves-effect waves-light btn grey"
+                onclick="changeZoom(+1)">
+            <i class="mdi-content-add"></i>
+        </a>
+    </div>
+    <div>
+        <a id="zoom-out-button" class="waves-effect waves-light btn grey"
+                onclick="changeZoom(-1)">
+            <i class="mdi-content-remove"></i>
+        </a>
+    </div>
+</div>
+
+<div id="map-canvas"></div>
+
+<div class="center input-wrapper">
+    <div class="input-field">
+        <input placeholder="Type a message" id="input" type="text" maxlength="101">
+    </div>
+</div>
+
+<div class="fixed-action-btn btn-send">
+    <a id="send-button" class="btn-floating btn-large waves-effect waves-light blue">
+        <i class="large mdi-content-send"></i>
+    </a>
+</div>
+
+<div class="fixed-action-btn btn-clear">
+    <a id="clear-button" class="btn-floating btn-large waves-effect waves-light red"
+            onclick="clearMessageFromMap()">
+        <i class="large mdi-content-clear"></i>
+    </a>
+</div>
+
+<!--Import jQuery before materialize.js-->
+<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/js/materialize.min.js"></script>
+<script src="https://cdn.jsdelivr.net/sockjs/1.0.0/sockjs.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/vertx/2.0.0/vertxbus.js"></script>
+<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&language=en"></script>
+
+<script type="text/javascript" src="javascript/modernizr.custom.js"></script>
+<script type="text/javascript" src="javascript/html-sanitizer-minified.js"></script>
+<script src="javascript/main.js"></script>
+<script src="javascript/map.js"></script>
+<script src="javascript/browserMqtt.js"></script>
+
+</body>
+</html>