panqihua
4 years ago
parent
93c75399a4
commit
f5530d4259
@ -0,0 +1,39 @@ |
|||||||
|
<!--设置高度，添加bootstrap样式类d-flex align-items-center 使表单垂直居中，justify-content-center水平居中--> |
||||||
|
<div [style]="height" class="d-flex align-items-center justify-content-center"> |
||||||
|
<form [formGroup]="noticeForm" class="col-6"> |
||||||
|
<!-- 公告标题--> |
||||||
|
<div class="input-group mb-3 mx-auto col-7"> |
||||||
|
<div class="input-group-prepend"> |
||||||
|
<span class="input-group-text">{{ 'forum.notice_title' | translate }}</span> |
||||||
|
</div> |
||||||
|
<input type="text" class="form-control text-center" [class.is-invalid]="getValue('title').invalid" |
||||||
|
[placeholder]="'tip.input' | translate:{value:'forum.notice_title'|translate}" |
||||||
|
formControlName="title"/> |
||||||
|
<div class="invalid-feedback font-weight-bold text-center"> |
||||||
|
{{'tip.notnull' | translate:{value: 'forum.notice_title'|translate} }} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<!-- 公告内容--> |
||||||
|
<div class="input-group mb-3 mx-auto col-7"> |
||||||
|
<div class="input-group-prepend"> |
||||||
|
<span class="input-group-text">{{ 'forum.notice_title' | translate }}</span> |
||||||
|
</div> |
||||||
|
<textarea class="form-control" [class.is-invalid]="getValue('content').invalid" |
||||||
|
[placeholder]="'tip.input' | translate:{value:'forum.notice_content'|translate}" |
||||||
|
formControlName="content"></textarea> |
||||||
|
<div class="invalid-feedback font-weight-bold text-center"> |
||||||
|
{{'tip.notnull' | translate:{value: 'forum.notice_content'|translate} }} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="col-7 mx-auto text-center mb-3"> |
||||||
|
<!-- 提交按钮--> |
||||||
|
<button type="button" (click)="addNotice()" [disabled]="form().invalid" |
||||||
|
class="btn btn-primary btn-lg">{{ 'button.notice' | translate }}</button> |
||||||
|
<!-- 返回论坛主界面--> |
||||||
|
<button type="button" [routerLink]="['/forum']" |
||||||
|
class="btn btn-info btn-lg ml-3">{{ 'button.back' | translate }}</button> |
||||||
|
</div> |
||||||
|
</form> |
||||||
|
</div> |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
import {async, ComponentFixture, TestBed} from '@angular/core/testing'; |
||||||
|
|
||||||
|
import {NoticeComponent} from './notice.component'; |
||||||
|
|
||||||
|
describe('NoticeComponent', () => { |
||||||
|
let component: NoticeComponent; |
||||||
|
let fixture: ComponentFixture<NoticeComponent>; |
||||||
|
|
||||||
|
beforeEach(async(() => { |
||||||
|
TestBed.configureTestingModule({ |
||||||
|
declarations: [NoticeComponent] |
||||||
|
}) |
||||||
|
.compileComponents(); |
||||||
|
})); |
||||||
|
|
||||||
|
beforeEach(() => { |
||||||
|
fixture = TestBed.createComponent(NoticeComponent); |
||||||
|
component = fixture.componentInstance; |
||||||
|
fixture.detectChanges(); |
||||||
|
}); |
||||||
|
|
||||||
|
it('should create', () => { |
||||||
|
expect(component).toBeTruthy(); |
||||||
|
}); |
||||||
|
}); |
||||||
@ -0,0 +1,67 @@ |
|||||||
|
import {Component, OnInit} from '@angular/core'; |
||||||
|
import {Commons} from '../../commons'; |
||||||
|
import {FormBuilder, FormGroup, Validators} from '@angular/forms'; |
||||||
|
import {NoticeService} from './notice.service'; |
||||||
|
import {Result} from '../../interface/Result'; |
||||||
|
import {MessageInterface, MessageUtil} from '../../message/message.service'; |
||||||
|
import {CookieService} from 'ngx-cookie-service'; |
||||||
|
import {environment} from '../../../environments/environment'; |
||||||
|
|
||||||
|
@Component({ |
||||||
|
selector: 'app-notice', |
||||||
|
templateUrl: './notice.component.html', |
||||||
|
styleUrls: ['./notice.component.scss'] |
||||||
|
}) |
||||||
|
export class NoticeComponent extends Commons implements OnInit, MessageInterface { |
||||||
|
|
||||||
|
// 公告表单
|
||||||
|
noticeForm = this.fb.group({ |
||||||
|
// 公告标题
|
||||||
|
title: this.fb.control('', [Validators.required]), |
||||||
|
// 公告内容
|
||||||
|
content: this.fb.control('', [Validators.required]) |
||||||
|
}); |
||||||
|
|
||||||
|
managerName = ''; |
||||||
|
|
||||||
|
constructor( |
||||||
|
private fb: FormBuilder, |
||||||
|
private noticeService: NoticeService, |
||||||
|
private messageUtil: MessageUtil, |
||||||
|
private cookieService: CookieService |
||||||
|
) { |
||||||
|
super(); |
||||||
|
} |
||||||
|
|
||||||
|
// 添加公告
|
||||||
|
addNotice() { |
||||||
|
this.noticeService.addNotice(Object.assign( |
||||||
|
this.noticeForm.value, {author: this.cookieService.get(environment.managerKey)} |
||||||
|
)).subscribe(res => { |
||||||
|
if (res.result === Result.OK) { |
||||||
|
location.href = '/forum'; |
||||||
|
} else { |
||||||
|
this.messageUtil.danger(res.message); |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
ngOnInit(): void { |
||||||
|
this.validForm = {}; |
||||||
|
for (const key of Object.keys(this.noticeForm.value)) { |
||||||
|
this.validForm[key] = { |
||||||
|
flag: false |
||||||
|
}; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
form(): FormGroup { |
||||||
|
return this.noticeForm; |
||||||
|
} |
||||||
|
|
||||||
|
prefix(key: string): string { |
||||||
|
return 'server.forum.notice.'; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
import {TestBed} from '@angular/core/testing'; |
||||||
|
|
||||||
|
import {NoticeService} from './notice.service'; |
||||||
|
|
||||||
|
describe('NoticeService', () => { |
||||||
|
let service: NoticeService; |
||||||
|
|
||||||
|
beforeEach(() => { |
||||||
|
TestBed.configureTestingModule({}); |
||||||
|
service = TestBed.inject(NoticeService); |
||||||
|
}); |
||||||
|
|
||||||
|
it('should be created', () => { |
||||||
|
expect(service).toBeTruthy(); |
||||||
|
}); |
||||||
|
}); |
||||||
@ -0,0 +1,53 @@ |
|||||||
|
import {Injectable} from '@angular/core'; |
||||||
|
import {JSONRequest} from '../../interface/JSONRequest'; |
||||||
|
import {HttpClient} from '@angular/common/http'; |
||||||
|
import {Observable} from 'rxjs'; |
||||||
|
import {ForumNoticeResponse} from '../../interface/Response'; |
||||||
|
import {HttpInterface} from '../../interface/HttpInterface'; |
||||||
|
import {catchError} from 'rxjs/operators'; |
||||||
|
|
||||||
|
@Injectable({ |
||||||
|
providedIn: 'root' |
||||||
|
}) |
||||||
|
/** |
||||||
|
* 公告服务 |
||||||
|
*/ |
||||||
|
export class NoticeService extends JSONRequest { |
||||||
|
|
||||||
|
constructor( |
||||||
|
private http: HttpClient |
||||||
|
) { |
||||||
|
super(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取公告信息 |
||||||
|
*/ |
||||||
|
getAllNotices(): Observable<ForumNoticeResponse> { |
||||||
|
return this.http.get<ForumNoticeResponse>(HttpInterface.getAllNotices, this.httpOptions) |
||||||
|
.pipe( |
||||||
|
catchError(this.handleError<any>('获取公告信息')) |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 添加公告 |
||||||
|
*/ |
||||||
|
addNotice(body): Observable<ForumNoticeResponse> { |
||||||
|
return this.http.post<ForumNoticeResponse>(HttpInterface.addNotice, body, this.httpOptions) |
||||||
|
.pipe( |
||||||
|
catchError(this.handleError<any>('添加公告')) |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 删除公告 |
||||||
|
*/ |
||||||
|
deleteNotice(body): Observable<ForumNoticeResponse> { |
||||||
|
return this.http.post<ForumNoticeResponse>(HttpInterface.deleteNotice, body, this.httpOptions) |
||||||
|
.pipe( |
||||||
|
catchError(this.handleError<any>('添加公告')) |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
@ -1,10 +1,12 @@ |
|||||||
export interface Notice { |
export interface Notice { |
||||||
|
// 公告id
|
||||||
|
id: number; |
||||||
// 公告人
|
// 公告人
|
||||||
managerName: string; |
author: string; |
||||||
// 公告内容
|
// 公告内容
|
||||||
content: string; |
content: string; |
||||||
// 公告标题
|
// 公告标题
|
||||||
title: string; |
title: string; |
||||||
// 公告时间
|
// 公告时间
|
||||||
createTime: number; |
time: number; |
||||||
} |
} |
||||||
|
|||||||
Loading…
Reference in new issue