Update: Enhanced app functionalities (#196)

Author: hoangsonww

MovieVerse-Frontend/html/privacy-policy.html

@@ -176,6 +176,10 @@
             color: white;
         }
 
+        h2 {
+            color: white;
+        }
+
         .goog-te-combo {
             background-color: #7378c5 !important;
             color: white !important;
@@ -335,24 +339,24 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <div style="font-weight: bold; font-size: 30px" id="privacy-header">Privacy Policy</div>
         </div>
 
-        <div id="introduction" style="text-align: center; width: 90%; cursor: pointer">
-            <h2 style="color: white">Introduction</h2>
+        <div id="introduction" style="text-align: center; width: 90%">
+            <h2 style="cursor: pointer">Introduction</h2>
             <p>At The MovieVerse, accessible from <a id="linkWeb" href="https://movie-verse.com">https://movie-verse.com</a>, one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by The MovieVerse and how we use it.</p>
         </div>
 
-        <div id="consent" style="text-align: center; width: 90%; cursor: pointer">
-            <h2 style="color: white">Consent</h2>
+        <div id="consent" style="text-align: center; width: 90%">
+            <h2 style="cursor: pointer">Consent</h2>
             <p>By using our website, you hereby consent to our Privacy Policy and agree to its terms. For our Terms and Conditions, please visit the <a id="linkWeb" href="https://movie-verse.com/MovieVerse-Frontend/html/terms-of-service.html">Terms and Conditions</a> page.</p>
         </div>
 
-        <div style="text-align: center; width: 90%; cursor: pointer" id="subheading2">
-            <h2 style="color: white">Information we collect</h2>
+        <div style="text-align: center; width: 90%" id="subheading2">
+            <h2 style="cursor: pointer">Information we collect</h2>
             <p>The personal information that you are asked to provide, and the reasons why you are asked to provide it, will be made clear to you at the point we ask you to provide your personal information.</p>
             <p>If you contact us directly, we may receive additional information about you such as your name, email address, the contents of the message and/or attachments you may send us, and any other information you may choose to provide.</p>
         </div>
 
         <div style="text-align: center; width: 90%; cursor: pointer" id="subheading">
-            <h2 style="color: #ffffff">How we use your information</h2>
+            <h2 style="cursor: pointer">How we use your information</h2>
             <p>We use the information we collect in various ways, including to:</p>
             <ul style="color: white; list-style: none; width: 90%">
                 <li>1. Provide, operate, and maintain our website</li>
@@ -367,15 +371,15 @@ <h2 style="color: #ffffff">How we use your information</h2>
         </div>
 
         <div style="text-align: center; width: 90%; cursor: pointer" id="subheading3">
-            <h2 style="color: white">Log Files</h2>
+            <h2 style="cursor: pointer">Log Files</h2>
             <p>The MovieVerse follows a standard procedure of using log files.</p>
             <p>These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics.</p>
             <p>These are not linked to any information that is personally identifiable.</p>
             <p>The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information.</p>
         </div>
 
         <div style="text-align: center; margin-bottom: 300px; width: 90%; cursor: pointer" id="subheading4">
-            <h2 style="color: white">Cookies and Web Beacons</h2>
+            <h2 style="cursor: pointer">Cookies and Web Beacons</h2>
             <p>Like any other website, The MovieVerse uses 'cookies'. These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited.</p>
             <p>The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information.</p>
             <p>We may analyze user behavior through the use of cookies and web beacons with Google Analytics. Google Analytics is a web analytics service offered by Google that tracks and reports website traffic. We partner with Google to use the data collected to track and monitor the use of our website.</p>

MovieVerse-Frontend/html/terms-of-service.html

@@ -196,6 +196,10 @@
                 bottom: 70px;
             }
         }
+
+        h2 {
+            color: white;
+        }
     </style>
 </head>
 
@@ -329,67 +333,67 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
         </div>
 
         <div style="text-align: center; width: 90%" id="agreement">
-            <h2 style="color: white; cursor: pointer">Agreement to Terms</h2>
+            <h2 style="cursor: pointer">Agreement to Terms</h2>
             <p>By using The MovieVerse, you agree to be bound by these terms. If you disagree with any part of the terms, then you do not have permission to access the service.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="consent">
-            <h2 style="color: white; cursor: pointer">Changes to Terms</h2>
+            <h2 style="cursor: pointer">Changes to Terms</h2>
             <p>We reserve the right to modify or replace these Terms at any time at our sole discretion. We will try to provide at least 30 days' notice prior to any new terms taking effect.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading2">
-            <h2 style="color: white; cursor: pointer">Use of Service</h2>
+            <h2 style="cursor: pointer">Use of Service</h2>
             <p>The MovieVerse is provided on an "AS IS" and "AS AVAILABLE" basis. The service is for personal, non-commercial use only.</p>
             <p>You may not use the service for any illegal or unauthorized purpose. You must not, in the use of the service, violate any laws in your jurisdiction.</p>
             <p>You agree not to reproduce, duplicate, copy, sell, resell or exploit any portion of the service, use of the service, or access to the service without express written permission by us.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading">
