From e0246062b8ad043a0ab7724d0061989cb8e846b5 Mon Sep 17 00:00:00 2001
From: Manan-Arora31 <manan31102002@gmail.com>
Date: Sun, 22 Oct 2023 18:34:36 +0530
Subject: [PATCH 1/8] Implemented_Top_Places_Section

---
 home/views.py | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/home/views.py b/home/views.py
index 8c0382d7..e99361e3 100644
--- a/home/views.py
+++ b/home/views.py
@@ -9,7 +9,7 @@
 import requests
 
 def homepage(request):
-    all_places = PlacesDetails.objects.all()
+    all_places = get_top_places()
     if request.user.is_authenticated:
         d = request.user
         profile_pic = VisitorDetails.objects.get(user_id=d).profile_picture
@@ -166,4 +166,21 @@ def get_weather_data(latitude,longitude):
     weather_info['last updated time']=city_weather['current']['last_updated']
     return weather_info
     
-
+def get_top_places():
+    top_places = []
+    places = []
+    ratings = RatingReview.objects.all()
+    for r in ratings:
+        places.append(r)
+    choices = {
+        "VERY POOR": 1,
+        "POOR": 2,
+        "MEDIOCRE": 3,
+        "GOOD": 4,
+        "EXCELLENT": 5
+    }
+    places.sort(key=lambda x: (choices[x.safety]+choices[x.sanitization]+choices[x.security]+choices[x.overall_fun]), reverse=True)
+    places = places[:6]
+    for p in places:
+        top_places.append(p.place)
+    return top_places

From 1f5f4ece27aa11692ff529a58f9227ecac30b27d Mon Sep 17 00:00:00 2001
From: Manan-Arora31 <manan31102002@gmail.com>
Date: Sun, 22 Oct 2023 19:45:45 +0530
Subject: [PATCH 2/8] Implemented All Places Backend

---
 Places/urls.py                   | 1 +
 Places/views.py                  | 9 ++++++++-
 templates/Places/all_places.html | 0
 templates/index.html             | 2 +-
 4 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 templates/Places/all_places.html

diff --git a/Places/urls.py b/Places/urls.py
index f63f0d53..7464515b 100755
--- a/Places/urls.py
+++ b/Places/urls.py
@@ -5,4 +5,5 @@
     path('save-complaints',views.Save_Complaints, name='report_complaint'),
     path('rate_and_review/<int:pk>/',views.Rate_Review,name='rate_review'),
     path('save_review/<int:pk>/',views.Review,name='save_review'),
+    path('all_places',views.all_places, name="all_places"),
 ]
diff --git a/Places/views.py b/Places/views.py
index 2b7180bc..585b0214 100755
--- a/Places/views.py
+++ b/Places/views.py
@@ -65,4 +65,11 @@ def Review(request,pk):
             place = PlacesDetails.objects.get(pk=pk)
             rating_review = RatingReview.objects.create(safety=safety,sanitization=sanitization,security=security,overall_fun=overallfun,place=place,user=user,review=desc)
             rating_review.save()
-            return redirect('/')
\ No newline at end of file
+            return redirect('/')
+
+def all_places(request):
+    places = PlacesDetails.objects.all()
+    context = {
+        "places" : places
+    }
+    return render(request, "Places/all_places.html", context)
\ No newline at end of file
diff --git a/templates/Places/all_places.html b/templates/Places/all_places.html
new file mode 100644
index 00000000..e69de29b
diff --git a/templates/index.html b/templates/index.html
index 6aefdea8..504a42b1 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -239,7 +239,7 @@ <h4 class="my-3">Rating And Review</h4>
                 </div>
                 <div id="all-content">
                 <div class="text-center">
-                    <h2 class="section-heading text-uppercase">Places</h2>
+                    <h2 class="section-heading text-uppercase">Top Places</h2>
                     <h3 class="section-subheading text-muted">Varanasi a city of Ghosts and Temples !</h3> 
                 </div>  
                 <div class="row">

From 23a4f965fd256aaff3a6c24d42138db7cf9f1ee0 Mon Sep 17 00:00:00 2001
From: Manan-Arora31 <manan31102002@gmail.com>
Date: Sun, 22 Oct 2023 23:48:11 +0530
Subject: [PATCH 3/8] Added frontend in all places page

---
 templates/Places/all_places.html | 47 ++++++++++++++++++++++++++++++++
 templates/navbar.html            |  2 +-
 2 files changed, 48 insertions(+), 1 deletion(-)

diff --git a/templates/Places/all_places.html b/templates/Places/all_places.html
index e69de29b..9a721569 100644
--- a/templates/Places/all_places.html
+++ b/templates/Places/all_places.html
@@ -0,0 +1,47 @@
+{% load static %}
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+  <!-- Bootstrap CSS -->
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
+    integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+
+  <link rel="stylesheet" type="text/css" href="{% static 'blog/main.css' %}">
+
+  <title>All Places</title>
+
+</head>
+<body>
+    {% include "../navbar.html" with is_search=0 is_home=0 is_navbar_responsive=1 is_home_nav=1 is_services=0 is_places=0 is_team=0 is_contributors=0 is_report=1 %}
+
+    <main role="main" class="container d-flex flex-row justify-content-center gap-3">
+      <div class="row w-100">
+        <div class="col-md-8">
+            {% for p in places %}
+            <div class="media-body card" style="background-image: linear-gradient(rgba(255,255,255), rgba(255,200,0,0.2));">
+                <div class="article-metadata card-header">
+                    <div style="font-family:sans-serif; font-weight:bold;">
+                    {{ p.name }}
+                    </div>
+                    
+                </div>
+                    <h2 class="card-title"><a href = "">{{ post.address }}</a></h2>
+                    <div class="card-text">
+                    <div class="article-content" style="text-align:right; width: 43rem; font-style: italic;">{{ post.city }}</div>
+                    {% if post.picture %}
+                    <img class="rounded mx-auto d-block" src="{{ post.picture.url }}" alt="image" style="height: 258px; width:668px; object-fit: scale-down;">
+                    {% endif %}
+                    </div>
+            </div>
+            <br>
+            <br>
+            {% endfor %}
+        </div>
+        </div>
+        </main>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/navbar.html b/templates/navbar.html
index 44c97b34..ab020335 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -13,7 +13,7 @@
       <div id="top-places" class="container bg-light">        
         {% if top_places %}
         <div class="row text-center" style="padding:15px;background-color:#ffc107;color:white;">
