@simplysm/sd-cli 14.0.95 → 14.0.97

package/src/commands/init/templates/client/src/app/home/master/role-permission/role.detail.ts.hbs

@@ -0,0 +1,277 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  effect,
+  inject,
+  input,
+  output,
+  signal,
+  untracked,
+  ViewEncapsulation,
+} from "@angular/core";
+import { obj } from "@simplysm/core-common";
+import {
+  injectPermsSignal,
+  injectViewTypeSignal,
+  mark,
+  SdButton,
+  SdCrudDetail,
+  type SdModalContentDef,
+  SdTextfield,
+  SdToastProvider,
+  setupCanDeactivate,
+} from "@simplysm/angular";
+import { expr } from "@simplysm/orm-common";
+import {
+  AppAuthProvider,
+  AppOrmProvider,
+  AppSharedDataProvider,
+} from "@{{workspaceName}}/client-common";
+
+@Component({
+  selector: "app-role-detail",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  encapsulation: ViewEncapsulation.None,
+  standalone: true,
+  imports: [SdCrudDetail, SdTextfield, SdButton],
+  template: `
+    <sd-crud-detail
+      [(ready)]="ready"
+      [initialized]="initialized()"
+      [(busyCount)]="busyCount"
+      [viewType]="viewType()"
+      [restricted]="!perms().includes('use')"
+      [readonly]="!perms().includes('edit')"
+      (submit)="onSubmit()"
+    >
+      @if (roleId() != null && perms().includes("edit")) {
+        <ng-template #bottomCommandTpl>
+          <div class="flex-row gap-sm">
+            @if (data().isDeleted) {
+              <sd-button [size]="'sm'" [theme]="'warning'" (click)="onRestore()">복구</sd-button>
+            } @else {
+              <sd-button [size]="'sm'" [theme]="'danger'" (click)="onDelete()">삭제</sd-button>
+            }
+          </div>
+        </ng-template>
+      }
+
+      <ng-template #contentTpl>
+        <div class="p-default">
+          <table class="form-table">
+            <tbody>
+              <tr>
+                <th>이름</th>
+                <td>
+                  <sd-textfield
+                    [type]="'text'"
+                    [(value)]="data().name"
+                    (valueChange)="mark(data)"
+                    [required]="true"
+                    [disabled]="!perms().includes('edit')"
+                  />
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </ng-template>
+    </sd-crud-detail>
+  `,
+})
+export class RoleDetail implements SdModalContentDef<{ id: number } | undefined> {
+  private readonly _sdToast = inject(SdToastProvider);
+  private readonly _appOrm = inject(AppOrmProvider);
+  private readonly _appSharedData = inject(AppSharedDataProvider);
+  private readonly _appAuth = inject(AppAuthProvider);
+
+  roleId = input<number>();
+  close = output<{ id: number } | undefined>();
+
+  perms = injectPermsSignal(["master.role-permission"], ["use", "edit"]);
+  viewType = injectViewTypeSignal();
+
+  ready = signal(false);
+  initialized = signal(false);
+  busyCount = signal(0);
+
+  data = signal<IData>({});
+  private _orgData?: IData;
+
+  constructor() {
+    effect(() => {
+      this.roleId();
+
+      if (!this.perms().includes("use") || !this.ready()) {
+        this.initialized.set(true);
+        return;
+      }
+
+      void untracked(async () => {
+        this.busyCount.update((v) => v + 1);
+        await this._sdToast.try(async () => {
+          await this._refresh();
+        });
+        this.busyCount.update((v) => v - 1);
+        this.initialized.set(true);
+      });
+    });
+
+    setupCanDeactivate(() => this._checkIgnoreChanges());
+  }
+
+  async onSubmit(): Promise<void> {
+    if (this.busyCount() > 0) return;
+    if (!this.perms().includes("edit")) return;
+
+    const data = this.data();
+    if (this._orgData != null && obj.equal(data, this._orgData)) {
+      this._sdToast.info("변경사항이 없습니다.");
+      return;
+    }
+
+    this.busyCount.update((v) => v + 1);
+    await this._sdToast.try(async () => {
+      const roleId = this.roleId();
+      const {{userEntityCamel}}Id = this._appAuth.authInfo()?.{{userEntityCamel}}Id;
+
+      const savedId = await this._appOrm.connectAsync(async (db) => {
+        // 이름 중복 검증 (자기 자신 제외)
+        const isDuplicated = await db
+          .role()
+          .where((c) => [
+            expr.eq(c.name, data.name),
+            expr.eq(c.isDeleted, false),
+            ...(roleId == null ? [] : [expr.not(expr.eq(c.id, roleId))]),
+          ])
+          .exists();
+        if (isDuplicated) {
+          throw new Error("이미 존재하는 역할 이름입니다.");
+        }
+
+        if (roleId == null) {
+          const [inserted] = await db
+            .role()
+            .insert([{ name: data.name, isDeleted: false }], ["id"]);
+          await db.role().insertDataLog({ action: "등록", itemId: inserted.id, {{userEntityCamel}}Id });
+          return inserted.id;
+        }
+        await db
+          .role()
+          .where((c) => [expr.eq(c.id, roleId)])
+          .update(() => ({ name: data.name }));
+        await db.role().insertDataLog({ action: "수정", itemId: roleId, {{userEntityCamel}}Id });
+        return roleId;
+      });
+
+      await this._appSharedData.emitAsync("역할", [savedId]);
+      this._sdToast.success("저장되었습니다.");
+      this.close.emit({ id: savedId });
+    });
+    this.busyCount.update((v) => v - 1);
+  }
+
+  async onDelete(): Promise<void> {
+    if (this.busyCount() > 0) return;
+    if (!this.perms().includes("edit")) return;
+
+    const roleId = this.roleId();
+    if (roleId == null) return;
+
+    if (!confirm("삭제하시겠습니까?")) return;
+
+    this.busyCount.update((v) => v + 1);
+    await this._sdToast.try(async () => {
+      const {{userEntityCamel}}Id = this._appAuth.authInfo()?.{{userEntityCamel}}Id;
+      await this._appOrm.connectAsync(async (db) => {
+        await db
+          .role()
+          .where((c) => [expr.eq(c.id, roleId)])
+          .update(() => ({ isDeleted: true }));
+        await db.role().insertDataLog({ action: "삭제", itemId: roleId, {{userEntityCamel}}Id });
+      });
+
+      await this._appSharedData.emitAsync("역할", [roleId]);
+      this._sdToast.success("삭제되었습니다.");
+      this.close.emit({ id: roleId });
+    });
+    this.busyCount.update((v) => v - 1);
+  }
+
+  async onRestore(): Promise<void> {
+    if (this.busyCount() > 0) return;
+    if (!this.perms().includes("edit")) return;
+
+    const roleId = this.roleId();
+    if (roleId == null) return;
+
+    const roleName = this.data().name;
+
+    this.busyCount.update((v) => v + 1);
+    await this._sdToast.try(async () => {
+      const {{userEntityCamel}}Id = this._appAuth.authInfo()?.{{userEntityCamel}}Id;
+      await this._appOrm.connectAsync(async (db) => {
+        // 복구 전 이름 비삭제 유니크 재검증 (삭제된 동안 같은 이름의 활성 역할이 생겼을 수 있음).
+        const isNameDuplicated = await db
+          .role()
+          .where((c) => [
+            expr.eq(c.name, roleName),
+            expr.eq(c.isDeleted, false),
+            expr.not(expr.eq(c.id, roleId)),
+          ])
+          .exists();
+        if (isNameDuplicated) {
+          throw new Error("같은 이름의 활성 역할이 있어 복구할 수 없습니다.");
+        }
+
+        await db
+          .role()
+          .where((c) => [expr.eq(c.id, roleId)])
+          .update(() => ({ isDeleted: false }));
+        await db.role().insertDataLog({ action: "복구", itemId: roleId, {{userEntityCamel}}Id });
+      });
+
+      await this._appSharedData.emitAsync("역할", [roleId]);
+      this._sdToast.success("복구되었습니다.");
+      await this._refresh();
+    });
+    this.busyCount.update((v) => v - 1);
+  }
+
+  private async _refresh(): Promise<void> {
+    const roleId = this.roleId();
+    if (roleId == null) {
+      this.data.set({});
+      this._orgData = obj.clone(this.data());
+      return;
+    }
+
+    const loaded = await this._appOrm.connectAsync(async (db) => {
+      return db
+        .role()
+        .where((c) => [expr.eq(c.id, roleId)])
+        .select((c) => ({ name: c.name, isDeleted: c.isDeleted }))
+        .single();
+    });
+
+    if (loaded == null) throw new Error("역할을 찾을 수 없습니다.");
+
+    this.data.set({ name: loaded.name, isDeleted: loaded.isDeleted });
+    this._orgData = obj.clone(this.data());
+  }
+
+  private _checkIgnoreChanges(): boolean {
+    return (
+      this._orgData == null ||
+      obj.equal(this.data(), this._orgData) ||
+      confirm("변경사항이 있습니다. 무시하고 진행하시겠습니까?")
+    );
+  }
+
+  protected readonly mark = mark;
+}
+
+interface IData {
+  name?: string;
+  isDeleted?: boolean;
+}