[{"__symbolic":"module","version":3,"metadata":{"RecipientDetailComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"recipient-detail","template":"\n    <div class=\"ui-g\" >\n        <div class=\"ui-g-12 nopad\"  >\n            <recipient-summary *ngIf=\"service.selectedAgent\" [agent]=\"service.selectedAgent\" [displayOutbound] =\"false\" [displayForward]=\"true\"></recipient-summary>\n          </div> \n\n\n    </div>\n\n\n    <div  *ngIf=\"service.selectedUser\" class=\"ui-g-12\" class=\"Caller-details\">\n        <div *ngIf=\"displayOutbound()\" class=\"ui-g-12\" style=\"float: right\" ><span class=\"material-icons ui-icon-forward item-icon\" style=\"font-size:20px\" ></span></div>  \n        <div *ngIf=\"displayInbound()\" class=\"ui-g-12\" style=\"float: right\" ><span class=\"material-icons ui-icon-arrow-back item-icon\" style=\"font-size:20px\" ></span></div>  \n      <div class=\"ui-g-12\"><span class=\"material-icons ui-icon-person item-icon\" style=\"font-size:250px\" ></span></div>\n        <div class=\"ui-g-12\" >\n          <div> <h3>{{service.selectedUser.fullname}}</h3> <span *ngIf=\"isNewCustomer()\" class=\"material-icons ui-icon-add item-icon\" ></span> </div>\n          <p>{{service.selectedUser.Contact}}</p>\n          <p>{{service.selectedUser.Address}}</p>\n          <p>{{service.selectedUser.Anniversary}}</p>\n          <p>{{service.selectedUser.Demography}}</p>\n\n          <span class=\"ui-g-6 nopad\" *ngFor=\"let d of service.selectedUser.details\"   ><a href=\"localhost:3005\"><span class=\"material-icons ui-icon-rss-feed item-icon\" style=\"font-size:10px\" ></span> {{d.description}}</a></span>\n\n      \n          <a href=\"localhost:3005\">more...</a>\n          <div class=\"nopad\"><span *ngIf=\"displayStatus()\" >{{service.callStat}}</span><span *ngIf=\"displayTimer()\" >{{min}} : {{sec}}</span></div>\n        </div>\n        <div class=\"ui-g-12\" >\n          <button *ngIf=\"displayEndCall()\"  pButton type=\"button\"  (click)=\"hangUpCall()\" label=\"Hang Up Call\" id=\"btn\"  ></button>\n          <button  *ngIf=\"displayForwardCall()\" pButton type=\"button\"  (click)=\"forwardCall()\" label=\"Forward Call\" id=\"btn\" [disabled]=service.forwardCallvalue  ></button>\n          <button  *ngIf=\"displayRecordCall()\" pButton type=\"button\"  (click)=\"service.recordCall(1)\" label=\"Record Call\" id=\"btn\" [disabled]=service.recordCallvalue  ></button>\n          <button *ngIf=\"displayAcceptCall()\" pButton type=\"button\"  (click)=\"acceptCall()\" label=\"Accept Call\" id=\"btn\"  ></button>\n          <button *ngIf=\"displayRejectCall()\"  pButton type=\"button\"  (click)=\"rejectCall()\" label=\"Reject Call\" id=\"btn\"  ></button>\n          <button *ngIf=\"displayToggleHoldResumeCall()\"  pButton type=\"button\"  (click)=\"toggleHoldResumeCall()\" label=\"{{service.btnHoldResumedvalue}}\" [disabled]=service.btnHoldResumedisabled id=\"btn\"  ></button>\n          <button *ngIf=\"displayToggleMuteCall()\"  pButton type=\"button\"  (click)=\"toggleMuteCall()\" label=\"{{service.btnMutevalue}}\" id=\"btn\"  ></button>\n        </div>\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  "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../service/index","name":"PhoneService"}]}],"ngOnInit":[{"__symbolic":"method"}],"displayOutbound":[{"__symbolic":"method"}],"displayInbound":[{"__symbolic":"method"}],"isNewCustomer":[{"__symbolic":"method"}],"forwardCall":[{"__symbolic":"method"}],"displayEndCall":[{"__symbolic":"method"}],"displayForwardCall":[{"__symbolic":"method"}],"displayAcceptCall":[{"__symbolic":"method"}],"displayRejectCall":[{"__symbolic":"method"}],"displayToggleHoldResumeCall":[{"__symbolic":"method"}],"displayToggleMuteCall":[{"__symbolic":"method"}],"displayStatus":[{"__symbolic":"method"}],"displayTimer":[{"__symbolic":"method"}],"acceptCall":[{"__symbolic":"method"}],"rejectCall":[{"__symbolic":"method"}],"toggleHoldResumeCall":[{"__symbolic":"method"}],"toggleMuteCall":[{"__symbolic":"method"}],"hangUpCall":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"RecipientDetailComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"recipient-detail","template":"\n    <div class=\"ui-g\" >\n        <div class=\"ui-g-12 nopad\"  >\n            <recipient-summary *ngIf=\"service.selectedAgent\" [agent]=\"service.selectedAgent\" [displayOutbound] =\"false\" [displayForward]=\"true\"></recipient-summary>\n          </div> \n\n\n    </div>\n\n\n    <div  *ngIf=\"service.selectedUser\" class=\"ui-g-12\" class=\"Caller-details\">\n        <div *ngIf=\"displayOutbound()\" class=\"ui-g-12\" style=\"float: right\" ><span class=\"material-icons ui-icon-forward item-icon\" style=\"font-size:20px\" ></span></div>  \n        <div *ngIf=\"displayInbound()\" class=\"ui-g-12\" style=\"float: right\" ><span class=\"material-icons ui-icon-arrow-back item-icon\" style=\"font-size:20px\" ></span></div>  \n      <div class=\"ui-g-12\"><span class=\"material-icons ui-icon-person item-icon\" style=\"font-size:250px\" ></span></div>\n        <div class=\"ui-g-12\" >\n          <div> <h3>{{service.selectedUser.fullname}}</h3> <span *ngIf=\"isNewCustomer()\" class=\"material-icons ui-icon-add item-icon\" ></span> </div>\n          <p>{{service.selectedUser.Contact}}</p>\n          <p>{{service.selectedUser.Address}}</p>\n          <p>{{service.selectedUser.Anniversary}}</p>\n          <p>{{service.selectedUser.Demography}}</p>\n\n          <span class=\"ui-g-6 nopad\" *ngFor=\"let d of service.selectedUser.details\"   ><a href=\"localhost:3005\"><span class=\"material-icons ui-icon-rss-feed item-icon\" style=\"font-size:10px\" ></span> {{d.description}}</a></span>\n\n      \n          <a href=\"localhost:3005\">more...</a>\n          <div class=\"nopad\"><span *ngIf=\"displayStatus()\" >{{service.callStat}}</span><span *ngIf=\"displayTimer()\" >{{min}} : {{sec}}</span></div>\n        </div>\n        <div class=\"ui-g-12\" >\n          <button *ngIf=\"displayEndCall()\"  pButton type=\"button\"  (click)=\"hangUpCall()\" label=\"Hang Up Call\" id=\"btn\"  ></button>\n          <button  *ngIf=\"displayForwardCall()\" pButton type=\"button\"  (click)=\"forwardCall()\" label=\"Forward Call\" id=\"btn\" [disabled]=service.forwardCallvalue  ></button>\n          <button  *ngIf=\"displayRecordCall()\" pButton type=\"button\"  (click)=\"service.recordCall(1)\" label=\"Record Call\" id=\"btn\" [disabled]=service.recordCallvalue  ></button>\n          <button *ngIf=\"displayAcceptCall()\" pButton type=\"button\"  (click)=\"acceptCall()\" label=\"Accept Call\" id=\"btn\"  ></button>\n          <button *ngIf=\"displayRejectCall()\"  pButton type=\"button\"  (click)=\"rejectCall()\" label=\"Reject Call\" id=\"btn\"  ></button>\n          <button *ngIf=\"displayToggleHoldResumeCall()\"  pButton type=\"button\"  (click)=\"toggleHoldResumeCall()\" label=\"{{service.btnHoldResumedvalue}}\" [disabled]=service.btnHoldResumedisabled id=\"btn\"  ></button>\n          <button *ngIf=\"displayToggleMuteCall()\"  pButton type=\"button\"  (click)=\"toggleMuteCall()\" label=\"{{service.btnMutevalue}}\" id=\"btn\"  ></button>\n        </div>\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  "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../service/index","name":"PhoneService"}]}],"ngOnInit":[{"__symbolic":"method"}],"displayOutbound":[{"__symbolic":"method"}],"displayInbound":[{"__symbolic":"method"}],"isNewCustomer":[{"__symbolic":"method"}],"forwardCall":[{"__symbolic":"method"}],"displayEndCall":[{"__symbolic":"method"}],"displayForwardCall":[{"__symbolic":"method"}],"displayAcceptCall":[{"__symbolic":"method"}],"displayRejectCall":[{"__symbolic":"method"}],"displayToggleHoldResumeCall":[{"__symbolic":"method"}],"displayToggleMuteCall":[{"__symbolic":"method"}],"displayStatus":[{"__symbolic":"method"}],"displayTimer":[{"__symbolic":"method"}],"acceptCall":[{"__symbolic":"method"}],"rejectCall":[{"__symbolic":"method"}],"toggleHoldResumeCall":[{"__symbolic":"method"}],"toggleMuteCall":[{"__symbolic":"method"}],"hangUpCall":[{"__symbolic":"method"}]}}}}]