import { vueInit } from "Scripts/app-init";
import Vue from "vue";
import $ from "jquery";
import * as sys from "Scripts/Mixins/System";
import { cast } from "Scripts/Functions/System";
import { IValidatable, validatableMixin } from "Scripts/vue-validation";

export interface ITaskParameters {
   getUrl: string;
}

interface IData {
   addEditTaskType: number;
   addEditPriority: string;
   addEditStatus: string;
   addEditDeadline: Date;
   addEditReminderDate: Date;
   addEditCompletedDate: Date;
   addEditReceivers: any[];

   url: string;
}

interface IThis extends Vue, IData, sys.ISystemMixin, IValidatable {
   setPriority: string;
}

(window as any).InitApp = (selector: string, params: ITaskParameters) => vueInit(() => new Vue({
   data: cast<IData>({
      addEditTaskType: null,
      addEditPriority: null,
      addEditStatus: null,
      addEditDeadline:null,
      addEditReminderDate:null,
      addEditCompletedDate: null,
      addEditReceivers: null,
      url: params.getUrl
   }),
   watch: {
      setPriority(this: IThis) {
         const vll = this.addEditTaskType;
         $.get(`${this.url}?${this.addEditTaskType}`).then(result => {
            this.addEditPriority = result.priotity;
         });
         console.log(result);
      }
   },
   mixins: [sys.mixin()],
   el: selector
}));