From 3d2a14d1853d4b7906d8a10b79cd8dc2c9fe1b41 Mon Sep 17 00:00:00 2001
From: Abu Anwar MD Abdullah <abuanwar072@gmail.com>
Date: Thu, 16 Nov 2023 08:20:53 +0600
Subject: [PATCH] loading added

---
 macos/Podfile                                 |   2 +-
 macos/Podfile.lock                            |  17 +-
 macos/Runner.xcodeproj/project.pbxproj        |  11 +-
 .../xcshareddata/xcschemes/Runner.xcscheme    |   2 +-
 web/index.html                                | 349 +++++++++++-------
 5 files changed, 240 insertions(+), 141 deletions(-)

diff --git a/macos/Podfile b/macos/Podfile
index dade8dfa..049abe29 100644
--- a/macos/Podfile
+++ b/macos/Podfile
@@ -1,4 +1,4 @@
-platform :osx, '10.11'
+platform :osx, '10.14'
 
 # CocoaPods analytics sends network stats synchronously affecting flutter build latency.
 ENV['COCOAPODS_DISABLE_STATS'] = 'true'
diff --git a/macos/Podfile.lock b/macos/Podfile.lock
index 328ddd1a..affdab5e 100644
--- a/macos/Podfile.lock
+++ b/macos/Podfile.lock
@@ -1,22 +1,23 @@
 PODS:
   - FlutterMacOS (1.0.0)
-  - path_provider_macos (0.0.1):
+  - path_provider_foundation (0.0.1):
+    - Flutter
     - FlutterMacOS
 
 DEPENDENCIES:
   - FlutterMacOS (from `Flutter/ephemeral`)
-  - path_provider_macos (from `Flutter/ephemeral/.symlinks/plugins/path_provider_macos/macos`)
+  - path_provider_foundation (from `Flutter/ephemeral/.symlinks/plugins/path_provider_foundation/darwin`)
 
 EXTERNAL SOURCES:
   FlutterMacOS:
     :path: Flutter/ephemeral
-  path_provider_macos:
-    :path: Flutter/ephemeral/.symlinks/plugins/path_provider_macos/macos
+  path_provider_foundation:
+    :path: Flutter/ephemeral/.symlinks/plugins/path_provider_foundation/darwin
 
 SPEC CHECKSUMS:
-  FlutterMacOS: 57701585bf7de1b3fc2bb61f6378d73bbdea8424
-  path_provider_macos: a0a3fd666cb7cd0448e936fb4abad4052961002b
+  FlutterMacOS: 8f6f14fa908a6fb3fba0cd85dbd81ec4b251fb24
+  path_provider_foundation: c68054786f1b4f3343858c1e1d0caaded73f0be9
 
-PODFILE CHECKSUM: 6eac6b3292e5142cfc23bdeb71848a40ec51c14c
+PODFILE CHECKSUM: 353c8bcc5d5b0994e508d035b5431cfe18c1dea7
 
-COCOAPODS: 1.10.1
+COCOAPODS: 1.14.2
diff --git a/macos/Runner.xcodeproj/project.pbxproj b/macos/Runner.xcodeproj/project.pbxproj
index 3b0c3807..4159b083 100644
--- a/macos/Runner.xcodeproj/project.pbxproj
+++ b/macos/Runner.xcodeproj/project.pbxproj
@@ -3,7 +3,7 @@
 	archiveVersion = 1;
 	classes = {
 	};
