+
{{ notice.site }}
-
+
{{ notice.title }}
-
-
+
+
{{ notice.writer }}
-
-
-
+
+
{{ notice.writeDate }}
-
-
+
+
{{ notice.views }}
-
-
-
+
+
{{ notice.state }}
+
+
-
-
-
- There are no notices!
+ There are no data!
diff --git a/src/app/modules/admin/board/notice/components/list.component.ts b/src/app/modules/admin/board/notice/components/list.component.ts
index 812f993..b32b8fd 100644
--- a/src/app/modules/admin/board/notice/components/list.component.ts
+++ b/src/app/modules/admin/board/notice/components/list.component.ts
@@ -42,18 +42,18 @@ import { Router } from '@angular/router';
/* language=SCSS */
`
.inventory-grid {
- grid-template-columns: 60px auto 40px;
+ grid-template-columns: 40px 40px 40px auto 200px 200px;
@screen sm {
- grid-template-columns: 60px 60px 60px 60px 60px 60px auto 60px;
+ grid-template-columns: 40px 40px 40px auto 200px 200px;
}
@screen md {
- grid-template-columns: 60px 60px 60px 60px 60px 60px auto 60px 60px;
+ grid-template-columns: 40px 40px 40px auto 300px 200px;
}
@screen lg {
- grid-template-columns: 60px 70px 70px 70px 70px 100px 60px 60px auto 60px 60px 60px 60px;
+ grid-template-columns: 40px 40px 40px auto 300px 200px;
}
}
`,
@@ -67,13 +67,14 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
@ViewChild(MatSort) private _sort!: MatSort;
notices$!: Observable
;
- users$!: Observable;
isLoading = false;
searchInputControl = new FormControl();
selectedNotice?: Notice;
pagination?: NoticePagination;
+ __isSearchOpened = false;
+
private _unsubscribeAll: Subject = new Subject();
/**
@@ -113,45 +114,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
/**
* After view init
*/
- ngAfterViewInit(): void {
- if (this._sort && this._paginator) {
- // Set the initial sort
- this._sort.sort({
- id: 'name',
- start: 'asc',
- disableClear: true,
- });
-
- // Mark for check
- this._changeDetectorRef.markForCheck();
-
- // If the notice changes the sort order...
- this._sort.sortChange
- .pipe(takeUntil(this._unsubscribeAll))
- .subscribe(() => {
- // Reset back to the first page
- this._paginator.pageIndex = 0;
- });
-
- // Get products if sort or page changes
- merge(this._sort.sortChange, this._paginator.page)
- .pipe(
- switchMap(() => {
- this.isLoading = true;
- return this._noticeService.getNotices(
- this._paginator.pageIndex,
- this._paginator.pageSize,
- this._sort.active,
- this._sort.direction
- );
- }),
- map(() => {
- this.isLoading = false;
- })
- )
- .subscribe();
- }
- }
+ ngAfterViewInit(): void {}
/**
* On destroy
@@ -166,14 +129,19 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
// @ Public methods
// -----------------------------------------------------------------------------------------------------
- viewUserDetail(id: string): void {
- let url: string = 'member/user/' + id;
- this.router.navigateByUrl(url);
- }
// -----------------------------------------------------------------------------------------------------
// @ Private methods
// -----------------------------------------------------------------------------------------------------
+ __onClickReditBtn(event: MouseEvent, id: string): void {
+ const param = id === '0' ? '' : id;
+ let url: string = 'board/notice/redit/' + param;
+ this.router.navigateByUrl(url);
+ }
+ __onClickSearch(): void {
+ this.__isSearchOpened = !this.__isSearchOpened;
+ }
+
/**
* Create product
*/
diff --git a/src/app/modules/admin/board/notice/components/redit.component.html b/src/app/modules/admin/board/notice/components/redit.component.html
new file mode 100644
index 0000000..7b7431b
--- /dev/null
+++ b/src/app/modules/admin/board/notice/components/redit.component.html
@@ -0,0 +1,123 @@
+
+
+
+
+
+
+
+ 공지사항 {{ !notice ? "등록" : "수정" }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+