From e8f6995198ebc6648438f6a5d0cc19bac7b6cac2 Mon Sep 17 00:00:00 2001
From: divyabaid16 <divyabaid16@gmail.com>
Date: Tue, 9 Jul 2019 15:48:33 +0530
Subject: [PATCH 1/2] Map and gallery templete added to tags page

---
 app/controllers/tags_controller.rb |   6 +-
 app/views/tags/index.html.erb      | 129 +++++++++++++++++++++++++++++
 2 files changed, 134 insertions(+), 1 deletion(-)
 create mode 100644 app/views/tags/index.html.erb

diff --git a/app/controllers/tags_controller.rb b/app/controllers/tags_controller.rb
index b3bf053c2..7032f0395 100644
--- a/app/controllers/tags_controller.rb
+++ b/app/controllers/tags_controller.rb
@@ -16,7 +16,11 @@ def show
     @tag = Tag.find_by_name params[:id]
     @maps = @tag.maps.paginate(page: params[:page], per_page: 24)
     @title = "Maps tagged with ' #{@tag.name} '"
-    render template: 'maps/index'
+    tag = Tag.where(name: 'featured').first # note that this is not a join table but the .maps method still works
+    @unpaginated = true
+    @authors = User.where(login: tag.maps.collect(&:author)) if tag
+    @authors ||= []
+    render template: 'tags/index'
   end
 
   def destroy
