質問編集履歴

usersComponentを足しました！

2016/12/16 13:36

投稿

KoheiOkazaki

スコア43

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -135,3 +135,199 @@
 そもそもDIを使うのがベストプラクティスなのかもわかっていないので、そちらも含めてどうするか教えていただけたらとっても嬉しいです。
+```ここに言語を入力
+@Component({
+  selector: 'ons-page',
+  template: `
+    //テンプレートが入ります。
+  `,
+  styles: [require('./css/template.css')]
+})
+export class UsersComponent {
+  private _dialog: any;
+  private _destroyDialog: Function;
+  defaultDateTime: Date;
+  defaultPlusDateTime: Date;
+  requestId: any;
+  requests: FirebaseListObservable<any[]>;
+  therapistId: any;
+  therapistObject: any;
+  therapistGender: string;
+  hoge: any;
+  requestContentArray: any[];
+  jage: Array<any[]>;
+  userImageUrl: string
+  genderSubject: Subject<any>;
+  startingTime: any;
+  endTime: any;
+  constructor(
+    private _navigator: OnsNavigator,
+    private _params: Params,
+    private _af: AngularFire,
+    private _us: UserService,
+    private _rs: RequestService,
+    private _ds: DomSanitizer,
+    private _df: DialogFactory
+  ){
+    this.therapistId = this._params.data['therapistId'];
+    console.log(this.therapistId);
+    this.getTherapistInfo(this.therapistId);
+    this.requests = this._af.database.list('/requests');
+    this.getCurrentLocalDateTime()
+  }
+  say(): string {
+    return "foo";
+  }
+  ngAfterViewInit() {
+    this._df
+      .createDialog(MyDialogComponent, {message: 'This is just an example.'})
+      .then(({dialog, destroy}) => {
+        this._dialog = dialog;
+        this._destroyDialog = destroy;
+      });
+  }
+  showDialog() {
+    console.log("きたよ");
+    if (this._dialog) {
+      this._dialog.show();
+    }
+  }
+  getTherapistInfo(therapistId: any) {
+    this.therapistObject = this._af.database.object('/therapists/' + therapistId);
+    this.therapistObject.subscribe(response => {
+      this.therapistGender = response['gender'];
+    });
+  }
+  getCurrentLocalDateTime() {
+    this.defaultDateTime = new Date(Date.now());
+    this.defaultDateTime.setUTCHours(this.defaultDateTime.getUTCHours() + 9);
+    this.defaultPlusDateTime = new Date(Date.now());
+    this.defaultPlusDateTime.setUTCHours(this.defaultPlusDateTime.getUTCHours() + 10);
+    this.defaultDateTime.setSeconds(0,0);
+    this.defaultPlusDateTime.setSeconds(0,0);
+    this.startingTime = this.getISOStringWithoutSecsAndMillisecs1(this.defaultDateTime.toISOString().split('T'));
+    this.endTime = this.getISOStringWithoutSecsAndMillisecs1(this.defaultPlusDateTime.toISOString().split('T'));
+  }
+  getISOStringWithoutSecsAndMillisecs1(dateAndTime) {
+    const time = dateAndTime[1].split(':')
+    return dateAndTime[0]+' '+time[0]+':'+time[1]
+  }
+  getUserProfileImageUrl(request: any) {
+    let id: string = request.userId;
+    return "https://firebasestorage.googleapis.com/v0/b/relappi-5ca22.appspot.com/o/images%2Fusers%2F" + id + "_users.jpg" + "?alt=media&token=f97839fa-804a-4497-81ac-44ecc4ef64cc"
+  }
+  pushToDetail(request: any){
+    this._navigator.element.pushPage(UserDetailComponent, {
+      data: {
+        therapistId: this.therapistId,
+        request: request,
+      }
+    });
+  }
+}
+```