fix issue in list view

Author: devnamdev2003

documentation/components/ListExpensesComponent.html

@@ -519,8 +519,8 @@ <h3>HostListeners</h3>    <table class="table table-sm table-bordered">
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="357"
-                                    class="link-to-prism">src/app/features/list-expenses/list-expenses.component.ts:357</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="358"
+                                    class="link-to-prism">src/app/features/list-expenses/list-expenses.component.ts:358</a></div>
                         </td>
                     </tr>
 
@@ -705,8 +705,8 @@ <h3 id="methods">
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="345"
-                                    class="link-to-prism">src/app/features/list-expenses/list-expenses.component.ts:345</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="346"
+                                    class="link-to-prism">src/app/features/list-expenses/list-expenses.component.ts:346</a></div>
                         </td>
                     </tr>
 
@@ -783,8 +783,8 @@ <h3 id="methods">
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="305"
-                                    class="link-to-prism">src/app/features/list-expenses/list-expenses.component.ts:305</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="306"
+                                    class="link-to-prism">src/app/features/list-expenses/list-expenses.component.ts:306</a></div>
                         </td>
                     </tr>
 
@@ -1109,8 +1109,8 @@ <h3 id="methods">
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="357"
-                                    class="link-to-prism">src/app/features/list-expenses/list-expenses.component.ts:357</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="358"
+                                    class="link-to-prism">src/app/features/list-expenses/list-expenses.component.ts:358</a></div>
                         </td>
                     </tr>
 
@@ -1273,8 +1273,8 @@ <h3 id="methods">
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="333"
-                                    class="link-to-prism">src/app/features/list-expenses/list-expenses.component.ts:333</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="334"
+                                    class="link-to-prism">src/app/features/list-expenses/list-expenses.component.ts:334</a></div>
                         </td>
                     </tr>
 
@@ -1421,8 +1421,8 @@ <h3 id="methods">
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="318"
-                                    class="link-to-prism">src/app/features/list-expenses/list-expenses.component.ts:318</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="319"
+                                    class="link-to-prism">src/app/features/list-expenses/list-expenses.component.ts:319</a></div>
                         </td>
                     </tr>
 