diff --git a/app/views/tags/index.html.erb b/app/views/tags/index.html.erb
new file mode 100644
index 000000000..a2152708e
--- /dev/null
+++ b/app/views/tags/index.html.erb
@@ -0,0 +1,129 @@
+<%= stylesheet_link_tag "/lib/leaflet/dist/leaflet.css" %>
+<%= stylesheet_link_tag "/lib/leaflet-environmental-layers/dist/LeafletEnvironmentalLayers.css" %>
+<%= javascript_include_tag('/lib/leaflet-environmental-layers/dist/LeafletEnvironmentalLayers.js') %>
+<%= javascript_include_tag('/lib/leaflet-environmental-layers/dist/windRoseLayer.js') %>
+<%= javascript_include_tag('/lib/leaflet-fullhash/leaflet-fullHash.js') %>
+<%= javascript_include_tag('https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/Leaflet.fullscreen.min.js') %>
+<%= stylesheet_link_tag "https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/leaflet.fullscreen.css" %>
+
+<%= javascript_include_tag('/lib/leaflet-spin/example/spin/dist/spin.min.js') %>
+<%= javascript_include_tag('/lib/leaflet-spin/example/leaflet.spin.min.js') %>
+
+<div class="container-fluid">
+  <div id="mapknitter-unique" class="mx-auto" style="height: 450px; width: 100%;">
+  </div>
+  <div class="galary-template">
+    <%= render :template => 'front_ui/gallery' %>
+  </div>
+</div>
+
+<script>
+  var defaultLoc;
+  var places = [
+    { name: 'Louisiana',   zoom: 8,  lat: 29.884,   lng: -90.172 },
+    { name: 'Puerto Rico', zoom: 7,  lat: 18.315,   lng: -66.797 },
+    { name: 'Mexico City', zoom: 6,  lat: 20.120,   lng: -99.005 },
+    { name: 'Lima',        zoom: 10, lat: -11.9995, lng: -77.0285 },
+    { name: 'Nairobi',     zoom: 12, lat: -1.2500,  lng: 36.8291 },
+    { name: 'Jakarta',     zoom: 10, lat: -6.1847,  lng: 106.9015 },
+    { name: 'Korea',       zoom: 6,  lat: 36.189,   lng: 128.309 },
+    { name: 'Bangalore',   zoom: 10, lat: 13.0034,  lng: 77.5768 },
+    { name: 'Milan',       zoom: 9,  lat: 45.4311,  lng: 9.3339 }
+  ];
+  function randomizeVals() {
+    defaultLoc = places[parseInt(Math.random() * places.length)];
+  }
+  randomizeVals();
+
+  /**
+   * Randomize array element order in-place.
+   * Using Durstenfeld shuffle algorithm.
+   */
+  function shuffleArray(array) {
+    for (var i = array.length - 1; i > 0; i--) {
+      var j = Math.floor(Math.random() * (i + 1));
+      var temp = array[i];
+      array[i] = array[j];
+      array[j] = temp;
+    }
+  }
+
+  defaultLoc.lat = defaultLoc.lat || <%= params[:lat] || 'false' %>;
+  defaultLoc.lng = defaultLoc.lng || <%= params[:lng] || 'false' %>;
+  defaultLoc.zoom = defaultLoc.zoom || <%= params[:z] || 'false' %>;
+
+  var Mapknitterunique = new L.Map('mapknitter-unique').setView([places[0].lat, places[0].lng], 8);
+  var hash = new L.Hash(Mapknitterunique);
+
+  var MapKnitter = L.layerGroup.mapKnitterLayer().addTo(Mapknitterunique);
+
+  function displayFeaturedPlaces() {
+    shuffleArray(places);
+    places.forEach(function(place, i) {
+      // use "mapknitter.org#8/29.884/-90.172/" style easyHash links
+      var locHash = '#' + place.zoom + '/' + place.lat + '/' + place.lng + '/';
+      $('.featured-places').append('<a class="place-' + i + '" href="javascript:void(0);">' + place.name + '</a>');
+      $('.featured-places .place-' + i).click(function click() {
+        var loc = hash.parseHash(locHash);
+        Mapknitterunique.flyTo(loc.center, loc.zoom)
+      });
+    });
+  }
+  displayFeaturedPlaces();
+
+  Mapknitterunique.locate({setView: true, minZoom : 2, maxZoom: 12});
+
+  Mapknitterunique.on('locationfound', function (locationEvent) {
+    getCoordinates(locationEvent);
+  });
+
+  Mapknitterunique.on('locationerror', function (locationEvent) {
+    setDefaultCoordinates(locationEvent);
+  });
+
+  function getCoordinates(location) {
+    var lat = location.latitude;
+    var lon = location.longitude;
+    saveLocation(lat, lon);
+  }
+
+  function setDefaultCoordinates() {
+    Mapknitterunique.stopLocate();
+    var bounds = new L.LatLngBounds(
+      new L.LatLng(defaultLoc.lat-1, defaultLoc.lng-1),
+      new L.LatLng(defaultLoc.lat+1 , defaultLoc.lng+1)
+    );
+    Mapknitterunique.options.maxBounds = bounds;
+    Mapknitterunique.options.maxBoundsViscosity = 0.75;
+    Mapknitterunique.setView([defaultLoc.lat,defaultLoc.lng], defaultLoc.zoom);
+  }
+
+  function saveLocation(lat, lon) {
+    $.post( "/save_location.json", {'lat': lat, 'lon': lon}, function(data) {});
+  }
+
+
+  var token = "pk.eyJ1Ijoianl3YXJyZW4iLCJhIjoiVzVZcGg3NCJ9.BJ6ArUPuTs1JT9Ssu3K8ig";
+  var baselayer = L.tileLayer('https://api.mapbox.com/styles/v1/mapbox/outdoors-v11/tiles/{z}/{x}/{y}?access_token=' + token, {
+    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+  }).addTo(Mapknitterunique); 
+
+  Mapknitterunique.addControl(new L.Control.Fullscreen()); // to go full-screen
+  Mapknitterunique.on('fullscreenchange', function () {
+    if (Mapknitterunique.isFullscreen()) {
+      Mapknitterunique.options.minZoom = 3 ;
+     } 
+    else {
+      Mapknitterunique.options.minZoom = 1 ;
+    }
+  });
+
+
+  var baseMaps = {
+    "Baselayer1": baselayer
+  };
+  var overlayMaps = {
+    "MapKnitter": MapKnitter
+  };
+  L.control.layers(baseMaps, overlayMaps).addTo(Mapknitterunique);
+</script>
\ No newline at end of file

