<div class="model-content"> <div style="position: absolute; left: 200px; top: 100px; width: 300px;"> <input type="text" nz-input [(ngModel)]="item.text" (blur)="save()"> <app-upload-image-with-preview [picUrl]="item.pic_url" (imageUploaded)="onImageUploadSuccess($event, 'pic_url')" ></app-upload-image-with-preview> <app-audio-recorder [audioUrl]="item.audio_url" (audioUploaded)="onAudioUploadSuccess($event, 'audio_url')" ></app-audio-recorder> </div> <div style="position: absolute; left: 1000px; top: 100px; width: 300px;"> <input type="text" nz-input [(ngModel)]="item.text_2" (blur)="save()"> <app-upload-image-with-preview [picUrl]="item.pic_url_2" (imageUploaded)="onImageUploadSuccess($event, 'pic_url_2')" ></app-upload-image-with-preview> <app-audio-recorder [audioUrl]="item.audio_url_2" (audioUploaded)="onAudioUploadSuccess($event, 'audio_url_2')" ></app-audio-recorder> </div> </div> <!--<app-audio-recorder--> <!--[audioUrl]="item.audio_url"--> <!--(audioUploaded)="onAudioUploadSuccess($event)"--> <!--></app-audio-recorder>--> <!--<div *ngFor="let it of picArr; let i = index"--> <!--nz-col nzSpan="8" >--> <!--<div class="item-box">--> <!--<app-upload-image-with-preview--> <!--style="width: 100%"--> <!--[picUrl]="it.pic_url"--> <!--(imageUploaded)="onImageUploadSuccessByItem($event, it)"--> <!--></app-upload-image-with-preview>--> <!--<div style="display: flex; justify-items: center; padding-top: 10px">--> <!--<app-audio-recorder--> <!--[audioUrl]="it.audio_url"--> <!--(audioUploaded)="onAudioUploadSuccessByItem($event, it)">--> <!--</app-audio-recorder>--> <!--<button style="margin-left: 10px;" nz-button nzType="danger" (click)="deleteItem(it)">--> <!--<i nz-icon type="close"></i>--> <!--</button>--> <!--</div>--> <!--</div>--> <!--<!–<h5> id-{{i+1}} </h5>–>--> <!--<!–<div style="display: flex; align-items: center; justify-content: center; padding-bottom: 5px">–>--> <!--<!–<input type="text" nz-input placeholder="" [(ngModel)]="it.text" (blur)="saveItem()">–>--> <!--<!–<button style="margin-left: 10px;" nz-button nzType="danger" (click)="deleteItem(it)">–>--> <!--<!–<i nz-icon type="close"></i>–>--> <!--<!–</button>–>--> <!--<!–</div>–>--> <!--<!–<app-upload-image-with-preview–>--> <!--<!–style="width: 100%"–>--> <!--<!–[picUrl]="it.pic_url"–>--> <!--<!–(imageUploaded)="onImageUploadSuccessByItem($event, it)"–>--> <!--<!–></app-upload-image-with-preview>–>--> <!--<!–<div style="display: flex; align-items: center; justify-content: center">–>--> <!--<!–<span style="width: 80px;">–>--> <!--<!–question:–>--> <!--<!–</span>–>--> <!--<!–<app-audio-recorder–>--> <!--<!–[audioUrl]="it['q_audio_url']"–>--> <!--<!–(audioUploaded)="onAudioUploadSuccessByItem($event, it, 'q')">–>--> <!--<!–</app-audio-recorder>–>--> <!--<!–</div>–>--> <!--<!–<div style="display: flex; align-items: center; justify-content: center">–>--> <!--<!–<span style="width: 80px;">–>--> <!--<!–answer:–>--> <!--<!–</span>–>--> <!--<!–<app-audio-recorder–>--> <!--<!–[audioUrl]="it['a_audio_url']"–>--> <!--<!–(audioUploaded)="onAudioUploadSuccessByItem($event, it, 'a')">–>--> <!--<!–</app-audio-recorder>–>--> <!--<!–</div>–>--> <!--<!–<nz-radio-group [(ngModel)]="it.radioValue" >–>--> <!--<!–<label nz-radio nzValue="A" (click)="radioClick(it, 'A')"> <i nz-icon nzType="check" nzTheme="outline"></i> </label>–>--> <!--<!–<label nz-radio nzValue="B" (click)="radioClick(it, 'B')"> <i nz-icon nzType="close" nzTheme="outline"></i> </label>–>--> <!--<!–</nz-radio-group>–>--> <!--</div>--> <!--<div nz-col nzSpan="8" class="add-btn-box" >--> <!--<!–<div style="width: 100%; height: 100%;">–>--> <!--<button style=" margin: auto; width: 60%; height: 60%;" nz-button nzType="dashed" class="add-btn"--> <!--(click)="addPic()">--> <!--<i nz-icon nzType="plus-circle" nzTheme="outline"></i>--> <!--Add--> <!--</button>--> <!--<!–</div>–>--> <!--</div>--> <!--<!–<div style="padding-bottom: 30px;">–>--> <!--<!–<h5> title-sound: </h5>–>--> <!--<!–<app-audio-recorder–>--> <!--<!–[audioUrl]="item.contentObj.title_audio_url"–>--> <!--<!–(audioUploaded)="onAudioUploadSuccessByItem($event, item.contentObj, 'title')">–>--> <!--<!–</app-audio-recorder>–>--> <!--<!–</div>–>--> <!--<!–<div style="padding-bottom: 30px;">–>--> <!--<!–<h5> bg-sound: </h5>–>--> <!--<!–<app-audio-recorder–>--> <!--<!–[audioUrl]="item.contentObj.bg_audio_url"–>--> <!--<!–(audioUploaded)="onAudioUploadSuccessByItem($event, item.contentObj, 'bg')">–>--> <!--<!–</app-audio-recorder>–>--> <!--<!–</div>–>--> <!--<!–<span style="margin-bottom: 20px"> 10 : 23 </span>–>--> <!--<!–<div *ngFor="let it of picArr; let i = index">–>--> <!--<!–<span> pic-{{i + 1}}: </span>–>--> <!--<!–<div style="display: flex; align-items: center; padding-bottom: 20px">–>--> <!--<!–<div style="width: 40%; padding-right: 20px">–>--> <!--<!–<app-upload-image-with-preview–>--> <!--<!–[picUrl]="it.pic_url"–>--> <!--<!–(imageUploaded)="onImageUploadSuccessByItem($event, it)"–>--> <!--<!–></app-upload-image-with-preview>–>--> <!--<!–</div>–>--> <!--<!–<div class="pic-sound-box">–>--> <!--<!–<div nz-row style="width: 50%; padding-bottom: 20px;">–>--> <!--<!–<div *ngFor="let it2 of it.soundArr; let i2 = index" nz-col nzSpan="8">–>--> <!--<!–<label nz-checkbox nzValue="{{'answer_' + (i2 + 1)}}" [(ngModel)]="it2.answer" (ngModelChange)="clickCheckBox()" >{{i2 + 1}}</label>–>--> <!--<!–</div>–>--> <!--<!–</div>–>--> <!--<!–<div *ngFor="let it2 of it.soundArr; let i2 = index" style="display: flex; align-items: center; padding-bottom: 5px">–>--> <!--<!–<span style="padding-right: 10px">sound-{{i2 + 1}}:</span>–>--> <!--<!–<app-audio-recorder–>--> <!--<!–[audioUrl]="it2.audio_url"–>--> <!--<!–(audioUploaded)="onAudioUploadSuccessByItem($event, it2)">–>--> <!--<!–</app-audio-recorder>–>--> <!--<!–</div>–>--> <!--<!–</div>–>--> <!--<!–</div>–>--> <!--<!–</div>–>--> <!--<!–<div style="margin: auto; width: 95%;" nz-row nzType="flex" nzJustify="start" nzAlign="middle">–>--> <!--<!–<div *ngFor="let it of picArr; let i = index"–>--> <!--<!–nz-col nzSpan="8" >–>--> <!--<!–<div class="item-box">–>--> <!--<!–<h5> id-{{i+1}} </h5>–>--> <!--<!–<div style="display: flex; align-items: center; justify-content: center; padding-bottom: 5px">–>--> <!--<!–<input type="text" nz-input placeholder="" [(ngModel)]="it.text" (blur)="saveItem()">–>--> <!--<!–<button style="margin-left: 10px;" nz-button nzType="danger" (click)="deleteItem(it)">–>--> <!--<!–<i nz-icon type="close"></i>–>--> <!--<!–</button>–>--> <!--<!–</div>–>--> <!--<!–<app-upload-image-with-preview–>--> <!--<!–style="width: 100%"–>--> <!--<!–[picUrl]="it.pic_url"–>--> <!--<!–(imageUploaded)="onImageUploadSuccessByItem($event, it)"–>--> <!--<!–></app-upload-image-with-preview>–>--> <!--<!–<div style="display: flex; align-items: center; justify-content: center">–>--> <!--<!–<span style="width: 80px;">–>--> <!--<!–question:–>--> <!--<!–</span>–>--> <!--<!–<app-audio-recorder–>--> <!--<!–[audioUrl]="it['q_audio_url']"–>--> <!--<!–(audioUploaded)="onAudioUploadSuccessByItem($event, it, 'q')">–>--> <!--<!–</app-audio-recorder>–>--> <!--<!–</div>–>--> <!--<!–<div style="display: flex; align-items: center; justify-content: center">–>--> <!--<!–<span style="width: 80px;">–>--> <!--<!–answer:–>--> <!--<!–</span>–>--> <!--<!–<app-audio-recorder–>--> <!--<!–[audioUrl]="it['a_audio_url']"–>--> <!--<!–(audioUploaded)="onAudioUploadSuccessByItem($event, it, 'a')">–>--> <!--<!–</app-audio-recorder>–>--> <!--<!–</div>–>--> <!--<!–<nz-radio-group [(ngModel)]="it.radioValue" >–>--> <!--<!–<label nz-radio nzValue="A" (click)="radioClick(it, 'A')"> <i nz-icon nzType="check" nzTheme="outline"></i> </label>–>--> <!--<!–<label nz-radio nzValue="B" (click)="radioClick(it, 'B')"> <i nz-icon nzType="close" nzTheme="outline"></i> </label>–>--> <!--<!–</nz-radio-group>–>--> <!--<!–</div>–>--> <!--<!–</div>–>--> <!--</div>-->