viithiisys / Acufuel

Download as
Browse Code ยป

Commit 9642a0a91994a6e5f6f9d549fb1ea74ce675343a

Authored by Rishav
1 parent ec746c7d9b
Exists in master

checkbox

Showing 2 changed files with 3 additions and 1 deletions   Show diff stats
app/partials/viewcontact/viewcontact.controller.js
Diff comments   View file @9642a0a
1 'use strict'; 1 'use strict';
2 2
3 //Load controller 3 //Load controller
4 angular.module('acufuel') 4 angular.module('acufuel')
5 5
6 .controller('viewcontactController', ['$scope', '$stateParams', 'ViewcontactService', 'ViewCompanyService', function($scope, $stateParams, ViewcontactService, ViewCompanyService) { 6 .controller('viewcontactController', ['$scope', '$stateParams', 'ViewcontactService', 'ViewCompanyService', function($scope, $stateParams, ViewcontactService, ViewCompanyService) {
7 7
8 var contactId = $stateParams.id; 8 var contactId = $stateParams.id;
9 $scope.contactDetail = {}; 9 $scope.contactDetail = {};
10 var value = ""; 10 var value = "";
11 ViewcontactService.getContact(contactId).then(function(result) { 11 ViewcontactService.getContact(contactId).then(function(result) {
12 $scope.contactDetail = result; 12 $scope.contactDetail = result;
13 }) 13 })
14 14
15 $scope.contactIdList = {}; 15 $scope.contactIdList = {};
16 var index; 16 var index;
17 var one = 1; 17 var one = 1;
18 var selectedId; 18 var selectedId;
19 19
20 ViewcontactService.getContactsList(contactId).then(function(list){ 20 ViewcontactService.getContactsList(contactId).then(function(list){
21 $scope.contactIdList = list; 21 $scope.contactIdList = list;
22 index = $scope.contactIdList.indexOf(contactId); 22 index = $scope.contactIdList.indexOf(contactId);
23 selectedId = $scope.contactIdList[index] 23 selectedId = $scope.contactIdList[index]
24 }) 24 })
25 25
26 $scope.nextContact = function(){ 26 $scope.nextContact = function(){
27 index = index + one; 27 index = index + one;
28 selectedId = $scope.contactIdList[index]; 28 selectedId = $scope.contactIdList[index];
29 ViewcontactService.getContact(selectedId).then(function(result) { 29 ViewcontactService.getContact(selectedId).then(function(result) {
30 $scope.contactDetail = result; 30 $scope.contactDetail = result;
31 }) 31 })
32 } 32 }
33 33
34 $scope.prevContact = function(){ 34 $scope.prevContact = function(){
35 index = index - one; 35 index = index - one;
36 selectedId = $scope.contactIdList[index]; 36 selectedId = $scope.contactIdList[index];
37 ViewcontactService.getContact(selectedId).then(function(result) { 37 ViewcontactService.getContact(selectedId).then(function(result) {
38 $scope.contactDetail = result; 38 $scope.contactDetail = result;
39 }) 39 })
40 } 40 }
41 41
42 $scope.changePriceEmail = function(id){ 42 $scope.changePriceEmail = function(id){
43 var statusData = "status=" + $scope.contactDetail.priceEmail; 43 var statusData = "status=" + $scope.contactDetail.priceEmail;
44 ViewcontactService.changePriceEmail(id, statusData).then(function(result) { 44 ViewcontactService.changePriceEmail(id, statusData).then(function(result) {
45 if(result.success){ 45 if(result.success){
46 toastr.success(''+result.success+'', { 46 toastr.success(''+result.success+'', {
47 closeButton: true 47 closeButton: true
48 }) 48 })
49 } 49 }
50 }) 50 })
51 } 51 }
52 52
53 setInterval(function(){ 53 setInterval(function(){
54 var checkMaxLength = $scope.contactIdList.length - one; 54 var checkMaxLength = $scope.contactIdList.length - one;
55 if (index === checkMaxLength) { 55 if (index === checkMaxLength) {
56 $scope.disableNext = true; 56 $scope.disableNext = true;
57 }else{ 57 }else{
58 $scope.disableNext = false; 58 $scope.disableNext = false;
59 } 59 }
60 if (index === 0) { 60 if (index === 0) {
61 $scope.disablePrev = true; 61 $scope.disablePrev = true;
62 }else{ 62 }else{
63 $scope.disablePrev = false; 63 $scope.disablePrev = false;
64 } 64 }
65 }, 3); 65 }, 3);
66 66
67 $scope.editName = true; 67 $scope.editName = true;
68 $scope.editCompany = true; 68 $scope.editCompany = true;
69 $scope.editAddress = true; 69 $scope.editAddress = true;
70 $scope.editPhone = true; 70 $scope.editPhone = true;
71 $scope.editMobile = true; 71 $scope.editMobile = true;
72 $scope.editEmail = true; 72 $scope.editEmail = true;
73 $scope.editContactNotes = true; 73 $scope.editContactNotes = true;
74 74
75 $scope.nameEdit = function(){ 75 $scope.nameEdit = function(){
76 $scope.editName = false; 76 $scope.editName = false;
77 } 77 }
78 $scope.addressEdit = function(){ 78 $scope.addressEdit = function(){
79 $scope.editAddress = false; 79 $scope.editAddress = false;
80 } 80 }
81 $scope.phoneEdit = function(){ 81 $scope.phoneEdit = function(){
82 $scope.editPhone = false; 82 $scope.editPhone = false;
83 } 83 }
84 $scope.mobileEdit = function(){ 84 $scope.mobileEdit = function(){
85 $scope.editMobile = false; 85 $scope.editMobile = false;
86 } 86 }
87 $scope.emailEdit = function(){ 87 $scope.emailEdit = function(){
88 $scope.editEmail = false; 88 $scope.editEmail = false;
89 } 89 }
90 $scope.notesEdit = function(){ 90 $scope.notesEdit = function(){
91 $scope.editContactNotes = false; 91 $scope.editContactNotes = false;
92 } 92 }
93 93
94 $scope.conData = {}; 94 $scope.conData = {};
95 $scope.contactData = {}; 95 $scope.contactData = {};
96 $scope.contactData.contactList = []; 96 $scope.contactData.contactList = [];
97 $scope.updateContact = function(data){ 97 $scope.updateContact = function(data){
98 $scope.editName = true; 98 $scope.editName = true;
99 $scope.editCompany = true; 99 $scope.editCompany = true;
100 $scope.editAddress = true; 100 $scope.editAddress = true;
101 $scope.editPhone = true; 101 $scope.editPhone = true;
102 $scope.editMobile = true; 102 $scope.editMobile = true;
103 $scope.editEmail = true; 103 $scope.editEmail = true;
104 $scope.editContactNotes = true; 104 $scope.editContactNotes = true;
105 105
106 $scope.conData.address = data.address; 106 $scope.conData.address = data.address;
107 $scope.conData.email = data.email; 107 $scope.conData.email = data.email;
108 $scope.conData.firstName = data.firstName; 108 $scope.conData.firstName = data.firstName;
109 $scope.conData.id = data.id; 109 $scope.conData.id = data.id;
110 $scope.conData.lastName = data.lastName; 110 $scope.conData.lastName = data.lastName;
111 $scope.conData.mobilePhone = data.mobilePhone; 111 $scope.conData.mobilePhone = data.mobilePhone;
112 $scope.conData.note = data.note; 112 $scope.conData.note = data.note;
113 $scope.conData.password = data.password; 113 $scope.conData.password = data.password;
114 $scope.conData.priceEmail = data.priceEmail; 114 $scope.conData.priceEmail = data.priceEmail;
115 $scope.conData.primaryContact = data.primaryContact; 115 $scope.conData.primaryContact = data.primaryContact;
116 $scope.conData.title = data.title; 116 $scope.conData.title = data.title;
117 $scope.conData.userName = data.userName; 117 $scope.conData.userName = data.userName;
118 $scope.conData.workPhone = data.workPhone; 118 $scope.conData.workPhone = data.workPhone;
119 $scope.conData.companyId = data.owner.id; 119 $scope.conData.companyId = data.owner.id;
120 120
121 $scope.contactData.contactList.push($scope.conData); 121 $scope.contactData.contactList.push($scope.conData);
122 $scope.contactData.contactList.push(); 122 $scope.contactData.contactList.push();
123 ViewcontactService.updateContact($scope.contactData).then(function(result) { 123 ViewcontactService.updateContact($scope.contactData).then(function(result) {
124 if(result.success){ 124 if(result.success){
125 toastr.success(''+result.success+'', { 125 toastr.success(''+result.success+'', {
126 closeButton: true 126 closeButton: true
127 }) 127 })
128 }else{ 128 }else{
129 toastr.error(''+result.statusText+'', { 129 toastr.error(''+result.statusText+'', {
130 closeButton: true 130 closeButton: true
131 }) 131 })
132 } 132 }
133 }) 133 })
134 } 134 }
135 135
136 $scope.checkPrimaryContact = function(companyId){ 136 $scope.checkPrimaryContact = function(companyId){
137 if($scope.contactDetail.primaryContact == true){ 137 if($scope.contactDetail.primaryContact == true){
138 ViewCompanyService.checkPrimaryContact(companyId).then(function(result) { 138 ViewCompanyService.checkPrimaryContact(companyId).then(function(result) {
139 console.log(result) 139 console.log(result)
140 if(result.status == 422){ 140 if(result.status == 422){
141 $('#primaryContact').css('display', 'block'); 141 $('#primaryContact').css('display', 'block');
142 } 142 }
143 }) 143 })
144 } 144 }
145 } 145 }
146 146
147 $scope.cancelPrimaryContact = function(){ 147 $scope.cancelPrimaryContact = function(){
148 $('#primaryContact').css('display', 'none'); 148 $('#primaryContact').css('display', 'none');
149 $scope.contactDetail.primaryContact = false;
150 console.log($scope.contactDetail.primaryContact)
149 } 151 }
150 152
151 $scope.sendPrimaryContact = function(id){ 153 $scope.sendPrimaryContact = function(id){
152 $('#primaryContact').css('display', 'none'); 154 $('#primaryContact').css('display', 'none');
153 var priamryContactData = "companyContactId=" + id + "&primary=" + $scope.contactDetail.primaryContact; 155 var priamryContactData = "companyContactId=" + id + "&primary=" + $scope.contactDetail.primaryContact;
154 156
155 ViewCompanyService.addPrimaryContact(priamryContactData).then(function(result) { 157 ViewCompanyService.addPrimaryContact(priamryContactData).then(function(result) {
156 console.log(result) 158 console.log(result)
157 }) 159 })
158 160
159 } 161 }
160 162
161 }]); 163 }]);
162 164
app/partials/viewcontact/viewcontact.html
Diff comments   View file @9642a0a
1 <div class="container"> 1 <div class="container">
2 <div class="row"> 2 <div class="row">
3 <div class="col-md-10" style="padding-right: 60px; margin-bottom: 30px;"> 3 <div class="col-md-10" style="padding-right: 60px; margin-bottom: 30px;">
4 <div class="widget"> 4 <div class="widget">
5 <div class="widget-header"> 5 <div class="widget-header">
6 <i class="icon-pencil"></i> 6 <i class="icon-pencil"></i>
7 <i class="fa fa-building-o" aria-hidden="true"></i> 7 <i class="fa fa-building-o" aria-hidden="true"></i>
8 <h3>Antioch Flight Department</h3> 8 <h3>Antioch Flight Department</h3>
9 </div> 9 </div>
10 <div class="widget-content" style="padding-left: 0; padding-right: 0; "> 10 <div class="widget-content" style="padding-left: 0; padding-right: 0; ">
11 <div class="container"> 11 <div class="container">
12 <div style="margin-bottom: 25px;"> 12 <div style="margin-bottom: 25px;">
13 <button ng-disabled="disablePrev" class="newButtons" ng-click="prevContact()"> 13 <button ng-disabled="disablePrev" class="newButtons" ng-click="prevContact()">
14 <i class="fa fa-long-arrow-left" aria-hidden="true"></i> 14 <i class="fa fa-long-arrow-left" aria-hidden="true"></i>
15 Previous Contact 15 Previous Contact
16 </button> 16 </button>
17 <button ng-disabled="disableNext" class="newButtons" ng-click="nextContact()"> 17 <button ng-disabled="disableNext" class="newButtons" ng-click="nextContact()">
18 Next Contact 18 Next Contact
19 <i class="fa fa-long-arrow-right" aria-hidden="true"></i> 19 <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
20 </button> 20 </button>
21 </div> 21 </div>
22 <div class="row"> 22 <div class="row">
23 <div class="col-md-6" style="margin-left: 20px;"> 23 <div class="col-md-6" style="margin-left: 20px;">
24 <div class="widget stacked"> 24 <div class="widget stacked">
25 <div class="widget-header"> 25 <div class="widget-header">
26 <i class="fa fa-building-o" aria-hidden="true"></i> 26 <i class="fa fa-building-o" aria-hidden="true"></i>
27 <h3>Contact Detail</h3> 27 <h3>Contact Detail</h3>
28 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;"> 28 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;">
29 <toggle ng-model="contactDetail.priceEmail" ng-change="changePriceEmail(contactDetail.id)" size="customToogle" on="PRICE EMAIL ON" off="PRICE EMAIL OFF"></toggle> 29 <toggle ng-model="contactDetail.priceEmail" ng-change="changePriceEmail(contactDetail.id)" size="customToogle" on="PRICE EMAIL ON" off="PRICE EMAIL OFF"></toggle>
30 </div> 30 </div>
31 31
32 </div> 32 </div>
33 <div class="widget-content"> 33 <div class="widget-content">
34 <div class="row" style="margin-left:0px"> 34 <div class="row" style="margin-left:0px">
35 <div class="col-md-6" style="padding-left: 0px;"> 35 <div class="col-md-6" style="padding-left: 0px;">
36 <h3> 36 <h3>
37 <b ng-show="editName" style="color:#F90;">{{contactDetail.firstName}} {{contactDetail.lastName}}</b> 37 <b ng-show="editName" style="color:#F90;">{{contactDetail.firstName}} {{contactDetail.lastName}}</b>
38 <input type="text" ng-hide="editName" class="form-control" ng-blur="updateContact(contactDetail)" style="width: 49%; float: left;" ng-model="contactDetail.firstName"> 38 <input type="text" ng-hide="editName" class="form-control" ng-blur="updateContact(contactDetail)" style="width: 49%; float: left;" ng-model="contactDetail.firstName">
39 <input type="text" ng-hide="editName" class="form-control" ng-blur="updateContact(contactDetail)" style="width: 49%;" ng-model="contactDetail.lastName"> 39 <input type="text" ng-hide="editName" class="form-control" ng-blur="updateContact(contactDetail)" style="width: 49%;" ng-model="contactDetail.lastName">
40 &nbsp;<i class="fa fa-pencil-square-o" ng-show="editName" ng-click="nameEdit()" style="font-size: 11px;" aria-hidden="true"></i> 40 &nbsp;<i class="fa fa-pencil-square-o" ng-show="editName" ng-click="nameEdit()" style="font-size: 11px;" aria-hidden="true"></i>
41 </h3> 41 </h3>
42 {{contactDetail.owner.companyName}} 42 {{contactDetail.owner.companyName}}
43 </div> 43 </div>
44 <div class="col-md-6"> 44 <div class="col-md-6">
45 <div style="margin-bottom: 10px" class="input-group email-password"> 45 <div style="margin-bottom: 10px" class="input-group email-password">
46 <span class="input-group-addon email-password"><i class="glyphicon glyphicon-user email-password-icon"></i></span> 46 <span class="input-group-addon email-password"><i class="glyphicon glyphicon-user email-password-icon"></i></span>
47 <input id="login-username" type="text" ng-blur="updateContact(contactDetail)" ng-model="contactDetail.userName" class="form-control email-password" placeholder="username or email"> 47 <input id="login-username" type="text" ng-blur="updateContact(contactDetail)" ng-model="contactDetail.userName" class="form-control email-password" placeholder="username or email">
48 </div> 48 </div>
49 49
50 <!-- <div class="input-group email-password"> 50 <!-- <div class="input-group email-password">
51 <span class="input-group-addon email-password"><i class="fa fa-key" aria-hidden="true"></i></span> 51 <span class="input-group-addon email-password"><i class="fa fa-key" aria-hidden="true"></i></span>
52 <input id="login-password" type="password" class="form-control email-password" name="password" placeholder="password"> 52 <input id="login-password" type="password" class="form-control email-password" name="password" placeholder="password">
53 </div> --> 53 </div> -->
54 </div> 54 </div>
55 </div> 55 </div>
56 <div> 56 <div>
57 <p> 57 <p>
58 <span ng-show="editAddress"> 58 <span ng-show="editAddress">
59 <i class="fa fa-map-marker"></i> {{contactDetail.address}} &nbsp; 59 <i class="fa fa-map-marker"></i> {{contactDetail.address}} &nbsp;
60 <i class="fa fa-pencil-square-o" ng-click="addressEdit()" style="font-size: 11px;" aria-hidden="true"></i> 60 <i class="fa fa-pencil-square-o" ng-click="addressEdit()" style="font-size: 11px;" aria-hidden="true"></i>
61 </span> 61 </span>
62 62
63 <input type="text" ng-hide="editAddress" class="form-control" ng-model="contactDetail.address" ng-blur="updateContact(contactDetail)"> 63 <input type="text" ng-hide="editAddress" class="form-control" ng-model="contactDetail.address" ng-blur="updateContact(contactDetail)">
64 </p> 64 </p>
65 65
66 <p ng-show="editPhone"><i class="fa fa-phone"></i> {{contactDetail.mobilePhone}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="phoneEdit()" style="font-size: 11px;" aria-hidden="true"></i></p> 66 <p ng-show="editPhone"><i class="fa fa-phone"></i> {{contactDetail.mobilePhone}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="phoneEdit()" style="font-size: 11px;" aria-hidden="true"></i></p>
67 <p ng-hide="editPhone"> 67 <p ng-hide="editPhone">
68 <input type="text" ng-model="contactDetail.mobilePhone" ng-blur="updateContact(contactDetail)" class="form-control"> 68 <input type="text" ng-model="contactDetail.mobilePhone" ng-blur="updateContact(contactDetail)" class="form-control">
69 </p> 69 </p>
70 70
71 <p ng-show="editMobile"><i class="fa fa-mobile"></i> {{contactDetail.workPhone}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="mobileEdit()" style="font-size: 11px;" aria-hidden="true"></i></p> 71 <p ng-show="editMobile"><i class="fa fa-mobile"></i> {{contactDetail.workPhone}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="mobileEdit()" style="font-size: 11px;" aria-hidden="true"></i></p>
72 <p ng-hide="editMobile"> 72 <p ng-hide="editMobile">
73 <input type="text" ng-model="contactDetail.workPhone" ng-blur="updateContact(contactDetail)" class="form-control"> 73 <input type="text" ng-model="contactDetail.workPhone" ng-blur="updateContact(contactDetail)" class="form-control">
74 </p> 74 </p>
75 75
76 <p ng-show="editEmail"><i class="fa fa-envelope"></i> {{contactDetail.email}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="emailEdit()" style="font-size: 11px;" aria-hidden="true"></i></p> 76 <p ng-show="editEmail"><i class="fa fa-envelope"></i> {{contactDetail.email}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="emailEdit()" style="font-size: 11px;" aria-hidden="true"></i></p>
77 <p ng-hide="editEmail"> 77 <p ng-hide="editEmail">
78 <input type="email" ng-model="contactDetail.email" ng-blur="updateContact(contactDetail)" class="form-control"> 78 <input type="email" ng-model="contactDetail.email" ng-blur="updateContact(contactDetail)" class="form-control">
79 </p> 79 </p>
80 <div> 80 <div>
81 <input type="checkbox" ng-click="checkPrimaryContact(contactDetail.owner.id)" ng-model="contactDetail.primaryContact">&nbsp; 81 <input type="checkbox" ng-checked="contactDetail.primaryContact" ng-click="checkPrimaryContact(contactDetail.owner.id)" ng-model="contactDetail.primaryContact">&nbsp;
82 <span>Primary Contact </span> 82 <span>Primary Contact </span>
83 </div> 83 </div>
84 </div> 84 </div>
85 </br> 85 </br>
86 <div> 86 <div>
87 <p><b>Contact Notes</b> &nbsp;<i ng-show="editContactNotes" class="fa fa-pencil-square-o" ng-click="notesEdit()" style="font-size: 11px;" aria-hidden="true"></i> 87 <p><b>Contact Notes</b> &nbsp;<i ng-show="editContactNotes" class="fa fa-pencil-square-o" ng-click="notesEdit()" style="font-size: 11px;" aria-hidden="true"></i>
88 <p ng-show="editContactNotes">{{contactDetail.note}}</p> 88 <p ng-show="editContactNotes">{{contactDetail.note}}</p>
89 <p ng-hide="editContactNotes"> 89 <p ng-hide="editContactNotes">
90 <input type="text" ng-model="contactDetail.note" ng-blur="updateContact(contactDetail)" class="form-control"> 90 <input type="text" ng-model="contactDetail.note" ng-blur="updateContact(contactDetail)" class="form-control">
91 </p> 91 </p>
92 92
93 <button type="button" class="btn btn-primary">Send Price to This Contacts</button> 93 <button type="button" class="btn btn-primary">Send Price to This Contacts</button>
94 </div> 94 </div>
95 <!-- <div class="col-md-6"> 95 <!-- <div class="col-md-6">
96 <button type="button" class="btn btn-primary">Send Price to This Contacts</button> 96 <button type="button" class="btn btn-primary">Send Price to This Contacts</button>
97 </div> --> 97 </div> -->
98 </div> 98 </div>
99 </div> 99 </div>
100 </div> 100 </div>
101 </div> 101 </div>
102 </div> 102 </div>
103 </div> 103 </div>
104 </div> 104 </div>
105 </div> 105 </div>
106 </div> 106 </div>
107 107
108 <div class="customConfirmPopBackdrop" id="primaryContact"> 108 <div class="customConfirmPopBackdrop" id="primaryContact">
109 <div class="customModalInner" style="max-width: 400px;"> 109 <div class="customModalInner" style="max-width: 400px;">
110 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 110 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
111 <table> 111 <table>
112 <tr> 112 <tr>
113 <td> 113 <td>
114 <img src="img/info.png" style="width: 50px;"> 114 <img src="img/info.png" style="width: 50px;">
115 </td> 115 </td>
116 <td> 116 <td>
117 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p> 117 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p>
118 </td> 118 </td>
119 </tr> 119 </tr>
120 </table> 120 </table>
121 </div> 121 </div>
122 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 122 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
123 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact(contactDetail.id)">Yes</button> 123 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact(contactDetail.id)">Yes</button>
124 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button> 124 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button>
125 </div> 125 </div>
126 </div> 126 </div>
127 </div> 127 </div>