From 0b375eae599f19871af0963822acb783c1d37ba5 Mon Sep 17 00:00:00 2001
From: divyabaid16 <divyabaid16@gmail.com>
Date: Thu, 1 Aug 2019 23:29:16 +0530
Subject: [PATCH 2/2] Gallery template

---
 app/views/tags/index.html.erb | 194 +++++++++++++++-------------------
 1 file changed, 88 insertions(+), 106 deletions(-)

diff --git a/app/views/tags/index.html.erb b/app/views/tags/index.html.erb
index a2152708e..88ca2b3d0 100644
--- a/app/views/tags/index.html.erb
+++ b/app/views/tags/index.html.erb
@@ -13,117 +13,99 @@
   <div id="mapknitter-unique" class="mx-auto" style="height: 450px; width: 100%;">
   </div>
   <div class="galary-template">
-    <%= render :template => 'front_ui/gallery' %>
+    <br> <br>
+    <h2 class="section-title text-center"> <%= @title %></h2>
+    <hr style="max-width: 500px;">
+    <br> <br>
+    <%= render :partial => 'front_ui/maps', :locals => { :maps => @maps } %>
   </div>
 </div>
 
 <script>
-  var defaultLoc;
-  var places = [
-    { name: 'Louisiana',   zoom: 8,  lat: 29.884,   lng: -90.172 },
-    { name: 'Puerto Rico', zoom: 7,  lat: 18.315,   lng: -66.797 },
-    { name: 'Mexico City', zoom: 6,  lat: 20.120,   lng: -99.005 },
-    { name: 'Lima',        zoom: 10, lat: -11.9995, lng: -77.0285 },
-    { name: 'Nairobi',     zoom: 12, lat: -1.2500,  lng: 36.8291 },
-    { name: 'Jakarta',     zoom: 10, lat: -6.1847,  lng: 106.9015 },
-    { name: 'Korea',       zoom: 6,  lat: 36.189,   lng: 128.309 },
-    { name: 'Bangalore',   zoom: 10, lat: 13.0034,  lng: 77.5768 },
-    { name: 'Milan',       zoom: 9,  lat: 45.4311,  lng: 9.3339 }
-  ];
-  function randomizeVals() {
-    defaultLoc = places[parseInt(Math.random() * places.length)];
-  }
-  randomizeVals();
-
-  /**
-   * Randomize array element order in-place.
-   * Using Durstenfeld shuffle algorithm.
-   */
-  function shuffleArray(array) {
-    for (var i = array.length - 1; i > 0; i--) {
-      var j = Math.floor(Math.random() * (i + 1));
-      var temp = array[i];
-      array[i] = array[j];
-      array[j] = temp;
-    }
-  }
-
-  defaultLoc.lat = defaultLoc.lat || <%= params[:lat] || 'false' %>;
-  defaultLoc.lng = defaultLoc.lng || <%= params[:lng] || 'false' %>;
-  defaultLoc.zoom = defaultLoc.zoom || <%= params[:z] || 'false' %>;
-
-  var Mapknitterunique = new L.Map('mapknitter-unique').setView([places[0].lat, places[0].lng], 8);
-  var hash = new L.Hash(Mapknitterunique);
-
-  var MapKnitter = L.layerGroup.mapKnitterLayer().addTo(Mapknitterunique);
-
-  function displayFeaturedPlaces() {
-    shuffleArray(places);
-    places.forEach(function(place, i) {
-      // use "mapknitter.org#8/29.884/-90.172/" style easyHash links
-      var locHash = '#' + place.zoom + '/' + place.lat + '/' + place.lng + '/';
-      $('.featured-places').append('<a class="place-' + i + '" href="javascript:void(0);">' + place.name + '</a>');
-      $('.featured-places .place-' + i).click(function click() {
-        var loc = hash.parseHash(locHash);
-        Mapknitterunique.flyTo(loc.center, loc.zoom)
-      });
-    });
-  }
-  displayFeaturedPlaces();
-
-  Mapknitterunique.locate({setView: true, minZoom : 2, maxZoom: 12});
-
-  Mapknitterunique.on('locationfound', function (locationEvent) {
-    getCoordinates(locationEvent);
-  });
-
-  Mapknitterunique.on('locationerror', function (locationEvent) {
-    setDefaultCoordinates(locationEvent);
-  });
-
-  function getCoordinates(location) {
-    var lat = location.latitude;
-    var lon = location.longitude;
-    saveLocation(lat, lon);
-  }
-
-  function setDefaultCoordinates() {
-    Mapknitterunique.stopLocate();
-    var bounds = new L.LatLngBounds(
-      new L.LatLng(defaultLoc.lat-1, defaultLoc.lng-1),
-      new L.LatLng(defaultLoc.lat+1 , defaultLoc.lng+1)
-    );
-    Mapknitterunique.options.maxBounds = bounds;
-    Mapknitterunique.options.maxBoundsViscosity = 0.75;
-    Mapknitterunique.setView([defaultLoc.lat,defaultLoc.lng], defaultLoc.zoom);
-  }
-
-  function saveLocation(lat, lon) {
-    $.post( "/save_location.json", {'lat': lat, 'lon': lon}, function(data) {});
-  }
-
-
-  var token = "pk.eyJ1Ijoianl3YXJyZW4iLCJhIjoiVzVZcGg3NCJ9.BJ6ArUPuTs1JT9Ssu3K8ig";
-  var baselayer = L.tileLayer('https://api.mapbox.com/styles/v1/mapbox/outdoors-v11/tiles/{z}/{x}/{y}?access_token=' + token, {
-    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
-  }).addTo(Mapknitterunique); 
-
-  Mapknitterunique.addControl(new L.Control.Fullscreen()); // to go full-screen
-  Mapknitterunique.on('fullscreenchange', function () {
-    if (Mapknitterunique.isFullscreen()) {
-      Mapknitterunique.options.minZoom = 3 ;
-     } 
-    else {
-      Mapknitterunique.options.minZoom = 1 ;
-    }
+  $(function(){
+    $("#loginModal").appendTo("body");
   });
+    var bounds = new L.LatLngBounds(new L.LatLng(84.67351257 , -172.96875) , new L.LatLng(-54.36775852 , 178.59375)) ;
+    var Mapknitterunique = new L.map('mapknitter-unique' , {
+      maxBounds: bounds ,
+      maxBoundsViscosity: 0.75
+    }).setView([43, -83] , 2);
+    L.layerGroup.mapKnitterLayer().addTo(Mapknitterunique);
+    //Mapknitterunique.options.minZoom = 2 ;
+    Mapknitterunique.fitBounds(Mapknitterunique.getBounds());
+
+    //L.tileLayer('').addTo();
+     var token = "pk.eyJ1Ijoianl3YXJyZW4iLCJhIjoiVzVZcGg3NCJ9.BJ6ArUPuTs1JT9Ssu3K8ig";
+
+     var baselayer = L.tileLayer('https://api.mapbox.com/styles/v1/mapbox/outdoors-v11/tiles/{z}/{x}/{y}?access_token=' + token, {
+        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+      }).addTo(Mapknitterunique);
+
+
+    Mapknitterunique.addControl(new L.Control.Fullscreen()); // to go full-screen
+    Mapknitterunique.on('fullscreenchange', function () {
+      if (Mapknitterunique.isFullscreen()) {
+        Mapknitterunique.options.minZoom = getBoundsZoom(bounds, true, 0); ;
+       }
+      else {
+        Mapknitterunique.options.minZoom = 1 ;
+       // Mapknitterunique.panTo(new L.LatLng(lat,lon));
+      }
+    });
 
+   // var PurpleLayer = L.layerGroup.purpleLayer() ;
+    var PurpleAirMarkerLayer = L.layerGroup.purpleAirMarkerLayer() ;
+    var SkyTruth = L.layerGroup.skyTruthLayer() ;
+    var Fractracker = L.layerGroup.fracTrackerLayer() ;
+    var OdorReport = L.layerGroup.odorReportLayer() ;
+    var MapKnitter = L.layerGroup.mapKnitterLayer().addTo(Mapknitterunique) ;
+    var ToxicRelease = L.layerGroup.toxicReleaseLayer() ;
+
+    var OpenInfraMap_Power = L.tileLayer('https://tiles-{s}.openinframap.org/power/{z}/{x}/{y}.png',{
+        maxZoom: 18,
+        attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, <a href="http://www.openinframap.org/about.html">About OpenInfraMap</a>'
+    });
+    var OpenInfraMap_Petroleum = L.tileLayer('https://tiles-{s}.openinframap.org/petroleum/{z}/{x}/{y}.png', {
+      maxZoom: 18,
+      attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, <a href="http://www.openinframap.org/about.html">About OpenInfraMap</a>'
+    });
+    var OpenInfraMap_Telecom = L.tileLayer('https://tiles-{s}.openinframap.org/telecoms/{z}/{x}/{y}.png', {
+      maxZoom: 18,
+      attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, <a href="http://www.openinframap.org/about.html">About OpenInfraMap</a>'
+    });
+    var OpenInfraMap_Water = L.tileLayer('https://tiles-{s}.openinframap.org/water/{z}/{x}/{y}.png',{
+      maxZoom: 18,
+      attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, <a href="http://www.openinframap.org/about.html">About OpenInfraMap</a>'
+    });
 
-  var baseMaps = {
-    "Baselayer1": baselayer
-  };
-  var overlayMaps = {
-    "MapKnitter": MapKnitter
-  };
-  L.control.layers(baseMaps, overlayMaps).addTo(Mapknitterunique);
+    var Justicemap_income = L.tileLayer.provider('JusticeMap.income') ;
+    var JusticeMap_americanIndian = L.tileLayer.provider('JusticeMap.americanIndian') ;
+    var JusticeMap_asian = L.tileLayer.provider('JusticeMap.asian') ;
+    var JusticeMap_black = L.tileLayer.provider('JusticeMap.black') ;
+    var JusticeMap_multi = L.tileLayer.provider('JusticeMap.multi') ;
+    var JusticeMap_hispanic = L.tileLayer.provider('JusticeMap.hispanic') ;
+    var JusticeMap_nonWhite = L.tileLayer.provider('JusticeMap.nonWhite') ;
+    var JusticeMap_white = L.tileLayer.provider('JusticeMap.white') ;
+    var JusticeMap_plurality = L.tileLayer.provider('JusticeMap.plurality')
+    var clouds = L.OWM.clouds({showLegend: true, opacity: 0.5});
+    var cloudscls = L.OWM.cloudsClassic({});
+    var precipitation = L.OWM.precipitation({});
+    var precipitationcls = L.OWM.precipitationClassic({});
+    var rain = L.OWM.rain({});
+    var raincls = L.OWM.rainClassic({});
+    var snow = L.OWM.snow({});
+    var pressure = L.OWM.pressure({});
+    var pressurecntr = L.OWM.pressureContour({});
+    var temp = L.OWM.temperature({});
+    var wind = L.OWM.wind({});
+
+    var city = L.OWM.current({intervall: 15, minZoom: 3});
+
+    var baseMaps = {
+      "Baselayer1": baselayer
+    };
+    var overlayMaps = {
+      "MapKnitter": MapKnitter
+    };
+    L.control.layers(baseMaps,overlayMaps).addTo(Mapknitterunique);
 </script>
\ No newline at end of file