[{"__symbolic":"module","version":4,"metadata":{"KanbanViewCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"anterasoftware-kanban-view-card","template":"<mat-card>\r\n    <div class=\"top-bar\" [ngStyle]=\"{'background-color':dueColor, 'color': dueFontColor}\">\r\n        <!-- <mat-checkbox [(ngModel)]=\"cardDetails.select\" class=\"checkbox-position\" (change)=\"onCheckBoxSelected($event)\"></mat-checkbox> -->\r\n        <span class=\"top-container\">\r\n            Due Date: {{ getDateFormat(cardDetails.dueDate) }}\r\n        </span>\r\n    </div>\r\n\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between\">\r\n        <div fxLayout=\"row\" class=\"art-header\">\r\n            <div fxLayout=\"column\" class=\"header-container\">\r\n                <span><mat-checkbox [(ngModel)]=\"cardDetails.select\" class=\"checkbox-position\" (change)=\"onCheckBoxSelected($event)\"></mat-checkbox>{{ cardDetails.name }}</span>\r\n                <h4 class=\"art-title\">  </h4>\r\n                <!-- <p class=\"due-date\"> Due: {{ getDateFormat(cardDetails.dueDate, true, false, true) }} </p> -->\r\n            </div>\r\n        </div>\r\n        <div>\r\n            \r\n            <mat-icon  [matMenuTriggerFor]=\"openCardMenu\" aria-hidden=\"false\" aria-label=\"Example home icon\">more_vert</mat-icon>\r\n            <mat-menu #openCardMenu=\"matMenu\">\r\n                <button mat-menu-item (click)=\"assignArtwork(cardDetails)\">\r\n                    <span>Assign Artwork</span>\r\n                </button>\r\n                <button mat-menu-item (click)=\"deleteArtwork(cardDetails)\">\r\n                    <span>Delete</span>\r\n                </button>\r\n                <button mat-menu-item (click)=\"editArtwork(cardDetails)\">\r\n                    <span>Edit</span>\r\n                </button>\r\n            </mat-menu>\r\n            <span class=\"mt-8\"><a aria-label=\"pin\" (click)=\"onPin($event)\"><mat-icon *ngIf=\"cardDetails.pinned\">star</mat-icon><mat-icon *ngIf=\"!cardDetails.pinned\">star_border</mat-icon></a></span>\r\n        </div>\r\n    </div>\r\n    <mat-card-content>\r\n        <img (click)=\"editArtwork(cardDetails)\" width=\"240\" height=\"300\" class=\"img-flex\" [src]=\"cardDetails?.bigImg\"  [default]= \"'images/product-image-placeholder.png'\">\r\n    </mat-card-content>\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-around\" class=\"status-container\">\r\n        <div class=\"status-inline\">\r\n            <p class=\"bold\"> Status: </p>\r\n            <p> {{cardDetails.status }} </p>\r\n        </div>\r\n        <div class=\"status-inline\">\r\n            <p class=\"bold\"> Priority</p>\r\n            <p> {{ cardDetails.priority }} </p>\r\n        </div>\r\n        <div class=\"status-inline\">\r\n            <p class=\"bold\"> Order#</p>\r\n            <p *ngIf=\"orderNumbers != ''\"> <a class=\"accent-900-fg\" [matTooltip]=\"orderNumbers\"  [matTooltipPosition]=\"'above'\"\r\n                [matTooltipClass]=\"'order-row-tooltip'\"\r\n                (click)=\"openRelatedOrderDetailDialog(cardDetails.orderNumber[0]?.orderId, cardDetails)\">\r\n                {{cardDetails.orderNumber[0]?.orderNum}}</a></p>\r\n            <p *ngIf=\"orderNumbers == ''\"> <a mat-button class=\"accent-900-fg\"\r\n                (click)=\"openRelatedOrderDetailDialog(cardDetails.orderNumber[0]?.orderId, cardDetails)\">\r\n                {{cardDetails.orderNumber[0]?.orderNum}}</a></p>\r\n        </div>\r\n        <div class=\"status-inline\">\r\n            <p class=\"bold\"> Work Order #</p>\r\n            <p> <a class=\"link\" [routerLink]=\"['/productions/', cardDetails.workOrderId]\">{{ cardDetails.workOrderNo }} </a></p>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"footer-container\">\r\n        <p class=\"bold\"> Tags </p>\r\n        <p *ngFor=\"let tag of cardDetails.tagList\" class=\"tag\"> {{ tag }} </p>\r\n    </div>\r\n</mat-card>\r\n","styles":[".top-bar{display:flex;flex-direction:row;top:0;left:0;margin-bottom:5px;background-color:red;text-align:center;padding:5px 0;font-size:12px;font-weight:400}.top-bar,.top-bar .top-container{width:100%}.top-bar .checkbox-position{position:relative;bottom:5px}.tag{display:inline;font-size:10px;color:#008fcc}.img-flex{width:100%;height:100px;-o-object-fit:contain;object-fit:contain;cursor:pointer}.mat-card{border-radius:0!important;padding:0}.bold{font-weight:700}p{font-size:10px;margin:0}.status-inline{flex-direction:column;text-align:center;width:1 fr}.footer-container{padding:12px}.status-container{background-color:#f7f7f7;margin-left:-16px;margin-right:-16px;padding:12px}.due-date{font-family:Helvetica Neue;font-size:11px;color:#aaa;margin-top:-18px;margin-left:2px}.header-container{padding-left:5px}.art-title{margin-top:0;font-size:14px;margin-bottom:10px}.art-image{max-width:100%;max-height:100%}.art-header{margin-bottom:10px}.art-header .mat-checkbox{display:inline;float:left;padding:0 2px}"]}]}],"members":{"dateFormatString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"timeFormatString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"onCardDetailsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"onAssignArtwork":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"onDeleteArtwork":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"onEditArtwork":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"pinned":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"onOpenRelatedOrderDetailDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"cardDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onCheckBoxSelected":[{"__symbolic":"method"}],"assignArtwork":[{"__symbolic":"method"}],"deleteArtwork":[{"__symbolic":"method"}],"editArtwork":[{"__symbolic":"method"}],"onPin":[{"__symbolic":"method"}],"getDateFormat":[{"__symbolic":"method"}],"openRelatedOrderDetailDialog":[{"__symbolic":"method"}]}}}}]