form.component.html 11 KB
Newer Older
liujiangnan's avatar
liujiangnan committed
1

limingzhe's avatar
limingzhe committed
2 3 4
<div class="model-content">


liujiaxin's avatar
liujiaxin committed
5
  <div style="position: absolute; left: 200px; top: 100px; width: 800px;">
limingzhe's avatar
limingzhe committed
6 7 8 9 10 11 12 13 14 15 16 17

    <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>
liujiaxin's avatar
liujiaxin committed
18 19 20
    <app-custom-hot-zone></app-custom-hot-zone>
    <app-upload-video></app-upload-video>
    <app-lesson-title-config></app-lesson-title-config>
limingzhe's avatar
limingzhe committed
21 22 23 24
  </div>



liujiaxin's avatar
liujiaxin committed
25
  <!-- div style="position: absolute; left: 1000px; top: 100px; width: 300px;">
limingzhe's avatar
limingzhe committed
26 27 28 29 30 31 32 33 34 35 36 37 38

    <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>

liujiaxin's avatar
liujiaxin committed
39
  </div -->
limingzhe's avatar
limingzhe committed
40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62





</div>

















limingzhe's avatar
limingzhe committed
63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89



























liujiangnan's avatar
liujiangnan committed
90 91


limingzhe's avatar
limingzhe committed
92 93


limingzhe's avatar
limingzhe committed
94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124
<!--<app-audio-recorder-->
  <!--[audioUrl]="item.audio_url"-->
  <!--(audioUploaded)="onAudioUploadSuccess($event)"-->
<!--&gt;</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)"-->
      <!--&gt;</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>-->
limingzhe's avatar
limingzhe committed
125 126 127

    <!--</div>-->

limingzhe's avatar
limingzhe committed
128
    <!--&lt;!&ndash;<h5> id-{{i+1}} </h5>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
129

limingzhe's avatar
limingzhe committed
130 131 132 133 134 135
    <!--&lt;!&ndash;<div style="display: flex; align-items: center; justify-content: center; padding-bottom: 5px">&ndash;&gt;-->
    <!--&lt;!&ndash;<input type="text" nz-input placeholder="" [(ngModel)]="it.text" (blur)="saveItem()">&ndash;&gt;-->
    <!--&lt;!&ndash;<button style="margin-left: 10px;" nz-button nzType="danger" (click)="deleteItem(it)">&ndash;&gt;-->
    <!--&lt;!&ndash;<i nz-icon type="close"></i>&ndash;&gt;-->
    <!--&lt;!&ndash;</button>&ndash;&gt;-->
    <!--&lt;!&ndash;</div>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
136

limingzhe's avatar
limingzhe committed
137 138 139 140 141 142

    <!--&lt;!&ndash;<app-upload-image-with-preview&ndash;&gt;-->
    <!--&lt;!&ndash;style="width: 100%"&ndash;&gt;-->
    <!--&lt;!&ndash;[picUrl]="it.pic_url"&ndash;&gt;-->
    <!--&lt;!&ndash;(imageUploaded)="onImageUploadSuccessByItem($event, it)"&ndash;&gt;-->
    <!--&lt;!&ndash;&gt;</app-upload-image-with-preview>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
143 144


limingzhe's avatar
limingzhe committed
145
    <!--&lt;!&ndash;<div style="display: flex; align-items: center; justify-content: center">&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
146

limingzhe's avatar
limingzhe committed
147 148 149 150 151 152 153
    <!--&lt;!&ndash;<span style="width: 80px;">&ndash;&gt;-->
    <!--&lt;!&ndash;question:&ndash;&gt;-->
    <!--&lt;!&ndash;</span>&ndash;&gt;-->
    <!--&lt;!&ndash;<app-audio-recorder&ndash;&gt;-->
    <!--&lt;!&ndash;[audioUrl]="it['q_audio_url']"&ndash;&gt;-->
    <!--&lt;!&ndash;(audioUploaded)="onAudioUploadSuccessByItem($event, it, 'q')">&ndash;&gt;-->
    <!--&lt;!&ndash;</app-audio-recorder>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
154