@@ -2614,7 +2614,8 @@ <h3 id="inputs">
     this.expenseService.update(expense_id, newData);
     this.toastService.show(&#x27;Expense updated successfully&#x27;, &#x27;success&#x27;);
     this.isEditOpen &#x3D; false;
-    this.searchData(this.searchQuery);
+    this.expenses &#x3D; this.expenses.map(item &#x3D;&gt; item.expense_id &#x3D;&#x3D;&#x3D; expense_id ? { ...item, ...newData } : item);
+    this.expenses &#x3D; this.expenses.map(item &#x3D;&gt; ({ ...item, amount: Math.round(item.amount * 100) / 100 }));
   }
 
   /**
@@ -2626,7 +2627,7 @@ <h3 id="inputs">
       this.expenseService.delete(id);
       this.toastService.show(&quot;Expense deleted successfully&quot;, &#x27;success&#x27;);
       this.closeModal();
-      this.searchData(this.searchQuery);
+      this.expenses &#x3D; this.expenses.filter(item &#x3D;&gt; item.expense_id !&#x3D;&#x3D; id);
     }
   }
 
@@ -2636,7 +2637,7 @@ <h3 id="inputs">
    */
   searchData(query: string): void {
     this.expenses &#x3D; this.expenseService.getAll();
-    if(query.length &#x3D;&#x3D;&#x3D; 0) {
+    if (query.length &#x3D;&#x3D;&#x3D; 0) {
       return;
     }
     this.expenses &#x3D; this.expenses.filter(ex &#x3D;&gt; {

documentation/injectables/ConfigService.html

@@ -249,8 +249,8 @@ <h3 id="methods">
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="40"
-                                    class="link-to-prism">src/app/service/util/config/config.service.ts:40</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="42"
+                                    class="link-to-prism">src/app/service/util/config/config.service.ts:42</a></div>
                         </td>
                     </tr>
 
@@ -261,7 +261,10 @@ <h3 id="methods">
 <ul>
 <li><code>&quot;local&quot;</code> → <code>http://localhost:8000</code></li>
 <li><code>&quot;live&quot;</code> → <code>https://exwiseapi.onrender.com</code></li>
-<li>Any other value defaults to <code>&quot;local&quot;</code></li>
+<li>Any other value → Determines based on current window location.</li>
+<li>If the URL contains <code>&quot;localhost&quot;</code>, returns <code>http://localhost:8000</code>.</li>
+<li>If the URL contains <code>&quot;exwiseapi&quot;</code>, returns <code>https://exwiseapi.onrender.com</code>.</li>
+<li>Defaults to <code>http://localhost:8000</code> if none of the above conditions are met.</li>
 </ul>
 </div>
 
@@ -297,8 +300,8 @@ <h3 id="methods">
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="57"
-                                    class="link-to-prism">src/app/service/util/config/config.service.ts:57</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="65"
+                                    class="link-to-prism">src/app/service/util/config/config.service.ts:65</a></div>
                         </td>
                     </tr>
 
@@ -450,8 +453,10 @@ <h3 id="inputs">
    *
    * - &#x60;&quot;local&quot;&#x60; → &#x60;http://localhost:8000&#x60;
    * - &#x60;&quot;live&quot;&#x60; → &#x60;https://exwiseapi.onrender.com&#x60;
-   * - Any other value defaults to &#x60;&quot;local&quot;&#x60;
-   *
+   * - Any other value → Determines based on current window location.
+   * - If the URL contains &#x60;&quot;localhost&quot;&#x60;, returns &#x60;http://localhost:8000&#x60;.
+   * - If the URL contains &#x60;&quot;exwiseapi&quot;&#x60;, returns &#x60;https://exwiseapi.onrender.com&#x60;.
+   * - Defaults to &#x60;http://localhost:8000&#x60; if none of the above conditions are met.
    * @returns {string} The API base URL for the current environment.
    */
   getapiUrl(): string {
@@ -462,6 +467,12 @@ <h3 id="inputs">
       return &quot;https://exwiseapi.onrender.com&quot;;
     }
     else {
+      if (window.location.href.includes(&quot;localhost&quot;)) {
+        return &quot;http://localhost:8000&quot;;
+      }
+      else if (window.location.href.includes(&quot;exwiseapi&quot;)) {
+        return &quot;https://exwiseapi.onrender.com&quot;;
+      }
       return &quot;http://localhost:8000&quot;;
     }
   }

documentation/js/search/search_index.js

@@ -644,9 +644,11 @@ <h3></h3>    <table class="table table-sm table-bordered">
 
   /**
    * Current environment type.
-   * Possible values: &#x27;local&#x27;, &#x27;live&#x27;
+   * - &#x27;local&#x27; for local development (uses localhost API endpoint)
+   * - &#x27;live&#x27; for production (uses production API endpoint)
+   * - leave empty for automatic detection based on current window location
    */
-  developmentEnvironment: &#x27;live&#x27;, // Change to &#x27;live&#x27; for production or &#x27;local&#x27; for local development
+  developmentEnvironment: &#x27;&#x27;, // Change to &#x27;live&#x27; for production or &#x27;local&#x27; for local development
 
   /**
    * Application version.

documentation/miscellaneous/variables.html

@@ -295,7 +295,8 @@ export class ListExpensesComponent implements OnInit {
     this.expenseService.update(expense_id, newData);
     this.toastService.show('Expense updated successfully', 'success');
     this.isEditOpen = false;
-    this.searchData(this.searchQuery);
+    this.expenses = this.expenses.map(item => item.expense_id === expense_id ? { ...item, ...newData } : item);
+    this.expenses = this.expenses.map(item => ({ ...item, amount: Math.round(item.amount * 100) / 100 }));
   }
 
   /**
@@ -307,7 +308,7 @@ export class ListExpensesComponent implements OnInit {
       this.expenseService.delete(id);
       this.toastService.show("Expense deleted successfully", 'success');
       this.closeModal();
-      this.searchData(this.searchQuery);
+      this.expenses = this.expenses.filter(item => item.expense_id !== id);
     }
   }
 
@@ -317,7 +318,7 @@ export class ListExpensesComponent implements OnInit {
    */
   searchData(query: string): void {
     this.expenses = this.expenseService.getAll();
-    if(query.length === 0) {
+    if (query.length === 0) {
       return;
     }
     this.expenses = this.expenses.filter(ex => {

src/app/features/list-expenses/list-expenses.component.ts

@@ -33,8 +33,10 @@ export class ConfigService {
    *
    * - `"local"` → `http://localhost:8000`
    * - `"live"` → `https://exwiseapi.onrender.com`
-   * - Any other value defaults to `"local"`
-   *
+   * - Any other value → Determines based on current window location.
+   * - If the URL contains `"localhost"`, returns `http://localhost:8000`.
+   * - If the URL contains `"exwiseapi"`, returns `https://exwiseapi.onrender.com`.
+   * - Defaults to `http://localhost:8000` if none of the above conditions are met.
    * @returns {string} The API base URL for the current environment.
    */
   getapiUrl(): string {
@@ -45,6 +47,12 @@ export class ConfigService {
       return "https://exwiseapi.onrender.com";
     }
     else {
+      if (window.location.href.includes("localhost")) {
+        return "http://localhost:8000";
+      }
+      else if (window.location.href.includes("exwiseapi")) {
+        return "https://exwiseapi.onrender.com";
+      }
       return "http://localhost:8000";
     }
   }

src/app/service/util/config/config.service.ts

@@ -20,9 +20,11 @@ export const environment = {
 
   /**
    * Current environment type.
-   * Possible values: 'local', 'live'
+   * - 'local' for local development (uses localhost API endpoint)
+   * - 'live' for production (uses production API endpoint)
+   * - leave empty for automatic detection based on current window location
    */
-  developmentEnvironment: 'live', // Change to 'live' for production or 'local' for local development
+  developmentEnvironment: '', // Change to 'live' for production or 'local' for local development
 
   /**
    * Application version.