Implement CRUD for accounts and trades

core/templates/base.html

@@ -201,6 +201,16 @@
           <a class="navbar-item" href="{% url 'home' %}">
             Home
           </a>
+          {% if user.is_authenticated %}
+            <a class="navbar-item" href="{% url 'accounts' type='page' %}">
+              Accounts
+            </a>
+          {% endif %}
+          {% if user.is_authenticated %}
+            <a class="navbar-item" href="{% url 'trades' type='page' %}">
+              Trades
+            </a>
+          {% endif %}
           {% if user.is_authenticated %}
             <a class="navbar-item" href="{% url 'hooks' type='page' %}">
               Hooks

core/templates/index.html

@@ -4,7 +4,7 @@
 {% block outer_content %}
 
   <div class="grid-stack" id="grid-stack-main">
-    <div class="grid-stack-item" gs-w="7" gs-h="15" gs-y="0" gs-x="1">
+    <div class="grid-stack-item" gs-w="7" gs-h="25" gs-y="0" gs-x="1">
       <div class="grid-stack-item-content">
         <nav class="panel">
           <p class="panel-heading" style="padding: .2em; line-height: .5em;">

core/templates/partials/account-list.html

@@ -0,0 +1,74 @@
+{% include 'partials/notify.html' %}
+
+<table class="table is-fullwidth is-hoverable" id="accounts-table">
+  <thead>
+    <th>id</th>
+    <th>user</th>
+    <th>name</th>
+    <th>exchange</th>
+    <th>API key</th>
+    <th>actions</th>
+  </thead>
+  {% for item in items %}
+    <tr>
+      <td>{{ item.id }}</td>
+      <td>{{ item.user }}</td>
+      <td>{{ item.name }}</td>
+      <td>{{ item.exchange }}</td>
+      <td>{{ item.api_jey }}</td>
+      <td>
+        <div class="buttons">
+          <button
+            hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+            hx-get="{% url 'account_action' type=type account_id=item.id %}"
+            hx-trigger="click"
+            hx-target="#{{ type }}s-here"
+            class="button is-info">
+            <span class="icon-text">
+              <span class="icon">
+                <i class="fa-solid fa-pencil"></i>
+              </span>
+            </span>
+          </button>
+          <button
+            hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+            hx-delete="{% url 'account_action' type=type account_id=item.id %}"
+            hx-trigger="click"
+            hx-target="#accounts-table"
+            class="button is-danger">
+            <span class="icon-text">
+              <span class="icon">
+                <i class="fa-solid fa-trash"></i>
+              </span>
+            </span>
+          </button>
+          {% if type == 'page' %}
+            <a href="{% url 'trades' type=type account_id=item.id %}"><button
+              class="button is-success">
+              <span class="icon-text">
+                <span class="icon">
+                  <i class="fa-solid fa-eye"></i>
+                </span>
+              </span>
+            </button>
+            </a>
+          {% else %}
+            <button
+              hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+              hx-get="{% url 'trades' type=type account_id=item.id %}"
+              hx-trigger="click"
+              hx-target="#{{ type }}s-here"
+              class="button is-success">
+              <span class="icon-text">
+                <span class="icon">
+                  <i class="fa-solid fa-eye"></i>
+                </span>
+              </span>
+            </button>
+          {% endif %}
+        </div>
+      </td>
+    </tr>
+  {% endfor %}
+
+</table>

core/templates/partials/trade-list.html

@@ -0,0 +1,80 @@
+{% include 'partials/notify.html' %}
+
+<table class="table is-fullwidth is-hoverable" id="trades-table">
+  <thead>
+    <th>id</th>
+    <th>account id</th>
+    <th>symbol</th>
+    <th>type</th>
+    <th>amount</th>
+    <th>price</th>
+    <th>SL</th>
+    <th>TL</th>
+    <th>actions</th>
+  </thead>
+  {% for item in items %}
+    <tr>
+      <td>{{ item.id }}</td>
+      <td>{{ item.account.id }}</td>
+      <td>{{ item.symbol }}</td>
+      <td>{{ item.type }}</td>
+      <td>{{ item.amount }}</td>
+      <td>{{ item.price }}</td>
+      <td>{{ item.stop_loss }}</td>
+      <td>{{ item.take_profit }}</td>
+      <td>
+        <div class="buttons">
+          <button
+            hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+            hx-get="{% url 'trade_action' type=type trade_id=item.id %}"
+            hx-trigger="click"
+            hx-target="#{{ type }}s-here"
+            class="button is-info">
+            <span class="icon-text">
+              <span class="icon">
+                <i class="fa-solid fa-pencil"></i>
+              </span>
+            </span>
+          </button>
+          <button
+            hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+            hx-delete="{% url 'trade_action' type=type trade_id=item.id %}"
+            hx-trigger="click"
+            hx-target="#trades-table"
+            class="button is-danger">
+            <span class="icon-text">
+              <span class="icon">
+                <i class="fa-solid fa-trash"></i>
+              </span>
+            </span>
+          </button>
+          {% if type == 'page' %}
+            <a href="#"><button
+              class="button is-success">
+              <span class="icon-text">
+                <span class="icon">
+                  <i class="fa-solid fa-eye"></i>
+                </span>
+              </span>
+            </button>
+            </a>
+          {% else %}
+            <button
+              hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+              hx-get="#"
+              hx-trigger="click"
+              hx-target="#{{ type }}s-here"
+              class="button is-success">
+              <span class="icon-text">
+                <span class="icon">
+                  <i class="fa-solid fa-eye"></i>
+                </span>
+              </span>
+            </button>
+          {% endif %}
+        </div>
+      </td>
+    </tr>
+  {% endfor %}
+
+</table>