-          <h4 class="card-header"><i class="fa-sharp fa-solid fa-arrow-trend-up"></i> Top places</h4>
+          <h4 class="card-header"><i class="fa-sharp fa-solid fa-arrow-trend-up"></i> <a href="{% url 'all_places' %}"> Top places </a></h4>
         </div>
         <ul class="list-inline" style="margin-top:10px;">
           {% for i,p in top_places.items %}

From 6e22a0b08909f111a6396e3a97c9235f6746a984 Mon Sep 17 00:00:00 2001
From: Manan-Arora31 <manan31102002@gmail.com>
Date: Mon, 23 Oct 2023 17:29:12 +0530
Subject: [PATCH 4/8] Implemented frontend

---
 Places/urls.py                   |  2 +-
 home/views.py                    | 10 ++--------
 templates/Places/all_places.html | 13 ++++++-------
 templates/navbar.html            |  4 ++--
 4 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/Places/urls.py b/Places/urls.py
index 7464515b..6155ac7a 100755
--- a/Places/urls.py
+++ b/Places/urls.py
@@ -5,5 +5,5 @@
     path('save-complaints',views.Save_Complaints, name='report_complaint'),
     path('rate_and_review/<int:pk>/',views.Rate_Review,name='rate_review'),
     path('save_review/<int:pk>/',views.Review,name='save_review'),
-    path('all_places',views.all_places, name="all_places"),
+    path('',views.all_places, name="all_places"),
 ]
diff --git a/home/views.py b/home/views.py
index e99361e3..b2e86cc8 100644
--- a/home/views.py
+++ b/home/views.py
@@ -172,14 +172,8 @@ def get_top_places():
     ratings = RatingReview.objects.all()
     for r in ratings:
         places.append(r)
-    choices = {
-        "VERY POOR": 1,
-        "POOR": 2,
-        "MEDIOCRE": 3,
-        "GOOD": 4,
-        "EXCELLENT": 5
-    }
-    places.sort(key=lambda x: (choices[x.safety]+choices[x.sanitization]+choices[x.security]+choices[x.overall_fun]), reverse=True)
+    
+    places.sort(key=lambda x: (int(x.safety) + int(x.sanitization) + int(x.security)), reverse=True)
     places = places[:6]
     for p in places:
         top_places.append(p.place)
diff --git a/templates/Places/all_places.html b/templates/Places/all_places.html
index 9a721569..40195205 100644
--- a/templates/Places/all_places.html
+++ b/templates/Places/all_places.html
@@ -26,16 +26,15 @@
                 <div class="article-metadata card-header">
                     <div style="font-family:sans-serif; font-weight:bold;">
                     {{ p.name }}
-                    </div>
-                    
+                    </div>    
                 </div>
-                    <h2 class="card-title"><a href = "">{{ post.address }}</a></h2>
+                    <h2 class="card-title">{{ p.address }}</h2>
                     <div class="card-text">
-                    <div class="article-content" style="text-align:right; width: 43rem; font-style: italic;">{{ post.city }}</div>
-                    {% if post.picture %}
-                    <img class="rounded mx-auto d-block" src="{{ post.picture.url }}" alt="image" style="height: 258px; width:668px; object-fit: scale-down;">
+                    <div class="article-content" style="text-align:right; width: 43rem; font-style: italic;">{{ p.city }}</div>
+                    {% if p.picture %}
+                    <img class="rounded mx-auto d-block" src="{{ p.picture.url }}" alt="image" style="height: 258px; width:668px; object-fit: scale-down;">
                     {% endif %}
-                    </div>
+                </div>
             </div>
             <br>
             <br>
diff --git a/templates/navbar.html b/templates/navbar.html
index ab020335..5e22f891 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -13,7 +13,7 @@
       <div id="top-places" class="container bg-light">        
         {% if top_places %}
         <div class="row text-center" style="padding:15px;background-color:#ffc107;color:white;">
-          <h4 class="card-header"><i class="fa-sharp fa-solid fa-arrow-trend-up"></i> <a href="{% url 'all_places' %}"> Top places </a></h4>
+          <h4 class="card-header"><i class="fa-sharp fa-solid fa-arrow-trend-up"></i> Top places</h4>
         </div>
         <ul class="list-inline" style="margin-top:10px;">
           {% for i,p in top_places.items %}
@@ -83,7 +83,7 @@ <h4 class="item-intro text-muted" style="padding:10px;">No places to show</h4>
         {% endif %}
 
         {% if is_places %}
-        <li class="nav-item"><a class="nav-link" onclick="allPlaces()" href="{% url 'home' %}#places">Places</a></li>
+        <li class="nav-item"><a class="nav-link" onclick="allPlaces()" href="{% url 'all_places' %}">Places</a></li>
         {% endif %}
 
         {% if is_team %}

From 2af555923a9fba2434151652b73abc5b1dcdc0e6 Mon Sep 17 00:00:00 2001
From: Manan-Arora31 <manan31102002@gmail.com>
Date: Tue, 24 Oct 2023 00:22:04 +0530
Subject: [PATCH 5/8] Corrected the changes

---
 home/views.py | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/home/views.py b/home/views.py
