form.component.ts 2.78 KB
Newer Older
liujiangnan's avatar
liujiangnan committed
1
import {Component, EventEmitter, Input, OnDestroy, OnChanges, OnInit, Output, ApplicationRef, ChangeDetectorRef} from '@angular/core';
limingzhe's avatar
limingzhe committed
2 3


liujiangnan's avatar
liujiangnan committed
4 5 6 7

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
liujiaxin's avatar
liujiaxin committed
8
  styleUrls: ['./form.component.css']
liujiangnan's avatar
liujiangnan committed
9 10 11
})
export class FormComponent implements OnInit, OnChanges, OnDestroy {

limingzhe's avatar
limingzhe committed
12
  // 储存数据用
Chen Jiping's avatar
Chen Jiping committed
13
  saveKey = "YM-42";
limingzhe's avatar
limingzhe committed
14 15
  // 储存对象
  item;
limingzhe's avatar
limingzhe committed
16

liujiangnan's avatar
liujiangnan committed
17
  constructor(private appRef: ApplicationRef,private changeDetectorRef: ChangeDetectorRef) {
limingzhe's avatar
limingzhe committed
18 19 20 21

  }


liujiangnan's avatar
liujiangnan committed
22 23
  ngOnInit() {

limingzhe's avatar
limingzhe committed
24 25
    this.item = {};

Chen Jiping's avatar
Chen Jiping committed
26 27 28 29 30 31
    this.item.title = this.getDefaultTile();

    this.item.exercisesArr = [];

    console.log('item:', this.item);

limingzhe's avatar
limingzhe committed
32 33
    // 获取存储的数据
    (<any> window).courseware.getData((data) => {
limingzhe's avatar
limingzhe committed
34 35 36 37 38

      if (data) {
        this.item = data;
      }

Chen Jiping's avatar
Chen Jiping committed
39
      console.log('item:', this.item);
limingzhe's avatar
limingzhe committed
40
      this.init();
liujiangnan's avatar
liujiangnan committed
41 42
      this.changeDetectorRef.markForCheck();
      this.changeDetectorRef.detectChanges();
limingzhe's avatar
limingzhe committed
43 44
      this.refresh();

limingzhe's avatar
limingzhe committed
45
    }, this.saveKey);
limingzhe's avatar
limingzhe committed
46 47 48 49

  }


limingzhe's avatar
limingzhe committed
50
  ngOnChanges() {
limingzhe's avatar
limingzhe committed
51 52
  }

limingzhe's avatar
limingzhe committed
53
  ngOnDestroy() {
limingzhe's avatar
limingzhe committed
54 55
  }

Chen Jiping's avatar
Chen Jiping committed
56
  init() {
limingzhe's avatar
limingzhe committed
57

Chen Jiping's avatar
Chen Jiping committed
58 59 60
    if(!this.item.title){
      this.item.title = this.getDefaultTile();
    }
limingzhe's avatar
limingzhe committed
61

Chen Jiping's avatar
Chen Jiping committed
62 63 64 65 66 67 68 69 70 71
    //设置默认皮肤
    if(!this.item.skin){
      this.item.skin = "A";
    }

    if(!this.item.exercisesArr || this.item.exercisesArr.length == 0){

      this.item.exercisesArr = [];

      for(let i = 0; i < 6; ++ i){
limingzhe's avatar
limingzhe committed
72

Chen Jiping's avatar
Chen Jiping committed
73 74 75 76 77 78
        let exercises = this.getDefaultExercisesItem();

        this.item.exercisesArr.push(exercises);

      }
    }
liujiangnan's avatar
liujiangnan committed
79 80
  }

limingzhe's avatar
limingzhe committed
81

limingzhe's avatar
limingzhe committed
82 83 84 85
  /**
   * 储存图片数据
   * @param e
   */
Chen Jiping's avatar
Chen Jiping committed
86
  onImageUploadSuccess(e, item, key) {
limingzhe's avatar
limingzhe committed
87

Chen Jiping's avatar
Chen Jiping committed
88 89
    item[key] = e.url;
    this.save();
liujiangnan's avatar
liujiangnan committed
90 91
  }

limingzhe's avatar
limingzhe committed
92 93 94 95
  /**
   * 储存音频数据
   * @param e
   */
Chen Jiping's avatar
Chen Jiping committed
96
  onAudioUploadSuccess(e, item, key) {
limingzhe's avatar
limingzhe committed
97

Chen Jiping's avatar
Chen Jiping committed
98
    item[key] = e.url;
limingzhe's avatar
limingzhe committed
99 100 101 102 103
    this.save();
  }



limingzhe's avatar
limingzhe committed
104 105 106
  /**
   * 储存数据
   */
limingzhe's avatar
limingzhe committed
107
  save() {
limingzhe's avatar
limingzhe committed
108
    (<any> window).courseware.setData(this.item, null, this.saveKey);
Chen Jiping's avatar
Chen Jiping committed
109
    this.changeDetectorRef.detectChanges();
limingzhe's avatar
limingzhe committed
110 111 112
    this.refresh();
  }

limingzhe's avatar
limingzhe committed
113 114 115
  /**
   * 刷新 渲染页面
   */
limingzhe's avatar
limingzhe committed
116 117 118 119
  refresh() {
    setTimeout(() => {
      this.appRef.tick();
    }, 1);
liujiangnan's avatar
liujiangnan committed
120 121
  }

Chen Jiping's avatar
Chen Jiping committed
122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174

  /**
   * 获取缺省的练习题内容
   */
  getDefaultExercisesItem(){
    const exercises = {
      text:'',
      pic_url:'',
      audio_url:'',
      letters:[]
    };

    return exercises;
  }

  getDefaultTile(){
    const title = {
      part1:'',
      part2:'',
      audio_url:''
    };

    return title;
  }

  /**
   * 获取默认的字母
   */
  getDefaultLetter(){
    let letter = {
      val:'',
      isColor:'0'
    };

    return letter;
  }

  addLetter(exercises) {

    let letter = this.getDefaultLetter();

    exercises.letters = [...exercises.letters, letter];

    this.save();
  }

  delLetter(exercises, index) {
    if (index !== -1) {
      exercises.letters.splice(index, 1);
      exercises.letters = [...exercises.letters];
      this.save();
    }
  }
liujiangnan's avatar
liujiangnan committed
175
}
limingzhe's avatar
limingzhe committed
176