You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.9 KiB
39 lines
1.9 KiB
<!--设置高度，添加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-10">
|
|
<!-- 公告标题-->
|
|
<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_content' | 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>
|
|
|