index 32434ef8..e8700374 100644
--- a/home/views.py
+++ b/home/views.py
@@ -181,7 +181,11 @@ def get_top_places():
     places = places[:6]
     for p in places:
         top_places.append(p.place)
-    return top_places
+    all_places = PlacesDetails.objects.all()
+    for p in all_places:
+        top_places.append(p)
+    res = [i for n, i in enumerate(top_places) if i not in top_places[:n]]
+    return res
 
 def get_ratio(x):
     if x.dislikes == 0:

From 57bc6254c0e4a818a295ed77b6f0a73b870a4645 Mon Sep 17 00:00:00 2001
From: Manan-Arora31 <manan31102002@gmail.com>
Date: Tue, 24 Oct 2023 00:59:15 +0530
Subject: [PATCH 6/8] Updated frontend

---
 templates/Places/all_places.html | 292 ++++++++++++++++++++++++++++++-
 1 file changed, 290 insertions(+), 2 deletions(-)

diff --git a/templates/Places/all_places.html b/templates/Places/all_places.html
index 40195205..4b59e97c 100644
--- a/templates/Places/all_places.html
+++ b/templates/Places/all_places.html
@@ -1,4 +1,5 @@
 {% load static %}
+{% load index %}
 <!doctype html>
 <html lang="en">
 
@@ -24,8 +25,141 @@
             {% for p in places %}
             <div class="media-body card" style="background-image: linear-gradient(rgba(255,255,255), rgba(255,200,0,0.2));">
                 <div class="article-metadata card-header">
-                    <div style="font-family:sans-serif; font-weight:bold;">
+                    <div data-bs-toggle="modal" href="#portfolioModal{{ p.pk }}" style="font-family:sans-serif; font-weight:bold;">
                     {{ p.name }}
+                    {% if user.is_authenticated %}                    
+                    {% for p in places %}
+                    <!-- Portfolio Modals-->
+                    <div class="portfolio-modal modal fade" id="portfolioModal{{ p.pk }}" tabindex="-1" role="dialog" aria-hidden="true">
+                        <div class="modal-dialog">
+                            <div class="modal-content">
+                                <div class="close-modal" data-bs-dismiss="modal"><img src="{% static 'assets/img/close-icon.svg' %}" alt="Close modal" /></div>
+                                    <div class="container">
+                                        <div class="row justify-content-center">
+                                            <div class="col-lg-8">
+                                                <div class="modal-body">
+                                                    <!-- Place details-->
+                                                    <h2 class="text-uppercase">Place Name : {{ p.name }}</h2>
+                                                    <p class="item-intro text-muted">{{ p.address }}</p>
+                                                    <div class="place_image">
+                                                        <!--<img src='https://unsplash.com/photos/KMn4VEeEPR8' class="hostel_image" alt="">-->
+                                                        <img src="/media/{{ p.picture }}">
+                                                    </div>
+                                                    <div class="row">
+                                                        <div class="col">
+                                                            <iframe src="http://maps.google.com/maps?q={{p.position.latitude}},{{p.position.longitude}}&z=15&output=embed"></iframe>
+                                                        </div>
+                                                        <div class="col">
+                                                    <ul class="list-inline">
+                                                        <li>
+                                                            <strong>Overall Rating: </strong>
+                                                                {% if ratings %}
+                                                                {{ ratings|index:forloop.counter }}
+                                                                {% endif %}
+                                                        </li>
+
+                                                        <li>
+                                                            <strong>Open Days : {{ p.day_open }}</strong>
+                                                        </li>
+
+
+                                                        <li>
+                                                            <strong>Timings : {{ p.visiting_time }}</strong>
+                                                        </li>
+
+                                                        <li>
+                                                            <strong>Charges : {{ p.fees }}</strong>
+                                                        </li>
+
+                                                        <li>
+                                                            <strong>Best Time to Visit : {{ p.month_to_visit }}</strong>
+                                                        </li>
+                                                        <li>
+                                                            <strong>Current Safety Index : <span id="safety-index-{{p.pk}}">???</span> </strong>
+                                                        </li>
+                                                    </ul>
+                                                </div>
+                                                    </div>
+                                                <div class="row">
+                                                    <div class="col">
+                                                    <a href="{% url 'rate_review' p.pk %}">
+                                                        <button class="btn btn-success text-right btn-lg text-uppercase" data-bs-dismiss="modal" type="submit">
+                                                            <i class="fa-brands fa-telegram"></i> Give Review
+                                                        </button>
+                                                    </a>
+                                                        </div>
+                                                    <div class="col">
+                                                    <button class="btn btn-primary btn-lg text-uppercase" data-bs-dismiss="modal" type="button">
+                                                    <i class="fas fa-xmark me-1"></i>
+                                                    Close Place
+                                                    </button>
+                                                    </div>
+                                                    <div class="col">
+                                                            <button id="btn-safety" onclick="updateSafetyIndex({{p.pk}})" class="btn btn-dark btn-lg text-uppercase" type="button"><i class="fa-regular fa-shield-check"></i> Check Safety
+                                                            </button>
+                                                    </div>
+                                                    </div>
+                                                    <br>
+                                                    <h4 class="mt-2 mb-2">Weather Information</h4> 
+                                                    <ul class="list-inline">
+                                                        {% for weather_title,weather_detail in p.weather_info.items %}
+
+                                                        <li>
+                                                            <strong>{{ weather_title }} : {{ weather_detail }}</strong>
+                                                        </li>
+
+
+                                                        {% endfor %}
+                                                    </ul>
+                                                    
+                                                    
+                                                    <h4 class="mt-2 mb-2">All Reviews</h4>
+                                                    {% if reviews %}
+                                                    {% for review in reviews|index:forloop.counter %}
+                                                    <div class="card p-4">
+                                                      <div class="row">
+                                                          <div class="col-2">
+                                                              <p>Given By : {{ review.user }}</p>
+                                                          </div>
+                                                          <div class="col-10">
+                                                              <div class="ml-2">
+                                                                  <div class="row">
+                                                                      <div class="col">
+                                                                          safety : {{ review.safety }}
+                                                                      </div>
+
+                                                                      <div class="col">
+                                                                          Security : {{ review.security }}
+                                                                      </div>
+
+                                                                      <div class="col">
+                                                                          Sanitization : {{ review.sanitization }}
+                                                                      </div>
+
+                                                                      <div class="col">
+                                                                          Overall Fun : {{ review.overall_fun }}
+                                                                      </div>
+
+                                                                  </div>
+                                                                  <div class="comment-area">
+                                                                      <textarea class="form-control" placeholder="Description" rows="4" disabled>{{ review.review }}</textarea>
+                                                                  </div>
+                                                              </div>
+                                                          </div>
+                                                      </div>
+                                                  </div>
+                                                  {% endfor %}
+                                                    {% endif %}
+                                                    <br>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        {% endfor %}
+                        {% endif %}
                     </div>    
                 </div>
                     <h2 class="card-title">{{ p.address }}</h2>