-            <h2 style="color: white; cursor: pointer">Content</h2>
+            <h2 style="cursor: pointer">Content</h2>
             <p>Content found on or through this Service are the property of The MovieVerse or used with permission. You may not distribute, modify, transmit, reuse, download, repost, copy, or use said Content, whether in whole or in part, for commercial purposes or for personal gain, without express advance written permission from us.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading3">
-            <h2 style="color: white; cursor: pointer">Ads</h2>
+            <h2 style="cursor: pointer">Ads</h2>
             <p>During use of the Service, you may enter into correspondence with or participate in promotions of advertisers or sponsors showing their goods or services through the Service. Any such activity, and any terms, conditions, warranties or representations associated with such activity, is solely between you and the applicable third-party.</p>
             <p>We display ads on the Service to help us keep our servers and databases running and free for everyone. We're committed to placing non-intrusive ads only, which means no pop-ups, no auto-playing videos, and no ads that interfere with your experience on the site.</p>
             <p>If you encounter any ads that are inappropriate, misleading, or intrusive, please let us know by contacting us at using the Feedback form <a style="color: white" href="feedback.html">here</a>.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading4">
-            <h2 style="color: white; cursor: pointer">Accounts</h2>
+            <h2 style="cursor: pointer">Accounts</h2>
             <p>When you create an account with us, you guarantee that the information you provide us is accurate, complete, and current at all times. Inaccurate, incomplete, or obsolete information may result in the immediate termination of your account on the Service.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading5">
-            <h2 style="color: white; cursor: pointer">Intellectual Property</h2>
+            <h2 style="cursor: pointer">Intellectual Property</h2>
             <p>The Service and its original content, features, and functionality are and will remain the exclusive property of The MovieVerse and its licensors.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading6">
-            <h2 style="color: white; cursor: pointer">Links To Other Web Sites</h2>
+            <h2 style="cursor: pointer">Links To Other Web Sites</h2>
             <p>Our Service may contain links to third-party web sites or services that are not owned or controlled by The MovieVerse. We have no control over, and assume no responsibility for the content, privacy policies, or practices of any third-party web sites or services.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading7">
-            <h2 style="color: white; cursor: pointer">Termination</h2>
+            <h2 style="cursor: pointer">Termination</h2>
             <p>We may terminate or suspend your account and bar access to the Service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever and without limitation, including but not limited to a breach of the Terms.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading8">
-            <h2 style="color: white; cursor: pointer">Disclaimer</h2>
+            <h2 style="cursor: pointer">Disclaimer</h2>
             <p>Your use of the Service is at your sole risk. The Service is provided on an "AS IS" and "AS AVAILABLE" basis. The Service is provided without warranties of any kind.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading9">
-            <h2 style="color: white; cursor: pointer">Governing Law</h2>
+            <h2 style="cursor: pointer">Governing Law</h2>
             <p>These Terms shall be governed and construed in accordance with the laws of the country where The MovieVerse is based (the United States of America), without regard to its conflict of law provisions.</p>
             <p>Our failure to enforce any right or provision of these Terms will not be considered a waiver of those rights. If any provision of these Terms is held to be invalid or unenforceable by a court, the remaining provisions of these Terms will remain in effect.</p>
         </div>
 
         <div style="text-align: center; width: 90%; margin-bottom: 300px" id="subheading10">
-            <h2 style="color: white; cursor: pointer">Contact Us</h2>
+            <h2 style="cursor: pointer">Contact Us</h2>
             <p>If you have any questions about these Terms, please contact us at <a id="mail" href="mailto:[email protected]">[email protected]</a>.</p>
         </div>
     </main>

MovieVerse-Frontend/js/user-profile.js

@@ -203,6 +203,8 @@ async function performSearch(searchText) {
 }
 
 document.getElementById('container1').addEventListener('click', async () => {
+    showSpinner();
+
     const userEmail = localStorage.getItem('currentlyViewingProfile');
 
     if (!userEmail) {
@@ -227,9 +229,13 @@ document.getElementById('container1').addEventListener('click', async () => {
     catch (error) {
         console.error('Error updating progress circles:', error);
     }
+
+    hideSpinner();
 });
 
 document.getElementById('container2').addEventListener('click', async () => {
+    showSpinner();
+
     const userEmail = localStorage.getItem('currentlyViewingProfile');
 
     if (!userEmail) {
@@ -254,6 +260,8 @@ document.getElementById('container2').addEventListener('click', async () => {
     catch (error) {
         console.error('Error updating progress circles:', error);
     }
+
+    hideSpinner();
 });
 
 async function loadProfile(userEmail = localStorage.getItem('currentlySignedInMovieVerseUser')) {

MovieVerse-Mobile/platforms/android/app/src/main/assets/www/404.html

@@ -722,12 +722,12 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
         }
 
         function updateClock() {
-            var now = new Date();
-            var hours = now.getHours();
-            var minutes = now.getMinutes();
+            let now = new Date();
+            let hours = now.getHours();
+            let minutes = now.getMinutes();
             hours = hours < 10 ? '0' + hours : hours;
             minutes = minutes < 10 ? '0' + minutes : minutes;
-            var timeString = hours + ':' + minutes;
+            let timeString = hours + ':' + minutes;
             document.getElementById('clock').innerHTML = timeString;
         }