form.component.html 6.93 KB

<div class="model-content">




  <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)"-->
    <!--&gt;</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)"-->
        <!--&gt;</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)"-->
        <!--&gt;</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>