@@ -42,5 +176,159 @@ <h2 class="card-title">{{ p.address }}</h2>
         </div>
         </div>
         </main>
+        <!-- Bootstrap core JS-->
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
+        <!-- Core theme JS-->
+        <script src="{% static "js/scripts.js" %}"></script>
+        <script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
+        <script>
+            // Code to populate contributors
+            document.addEventListener("DOMContentLoaded", () => {
+                fetch('https://api.github.com/repos/ContriHUB/Sheher/contributors?per_page=100')
+                    .then(res => res.json())
+                    .then(data => {
+                        if (Object.prototype.toString.call(data) === '[object Array]')
+                        {
+                            for (let i = 0; i < data.length; ++i)
+                                document.querySelector('.contributors_contributor-list').innerHTML += `<a href="${data[i].html_url}" target="_blank"><img class="rounded-circle contributors_contributor--image" src="${data[i].avatar_url}"></a>`;
+                        }
+                        else // Handling API Call Limit Exceeded error
+                            document.querySelector('.contributors__error-message').style.display = "block";
+                    })
+                    .catch(err => { // Handling other errors
+                        document.querySelector('.contributors__error-message').style.display = "block";
+                    });
+            });
+        </script>
+        <script>
+            $('.message').hide().fadeIn(500).delay(2000).fadeOut(500);  
+        </script>
 </body>
-</html>
\ No newline at end of file
+</html>
+<script>
+  $(document).ready(function(){
+
+          $('#smartwizard').smartWizard({
+                  selected: 0,
+                  theme: 'arrows',
+                  autoAdjustHeight:true,
+                  transitionEffect:'fade',
+                  showStepURLhash: false,
+
+          });
+
+      });
+  function updateSafetyIndex(URL){
+      pk = URL
+      URL = '/'+URL+"/measure_safety/";
+      console.log(URL);
+      $.ajax({
+          url : URL,
+          type : "POST", // http method
+          data : {
+              name:"name",
+              csrfmiddlewaretoken: '{{ csrf_token }}' ,
+          },
+          success : function(response){
+              element = '#safety-index-'+pk
+              $(element).html(response.safety_index);
+              // console.log(response.safety_index);
+          },
+          error : function() {
+              console.log("Error calculating Safety Index");
+          }
+      });
+  }
+  // Search functionality
+  const user_input = $("#user-input")
+  const places_div = $('#replaceable-content')    
+  const top_places = $('#top-places')
+  const search_content = $('#search-content')
+  const all_content = $('#all-content')
+  const search_btn = $('#search-btn')
+  const endpoint = '/search/'
+  const delay_by_in_ms = 700
+  let scheduled_function = false 
+
+  let ajax_call = function (endpoint, request_parameters) {
+      $.getJSON(endpoint, request_parameters)
+          .done(response => {
+              top_places.hide();
+              // fade out the places_div, then:
+              places_div.fadeTo('slow', 0).promise().then(() => {
+                  // replace the HTML contents
+                  places_div.html(response['html_from_view'])
+                  // fade-in the div with new contents
+                  places_div.fadeTo('slow', 1)
+              })
+          })
+  }
+  user_input.on('focus', function(){
+      top_places.show();
+  })
+  user_input.focusout(function() {
+      top_places.fadeOut('slow')
+  });
+  let ajax_update_places = function (endpoint, request_parameters) {
+      $.getJSON(endpoint, request_parameters)
+          .done(response => {
+              search_content.promise().then(() => {
+                  // replace the HTML contents
+                  search_content.html(response['html_from_view'])
+                  // fade-in the div with new contents
+                  search_content.fadeTo('slow', 1)
+              })
+          })
+  }
+  user_input.on('keyup', function () {
+      if($(this).val()){
+          const request_parameters = {
+              q: $(this).val(), // value of user_input: the HTML element with ID user-input
+              template: "search_result_partial.html" // Template to be changed
+          }
+          // if scheduled_function is NOT false, cancel the execution of the function
+          if (scheduled_function) {
+              clearTimeout(scheduled_function)
+          }
+
+          // setTimeout returns the ID of the function to be executed
+          scheduled_function = setTimeout(ajax_call, delay_by_in_ms, endpoint, request_parameters)
+      }
+      else{
+          places_div.hide();
+          top_places.show();
+      }
+  }) 
+  search_btn.on('click', function () {
+      if($(user_input).val()){
+          const request_parameters = {
+              q: $(user_input).val(),
+              template: "search_places_partial.html"
+          }
+          all_content.hide()
+          search_content.show()
+          ajax_update_places(endpoint, request_parameters)
+      }
+      else{
+          search_content.hide()
+          all_content.show()
+      }
+  })
+  function allPlaces(){
+      search_content.hide()
+      all_content.show()
+  }
+  // Pressing enter on textbox will be equivalent to clicking on search button
+  $("#user-input").keyup(function(event) {
+      if (event.keyCode === 13) {
+          $("#search-btn").click();
+          $('html, body').animate({
+              scrollTop: $("#places").offset().top
+          }, 200);
+      }
+  });
+  $(document).on("click", !"#wrapper", function () {
+      $(this).parents(".search-box").find('input[type="text"]').val($(this).text());
+      places_div.hide();
+  });
+</script>
\ No newline at end of file

