diff options
3 files changed, 14 insertions, 9 deletions
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.html b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.html index a448f3e0..586aa6fb 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.html @@ -22,14 +22,14 @@ </form> <div *ngIf='radioValue === "audio"' class="audio_class"> <div class="recode_class"> - <span>Sound Recording: </span> + <span>Sound Recording : </span> <i *ngIf='!isPlay' class="anticon anticon-play-circle-o audioBtn" (click)="startAudio()"></i> <i *ngIf='isPlay' class="anticon anticon-pause-circle-o audioBtn" (click)="stopAudio()"></i> </div> <div class="play_class"> - <span>Audition: </span> - <button (click)="playAudio()">Click To Play</button> + <span>Audition : </span> + <button nz-button nzType="default" [disabled]='isDisable' (click)="playAudio()">Click To Play</button> <audio class="audio-node" id="audio_id" autoplay></audio> </div> </div> diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.less b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.less index 025518f4..50d3af28 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.less +++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.less @@ -19,21 +19,24 @@ margin-top: 30px; position: relative; span{ - font-size: 26px; + font-size: 17px; } .audioBtn{ - font-size: 27px; + font-size: 20px; position: absolute; - top: 10px; - left: 217px; + top: 5px; + left: 142px; } .anticon-pause-circle-o{ color: red; } } .play_class{ - font-size: 26px; + font-size: 17px; margin-top: 20px; + button { + margin-left: 2px; + } } } } diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.ts index 15e8b1b3..94bccfe5 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.ts +++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.ts @@ -27,7 +27,7 @@ export class InputBusinessOrderComponent implements OnInit { radioValue: String = 'text'; isPlay: boolean = false; clickRepeat: boolean = false; - + isDisable: boolean = true; ngOnInit() { this.validateRulesShow = []; this.rulesText = []; @@ -94,10 +94,12 @@ export class InputBusinessOrderComponent implements OnInit { } startAudio(): void { this.isPlay = true; + this.isDisable = true; this.Recorder.beforeStartRecord(); } stopAudio(): void { this.isPlay = false; + this.isDisable = false; this.Recorder.stopRecord(); } playAudio(): void { |