core/templates/window-content/accounts.html

@@ -0,0 +1,20 @@
+<div class="buttons">
+    <button
+      hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+      hx-get="{% url 'account_action' type=type %}"
+      hx-trigger="click"
+      hx-target="#modals-here"
+      class="button is-info">
+      <span class="icon-text">
+        <span class="icon">
+          <i class="fa-solid fa-plus"></i>
+        </span>
+        <span>Account</span>
+      </span>
+    </button>
+  </div>
+  
+  {% include 'partials/notify.html' %}
+  {% include 'partials/account-list.html' %}
+  
+  

core/templates/window-content/add-account.html

@@ -0,0 +1,31 @@
+{% include 'partials/notify.html' %}
+
+{% load crispy_forms_tags %}
+
+{% load crispy_forms_bulma_field %}
+<form
+  hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+  {% if account_id is not None %}
+    hx-put="{% url 'account_action' type=type account_id=account_id %}"
+  {% else %}
+    hx-put="{% url 'account_action' type=type %}"
+  {% endif %}
+  hx-target="#accounts-table"
+  hx-swap="outerHTML">
+  {% csrf_token %}
+  {{ form|crispy }}
+  <button
+    type="button"
+    class="button is-light modal-close-button">
+    Cancel
+  </button>
+  <button type="submit" class="button is-info modal-close-button">Submit</button>
+</form>
+
+
+
+
+
+
+
+

core/templates/window-content/add-trade.html

@@ -0,0 +1,31 @@
+{% include 'partials/notify.html' %}
+
+{% load crispy_forms_tags %}
+
+{% load crispy_forms_bulma_field %}
+<form
+  hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+  {% if trade_id is not None %}
+    hx-put="{% url 'trade_action' type=type trade_id=trade_id %}"
+  {% else %}
+    hx-put="{% url 'trade_action' type=type %}"
+  {% endif %}
+  hx-target="#trades-table"
+  hx-swap="outerHTML">
+  {% csrf_token %}
+  {{ form|crispy }}
+  <button
+    type="button"
+    class="button is-light modal-close-button">
+    Cancel
+  </button>
+  <button type="submit" class="button is-info modal-close-button">Submit</button>
+</form>
+
+
+
+
+
+
+
+

core/templates/window-content/main.html

@@ -90,6 +90,47 @@
             </button>
             <td>
             </tr>
-          </div>
-
-        </table>
+            <tr>
+              <td>Accounts</td>
+              <td>
+                <button
+                  hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+                  hx-get="{% url 'accounts' type='modal' %}"
+                  hx-trigger="click"
+                  hx-target="#modals-here"
+                  class="button is-info">
+                  <span class="icon-text">
+                    <span class="icon" data-tooltip="Modal">
+                      <i class="fa-solid fa-window-maximize"></i>
+                    </span>
+                  </span>
+                </button>
+                <button
+                  hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+                  hx-get="{% url 'accounts' type='widget' %}"
+                  hx-trigger="click"
+                  hx-target="#widgets-here"
+                  class="button is-info">
+                  <span class="icon-text">
+                    <span class="icon" data-tooltip="Widget">
+                      <i class="fa-solid fa-sidebar"></i>
+                    </span>
+                  </span>
+                </button>
+                <button
+                  hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+                  hx-get="{% url 'accounts' type='window' %}"
+                  hx-trigger="click"
+                  hx-target="#windows-here"
+                  hx-swap="afterend"
+                  class="button is-info">
+                  <span class="icon-text">
+                    <span class="icon" data-tooltip="Window">
+                      <i class="fa-solid fa-window-restore"></i>
+                    </span>
+                  </span>
+                </button>
+                <td>
+                </tr>
+              </div>
+            </table>

core/templates/window-content/trades.html

@@ -0,0 +1,20 @@
+<div class="buttons">
+    <button
+      hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+      hx-get="{% url 'trade_action' type=type %}"
+      hx-trigger="click"
+      hx-target="#modals-here"
+      class="button is-info">
+      <span class="icon-text">
+        <span class="icon">
+          <i class="fa-solid fa-plus"></i>
+        </span>
+        <span>Trade</span>
+      </span>
+    </button>
+  </div>
+  
+  {% include 'partials/notify.html' %}
+  {% include 'partials/trade-list.html' %}
+  
+