UNPKG

soft-phone

Version:
1 lines 9.77 kB
[{"__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"}]}}}}]