-	objectVersion = 51;
+	objectVersion = 54;
 	objects = {
 
 /* Begin PBXAggregateTarget section */
@@ -203,7 +203,7 @@
 			isa = PBXProject;
 			attributes = {
 				LastSwiftUpdateCheck = 0920;
-				LastUpgradeCheck = 0930;
+				LastUpgradeCheck = 1430;
 				ORGANIZATIONNAME = "";
 				TargetAttributes = {
 					33CC10EC2044A3C60003C045 = {
@@ -256,6 +256,7 @@
 /* Begin PBXShellScriptBuildPhase section */
 		3399D490228B24CF009A79C7 /* ShellScript */ = {
 			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
 			buildActionMask = 2147483647;
 			files = (
 			);
@@ -404,7 +405,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				MACOSX_DEPLOYMENT_TARGET = 10.11;
+				MACOSX_DEPLOYMENT_TARGET = 10.14;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = macosx;
 				SWIFT_COMPILATION_MODE = wholemodule;
@@ -483,7 +484,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				MACOSX_DEPLOYMENT_TARGET = 10.11;
+				MACOSX_DEPLOYMENT_TARGET = 10.14;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = macosx;
@@ -530,7 +531,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				MACOSX_DEPLOYMENT_TARGET = 10.11;
+				MACOSX_DEPLOYMENT_TARGET = 10.14;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = macosx;
 				SWIFT_COMPILATION_MODE = wholemodule;
diff --git a/macos/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme b/macos/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme
index 1ac1f28d..381e928f 100644
--- a/macos/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme
+++ b/macos/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "1000"
+   LastUpgradeVersion = "1430"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "YES"
diff --git a/web/index.html b/web/index.html
index e3e59e47..957cb29f 100644
--- a/web/index.html
+++ b/web/index.html
@@ -1,8 +1,7 @@
 <!DOCTYPE html>
 <html>
-
-<head>
-  <!--
+  <head>
+    <!--
     If you are serving your web app in a path other than the root, change the
     href value below to reflect the base path you are serving from.
 
@@ -12,130 +11,228 @@
     Fore more details:
     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
   -->
-  <!-- <base href="/"> -->
-  <base href="$FLUTTER_BASE_HREF">
-
-  <meta charset="UTF-8">
-  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
-  <meta name="description" content="A new Flutter project.">
-
-  <!-- iOS meta tags & icons -->
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-status-bar-style" content="black">
-  <meta name="apple-mobile-web-app-title" content="admin">
-  <link rel="apple-touch-icon" href="icons/Icon-192.png">
-
-  <!-- Favicon -->
-  <link rel="icon" type="image/png" href="favicon.png" />
-
-  <title>admin</title>
-  <link rel="manifest" href="manifest.json">
-  <!-- Styling for loading indicator -->
-  <style>
-@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans);
-.loading {
-  position: flex;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: #000;
-  z-index: 9999;
-}
-.loading-text {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  margin: auto;
-  text-align: center;
-  width: 100%;
-  height: 100px;
-  line-height: 100px;
-}
-.loading-text span {
-  display: inline-block;
-  margin: 0 5px;
-  color: #fff;
-  font-family: 'Quattrocento Sans', sans-serif;
-}
-.loading-text span:nth-child(1) {
-  filter: blur(0px);
-  animation: blur-text 1.5s 0s infinite linear alternate;
-}
-.loading-text span:nth-child(2) {
-  filter: blur(0px);
-  animation: blur-text 1.5s 0.2s infinite linear alternate;
-}
-.loading-text span:nth-child(3) {
-  filter: blur(0px);
-  animation: blur-text 1.5s 0.4s infinite linear alternate;
-}
-.loading-text span:nth-child(4) {
-  filter: blur(0px);
-  animation: blur-text 1.5s 0.6s infinite linear alternate;
-}
-.loading-text span:nth-child(5) {
-  filter: blur(0px);
-  animation: blur-text 1.5s 0.8s infinite linear alternate;
-}
-.loading-text span:nth-child(6) {
-  filter: blur(0px);
-  animation: blur-text 1.5s 1s infinite linear alternate;
-}
-.loading-text span:nth-child(7) {
-  filter: blur(0px);
-  animation: blur-text 1.5s 1.2s infinite linear alternate;
-}
-@keyframes blur-text {
-  0% {
-    filter: blur(0px);
-  }
-  100% {
-    filter: blur(4px);
-  }
-}
-
-  </style>
-
-</head>
-
-<body>
-  <!-- Loading Indicator -->
-  <div class="loading">
-    <div class="loading-text">
-      <span class="loading-text-words">L</span>
-      <span class="loading-text-words">O</span>
-      <span class="loading-text-words">A</span>
-      <span class="loading-text-words">D</span>
-      <span class="loading-text-words">I</span>
-      <span class="loading-text-words">N</span>
-      <span class="loading-text-words">G</span>
+    <!-- <base href="/"> -->
+    <base href="$FLUTTER_BASE_HREF" />
+
+    <meta charset="UTF-8" />
+    <meta content="IE=Edge" http-equiv="X-UA-Compatible" />
+    <meta name="description" content="A new Flutter project." />
+
+    <!-- iOS meta tags & icons -->
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="apple-mobile-web-app-title" content="admin" />
+    <link rel="apple-touch-icon" href="icons/Icon-192.png" />
+
+    <!-- Favicon -->
+    <link rel="icon" type="image/png" href="favicon.png" />
+
+    <title>admin</title>
+    <link rel="manifest" href="manifest.json" />
+    <!-- Styling for loading indicator -->
+    <style>
+      @import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400&display=swap");
+
+      * {
+        box-sizing: border-box;
+      }
+      *::before,
+      *::after {
+        box-sizing: border-box;
+      }
+
+      body {
+        font-family: "Roboto", sans-serif;
+        font-size: 1rem;
+        line-height: 1.5;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 0;
+        min-height: 100vh;
+        background: #fff;
+        overflow: hidden;
+      }
+
+      #container {
+        position: relative;
+        transform: scale(0.725);
+      }
+
+      .divider {
+        position: absolute;
+        z-index: 2;
+        top: 65px;
+        left: 200px;
+        width: 50px;
+        height: 15px;
+        background: #fff;
+      }
+
+      .loading-text {
+        position: relative;
+        font-size: 3.75rem;
+        font-weight: 300;
+        margin: 0;
+        white-space: nowrap;
+      }
+      .loading-text::before {
+        position: absolute;
+        content: "";
+        z-index: 1;
+        top: 40px;
+        left: 115px;
+        width: 6px;
+        height: 6px;
+        background: #000;
+        border-radius: 50%;
+        animation: dotMove 1800ms cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite;
+      }
+      .loading-text .letter {
+        display: inline-block;
+        position: relative;
+        color: #000;
+        letter-spacing: 8px;
+      }
+      .loading-text .letter:nth-child(1) {
+        transform-origin: 100% 70%;
+        transform: scale(1, 1.275);
+      }
+      .loading-text .letter:nth-child(1)::before {
+        position: absolute;
+        content: "";
+        top: 22px;
+        left: 0;
+        width: 14px;
+        height: 36px;
+        background: #fff;
+        transform-origin: 100% 0;
+        animation: lineStretch 1800ms cubic-bezier(0.25, 0.25, 0.75, 0.75)
+          infinite;
+      }
+      .loading-text .letter:nth-child(5) {
+        transform-origin: 100% 70%;
+        animation: letterStretch 1800ms cubic-bezier(0.25, 0.23, 0.73, 0.75)
+          infinite;
+      }
+      .loading-text .letter:nth-child(5)::before {
+        position: absolute;
+        content: "";
+        top: 15px;
+        left: 2px;
+        width: 9px;
+        height: 15px;
+        background: #fff;
+      }
+
+      @keyframes dotMove {
+        0%,
+        100% {
+          transform: rotate(180deg) translate(-110px, -10px) rotate(-180deg);
+        }
+        50% {
+          transform: rotate(0deg) translate(-111px, 10px) rotate(0deg);
+        }
+      }
+
+      @keyframes letterStretch {
+        0%,
+        100% {
+          transform: scale(1, 0.35);
+          transform-origin: 100% 75%;
+        }
+        8%,
+        28% {
+          transform: scale(1, 2.125);
+          transform-origin: 100% 67%;
+        }
+        37% {
+          transform: scale(1, 0.875);
+          transform-origin: 100% 75%;
+        }
+        46% {
+          transform: scale(1, 1.03);
+          transform-origin: 100% 75%;
+        }
+        50%,
+        97% {
+          transform: scale(1);
+          transform-origin: 100% 75%;
+        }
+      }
+
+      @keyframes lineStretch {
+        0%,
+        45%,
+        70%,
+        100% {
+          transform: scaleY(0.125);
+        }
+        49% {
+          transform: scaleY(0.75);
+        }
+        50% {
+          transform: scaleY(0.875);
+        }
+        53% {
+          transform: scaleY(0.5);
+        }
+        60% {
+          transform: scaleY(0);
+        }
+        68% {
+          transform: scaleY(0.18);
+        }
+      }
+
+      @media (min-width: 48rem) {
+        #container {
+          transform: scale(0.725rem);
+        }
+      }
+
+      @media (min-width: 62rem) {
+        #container {
+          transform: scale(0.85);
+        }
+      }
+    </style>
+  </head>
+
+  <body>
+    <!-- Loading Indicator -->
+    <div class="loading">
+      <div class="loading-text">
+        <span class="loading-text-words">L</span>
+        <span class="loading-text-words">O</span>
+        <span class="loading-text-words">A</span>
+        <span class="loading-text-words">D</span>
+        <span class="loading-text-words">I</span>
+        <span class="loading-text-words">N</span>
+        <span class="loading-text-words">G</span>
+      </div>
     </div>
-  </div>
-  <!-- This script installs service_worker.js to provide PWA functionality to
+    <!-- This script installs service_worker.js to provide PWA functionality to
        application. For more information, see:
        https://developers.google.com/web/fundamentals/primers/service-workers -->
-  <script>
-    if ('serviceWorker' in navigator) {
-      window.addEventListener('flutter-first-frame', function () {
-        navigator.serviceWorker.register('flutter_service_worker.js');
-      });
-    }
-  </script>
-  <script src="main.dart.js" type="application/javascript"></script>
-  <!-- Removes the loading indicator after 10 seconds -->
-  <script>
-    window.onload = function () {
-      setTimeout(function () {
-        var loadingIndicator = document.getElementById("loading_container");
-        if (loadingIndicator) {
-          loadingIndicator.remove();
-        }
-      }, 10000)
-    }
-  </script>
-</body>
-
+    <script>
+      if ("serviceWorker" in navigator) {
+        window.addEventListener("flutter-first-frame", function () {
+          navigator.serviceWorker.register("flutter_service_worker.js");
+        });
+      }
+    </script>
+    <script src="main.dart.js" type="application/javascript"></script>
+    <!-- Removes the loading indicator after 10 seconds -->
+    <script>
+      window.onload = function () {
+        setTimeout(function () {
+          var loadingIndicator = document.getElementById("loading_container");
+          if (loadingIndicator) {
+            loadingIndicator.remove();
+          }
+        }, 10000);
+      };
+    </script>
+  </body>
 </html>