limingzhe's avatar
limingzhe committed
155
    <!--&lt;!&ndash;</div>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
156

limingzhe's avatar
limingzhe committed
157
    <!--&lt;!&ndash;<div style="display: flex; align-items: center; justify-content: center">&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
158

limingzhe's avatar
limingzhe committed
159 160 161 162 163 164 165
    <!--&lt;!&ndash;<span style="width: 80px;">&ndash;&gt;-->
    <!--&lt;!&ndash;answer:&ndash;&gt;-->
    <!--&lt;!&ndash;</span>&ndash;&gt;-->
    <!--&lt;!&ndash;<app-audio-recorder&ndash;&gt;-->
    <!--&lt;!&ndash;[audioUrl]="it['a_audio_url']"&ndash;&gt;-->
    <!--&lt;!&ndash;(audioUploaded)="onAudioUploadSuccessByItem($event, it, 'a')">&ndash;&gt;-->
    <!--&lt;!&ndash;</app-audio-recorder>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
166

limingzhe's avatar
limingzhe committed
167
    <!--&lt;!&ndash;</div>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
168 169 170



limingzhe's avatar
limingzhe committed
171 172 173 174
    <!--&lt;!&ndash;<nz-radio-group [(ngModel)]="it.radioValue" >&ndash;&gt;-->
    <!--&lt;!&ndash;<label nz-radio nzValue="A" (click)="radioClick(it, 'A')"> <i nz-icon nzType="check" nzTheme="outline"></i> </label>&ndash;&gt;-->
    <!--&lt;!&ndash;<label nz-radio nzValue="B" (click)="radioClick(it, 'B')"> <i nz-icon nzType="close" nzTheme="outline"></i> </label>&ndash;&gt;-->
    <!--&lt;!&ndash;</nz-radio-group>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
175 176 177 178 179 180


  <!--</div>-->



limingzhe's avatar
limingzhe committed
181 182 183 184 185 186 187 188 189 190 191
  <!--<div nz-col nzSpan="8" class="add-btn-box" >-->

    <!--&lt;!&ndash;<div style="width: 100%; height: 100%;">&ndash;&gt;-->
    <!--<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>-->
    <!--&lt;!&ndash;</div>&ndash;&gt;-->


limingzhe's avatar
limingzhe committed
192 193 194 195 196 197 198 199 200 201 202 203

  <!--</div>-->










limingzhe's avatar
limingzhe committed
204
  <!--&lt;!&ndash;<div style="padding-bottom: 30px;">&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
205

limingzhe's avatar
limingzhe committed
206 207 208 209 210
    <!--&lt;!&ndash;<h5> title-sound: </h5>&ndash;&gt;-->
    <!--&lt;!&ndash;<app-audio-recorder&ndash;&gt;-->
      <!--&lt;!&ndash;[audioUrl]="item.contentObj.title_audio_url"&ndash;&gt;-->
      <!--&lt;!&ndash;(audioUploaded)="onAudioUploadSuccessByItem($event, item.contentObj, 'title')">&ndash;&gt;-->
    <!--&lt;!&ndash;</app-audio-recorder>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
211

limingzhe's avatar
limingzhe committed
212
  <!--&lt;!&ndash;</div>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
213 214


limingzhe's avatar
limingzhe committed
215
  <!--&lt;!&ndash;<div style="padding-bottom: 30px;">&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
216

limingzhe's avatar
limingzhe committed
217 218 219 220 221
    <!--&lt;!&ndash;<h5> bg-sound: </h5>&ndash;&gt;-->
    <!--&lt;!&ndash;<app-audio-recorder&ndash;&gt;-->
      <!--&lt;!&ndash;[audioUrl]="item.contentObj.bg_audio_url"&ndash;&gt;-->
      <!--&lt;!&ndash;(audioUploaded)="onAudioUploadSuccessByItem($event, item.contentObj, 'bg')">&ndash;&gt;-->
    <!--&lt;!&ndash;</app-audio-recorder>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
222

limingzhe's avatar
limingzhe committed
223
  <!--&lt;!&ndash;</div>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
224

limingzhe's avatar
limingzhe committed
225
  <!--&lt;!&ndash;<span style="margin-bottom: 20px"> 10 : 23 </span>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
