[{"__symbolic":"module","version":3,"metadata":{"Mvp0TaskCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mvp0-task-card","template":"\n<ion-card>\n  <ion-card-header>\n    <ion-badge color=\"{{colorPriorityBadge}}\" item-left>{{itemPriority}}</ion-badge>\n    <span style=\"font-size:1.05em; margin-left:4px;\">\n      <a (click)=\"openThisItem()\">{{itemTitle}}</a>\n    </span>\n  </ion-card-header>\n  <ion-card-content>\n    <ion-list no-lines>\n      <ion-item>\n        <ion-avatar item-left item-start>\n          <!-- <common-color-tag #itemColorTag cell-size=\"12\"></common-color-tag> -->\n          <!-- <a (click)=\"displayViewTaskPage()\"><common-color-tag #itemColorTag cell-size=\"12\"></common-color-tag></a> -->\n          <!-- <a (click)=\"openThisItem()\"><common-color-tag #itemColorTag cell-size=\"12\"></common-color-tag></a> -->\n          <a (click)=\"openTaskDetail()\"><common-color-tag #itemColorTag cell-size=\"12\" [grayscale]=\"isGrayscale\"></common-color-tag></a>\n        </ion-avatar>\n        <div>\n          <h3>\n            <!-- <a (click)=\"displayViewTaskPage()\">{{itemTitle}}</a> -->\n            <!-- <a (click)=\"openThisItem()\">{{itemTitle}}</a> -->\n            <a (click)=\"doItToday()\">{{targetDateString}}</a>\n<!--\n            {{targetDateString}}\n            <button ion-button icon-only clear small color=\"dark\" [hidden]=\"!showDoItButton\" (click)=\"doItToday()\"><ion-icon name=\"sunny\" ></ion-icon></button>\n-->\n          </h3>\n          <p>\n          <!-- <em>{{targetDateString}}</em> -->\n          {{itemDescription}}\n          </p>\n        </div>\n<!-- -->\n        <button ion-button item-right icon-only clear *ngIf=\"isOpenButtonLarge\" large color=\"{{colorOpenButton}}\" [hidden]=\"!showOpenTaskButton\" (click)=\"openThisItem()\"><ion-icon name=\"book\" ></ion-icon></button>\n        <button ion-button item-right icon-only clear *ngIf=\"!isOpenButtonLarge\" color=\"{{colorOpenButton}}\" [hidden]=\"!showOpenTaskButton\" (click)=\"openThisItem()\"><ion-icon name=\"book\" ></ion-icon></button>\n<!-- -->\n<!-- TBD: Why does this not work???\n        <button ion-button item-right icon-only clear [attr.large]=\"isOpenButtonLarge ? true : null\" color=\"{{colorOpenButton}}\" [hidden]=\"!showOpenTaskButton\" (click)=\"openThisItem()\"><ion-icon name=\"book\" ></ion-icon></button>\n        <button ion-button item-right icon-only clear [attr.large]=\"isOpenButtonLarge\" color=\"{{colorOpenButton}}\" [hidden]=\"!showOpenTaskButton\" (click)=\"openThisItem()\"><ion-icon name=\"book\" ></ion-icon></button>\n-->\n      </ion-item>\n      <!--<ion-item>\n        <ion-buttons end>\n          <button ion-button icon-only clear small color=\"dark\" [hidden]=\"!showMarkAsDoneButton\" (click)=\"markAsDone()\"><ion-icon name=\"checkbox-outline\" ></ion-icon></button>\n          <button ion-button icon-only clear small color=\"dark\" [hidden]=\"!showDeferTaskButton\" (click)=\"deferTillTomorrow()\"><ion-icon name=\"moon\" ></ion-icon></button>\n          <button ion-button icon-only clear small color=\"dark\" [hidden]=\"!showMoveToBacklogButton\" (click)=\"moveToBacklog()\"><ion-icon name=\"archive\" ></ion-icon></button>\n          <button ion-button icon-only clear small color=\"dark\" [hidden]=\"!showDeleteTaskButton\" (click)=\"deleteThisItem()\"><ion-icon name=\"trash\" ></ion-icon></button>\n          <button ion-button icon-only clear small color=\"dark\" [hidden]=\"!showEditTaskButton\" (click)=\"editThisItem()\"><ion-icon name=\"create\" ></ion-icon></button>\n        </ion-buttons>\n      </ion-item>-->\n    </ion-list>\n  </ion-card-content>\n\n<!-- -->\n  <ion-fab bottom right>\n    <button ion-fab mini clear color=\"light\"><ion-icon name=\"arrow-dropleft\" color=\"dark\"></ion-icon></button>\n    <ion-fab-list side=\"left\">\n      <button ion-fab mini clear [hidden]=\"!showEditTaskButton\" (click)=\"editThisItem()\"><ion-icon name=\"create\" color=\"dark\"></ion-icon></button>\n      <button ion-fab mini clear [hidden]=\"!showDeleteTaskButton\" (click)=\"deleteThisItem()\"><ion-icon name=\"trash\" color=\"dark\"></ion-icon></button>\n      <button ion-fab mini clear [hidden]=\"!showMoveToBacklogButton\" (click)=\"moveToBacklog()\"><ion-icon name=\"archive\" color=\"dark\"></ion-icon></button>\n      <button ion-fab mini clear [hidden]=\"!showDeferTaskButton\" (click)=\"deferTillTomorrow()\"><ion-icon name=\"moon\" color=\"dark\"></ion-icon></button>\n      <button ion-fab mini clear [hidden]=\"!showMarkAsDoneButton\" (click)=\"markAsDone()\"><ion-icon name=\"checkbox-outline\" color=\"dark\"></ion-icon></button>\n    </ion-fab-list>\n  </ion-fab>\n<!-- -->\n\n</ion-card>\n"}]}],"members":{"itemColorTag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["itemColorTag"]}]}],"itemId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["iid"]}]}],"itemCTag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["ictag"]}]}],"itemTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["ititle"]}]}],"itemPriority":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["ipriority"]}]}],"itemTargetDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["itargetdate"]}]}],"itemDueDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["iduedate"]}]}],"itemDescription":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["idescription"]}]}],"colorPriorityBadge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["color-prioritybadge"]}]}],"colorOpenButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["color-openbutton"]}]}],"sizeOpenButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["size-openbutton"]}]}],"showOpenTaskButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-openbutton"]}]}],"showDoItButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-doitbutton"]}]}],"showMarkAsDoneButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-donebutton"]}]}],"showDeferTaskButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-deferbutton"]}]}],"showMoveToBacklogButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-backlogbutton"]}]}],"showDeleteTaskButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-deletebutton"]}]}],"showEditTaskButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-editbutton"]}]}],"isGrayscale":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["grayscale"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ionic-angular","name":"AlertController"},{"__symbolic":"reference","module":"ionic-angular","name":"ToastController"},{"__symbolic":"reference","module":"ionic-angular","name":"Events"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"openThisItem":[{"__symbolic":"method"}],"openTaskDetail":[{"__symbolic":"method"}],"doItToday":[{"__symbolic":"method"}],"markAsDone":[{"__symbolic":"method"}],"deferTillTomorrow":[{"__symbolic":"method"}],"moveToBacklog":[{"__symbolic":"method"}],"editThisItem":[{"__symbolic":"method"}],"deleteThisItem":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"Mvp0TaskCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mvp0-task-card","template":"\n<ion-card>\n  <ion-card-header>\n    <ion-badge color=\"{{colorPriorityBadge}}\" item-left>{{itemPriority}}</ion-badge>\n    <span style=\"font-size:1.05em; margin-left:4px;\">\n      <a (click)=\"openThisItem()\">{{itemTitle}}</a>\n    </span>\n  </ion-card-header>\n  <ion-card-content>\n    <ion-list no-lines>\n      <ion-item>\n        <ion-avatar item-left item-start>\n          <!-- <common-color-tag #itemColorTag cell-size=\"12\"></common-color-tag> -->\n          <!-- <a (click)=\"displayViewTaskPage()\"><common-color-tag #itemColorTag cell-size=\"12\"></common-color-tag></a> -->\n          <!-- <a (click)=\"openThisItem()\"><common-color-tag #itemColorTag cell-size=\"12\"></common-color-tag></a> -->\n          <a (click)=\"openTaskDetail()\"><common-color-tag #itemColorTag cell-size=\"12\" [grayscale]=\"isGrayscale\"></common-color-tag></a>\n        </ion-avatar>\n        <div>\n          <h3>\n            <!-- <a (click)=\"displayViewTaskPage()\">{{itemTitle}}</a> -->\n            <!-- <a (click)=\"openThisItem()\">{{itemTitle}}</a> -->\n            <a (click)=\"doItToday()\">{{targetDateString}}</a>\n<!--\n            {{targetDateString}}\n            <button ion-button icon-only clear small color=\"dark\" [hidden]=\"!showDoItButton\" (click)=\"doItToday()\"><ion-icon name=\"sunny\" ></ion-icon></button>\n-->\n          </h3>\n          <p>\n          <!-- <em>{{targetDateString}}</em> -->\n          {{itemDescription}}\n          </p>\n        </div>\n<!-- -->\n        <button ion-button item-right icon-only clear *ngIf=\"isOpenButtonLarge\" large color=\"{{colorOpenButton}}\" [hidden]=\"!showOpenTaskButton\" (click)=\"openThisItem()\"><ion-icon name=\"book\" ></ion-icon></button>\n        <button ion-button item-right icon-only clear *ngIf=\"!isOpenButtonLarge\" color=\"{{colorOpenButton}}\" [hidden]=\"!showOpenTaskButton\" (click)=\"openThisItem()\"><ion-icon name=\"book\" ></ion-icon></button>\n<!-- -->\n<!-- TBD: Why does this not work???\n        <button ion-button item-right icon-only clear [attr.large]=\"isOpenButtonLarge ? true : null\" color=\"{{colorOpenButton}}\" [hidden]=\"!showOpenTaskButton\" (click)=\"openThisItem()\"><ion-icon name=\"book\" ></ion-icon></button>\n        <button ion-button item-right icon-only clear [attr.large]=\"isOpenButtonLarge\" color=\"{{colorOpenButton}}\" [hidden]=\"!showOpenTaskButton\" (click)=\"openThisItem()\"><ion-icon name=\"book\" ></ion-icon></button>\n-->\n      </ion-item>\n      <!--<ion-item>\n        <ion-buttons end>\n          <button ion-button icon-only clear small color=\"dark\" [hidden]=\"!showMarkAsDoneButton\" (click)=\"markAsDone()\"><ion-icon name=\"checkbox-outline\" ></ion-icon></button>\n          <button ion-button icon-only clear small color=\"dark\" [hidden]=\"!showDeferTaskButton\" (click)=\"deferTillTomorrow()\"><ion-icon name=\"moon\" ></ion-icon></button>\n          <button ion-button icon-only clear small color=\"dark\" [hidden]=\"!showMoveToBacklogButton\" (click)=\"moveToBacklog()\"><ion-icon name=\"archive\" ></ion-icon></button>\n          <button ion-button icon-only clear small color=\"dark\" [hidden]=\"!showDeleteTaskButton\" (click)=\"deleteThisItem()\"><ion-icon name=\"trash\" ></ion-icon></button>\n          <button ion-button icon-only clear small color=\"dark\" [hidden]=\"!showEditTaskButton\" (click)=\"editThisItem()\"><ion-icon name=\"create\" ></ion-icon></button>\n        </ion-buttons>\n      </ion-item>-->\n    </ion-list>\n  </ion-card-content>\n\n<!-- -->\n  <ion-fab bottom right>\n    <button ion-fab mini clear color=\"light\"><ion-icon name=\"arrow-dropleft\" color=\"dark\"></ion-icon></button>\n    <ion-fab-list side=\"left\">\n      <button ion-fab mini clear [hidden]=\"!showEditTaskButton\" (click)=\"editThisItem()\"><ion-icon name=\"create\" color=\"dark\"></ion-icon></button>\n      <button ion-fab mini clear [hidden]=\"!showDeleteTaskButton\" (click)=\"deleteThisItem()\"><ion-icon name=\"trash\" color=\"dark\"></ion-icon></button>\n      <button ion-fab mini clear [hidden]=\"!showMoveToBacklogButton\" (click)=\"moveToBacklog()\"><ion-icon name=\"archive\" color=\"dark\"></ion-icon></button>\n      <button ion-fab mini clear [hidden]=\"!showDeferTaskButton\" (click)=\"deferTillTomorrow()\"><ion-icon name=\"moon\" color=\"dark\"></ion-icon></button>\n      <button ion-fab mini clear [hidden]=\"!showMarkAsDoneButton\" (click)=\"markAsDone()\"><ion-icon name=\"checkbox-outline\" color=\"dark\"></ion-icon></button>\n    </ion-fab-list>\n  </ion-fab>\n<!-- -->\n\n</ion-card>\n"}]}],"members":{"itemColorTag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["itemColorTag"]}]}],"itemId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["iid"]}]}],"itemCTag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["ictag"]}]}],"itemTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["ititle"]}]}],"itemPriority":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["ipriority"]}]}],"itemTargetDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["itargetdate"]}]}],"itemDueDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["iduedate"]}]}],"itemDescription":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["idescription"]}]}],"colorPriorityBadge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["color-prioritybadge"]}]}],"colorOpenButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["color-openbutton"]}]}],"sizeOpenButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["size-openbutton"]}]}],"showOpenTaskButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-openbutton"]}]}],"showDoItButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-doitbutton"]}]}],"showMarkAsDoneButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-donebutton"]}]}],"showDeferTaskButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-deferbutton"]}]}],"showMoveToBacklogButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-backlogbutton"]}]}],"showDeleteTaskButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-deletebutton"]}]}],"showEditTaskButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-editbutton"]}]}],"isGrayscale":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["grayscale"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ionic-angular","name":"AlertController"},{"__symbolic":"reference","module":"ionic-angular","name":"ToastController"},{"__symbolic":"reference","module":"ionic-angular","name":"Events"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"openThisItem":[{"__symbolic":"method"}],"openTaskDetail":[{"__symbolic":"method"}],"doItToday":[{"__symbolic":"method"}],"markAsDone":[{"__symbolic":"method"}],"deferTillTomorrow":[{"__symbolic":"method"}],"moveToBacklog":[{"__symbolic":"method"}],"editThisItem":[{"__symbolic":"method"}],"deleteThisItem":[{"__symbolic":"method"}]}}}}]