From 8eab50138705519a330c200d1396d13996a1f0ca Mon Sep 17 00:00:00 2001
From: Eric Nguyen <nhathoang989@gmail.com>
Date: Sun, 10 Sep 2023 17:06:02 +0700
Subject: [PATCH] init

---
 .../pages/mixdb-context/_controller.js        |  51 ++++
 .../pages/mixdb-context/_service.js           |  19 ++
 .../pages/mixdb-context/details.html          | 165 ++++++++++++
 .../app-portal/pages/mixdb-context/list.html  | 250 ++++++++++++++++++
 4 files changed, 485 insertions(+)
 create mode 100644 src/app/app-portal/pages/mixdb-context/_controller.js
 create mode 100644 src/app/app-portal/pages/mixdb-context/_service.js
 create mode 100644 src/app/app-portal/pages/mixdb-context/details.html
 create mode 100644 src/app/app-portal/pages/mixdb-context/list.html

diff --git a/src/app/app-portal/pages/mixdb-context/_controller.js b/src/app/app-portal/pages/mixdb-context/_controller.js
new file mode 100644
index 00000000..e75a5f11
--- /dev/null
+++ b/src/app/app-portal/pages/mixdb-context/_controller.js
@@ -0,0 +1,51 @@
+"use strict";
+app.controller("MixDatabaseContextController", [
+  "$scope",
+  "$rootScope",
+  "$location",
+  "ngAppSettings",
+  "$routeParams",
+  "RestMixDatabaseContextService",
+  function (
+    $scope,
+    $rootScope,
+    $location,
+    ngAppSettings,
+    $routeParams,
+    mixdbContextService
+  ) {
+    BaseRestCtrl.call(
+      this,
+      $scope,
+      $rootScope,
+      $location,
+      $routeParams,
+      ngAppSettings,
+      mixdbContextService
+    );
+    $scope.defaultAttr = null;
+    $scope.databaseProvider = ["MySQL", "PostgreSQL", "SQLITE", "SQLSERVER"];
+    $scope.actions = ["Delete"];
+    // $scope.request.selects = 'id,title,name,createdDateTime';
+    $scope.orders = [
+      { title: "Id", value: "Id" },
+      { title: "Name", value: "DisplayName" },
+      { title: "Created Date", value: "CreatedDateTime" },
+    ];
+    $scope.request.orderBy = "CreatedDateTime";
+    $scope.request.columns = "id,displayName,systemName,type,createdDatetime";
+    $scope.request.searchColumns = "displayName,systemName";
+    $scope.saveDatabase = function () {
+      $scope.save($scope.viewmodel);
+    };
+    $scope.generateName = function () {
+      $scope.viewmodel.systemName = $rootScope.generateKeyword(
+        $scope.viewmodel.displayName,
+        "_",
+        true,
+        true
+      );
+    };
+    $scope.getSingleSuccessCallback = async function () {};
+  },
+]);
diff --git a/src/app/app-portal/pages/mixdb-context/_service.js b/src/app/app-portal/pages/mixdb-context/_service.js
new file mode 100644
index 00000000..de1a7cc6
--- /dev/null
+++ b/src/app/app-portal/pages/mixdb-context/_service.js
@@ -0,0 +1,19 @@
+"use strict";
+app.factory("RestMixDatabaseContextService", [
+  "BaseRestService",
+  function (baseService) {
+    var serviceFactory = Object.create(baseService);
+    serviceFactory.init("mixdb-context");
+
+    var _getByName = async function (name) {
+      var url = `${this.prefixUrl}/get-by-name/${name}`;
+      var req = {
+        method: "GET",
+        url: url,
+      };
+      return await this.getRestApiResult(req);
+    };
+    serviceFactory.getByName = _getByName;
+    return serviceFactory;
+  },
+]);
diff --git a/src/app/app-portal/pages/mixdb-context/details.html b/src/app/app-portal/pages/mixdb-context/details.html
new file mode 100644
index 00000000..ae5580c1
--- /dev/null
+++ b/src/app/app-portal/pages/mixdb-context/details.html
@@ -0,0 +1,165 @@
+<div class="page-wrapper d-flex flex-column pt-4 w-100">
+  <div class="container-xl">
+    <div class="page-header d-print-none">
+      <div class="row align-items-center">
+        <div class="col">
+          <div class="page-pretitle">Create / Updating</div>
+          <h3 class="page-title">MixDb Context</h3>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="page-body d-flex flex-row-reverse">
+    <aside class="bd-sidebar sub-sidebar">
+      <nav class="bd-links p-3" aria-label="Sub-section navigation">
+        <div class="card">
+          <div class="card-body">
+            <div class="btn-toolbar d-flex mb-3" role="group" aria-label="">
+              <div class="btn-group me-2">
+                <a href="/admin/mixdb-context/list" class="btn btn-light me-1">
+                  <i class="fa fa-chevron-left"></i>
+                </a>
+              </div>
+              <div class="btn-group flex-fill me-3">
+                <button
+                  id="btnToSubmit"
+                  type="button"
+                  ng-click="saveDatabase()"
+                  class="btn btn-primary ms-auto"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    class="icon icon-tabler icon-tabler-device-floppy"
+                    width="24"
+                    height="24"
+                    viewBox="0 0 24 24"
+                    stroke-width="1.5"
+                    stroke="currentColor"
+                    fill="none"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  >
+                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+                    <path
+                      d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2"
+                    />
+                    <circle cx="12" cy="14" r="2" />
+                    <polyline points="14 4 14 8 8 8 8 4" />
+                  </svg>
+                  <span>Save</span>
+                </button>
+              </div>
+            </div>
+            <label class="form-label">Publish status</label>
+            <statuses status="viewviewmodel.status"></statuses>
+          </div>
+        </div>
+      </nav>
+    </aside>
+
+    <!-- ----------------------------------------------------------- -->
+    <div class="content-body py-3 pe-3">
+      <section class="" ng-init="getSingle()">
+        <form ng-class="{'submitted': submitted}" ng-submit="saveDatabase()">
+          <nav class="mb-3">
+            <div class="nav nav-tabs" id="nav-tab" role="tablist">
+              <a
+                class="nav-link active"
+                id="nav-home-tab"
+                data-bs-toggle="tab"
+                href="#nav-home"
+                role="tab"
+                aria-controls="nav-home"
+                aria-selected="true"
+                >Design database</a
+              >
+            </div>
+          </nav>
+          <div class="tab-content" id="nav-tabContent">
+            <div
+              class="tab-pane fade show active"
+              id="nav-home"
+              role="tabpanel"
+              aria-labelledby="nav-home-tab"
+            >
+              <div class="row mb-3">
+                <div class="col">
+                  <label class="form-label">Title</label>
+                  <input
+                    type="text"
+                    class="form-control"
+                    ng-model="viewmodel.displayName"
+                    ng-blur="gennerateName()"
+                  />
+                </div>
+              </div>
+              <div class="row mb-3">
+                <div class="col">
+                  <label class="form-label">System name</label>
+                  <div class="input-group">
+                    <input
+                      type="text"
+                      class="form-control"
+                      ng-model="viewmodel.systemName"
+                    />
+                    <button
+                      class="btn btn-outline-primary"
+                      type="button"
+                      ng-click="generateName()"
+                    >
+                      <span class="fa fa-redo"></span>
+                    </button>
+                  </div>
+                </div>
+              </div>
+              <div class="row mb-3">
+                <div class="col">
+                  <label class="form-label">Schema</label>
+                  <div class="input-group">
+                    <input
+                      type="text"
+                      class="form-control"
+                      ng-model="viewmodel.schema"
+                    />
+                  </div>
+                </div>
+              </div>
+              <div class="row mb-3">
+                <div class="col">
+                  <label class="form-label">Database Provider</label>
+                  <div class="input-group">
+                    <select
+                      class="form-select"
+                      ng-model="viewmodel.databaseProvider"
+                    >
+                      <option selected value="">All status</option>
+                      <option
+                        ng-repeat="item in databaseProvider track by $index"
+                        value="{{item}}"
+                      >
+                        {{item}}
+                      </option>
+                    </select>
+                  </div>
+                </div>
+              </div>
+              <div class="row mb-3">
+                <div class="col">
+                  <label class="form-label">Connection String</label>
+                  <div class="input-group">
+                    <input
+                      type="text"
+                      class="form-control"
+                      ng-model="viewmodel.connectionString"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </form>
+      </section>
+    </div>
+  </div>
+</div>
diff --git a/src/app/app-portal/pages/mixdb-context/list.html b/src/app/app-portal/pages/mixdb-context/list.html
new file mode 100644
index 00000000..325c4f6b
--- /dev/null
+++ b/src/app/app-portal/pages/mixdb-context/list.html
@@ -0,0 +1,250 @@
+<div class="page-wrapper d-flex flex-column pt-4">
+  <div class="container-xl">
+    <div class="page-header d-print-none">
+      <div class="row align-items-center">
+        <div class="col">
+          <div class="page-pretitle">Listing</div>
+          <h3 class="page-title">All Databases</h3>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="page-body d-flex flex-row-reverse">
+    <aside class="bd-sidebar sub-sidebar">
+      <nav class="bd-links p-3" aria-label="Sub-section navigation">
+        <div class="card card-body">
+          <div
+            class="btn-group w-100 mb-3"
+            role="group"
+            aria-label="Basic example"
+          >
+            <a
+              href="/admin/mixdb-context/create"
+              class="btn btn-primary text-white m-0"
+            >
+              <i class="fas fa-plus"></i> Create Database
+            </a>
+          </div>
+          <filter-list
+            request="request"
+            orders="orders"
+            callback="getList(pageIndex)"
+          ></filter-list>
+          <div class="input-group mt-3">
+            <label class="input-group-text" for="inputGroupSelect01"
+              >Bulk</label
+            >
+
+            <select class="form-select" ng-model="selectedList.action">
+              <option selected>-- select --</option>
+              <option ng-repeat="item in actions" ng-value="item">
+                {{item}}
+              </option>
+            </select>
+            <a
+              class="btn btn-sm btn-primary"
+              ng-if="selectedList.data.length > 0 && selectedList.action"
+              ng-click="applyList()"
+              >Apply</a
+            >
+          </div>
+        </div>
+      </nav>
+    </aside>
+    <div class="content-body py-3 pe-3">
+      <div class="card mb-5">
+        <div class="card-body">
+          <table class="table table-hover" cellspacing="0" ng-init="getList()">
+            <thead class="thead-light">
+              <tr>
+                <!-- <th class="col" style="width: 3%;">
+                                </th> -->
+                <th class="col">
+                  <input
+                    type="checkbox"
+                    ng-model="selectedList.isSelectAll"
+                    ng-change="selectAll(selectedList.isSelectAll)"
+                  />
+                </th>
+                <th class="col">Database</th>
+                <th class="col">Name</th>
+                <th class="col">Type</th>
+                <th class="col">Author</th>
+                <th class="col"></th>
+                <th class="col"></th>
+                <th class="col"></th>
+              </tr>
+            </thead>
+
+            <tbody class="sortable">
+              <tr
+                ng-repeat="item in data.items track by $index"
+                class="sortable-item"
+                sort-model="mixdb-context"
+                sort-model-id="{{item.id}}"
+              >
+                <!-- <td style="cursor:move;" class="drag-header">
+                                    <small class="fa fa-grip-vertical fa-xs text-black-50 align-middle"></small>
+                                </td> -->
+                <td>
+                  <div class="form-check">
+                    <input
+                      type="checkbox"
+                      ng-model="item.isSelected"
+                      ng-change="select(item.id, item.isSelected)"
+                      class="form-check-input"
+                    />
+                  </div>
+                </td>
+                <td>
+                  <a
+                    href="/admin/mixdb-context/details/{{item.id}}"
+                    title="Config database"
+                    class="btn-link"
+                  >
+                    {{item.displayName}}
+                  </a>
+                </td>
+                <td>
+                  <small class="text-black-50">{{item.systemName}}</small>
+                </td>
+                <td>
+                  <small class="text-black-50">{{item.type}}</small>
+                </td>
+                <td>
+                  <small class="text-black-50"> {{item.createdBy}} </small>
+                </td>
+                <td class="text-black-50">
+                  <small>
+                    <i
+                      class="far fa-clock"
+                      title="Created at {{item.createdDateTime | utcToLocal:'d.M.yyyy h:mm a'}}"
+                    ></i>
+                  </small>
+                </td>
+                <td class="text-black-50">
+                  <small ng-if="item.status == 'Published'">🟢</small>
+                  <small ng-if="item.status == 'Schedule'">🟡</small>
+                  <small ng-if="item.status == 'Draft'">🔴</small>
+                  <small ng-if="item.status == 'Deleted'">⚫️</small>
+                </td>
+                <td>
+                  <!-- <div class="btn-group btn-group-sm btn-group-sm float-end" role="group"
+                                        aria-label="Actions">
+                                        <a href="/admin/mixdb-context-data/create?mixDatabaseId={{item.id}}&mixDatabaseName={{item.name}}&mixDatabaseTitle={{item.title}}&dataContentId=default"
+                                            title="Add Data" class="dropdown-item border-radius-md">
+                                            <span class="fas fa-plus"></span>
+                                        </a>
+                                        <a href="/admin/mixdb-context-data/list?mixDatabaseId={{item.id}}&mixDatabaseName={{item.name}}&mixDatabaseTitle={{item.title}}"
+                                            title="List Data" class="dropdown-item border-radius-md">
+                                            <span class="fas fa-database"></span>
+                                        </a>
+                                        <a href="/admin/mixdb-context/details/{{item.id}}" title="Edit table"
+                                            class="dropdown-item border-radius-md">
+                                            <span class="fas fa-tools"></span>
+                                        </a>
+                                        <a ng-click="remove(item.id);" class="btn btn-link text-danger">
+                                            <span class="fas fa-trash-alt"></span>
+                                        </a>
+                                    </div> -->
+                  <div class="dropdown float-lg-end ms-auto pe-1">
+                    <a
+                      href="javascript:;"
+                      class="cursor-pointer"
+                      id="dropdownTable2"
+                      data-bs-toggle="dropdown"
+                      aria-expanded="false"
+                    >
+                      <i
+                        class="fa fa-ellipsis-h text-secondary"
+                        aria-hidden="true"
+                      ></i>
+                    </a>
+                    <ul
+                      class="dropdown-menu px-2 py-3 ms-sm-n4 ms-n5"
+                      aria-labelledby="dropdownTable2"
+                      style=""
+                    >
+                      <li>
+                        <a
+                          href="/admin/mixdb-context-data/create?mixDatabaseId={{item.id}}&mixDatabaseName={{item.systemName}}&mixDatabaseTitle={{item.displayName}}&dataContentId=default"
+                          title="Add new data item"
+                          class="dropdown-item border-radius-md"
+                        >
+                          <span class="fas fa-plus"></span> Add new data item
+                        </a>
+                      </li>
+                      <li>
+                        <a
+                          href="/admin/mixdb-context-data/list?mixDatabaseId={{item.id}}&mixDatabaseName={{item.systemName}}&mixDatabaseTitle={{item.displayName}}"
+                          title="Data list"
+                          class="dropdown-item border-radius-md"
+                        >
+                          <span class="fas fa-database"></span> Data list
+                        </a>
+                      </li>
+                      <li>
+                        <a
+                          href="/admin/mixdb-context/details/{{item.id}}"
+                          title="Config database"
+                          class="dropdown-item border-radius-md"
+                        >
+                          <span class="fas fa-tools"></span> Config database
+                        </a>
+                      </li>
+                      <li>
+                        <a
+                          ng-click="duplicate(item.id);"
+                          class="dropdown-item border-radius-md btn"
+                        >
+                          <span class="fas fa-clone"></span> Duplicate
+                        </a>
+                      </li>
+                      <li>
+                        <a
+                          ng-click="remove(item.id);"
+                          class="dropdown-item border-radius-md btn btn-link text-danger"
+                        >
+                          <span class="fas fa-trash-alt"></span> Delete database
+                        </a>
+                      </li>
+                    </ul>
+                  </div>
+                  <div class="btn-group float-lg-end me-3">
+                    <a
+                      href="/admin/mixdb-context-data/create?mixDatabaseId={{item.id}}&mixDatabaseName={{item.systemName}}&mixDatabaseTitle={{item.displayName}}&dataContentId=default"
+                      title="Add new data item"
+                      class="btn btn-sm btn-light"
+                    >
+                      <span class="fas fa-plus"></span>
+                    </a>
+                    <a
+                      href="/admin/mixdb-context-data/list?mixDatabaseId={{item.id}}&mixDatabaseName={{item.systemName}}&mixDatabaseTitle={{item.displayName}}"
+                      title="Data list"
+                      class="btn btn-sm btn-light"
+                    >
+                      <span class="fas fa-database"></span>
+                    </a>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div class="card-body">
+          <paging
+            class="small"
+            page="data.pagingData.page"
+            page-size="data.pagingData.pageSize"
+            total="data.pagingData.total"
+            ul-class="pagination justify-content-end m-0"
+            a-class="page-link"
+            paging-action="getList(page-1)"
+            scroll-top="true"
+          >
+          </paging>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>