From 1ff0bdd4cdabf4674ccff10cfa456d5e9f85df48 Mon Sep 17 00:00:00 2001
From: Manan-Arora31 <manan31102002@gmail.com>
Date: Tue, 24 Oct 2023 23:26:31 +0530
Subject: [PATCH 7/8] Corrected the modal

---
 templates/Places/all_places.html | 96 +++++++++++++++++++++++++++++++-
 1 file changed, 95 insertions(+), 1 deletion(-)

diff --git a/templates/Places/all_places.html b/templates/Places/all_places.html
index 4b59e97c..ab5fe0f2 100644
--- a/templates/Places/all_places.html
+++ b/templates/Places/all_places.html
@@ -12,9 +12,103 @@
     integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
 
   <link rel="stylesheet" type="text/css" href="{% static 'blog/main.css' %}">
+    <style>
+        .modal {
+            position: fixed;
+            top: 0;
+            left: 0;
+            z-index: 1055;
+            display: none;
+            width: 100%;
+            height: 100%;
+            overflow-x: hidden;
+            overflow-y: auto;
+            outline: 0;
+          }
+          
+          .modal-dialog {
+            position: relative;
+            width: auto;
+            margin: 0.5rem;
+            pointer-events: none;
+          }
+          .modal.fade .modal-dialog {
+            transition: transform 0.3s ease-out;
+            transform: translate(0, -50px);
+          }
+          @media (prefers-reduced-motion: reduce) {
+            .modal.fade .modal-dialog {
+              transition: none;
+            }
+          }
+          
+          .modal-content {
+            position: relative;
+            display: flex;
+            flex-direction: column;
+            width: 100%;
+            pointer-events: auto;
+            background-color: #fff;
+            background-clip: padding-box;
+            border: 1px solid rgba(0, 0, 0, 0.2);
+            border-radius: 0.3rem;
+            outline: 0;
+          }
+          
+          .modal-body {
+            position: relative;
+            flex: 1 1 auto;
+            padding: 1rem;
+          }
+          
+          @media (min-width: 576px) {
+            .modal-dialog {
+              max-width: 500px;
+              margin: 1.75rem auto;
+            }
+          }
+          .portfolio-modal .modal-dialog {
+            margin: 1rem;
+            max-width: 100vw;
+          }
+          .portfolio-modal .modal-content {
+            padding-top: 6rem;
+            padding-bottom: 6rem;
+            text-align: center;
+          }
+          .portfolio-modal .modal-content h2, .portfolio-modal .modal-content .h2 {
+            font-size: 3rem;
+            line-height: 3rem;
+          }
+          .portfolio-modal .modal-content p.item-intro {
+            font-style: italic;
+            margin-bottom: 2rem;
+            font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+          }
+          .portfolio-modal .modal-content p {
+            margin-bottom: 2rem;
+          }
+          .portfolio-modal .modal-content ul.list-inline {
+            margin-bottom: 2rem;
+          }
+          .portfolio-modal .modal-content img {
+            margin-bottom: 2rem;
+          }
+          .portfolio-modal .close-modal {
+            position: absolute;
+            top: 1.5rem;
+            right: 1.5rem;
+            width: 3rem;
+            height: 3rem;
+            cursor: pointer;
+            background-color: transparent;
+          }
+          .portfolio-modal .close-modal:hover {
+            opacity: 0.3;
+          }
+    </style>
 
   <title>All Places</title>
-
 </head>
 <body>
     {% include "../navbar.html" with is_search=0 is_home=0 is_navbar_responsive=1 is_home_nav=1 is_services=0 is_places=0 is_team=0 is_contributors=0 is_report=1 %}

From 4d12bec99efd9e1a457c0bdd7072abed7742e0dc Mon Sep 17 00:00:00 2001
From: Manan-Arora31 <manan31102002@gmail.com>
Date: Fri, 27 Oct 2023 00:45:37 +0530
Subject: [PATCH 8/8] Corrected cards frontend

---
 home/views.py                    |   4 +-
 templates/Places/all_places.html | 591 +++++++++++++++++--------------
 2 files changed, 335 insertions(+), 260 deletions(-)

diff --git a/home/views.py b/home/views.py
index e8700374..e444ad82 100644
--- a/home/views.py
+++ b/home/views.py
@@ -22,8 +22,8 @@ def homepage(request):
             all_reviews.append(reviews)
             latitude = places.position.latitude
             longitude = places.position.longitude
-            #weather_info=get_weather_data(latitude,longitude)
-            #places.weather_info=weather_info  #adding weather info to place object
+            weather_info=get_weather_data(latitude,longitude)
+            places.weather_info=weather_info  #adding weather info to place object
         for reviews_qs in all_reviews:
             rating = 0
             count = 0
diff --git a/templates/Places/all_places.html b/templates/Places/all_places.html
index ab5fe0f2..bd27bf5f 100644
--- a/templates/Places/all_places.html
+++ b/templates/Places/all_places.html
@@ -1,126 +1,214 @@
 {% load static %}
 {% load index %}
-<!doctype html>
+
+<!DOCTYPE html>
 <html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+        <meta name="description" content="" />