226

limingzhe's avatar
limingzhe committed
227
  <!--&lt;!&ndash;<div *ngFor="let it of picArr; let i = index">&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
228 229


limingzhe's avatar
limingzhe committed
230 231
    <!--&lt;!&ndash;<span> pic-{{i + 1}}: </span>&ndash;&gt;-->
    <!--&lt;!&ndash;<div style="display: flex; align-items: center; padding-bottom: 20px">&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
232

limingzhe's avatar
limingzhe committed
233 234 235 236 237 238
      <!--&lt;!&ndash;<div style="width: 40%; padding-right: 20px">&ndash;&gt;-->
        <!--&lt;!&ndash;<app-upload-image-with-preview&ndash;&gt;-->
          <!--&lt;!&ndash;[picUrl]="it.pic_url"&ndash;&gt;-->
          <!--&lt;!&ndash;(imageUploaded)="onImageUploadSuccessByItem($event, it)"&ndash;&gt;-->
        <!--&lt;!&ndash;&gt;</app-upload-image-with-preview>&ndash;&gt;-->
      <!--&lt;!&ndash;</div>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
239

limingzhe's avatar
limingzhe committed
240
      <!--&lt;!&ndash;<div  class="pic-sound-box">&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
241

limingzhe's avatar
limingzhe committed
242
        <!--&lt;!&ndash;<div nz-row style="width: 50%; padding-bottom: 20px;">&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
243

limingzhe's avatar
limingzhe committed
244 245 246
          <!--&lt;!&ndash;<div *ngFor="let it2 of it.soundArr; let i2 = index"  nz-col nzSpan="8">&ndash;&gt;-->
            <!--&lt;!&ndash;<label nz-checkbox nzValue="{{'answer_' + (i2 + 1)}}" [(ngModel)]="it2.answer" (ngModelChange)="clickCheckBox()" >{{i2 + 1}}</label>&ndash;&gt;-->
          <!--&lt;!&ndash;</div>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
247

limingzhe's avatar
limingzhe committed
248
        <!--&lt;!&ndash;</div>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
249

limingzhe's avatar
limingzhe committed
250 251 252 253 254 255 256
        <!--&lt;!&ndash;<div *ngFor="let it2 of it.soundArr; let i2 = index" style="display: flex; align-items: center; padding-bottom: 5px">&ndash;&gt;-->
          <!--&lt;!&ndash;<span style="padding-right: 10px">sound-{{i2 + 1}}:</span>&ndash;&gt;-->
          <!--&lt;!&ndash;<app-audio-recorder&ndash;&gt;-->
            <!--&lt;!&ndash;[audioUrl]="it2.audio_url"&ndash;&gt;-->
            <!--&lt;!&ndash;(audioUploaded)="onAudioUploadSuccessByItem($event, it2)">&ndash;&gt;-->
          <!--&lt;!&ndash;</app-audio-recorder>&ndash;&gt;-->
        <!--&lt;!&ndash;</div>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
257

limingzhe's avatar
limingzhe committed
258
      <!--&lt;!&ndash;</div>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
259 260


limingzhe's avatar
limingzhe committed
261
    <!--&lt;!&ndash;</div>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
262

limingzhe's avatar
limingzhe committed
263
  <!--&lt;!&ndash;</div>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
264 265 266



limingzhe's avatar
limingzhe committed
267
  <!--&lt;!&ndash;<div style="margin: auto; width: 95%;" nz-row nzType="flex" nzJustify="start" nzAlign="middle">&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
268 269


limingzhe's avatar
limingzhe committed
270 271
    <!--&lt;!&ndash;<div *ngFor="let it of picArr; let i = index"&ndash;&gt;-->
         <!--&lt;!&ndash;nz-col nzSpan="8" >&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
272

limingzhe's avatar
limingzhe committed
273
      <!--&lt;!&ndash;<div class="item-box">&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
274 275


limingzhe's avatar
limingzhe committed
276
        <!--&lt;!&ndash;<h5> id-{{i+1}} </h5>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
277

