soft-phone
Version:
25 lines • 2.96 kB
JavaScript
import { Component, Input } from '@angular/core';
var RecipientSummaryComponent = /** @class */ (function () {
function RecipientSummaryComponent() {
}
RecipientSummaryComponent.prototype.ngOnInit = function () {
};
RecipientSummaryComponent.decorators = [
{ type: Component, args: [{
selector: 'recipient-summary',
template: "\n <div class=\"ui-g recip\">\n \n <div *ngIf=\"user\" class=\"ui-g-12\">\n <div class=\"ui-g-2\"><span class=\"material-icons ui-icon-person item-icon\" style=\"font-size:35px; padding-bottom: 3px\" ></span>\n </div>\n <div class=\"ui-g-10\">\n <div style=\"font-size: 12px\" > <b>{{user.fullname}}</b> <span *ngIf=\"displayOutbound\" class=\"material-icons ui-icon-forward item-icon\" style=\"float: right;font-size:15px\" ></span> </div>\n <div style=\"font-size: 8px\" >{{user.phoneNumber}}</div>\n \n </div>\n\n </div>\n\n <div *ngIf=\"agent\" class=\"ui-g-12\">\n <div class=\"ui-g-2\"><span class=\"material-icons ui-icon-person item-icon\" style=\"font-size:35px; padding-bottom: 3px\" ></span>\n </div>\n <div class=\"ui-g-10\">\n <div style=\"font-size: 12px\" > <b>{{agent.fullname}}</b> <span *ngIf=\"displayForward\" class=\"material-icons ui-icon-refresh item-icon\" style=\"float: right;font-size:15px\" ></span> </div>\n <div style=\"font-size: 8px\" >{{agent.phoneNumber}}</div>\n \n </div>\n\n </div>\n \n </div>\n ",
styles: ["\n #panel{width:450px;margin:0 auto}#panel-heada{text-align:center}.Caller-details{text-align:center}.Call-button{text-align:center}#btn{width:250px}.fone{text-align:center}body #kpp .ui-button{width:280px;height:40px}body #kp .ui-button{width:80px;height:80px;float:none}.butgrp{padding-bottom:0px}.nopad{padding:0px}.short{height:184px;max-height:184px;overflow-y:auto;overflow-x:hidden;width:280px}.phone-width{width:290px}.expand{min-height:184px;max-height:395px;overflow-x:hidden;overflow-y:auto}.full-width{width:100%}body .md-inputfield{margin-bottom:5px}.c-input span input{width:100% !important}.recip{width:280px;height:60px;margin:0px}\n "]
},] },
];
/** @nocollapse */
RecipientSummaryComponent.ctorParameters = function () { return []; };
RecipientSummaryComponent.propDecorators = {
'user': [{ type: Input, args: ['user',] },],
'agent': [{ type: Input, args: ['agent',] },],
'displayOutbound': [{ type: Input, args: ['displayOutbound',] },],
'displayForward': [{ type: Input, args: ['displayForward',] },],
};
return RecipientSummaryComponent;
}());
export { RecipientSummaryComponent };
//# sourceMappingURL=recipient-summary.component.js.map