+        <meta name="author" content="" />
+        <title>Home</title>
+        {% include "../scripts.html" with is_index=1 is_profile=0 is_register=0 is_complaints=0 is_rating_review=0 is_edit_profile=0 %}
+        <!-- SOS button CSS -->
+        <style>
+            .sos {
+	            width:60px;
+                height:60px;
+                bottom:40px;
+                right:40px;
+                background-color:RED;
+                color: BLACK; 
+                box-shadow: 2px 2px 3px #999;
+                transition: 0.2s;
+            }
+
+            .sos:hover {
+                width:70px;
+                height:70px; 
+                background-color: BLACK;
+                color:RED;
+                box-shadow: 4px 4px 5px #999;
+                transition: 0.2s;
+            }
+
+            .contributors__contributor--image {
+                height: 64px;
+                width: 64px;
+            }
+
+            .place_image img {
+                object-fit: cover;
+                object-position: center;
+                height: 200px;
+            }
+
+            .comment-area textarea {
+                resize: none;
+                border: 1px solid #ad9f9f;
+            }
+
+            .form-control:focus {
+                box-shadow: 0 0 0 1px rgb(255, 0, 0) !important;
+            }
+            nav {
+                margin-bottom: 4em;
+            }
+            
+            .float{
+            	position:fixed;
+	            width:60px;
+                height:60px;
+                bottom:40px;
+                right:40px;
+                background-color:RED;
+                color:#FFF;
+                border-radius:50px;
+                text-align:center;
+                box-shadow: 2px 2px 3px #999;
+            }
+
+            .my-float{
+            	margin-top:22px;
+            }
+
+            .place_image{
+                width:100%;
+                padding: 0 15px;
+            }
+            .place_image img{
+                width:100%;
+                object-fit: cover;
+                object-position: center;
+                height: 200px;
+            }
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                min-width: 0;
+                padding: 20px;
+                width: 800px;
+                word-wrap: break-word;
+                background-color: #fff;
+                background-clip: border-box;
+                border-radius: 6px;
+                -moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1)
+            }
+
+            .comment-box{
+
+                padding:5px;
+            }
+
+
+
+            .comment-area textarea{
+            resize: none;
+                    border: 1px solid #ad9f9f;
+            }
 
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-  <!-- Bootstrap CSS -->
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
-    integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
-
-  <link rel="stylesheet" type="text/css" href="{% static 'blog/main.css' %}">
-    <style>
-        .modal {
-            position: fixed;
-            top: 0;
-            left: 0;
-            z-index: 1055;
-            display: none;
-            width: 100%;
-            height: 100%;
-            overflow-x: hidden;
-            overflow-y: auto;
-            outline: 0;
-          }
-          
-          .modal-dialog {
-            position: relative;
-            width: auto;
-            margin: 0.5rem;
-            pointer-events: none;
-          }
-          .modal.fade .modal-dialog {
-            transition: transform 0.3s ease-out;
-            transform: translate(0, -50px);
-          }
-          @media (prefers-reduced-motion: reduce) {
-            .modal.fade .modal-dialog {
-              transition: none;
+
+            .form-control:focus {
+                color: #495057;
+                background-color: #fff;
+                border-color: #ffffff;
+                outline: 0;
+                box-shadow: 0 0 0 1px rgb(255, 0, 0) !important;
+            }
+            #wrapper {
+                width:360px;
+                z-index:10;
+            }
+            #replaceable-content{
+                overflow-y:scroll;
+                overflow-x:hidden;
+                display:none;
+                height:400px;
+            }
+            #top-places{
+                height:400px;
+                display:none;
+            }
+            .portfolio-caption{
+                margin-left:15px;
+            }
+            @media screen and (min-width: 1400px) {
+                #navbarResponsive{
+                    position:absolute;
+                    top:25px;
+                    margin-left:430px;
+                }
+              }
+            .navbar-toggler{
+                position:absolute;
+                top:15px;
+                margin-left:380px;
+            }
+            .messages{
+                position: relative;
+                float: right;
+                z-index: 1;
+                opacity: 0.75;
             }