limingzhe's avatar
limingzhe committed
278 279 280 281 282 283
        <!--&lt;!&ndash;<div style="display: flex; align-items: center; justify-content: center; padding-bottom: 5px">&ndash;&gt;-->
          <!--&lt;!&ndash;<input type="text" nz-input placeholder="" [(ngModel)]="it.text" (blur)="saveItem()">&ndash;&gt;-->
          <!--&lt;!&ndash;<button style="margin-left: 10px;" nz-button nzType="danger" (click)="deleteItem(it)">&ndash;&gt;-->
            <!--&lt;!&ndash;<i nz-icon type="close"></i>&ndash;&gt;-->
          <!--&lt;!&ndash;</button>&ndash;&gt;-->
        <!--&lt;!&ndash;</div>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
284 285


limingzhe's avatar
limingzhe committed
286 287 288 289 290
        <!--&lt;!&ndash;<app-upload-image-with-preview&ndash;&gt;-->
          <!--&lt;!&ndash;style="width: 100%"&ndash;&gt;-->
          <!--&lt;!&ndash;[picUrl]="it.pic_url"&ndash;&gt;-->
          <!--&lt;!&ndash;(imageUploaded)="onImageUploadSuccessByItem($event, it)"&ndash;&gt;-->
        <!--&lt;!&ndash;&gt;</app-upload-image-with-preview>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
291 292


limingzhe's avatar
limingzhe committed
293
        <!--&lt;!&ndash;<div style="display: flex; align-items: center; justify-content: center">&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
294

limingzhe's avatar
limingzhe committed
295 296 297 298 299 300 301
          <!--&lt;!&ndash;<span style="width: 80px;">&ndash;&gt;-->
            <!--&lt;!&ndash;question:&ndash;&gt;-->
          <!--&lt;!&ndash;</span>&ndash;&gt;-->
          <!--&lt;!&ndash;<app-audio-recorder&ndash;&gt;-->
            <!--&lt;!&ndash;[audioUrl]="it['q_audio_url']"&ndash;&gt;-->
            <!--&lt;!&ndash;(audioUploaded)="onAudioUploadSuccessByItem($event, it, 'q')">&ndash;&gt;-->
          <!--&lt;!&ndash;</app-audio-recorder>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
302

limingzhe's avatar
limingzhe committed
303
        <!--&lt;!&ndash;</div>&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
304

limingzhe's avatar
limingzhe committed
305
        <!--&lt;!&ndash;<div style="display: flex; align-items: center; justify-content: center">&ndash;&gt;-->
limingzhe's avatar
limingzhe committed
306

limingzhe's avatar
limingzhe committed
307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337
          <!--&lt;!&ndash;<span style="width: 80px;">&ndash;&gt;-->
            <!--&lt;!&ndash;answer:&ndash;&gt;-->
          <!--&lt;!&ndash;</span>&ndash;&gt;-->
          <!--&lt;!&ndash;<app-audio-recorder&ndash;&gt;-->
            <!--&lt;!&ndash;[audioUrl]="it['a_audio_url']"&ndash;&gt;-->
            <!--&lt;!&ndash;(audioUploaded)="onAudioUploadSuccessByItem($event, it, 'a')">&ndash;&gt;-->
          <!--&lt;!&ndash;</app-audio-recorder>&ndash;&gt;-->

        <!--&lt;!&ndash;</div>&ndash;&gt;-->



        <!--&lt;!&ndash;<nz-radio-group [(ngModel)]="it.radioValue" >&ndash;&gt;-->
          <!--&lt;!&ndash;<label nz-radio nzValue="A" (click)="radioClick(it, 'A')"> <i nz-icon nzType="check" nzTheme="outline"></i> </label>&ndash;&gt;-->
          <!--&lt;!&ndash;<label nz-radio nzValue="B" (click)="radioClick(it, 'B')"> <i nz-icon nzType="close" nzTheme="outline"></i> </label>&ndash;&gt;-->
        <!--&lt;!&ndash;</nz-radio-group>&ndash;&gt;-->


      <!--&lt;!&ndash;</div>&ndash;&gt;-->




  <!--&lt;!&ndash;</div>&ndash;&gt;-->






<!--</div>-->