From 7ea6e7b0c1901f49d23a9e85b4023bc519faca43 Mon Sep 17 00:00:00 2001
From: singharaj usai <djjd22938@gmail.com>
Date: Sun, 13 Oct 2024 13:30:17 -0400
Subject: [PATCH] fixed missing bracket in assets.js

---
 client/js/admin/assets.js | 414 +++++++++++++++++++-------------------
 client/js/admin/init.js   |   2 -
 2 files changed, 207 insertions(+), 209 deletions(-)

diff --git a/client/js/admin/assets.js b/client/js/admin/assets.js
index b1f8a41..7d02b75 100644
--- a/client/js/admin/assets.js
+++ b/client/js/admin/assets.js
@@ -1,45 +1,45 @@
 function loadAssets() {
-  const contentArea = $('#content-area');
-  contentArea.empty();
-
-  const assetSearchHtml = `
-      <div class="panel panel-primary">
-        <div class="panel-heading">
-          <h3 class="panel-title">Asset Lookup</h3>
-        </div>
-        <div class="panel-body">
-          <form id="asset-search-form">
-            <div class="form-group">
-              <label for="asset-id">Asset ID:</label>
-              <input type="number" class="form-control" id="asset-id" required>
-            </div>
-            <button type="submit" class="btn btn-primary">Search</button>
-          </form>
-          <div id="asset-result" class="mt-3"></div>
-        </div>
-      </div>
-      <div class="panel panel-primary">
-        <div class="panel-heading">
-          <h3 class="panel-title">Recent Assets</h3>
+    const contentArea = $('#content-area');
+    contentArea.empty();
+  
+    const assetSearchHtml = `
+        <div class="panel panel-primary">
+          <div class="panel-heading">
+            <h3 class="panel-title">Asset Lookup</h3>
+          </div>
+          <div class="panel-body">
+            <form id="asset-search-form">
+              <div class="form-group">
+                <label for="asset-id">Asset ID:</label>
+                <input type="number" class="form-control" id="asset-id" required>
+              </div>
+              <button type="submit" class="btn btn-primary">Search</button>
+            </form>
+            <div id="asset-result" class="mt-3"></div>
+          </div>
         </div>
-        <div class="panel-body">
-          <div id="recent-assets"></div>
+        <div class="panel panel-primary">
+          <div class="panel-heading">
+            <h3 class="panel-title">Recent Assets</h3>
+          </div>
+          <div class="panel-body">
+            <div id="recent-assets"></div>
+          </div>
         </div>
-      </div>
-    `;
-
-  contentArea.html(assetSearchHtml);
-
-  $('#asset-search-form').on('submit', function (e) {
-    e.preventDefault();
-    const assetId = $('#asset-id').val();
-    searchAsset(assetId);
-  });
-
-  loadRecentAssets();
-}
-
-function openEditAssetModal(assetId) {
+      `;
+  
+    contentArea.html(assetSearchHtml);
+  
+    $('#asset-search-form').on('submit', function (e) {
+      e.preventDefault();
+      const assetId = $('#asset-id').val();
+      searchAsset(assetId);
+    });
+  
+    loadRecentAssets();
+  }
+  
+  function openEditAssetModal(assetId) {
     $.ajax({
       url: `/api/admin/assets/${assetId}`,
       method: 'GET',
@@ -60,187 +60,188 @@ function openEditAssetModal(assetId) {
       },
     });
   }
