summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app
diff options
context:
space:
mode:
Diffstat (limited to 'usecaseui-portal/src/app')
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.html6
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.less13
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/input-business-order/input-business-order.component.ts4
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 {