-          }
-          
-          .modal-content {
-            position: relative;
-            display: flex;
-            flex-direction: column;
-            width: 100%;
-            pointer-events: auto;
-            background-color: #fff;
-            background-clip: padding-box;
-            border: 1px solid rgba(0, 0, 0, 0.2);
-            border-radius: 0.3rem;
-            outline: 0;
-          }
-          
-          .modal-body {
-            position: relative;
-            flex: 1 1 auto;
-            padding: 1rem;
-          }
-          
-          @media (min-width: 576px) {
-            .modal-dialog {
-              max-width: 500px;
-              margin: 1.75rem auto;
+            .message {
+                position: absolute;
+                top: 0;
+                right: 0;
+                border-radius: 5px;
+                box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
+                color: white;
+                margin-top: 50px;
+                margin-right: 50px;
+                padding: 8px;
+                text-align: center;
+                width: 10%;
+                font-size:small;
+                background-color: rgb(54, 156, 54);
+            } 
+            hr{
+                margin-top: 1rem;
+                margin-bottom: 1rem;
+                border: 0;
+                border-top: 1px solid rgba(0, 0, 0, 0.1);
             }
-          }
-          .portfolio-modal .modal-dialog {
-            margin: 1rem;
-            max-width: 100vw;
-          }
-          .portfolio-modal .modal-content {
-            padding-top: 6rem;
-            padding-bottom: 6rem;
-            text-align: center;
-          }
-          .portfolio-modal .modal-content h2, .portfolio-modal .modal-content .h2 {
-            font-size: 3rem;
-            line-height: 3rem;
-          }
-          .portfolio-modal .modal-content p.item-intro {
-            font-style: italic;
-            margin-bottom: 2rem;
-            font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-          }
-          .portfolio-modal .modal-content p {
-            margin-bottom: 2rem;
-          }
-          .portfolio-modal .modal-content ul.list-inline {
-            margin-bottom: 2rem;
-          }
-          .portfolio-modal .modal-content img {
-            margin-bottom: 2rem;
-          }
-          .portfolio-modal .close-modal {
-            position: absolute;
-            top: 1.5rem;
-            right: 1.5rem;
-            width: 3rem;
-            height: 3rem;
-            cursor: pointer;
-            background-color: transparent;
-          }
-          .portfolio-modal .close-modal:hover {
-            opacity: 0.3;
-          }
-    </style>
-
-  <title>All Places</title>
-</head>
-<body>
-    {% include "../navbar.html" with is_search=0 is_home=0 is_navbar_responsive=1 is_home_nav=1 is_services=0 is_places=0 is_team=0 is_contributors=0 is_report=1 %}
-
-    <main role="main" class="container d-flex flex-row justify-content-center gap-3">
-      <div class="row w-100">
-        <div class="col-md-8">
-            {% for p in places %}
-            <div class="media-body card" style="background-image: linear-gradient(rgba(255,255,255), rgba(255,200,0,0.2));">
-                <div class="article-metadata card-header">
-                    <div data-bs-toggle="modal" href="#portfolioModal{{ p.pk }}" style="font-family:sans-serif; font-weight:bold;">
-                    {{ p.name }}
+        </style>
+    </head>
+    <body id="page-top" style="z-index: -1;">
+        <!-- Navigation-->
+        {% include "../navbar.html" with is_search=0 is_home=1 is_navbar_responsive=1 is_home_nav=1 is_services=1 is_places=1 is_team=0 is_contributors=0 is_report=1 is_report_page=0 %}
+        
+        
+        <!-- Portfolio Grid-->
+        <section class="page-section bg-light" id="places">
+            <div class="container">
+                <div id="search-content" style="display:none;">
+                    {% include 'search_places_partial.html' %}
+                </div>
+                <div id="all-content">
+                <div class="text-center">
+                    <h2 class="section-heading text-uppercase">All Places</h2>
+                     
+                </div>  
+                <div class="row">
+                    {% for p in places %}
+                    <div class="col-lg-4 col-sm-6 mb-4">
+                        <!-- Portfolio item 1-->
+                        <div class="portfolio-item">
+                            <a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal{{ p.pk }}">
+                                <div class="place_image w-100 px-3">
+                                                        <!--<img src='https://unsplash.com/photos/KMn4VEeEPR8' class="hostel_image" alt="">-->
+                                                        <img class="w-100" src="/media/{{ p.picture }}">
+                                                    </div></a>
+                            <div class="portfolio-caption">
+                                <div class="portfolio-caption-heading">{{ p.name }}</div>
+                                <div class="portfolio-caption-subheading text-muted">{{ p.city }}</div>
+                            </div>
+                        </div>
+                    </div>
+                    {% endfor %}
+                </div>
+            </div>
                     {% if user.is_authenticated %}                    
                     {% for p in places %}
                     <!-- Portfolio Modals-->
@@ -254,22 +342,9 @@ <h4 class="mt-2 mb-2">All Reviews</h4>
                         </div>
                         {% endfor %}
                         {% endif %}
-                    </div>    
-                </div>
-                    <h2 class="card-title">{{ p.address }}</h2>
-                    <div class="card-text">
-                    <div class="article-content" style="text-align:right; width: 43rem; font-style: italic;">{{ p.city }}</div>
-                    {% if p.picture %}
-                    <img class="rounded mx-auto d-block" src="{{ p.picture.url }}" alt="image" style="height: 258px; width:668px; object-fit: scale-down;">
-                    {% endif %}
-                </div>
             </div>
-            <br>
-            <br>
-            {% endfor %}
-        </div>
-        </div>
-        </main>
+        </section>
+
         <!-- Bootstrap core JS-->
         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
         <!-- Core theme JS-->
@@ -297,132 +372,132 @@ <h2 class="card-title">{{ p.address }}</h2>
         <script>
             $('.message').hide().fadeIn(500).delay(2000).fadeOut(500);  
         </script>
-</body>
+    </body>
 </html>
 <script>
-  $(document).ready(function(){
-
-          $('#smartwizard').smartWizard({
-                  selected: 0,
-                  theme: 'arrows',
-                  autoAdjustHeight:true,
-                  transitionEffect:'fade',
-                  showStepURLhash: false,
-
-          });
-
-      });
-  function updateSafetyIndex(URL){
-      pk = URL
-      URL = '/'+URL+"/measure_safety/";
-      console.log(URL);
-      $.ajax({
-          url : URL,
-          type : "POST", // http method
-          data : {
-              name:"name",
-              csrfmiddlewaretoken: '{{ csrf_token }}' ,
-          },
-          success : function(response){
-              element = '#safety-index-'+pk
-              $(element).html(response.safety_index);
-              // console.log(response.safety_index);
-          },
-          error : function() {
-              console.log("Error calculating Safety Index");
-          }
-      });
-  }
-  // Search functionality
-  const user_input = $("#user-input")
-  const places_div = $('#replaceable-content')    
-  const top_places = $('#top-places')
-  const search_content = $('#search-content')
-  const all_content = $('#all-content')
-  const search_btn = $('#search-btn')
-  const endpoint = '/search/'
-  const delay_by_in_ms = 700
-  let scheduled_function = false 
-
-  let ajax_call = function (endpoint, request_parameters) {
-      $.getJSON(endpoint, request_parameters)
-          .done(response => {
-              top_places.hide();
-              // fade out the places_div, then:
-              places_div.fadeTo('slow', 0).promise().then(() => {
-                  // replace the HTML contents
-                  places_div.html(response['html_from_view'])
-                  // fade-in the div with new contents
-                  places_div.fadeTo('slow', 1)
-              })
-          })
-  }
-  user_input.on('focus', function(){
-      top_places.show();
-  })
-  user_input.focusout(function() {
-      top_places.fadeOut('slow')
-  });
-  let ajax_update_places = function (endpoint, request_parameters) {
-      $.getJSON(endpoint, request_parameters)
-          .done(response => {
-              search_content.promise().then(() => {
-                  // replace the HTML contents
-                  search_content.html(response['html_from_view'])
-                  // fade-in the div with new contents
-                  search_content.fadeTo('slow', 1)
-              })
-          })
-  }
-  user_input.on('keyup', function () {
-      if($(this).val()){
-          const request_parameters = {
-              q: $(this).val(), // value of user_input: the HTML element with ID user-input
-              template: "search_result_partial.html" // Template to be changed
-          }
-          // if scheduled_function is NOT false, cancel the execution of the function
-          if (scheduled_function) {
-              clearTimeout(scheduled_function)
-          }
-
-          // setTimeout returns the ID of the function to be executed
-          scheduled_function = setTimeout(ajax_call, delay_by_in_ms, endpoint, request_parameters)
-      }
-      else{
-          places_div.hide();
-          top_places.show();
-      }
-  }) 
-  search_btn.on('click', function () {
-      if($(user_input).val()){
-          const request_parameters = {
-              q: $(user_input).val(),
-              template: "search_places_partial.html"
-          }
-          all_content.hide()
-          search_content.show()
-          ajax_update_places(endpoint, request_parameters)
-      }
-      else{
-          search_content.hide()
-          all_content.show()
-      }
-  })
-  function allPlaces(){
-      search_content.hide()
-      all_content.show()
-  }
-  // Pressing enter on textbox will be equivalent to clicking on search button
-  $("#user-input").keyup(function(event) {
-      if (event.keyCode === 13) {
-          $("#search-btn").click();
-          $('html, body').animate({
-              scrollTop: $("#places").offset().top
-          }, 200);
-      }
-  });
-  $(document).on("click", !"#wrapper", function () {
-      $(this).parents(".search-box").find('input[type="text"]').val($(this).text());
-      places_div.hide();
-  });
+    $(document).ready(function(){
+
+            $('#smartwizard').smartWizard({
+                    selected: 0,
+                    theme: 'arrows',
+                    autoAdjustHeight:true,
+                    transitionEffect:'fade',
+                    showStepURLhash: false,
+
+            });
+
+        });
+    function updateSafetyIndex(URL){
+        pk = URL
+        URL = '/'+URL+"/measure_safety/";
+        console.log(URL);
+        $.ajax({
+            url : URL,
+            type : "POST", // http method
+            data : {
+                name:"name",
+                csrfmiddlewaretoken: '{{ csrf_token }}' ,
+            },
+            success : function(response){
+                element = '#safety-index-'+pk
+                $(element).html(response.safety_index);
+                // console.log(response.safety_index);
+            },
+            error : function() {
+                console.log("Error calculating Safety Index");
+            }
+        });
+    }
+    // Search functionality
+    const user_input = $("#user-input")
+    const places_div = $('#replaceable-content')    
+    const top_places = $('#top-places')
+    const search_content = $('#search-content')
+    const all_content = $('#all-content')
+    const search_btn = $('#search-btn')
+    const endpoint = '/search/'
+    const delay_by_in_ms = 700
+    let scheduled_function = false 
+
+    let ajax_call = function (endpoint, request_parameters) {
+        $.getJSON(endpoint, request_parameters)
+            .done(response => {
+                top_places.hide();
+                // fade out the places_div, then:
+                places_div.fadeTo('slow', 0).promise().then(() => {
+                    // replace the HTML contents
+                    places_div.html(response['html_from_view'])
+                    // fade-in the div with new contents
+                    places_div.fadeTo('slow', 1)
+                })
+            })
+    }
+    user_input.on('focus', function(){
+        top_places.show();
+    })
+    user_input.focusout(function() {
+        top_places.fadeOut('slow')
+    });
+    let ajax_update_places = function (endpoint, request_parameters) {
+        $.getJSON(endpoint, request_parameters)
+            .done(response => {
+                search_content.promise().then(() => {
+                    // replace the HTML contents
+                    search_content.html(response['html_from_view'])
+                    // fade-in the div with new contents
+                    search_content.fadeTo('slow', 1)
+                })
+            })
+    }
+    user_input.on('keyup', function () {
+        if($(this).val()){
+            const request_parameters = {
+                q: $(this).val(), // value of user_input: the HTML element with ID user-input
+                template: "search_result_partial.html" // Template to be changed
+            }
+            // if scheduled_function is NOT false, cancel the execution of the function
+            if (scheduled_function) {
+                clearTimeout(scheduled_function)
+            }
+
+            // setTimeout returns the ID of the function to be executed
+            scheduled_function = setTimeout(ajax_call, delay_by_in_ms, endpoint, request_parameters)
+        }
+        else{
+            places_div.hide();
+            top_places.show();
+        }
+    }) 
+    search_btn.on('click', function () {
+        if($(user_input).val()){
+            const request_parameters = {
+                q: $(user_input).val(),
+                template: "search_places_partial.html"
+            }
+            all_content.hide()
+            search_content.show()
+            ajax_update_places(endpoint, request_parameters)
+        }
+        else{
+            search_content.hide()
+            all_content.show()
+        }
+    })
+    function allPlaces(){
+        search_content.hide()
+        all_content.show()
+    }
+    // Pressing enter on textbox will be equivalent to clicking on search button
+    $("#user-input").keyup(function(event) {
+        if (event.keyCode === 13) {
+            $("#search-btn").click();
+            $('html, body').animate({
+                scrollTop: $("#places").offset().top
+            }, 200);
+        }
+    });
+    $(document).on("click", !"#wrapper", function () {
+        $(this).parents(".search-box").find('input[type="text"]').val($(this).text());
+        places_div.hide();
+    });
 </script>
\ No newline at end of file