-
-function redrawAsset(assetId) {
-  if (confirm('Are you sure you want to redraw this asset?')) {
-    $.ajax({
-      url: `/api/admin/assets/${assetId}/redraw`,
-      method: 'POST',
-      headers: {
-        Authorization: `Bearer ${localStorage.getItem('token')}`,
-      },
-      success: function (response) {
-        alert(response.message);
-        loadRecentAssets();
-      },
-    error: function (xhr, status, error) {
-      const errorMessage = xhr.responseJSON ? xhr.responseJSON.error : 'Unknown error occurred';
-      alert('Error queuing asset redraw: ' + errorMessage);
-      console.error('Error queuing asset redraw:', error);
-    },
-  });
-}
-
-function deleteAsset(assetId) {
-  if (confirm('Are you sure you want to delete this asset?')) {
+  
+  function redrawAsset(assetId) {
+    if (confirm('Are you sure you want to redraw this asset?')) {
+      $.ajax({
+        url: `/api/admin/assets/${assetId}/redraw`,
+        method: 'POST',
+        headers: {
+          Authorization: `Bearer ${localStorage.getItem('token')}`,
+        },
+        success: function (response) {
+          alert(response.message);
+          loadRecentAssets();
+        },
+        error: function (xhr, status, error) {
+          const errorMessage = xhr.responseJSON ? xhr.responseJSON.error : 'Unknown error occurred';
+          alert('Error queuing asset redraw: ' + errorMessage);
+          console.error('Error queuing asset redraw:', error);
+        },
+      });
+    }
+  }
+  
+  function deleteAsset(assetId) {
+    if (confirm('Are you sure you want to delete this asset?')) {
+      $.ajax({
+        url: `/api/admin/assets/${assetId}`,
+        method: 'DELETE',
+        headers: {
+          Authorization: `Bearer ${localStorage.getItem('token')}`,
+        },
+        success: function () {
+          alert('Asset deleted successfully');
+          loadAssets();
+        },
+        error: function (xhr, status, error) {
+          alert('Error deleting asset');
+        },
+      });
+    }
+  }
+  
+  function displayAssetResult(asset) {
+    const assetHtml = `
+        <div class="panel panel-info">
+          <div class="panel-heading">
+            <h3 class="panel-title">Asset Details</h3>
+          </div>
+          <div class="panel-body">
+            <p><strong>ID:</strong> ${asset.assetId}</p>
+            <p><strong>Name:</strong> ${asset.Name}</p>
+            <p><strong>Description:</strong> ${asset.Description}</p>
+            <p><strong>Type:</strong> ${asset.AssetType}</p>
+            <p><strong>Creator:</strong> ${asset.creator.username}</p>
+            <p><strong>Price:</strong> ${asset.Price}</p>
+            <p><strong>Sales:</strong> ${asset.Sales}</p>
+            <img src="${asset.ThumbnailLocation}" alt="${asset.Name}" style="max-width: 200px;">
+            <div class="mt-3">
+              <button class="btn btn-warning btn-sm edit-asset" data-asset-id="${asset._id}">Edit</button>
+              <button class="btn btn-danger btn-sm delete-asset" data-asset-id="${asset._id}">Delete</button>
+              ${asset.canRedraw ? `<button class="btn btn-secondary btn-sm redraw-asset" data-asset-id="${asset._id}">Redraw</button>` : ''}
+            </div>
+          </div>
+        </div>
+      `;
+    $('#asset-result').html(assetHtml);
+  
+    $('.edit-asset').on('click', function () {
+      const assetId = $(this).data('asset-id');
+      openEditAssetModal(assetId);
+    });
+  
+    $('.delete-asset').on('click', function () {
+      const assetId = $(this).data('asset-id');
+      deleteAsset(assetId);
+    });
+  
+    if (asset.canRedraw) {
+      $('.redraw-asset').on('click', function () {
+        const assetId = $(this).data('asset-id');
+        redrawAsset(assetId);
+      });
+    }
+  }
+  
+  function searchAsset(assetId) {
     $.ajax({
       url: `/api/admin/assets/${assetId}`,
-      method: 'DELETE',
+      method: 'GET',
       headers: {
         Authorization: `Bearer ${localStorage.getItem('token')}`,
       },
-      success: function () {
-        alert('Asset deleted successfully');
-        loadAssets();
+      success: function (asset) {
+        displayAssetResult(asset);
       },
       error: function (xhr, status, error) {
-        alert('Error deleting asset');
+        $('#asset-result').html(
+          '<p class="text-danger">Error: Asset not found</p>'
+        );
       },
     });
   }
-}
-
-function displayAssetResult(asset) {
-  const assetHtml = `
-      <div class="panel panel-info">
-        <div class="panel-heading">
-          <h3 class="panel-title">Asset Details</h3>
-        </div>
-        <div class="panel-body">
-          <p><strong>ID:</strong> ${asset.assetId}</p>
-          <p><strong>Name:</strong> ${asset.Name}</p>
-          <p><strong>Description:</strong> ${asset.Description}</p>
-          <p><strong>Type:</strong> ${asset.AssetType}</p>
-          <p><strong>Creator:</strong> ${asset.creator.username}</p>
-          <p><strong>Price:</strong> ${asset.Price}</p>
-          <p><strong>Sales:</strong> ${asset.Sales}</p>
-          <img src="${asset.ThumbnailLocation}" alt="${asset.Name}" style="max-width: 200px;">
-          <div class="mt-3">
-            <button class="btn btn-warning btn-sm edit-asset" data-asset-id="${asset._id}">Edit</button>
-            <button class="btn btn-danger btn-sm delete-asset" data-asset-id="${asset._id}">Delete</button>
-            ${asset.canRedraw ? `<button class="btn btn-secondary btn-sm redraw-asset" data-asset-id="${asset._id}">Redraw</button>` : ''}
-          </div>
-        </div>
-      </div>
+  
+  function displayRecentAssets(assets) {
+    const assetsContainer = $('#recent-assets');
+    assetsContainer.empty();
+  
+    if (assets.length === 0) {
+      assetsContainer.append('<p>No recent assets found.</p>');
+      return;
+    }
+  
+    const assetsTable = `
+      <table class="table table-striped">
+        <thead>
+          <tr>
+            <th>ID</th>
+            <th>Name</th>
+            <th>Type</th>
+            <th>Creator</th>
+            <th>Price</th>
+            <th>Sales</th>
+            <th>Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${assets.map((asset) => `
+              <tr>
+                  <td>${asset.assetId}</td>
+                  <td>${asset.Name}</td>
+                  <td>${asset.AssetType}</td>
+                  <td>${asset.creator.username}</td>
+                  <td>${asset.Price}</td>
+                  <td>${asset.Sales}</td>
+                  <td>
+                      <button class="btn btn-warning btn-xs edit-asset" data-asset-id="${asset._id}">Edit</button>
+                      <button class="btn btn-danger btn-xs delete-asset" data-asset-id="${asset._id}">Delete</button>
+                     ${asset.AssetType !== 'Image' ? `<button class="btn btn-secondary btn-xs redraw-asset" data-asset-id="${asset._id}">Redraw</button>` : ''}
+                  </td>
+              </tr>
+          `).join('')}
+        </tbody>
+      </table>
     `;
-  $('#asset-result').html(assetHtml);
-
-  $('.edit-asset').on('click', function () {
-    const assetId = $(this).data('asset-id');
-    openEditAssetModal(assetId);
-  });
-
-  $('.delete-asset').on('click', function () {
-    const assetId = $(this).data('asset-id');
-    deleteAsset(assetId);
-  });
-
-  if (asset.canRedraw) {
+  
+    assetsContainer.html(assetsTable);
+  
+    $('.edit-asset').on('click', function () {
+      const assetId = $(this).data('asset-id');
+      openEditAssetModal(assetId);
+    });
+  
+    $('.delete-asset').on('click', function () {
+      const assetId = $(this).data('asset-id');
+      deleteAsset(assetId);
+    });
+  
     $('.redraw-asset').on('click', function () {
       const assetId = $(this).data('asset-id');
       redrawAsset(assetId);
     });
   }
-}
-
-function searchAsset(assetId) {
-  $.ajax({
-    url: `/api/admin/assets/${assetId}`,
-    method: 'GET',
-    headers: {
-      Authorization: `Bearer ${localStorage.getItem('token')}`,
-    },
-    success: function (asset) {
-      displayAssetResult(asset);
-    },
-    error: function (xhr, status, error) {
-      $('#asset-result').html(
-        '<p class="text-danger">Error: Asset not found</p>'
-      );
-    },
-  });
-}
-
-function displayRecentAssets(assets) {
-  const assetsContainer = $('#recent-assets');
-  assetsContainer.empty();
-
-  if (assets.length === 0) {
-    assetsContainer.append('<p>No recent assets found.</p>');
-    return;
+  
+  function loadRecentAssets() {
+    $.ajax({
+      url: '/api/admin/assets/recent',
+      method: 'GET',
+      headers: {
+        Authorization: `Bearer ${localStorage.getItem('token')}`,
+      },
+      success: function (assets) {
+        displayRecentAssets(assets);
+      },
+      error: function (xhr, status, error) {
+        console.error('Error fetching recent assets:', error);
+        $('#recent-assets').html(
+          '<p class="text-danger">Error fetching recent assets.</p>'
+        );
+      },
+    });
   }
-
-  const assetsTable = `
-    <table class="table table-striped">
-      <thead>
-        <tr>
-          <th>ID</th>
-          <th>Name</th>
-          <th>Type</th>
-          <th>Creator</th>
-          <th>Price</th>
-          <th>Sales</th>
-          <th>Actions</th>
-        </tr>
-      </thead>
-      <tbody>
-        ${assets.map((asset) => `
-            <tr>
-                <td>${asset.assetId}</td>
-                <td>${asset.Name}</td>
-                <td>${asset.AssetType}</td>
-                <td>${asset.creator.username}</td>
-                <td>${asset.Price}</td>
-                <td>${asset.Sales}</td>
-                <td>
-                    <button class="btn btn-warning btn-xs edit-asset" data-asset-id="${asset._id}">Edit</button>
-                    <button class="btn btn-danger btn-xs delete-asset" data-asset-id="${asset._id}">Delete</button>
-                   ${asset.AssetType !== 'Image' ? `<button class="btn btn-secondary btn-xs redraw-asset" data-asset-id="${asset._id}">Redraw</button>` : ''}
-                </td>
-            </tr>
-        `).join('')}
-      </tbody>
-    </table>
-  `;
-
-  assetsContainer.html(assetsTable);
-
-  $('.edit-asset').on('click', function () {
-    const assetId = $(this).data('asset-id');
-    openEditAssetModal(assetId);
-  });
-
-  $('.delete-asset').on('click', function () {
-    const assetId = $(this).data('asset-id');
-    deleteAsset(assetId);
-  });
-
-  $('.redraw-asset').on('click', function () {
-    const assetId = $(this).data('asset-id');
-    redrawAsset(assetId);
-  });
-}
-
-function loadRecentAssets() {
-  $.ajax({
-    url: '/api/admin/assets/recent',
-    method: 'GET',
-    headers: {
-      Authorization: `Bearer ${localStorage.getItem('token')}`,
-    },
-    success: function (assets) {
-      displayRecentAssets(assets);
-    },
-    error: function (xhr, status, error) {
-      console.error('Error fetching recent assets:', error);
-      $('#recent-assets').html(
-        '<p class="text-danger">Error fetching recent assets.</p>'
-      );
-    },
-  });
-}
-
-function createEditAssetModal() {
+  
+  function createEditAssetModal() {
     const modalHtml = `
       <div class="modal fade" id="editAssetModal" tabindex="-1" role="dialog" aria-labelledby="editAssetModalLabel" aria-hidden="true">
         <div class="modal-dialog" role="document">
@@ -288,7 +289,7 @@ function createEditAssetModal() {
       saveAssetChanges();
     });
   }
-
+  
   function saveAssetChanges() {
     const assetId = $('#edit-asset-id').val();
     const name = $('#edit-asset-name').val();
@@ -308,7 +309,7 @@ function createEditAssetModal() {
         $('#editAssetModal').modal('hide');
         alert('Asset updated successfully');
         loadRecentAssets();
-        // If the asset isin the search result update it
+        // If the asset is in the search result update it
         const displayedAssetId = $('#asset-result').find('.edit-asset').data('asset-id');
         if (displayedAssetId === assetId) {
           searchAsset(updatedAsset.assetId);
@@ -321,5 +322,4 @@ function createEditAssetModal() {
           .text(`Error updating asset: ${xhr.responseJSON.error}`);
       },
     });
-  }
-  
\ No newline at end of file
+  }
\ No newline at end of file
diff --git a/client/js/admin/init.js b/client/js/admin/init.js
index 738d483..387f50c 100644
--- a/client/js/admin/init.js
+++ b/client/js/admin/init.js
@@ -6,8 +6,6 @@ $(document).ready(function () {
 
   createEditAssetModal();
 
-  
-
   // Handle sidebar navigation
   $('.nav-sidebar a').on('click', function (e) {
     e.preventDefault();