Commit 2263bfe7c9a134946b8f22cc273f48e05b33815c
1 parent
2398385ac1
Exists in
master
url redirect
Showing
1 changed file
with
1 additions
and
1 deletions
Show diff stats
app/partials/ContactView/ContactView.html
1 | <style> | 1 | <style> |
2 | .subnavbar .mainnav > li:nth-child(3) > a{ | 2 | .subnavbar .mainnav > li:nth-child(3) > a{ |
3 | color: #ff9900; | 3 | color: #ff9900; |
4 | } | 4 | } |
5 | </style> | 5 | </style> |
6 | <div class="main"> | 6 | <div class="main"> |
7 | <div class="container"> | 7 | <div class="container"> |
8 | <div class="row"> | 8 | <div class="row"> |
9 | <div class="col-md-12"> | 9 | <div class="col-md-12"> |
10 | <div class="widget stacked "> | 10 | <div class="widget stacked "> |
11 | <div class="widget-content"> | 11 | <div class="widget-content"> |
12 | <div class="tabbable"> | 12 | <div class="tabbable"> |
13 | <ul class="nav nav-tabs"> | 13 | <ul class="nav nav-tabs"> |
14 | <li> | 14 | <li> |
15 | <a ui-sref="app.customers">Company View | 15 | <a ui-sref="app.customers">Company View |
16 | <i class="fa fa-caret-down" aria-hidden="true"></i> | 16 | <i class="fa fa-caret-down" aria-hidden="true"></i> |
17 | </a> | 17 | </a> |
18 | </li> | 18 | </li> |
19 | <li class="active"> | 19 | <li class="active"> |
20 | <a ui-sref="app.ContactView">Contact View | 20 | <a ui-sref="app.ContactView">Contact View |
21 | <i class="fa fa-caret-down" aria-hidden="true"></i> | 21 | <i class="fa fa-caret-down" aria-hidden="true"></i> |
22 | </a> | 22 | </a> |
23 | </li> | 23 | </li> |
24 | <li> | 24 | <li> |
25 | <a ui-sref="app.FuelVendors">Fuel Vendors | 25 | <a ui-sref="app.FuelVendors">Fuel Vendors |
26 | <i class="fa fa-caret-down" aria-hidden="true"></i> | 26 | <i class="fa fa-caret-down" aria-hidden="true"></i> |
27 | </a> | 27 | </a> |
28 | </li> | 28 | </li> |
29 | <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" placeholder="Search In Table"></li> | 29 | <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" placeholder="Search In Table"></li> |
30 | <li><button type="button" class="btn btn-default btn-sm">Clear Search And Filters</button></li> | 30 | <li><button type="button" class="btn btn-default btn-sm">Clear Search And Filters</button></li> |
31 | <li style="float: right"> <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm"> <i class="fa fa-plus" aria-hidden="true"></i> Add Contact </button></li> | 31 | <li style="float: right"> <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm"> <i class="fa fa-plus" aria-hidden="true"></i> Add Contact </button></li> |
32 | </ul> | 32 | </ul> |
33 | <br> | 33 | <br> |
34 | <div class="tab-content customer-table" style="margin:0px"> | 34 | <div class="tab-content customer-table" style="margin:0px"> |
35 | <div class="tab-pane active" id="companyView"> | 35 | <div class="tab-pane active" id="companyView"> |
36 | <table ng-table="displayContactList" class="table table-striped table-condensed" show-filter="true"> | 36 | <table ng-table="displayContactList" class="table table-striped table-condensed" show-filter="true"> |
37 | <tr ng-repeat="row in $data track by row.id"> | 37 | <tr ng-repeat="row in $data track by row.id" style="cursor: pointer;" ui-sref="app.viewContact({id : row.id})"> |
38 | <td data-title="'Last Name'" filter="{lastName: 'text'}" sortable="'lastName'"> | 38 | <td data-title="'Last Name'" filter="{lastName: 'text'}" sortable="'lastName'"> |
39 | {{row.lastName}} | 39 | {{row.lastName}} |
40 | </td> | 40 | </td> |
41 | <td data-title="'First Name'" filter="{firstName: 'text'}" sortable="'firstName'"> | 41 | <td data-title="'First Name'" filter="{firstName: 'text'}" sortable="'firstName'"> |
42 | {{row.firstName}} | 42 | {{row.firstName}} |
43 | </td> | 43 | </td> |
44 | <td data-title="'Company Name'" filter="{owner: 'text'}" sortable="'owner'"> | 44 | <td data-title="'Company Name'" filter="{owner: 'text'}" sortable="'owner'"> |
45 | {{row.owner}} | 45 | {{row.owner}} |
46 | </td> | 46 | </td> |
47 | <td data-title="'Work Phone'" filter="{workPhone: 'text'}" sortable="'workPhone'"> | 47 | <td data-title="'Work Phone'" filter="{workPhone: 'text'}" sortable="'workPhone'"> |
48 | {{row.workPhone}} | 48 | {{row.workPhone}} |
49 | </td> | 49 | </td> |
50 | <td data-title="'Mobile Phone'" filter="{mobilePhone: 'text'}" sortable="'mobilePhone'"> | 50 | <td data-title="'Mobile Phone'" filter="{mobilePhone: 'text'}" sortable="'mobilePhone'"> |
51 | {{row.mobilePhone}} | 51 | {{row.mobilePhone}} |
52 | </td> | 52 | </td> |
53 | <td data-title="'Title'" filter="{title: 'text'}" sortable="'title'"> | 53 | <td data-title="'Title'" filter="{title: 'text'}" sortable="'title'"> |
54 | {{row.title}} | 54 | {{row.title}} |
55 | </td> | 55 | </td> |
56 | <td data-title="'Pricing Email'"> | 56 | <td data-title="'Pricing Email'"> |
57 | <toggle ng-model="row.priceEmail" ng-change="changePriceEmail(row.id, $index)" size="customToogle"></toggle> | 57 | <toggle ng-model="row.priceEmail" ng-change="changePriceEmail(row.id, $index)" size="customToogle"></toggle> |
58 | </td> | 58 | </td> |
59 | <td data-title="'User Name'" filter="{userName: 'text'}" sortable="'userName'"> | 59 | <td data-title="'User Name'" filter="{userName: 'text'}" sortable="'userName'"> |
60 | {{row.userName}} | 60 | {{row.userName}} |
61 | </td> | 61 | </td> |
62 | </tr> | 62 | </tr> |
63 | </table> | 63 | </table> |
64 | 64 | ||
65 | <!-- <table class="table table-striped"> | 65 | <!-- <table class="table table-striped"> |
66 | <thead> | 66 | <thead> |
67 | <tr> | 67 | <tr> |
68 | <th> | 68 | <th> |
69 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> | 69 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> |
70 | <label class="font-company">Last Name <i class="fa fa-sort" aria-hidden="true"></i></label> | 70 | <label class="font-company">Last Name <i class="fa fa-sort" aria-hidden="true"></i></label> |
71 | </th> | 71 | </th> |
72 | 72 | ||
73 | <th> | 73 | <th> |
74 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> | 74 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> |
75 | <label class="font-company">First Phone <i class="fa fa-sort" aria-hidden="true"></i></label> | 75 | <label class="font-company">First Phone <i class="fa fa-sort" aria-hidden="true"></i></label> |
76 | </th> | 76 | </th> |
77 | <th> | 77 | <th> |
78 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> | 78 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> |
79 | <label class="font-company">Company Name <i class="fa fa-sort" aria-hidden="true"></i></label> | 79 | <label class="font-company">Company Name <i class="fa fa-sort" aria-hidden="true"></i></label> |
80 | </th> | 80 | </th> |
81 | 81 | ||
82 | <th> | 82 | <th> |
83 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> | 83 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> |
84 | <label class="font-company">Work Phone <i class="fa fa-sort" aria-hidden="true"></i></label> | 84 | <label class="font-company">Work Phone <i class="fa fa-sort" aria-hidden="true"></i></label> |
85 | <th> | 85 | <th> |
86 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> | 86 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> |
87 | <label class="font-company">Mobile Phone <i class="fa fa-sort" aria-hidden="true"></i></label> | 87 | <label class="font-company">Mobile Phone <i class="fa fa-sort" aria-hidden="true"></i></label> |
88 | </th> | 88 | </th> |
89 | <th> | 89 | <th> |
90 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> | 90 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> |
91 | <label class="font-company">Title <i class="fa fa-sort" aria-hidden="true"></i></label> | 91 | <label class="font-company">Title <i class="fa fa-sort" aria-hidden="true"></i></label> |
92 | </th> | 92 | </th> |
93 | 93 | ||
94 | <th> | 94 | <th> |
95 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> | 95 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> |
96 | <label class="font-company">Price Email<i class="fa fa-sort" aria-hidden="true"></i></label> | 96 | <label class="font-company">Price Email<i class="fa fa-sort" aria-hidden="true"></i></label> |
97 | </th> | 97 | </th> |
98 | <th> | 98 | <th> |
99 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> | 99 | <input type="text" class="form-control" style="height:31px;" name="name" id="name"> |
100 | <label class="font-company">Username<i class="fa fa-sort" aria-hidden="true"></i></label> | 100 | <label class="font-company">Username<i class="fa fa-sort" aria-hidden="true"></i></label> |
101 | </th> | 101 | </th> |
102 | </tr> | 102 | </tr> |
103 | </thead> | 103 | </thead> |
104 | <tbody> | 104 | <tbody> |
105 | <tr ng-repeat="contact in contactList" style="cursor: pointer;" ui-sref="app.viewContact({id : contact.id})"> | 105 | <tr ng-repeat="contact in contactList" style="cursor: pointer;" ui-sref="app.viewContact({id : contact.id})"> |
106 | <td>{{contact.lastName}}</td> | 106 | <td>{{contact.lastName}}</td> |
107 | <td>{{contact.firstName}}</td> | 107 | <td>{{contact.firstName}}</td> |
108 | <td>{{contact.owner.companyName}}</td> | 108 | <td>{{contact.owner.companyName}}</td> |
109 | <td>{{contact.workPhone}}</td> | 109 | <td>{{contact.workPhone}}</td> |
110 | <td>{{contact.mobilePhone}}</td> | 110 | <td>{{contact.mobilePhone}}</td> |
111 | <td>{{contact.title}}</td> | 111 | <td>{{contact.title}}</td> |
112 | <td> | 112 | <td> |
113 | <toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)" size="customToogle"></toggle> | 113 | <toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)" size="customToogle"></toggle> |
114 | </td> | 114 | </td> |
115 | <td>{{contact.userName}}</td> | 115 | <td>{{contact.userName}}</td> |
116 | </tr> | 116 | </tr> |
117 | </tbody> | 117 | </tbody> |
118 | </table> --> | 118 | </table> --> |
119 | <!-- <div class="row" style="margin-left: 0px;"> | 119 | <!-- <div class="row" style="margin-left: 0px;"> |
120 | <div class="col-md-2"> | 120 | <div class="col-md-2"> |
121 | <button type="button" class="btn btn-warning">Export Customers</button> | 121 | <button type="button" class="btn btn-warning">Export Customers</button> |
122 | </div> | 122 | </div> |
123 | <div class="col-md-10"> | 123 | <div class="col-md-10"> |
124 | <div class="row" style="margin-left: 0px;"> | 124 | <div class="row" style="margin-left: 0px;"> |
125 | <div class="col-md-6"> | 125 | <div class="col-md-6"> |
126 | </div> | 126 | </div> |
127 | <div class="col-md-2"> | 127 | <div class="col-md-2"> |
128 | <select class="form-control"> | 128 | <select class="form-control"> |
129 | <option>20 Records Per Page</option> | 129 | <option>20 Records Per Page</option> |
130 | <option>50 Records Per Page</option> | 130 | <option>50 Records Per Page</option> |
131 | <option>100 Records Per Page</option> | 131 | <option>100 Records Per Page</option> |
132 | </select> | 132 | </select> |
133 | </div> | 133 | </div> |
134 | <div class="col-md-4"> | 134 | <div class="col-md-4"> |
135 | <ul class="pagination" style="margin:0px"> | 135 | <ul class="pagination" style="margin:0px"> |
136 | <li><a href="javascript:;">«</a></li> | 136 | <li><a href="javascript:;">«</a></li> |
137 | <li class="active"><a href="#">1</a></li> | 137 | <li class="active"><a href="#">1</a></li> |
138 | <li><a href="javascript:;">2</a></li> | 138 | <li><a href="javascript:;">2</a></li> |
139 | <li><a href="javascript:;">3</a></li> | 139 | <li><a href="javascript:;">3</a></li> |
140 | <li><a href="javascript:;">4</a></li> | 140 | <li><a href="javascript:;">4</a></li> |
141 | <li><a href="javascript:;">5</a></li> | 141 | <li><a href="javascript:;">5</a></li> |
142 | <li><a href="javascript:;">»</a></li> | 142 | <li><a href="javascript:;">»</a></li> |
143 | </ul> | 143 | </ul> |
144 | </div> | 144 | </div> |
145 | </div> | 145 | </div> |
146 | </div> | 146 | </div> |
147 | </div> --> | 147 | </div> --> |
148 | </div> | 148 | </div> |
149 | </div> | 149 | </div> |
150 | </div> | 150 | </div> |
151 | </div> | 151 | </div> |
152 | <!-- /widget-content --> | 152 | <!-- /widget-content --> |
153 | </div> | 153 | </div> |
154 | <!-- /widget --> | 154 | <!-- /widget --> |
155 | </div> | 155 | </div> |
156 | <!-- /span8 --> | 156 | <!-- /span8 --> |
157 | </div> | 157 | </div> |
158 | <!-- /row --> | 158 | <!-- /row --> |
159 | </div> | 159 | </div> |
160 | <!-- /container --> | 160 | <!-- /container --> |
161 | </div> | 161 | </div> |
162 | <!-- /main --> | 162 | <!-- /main --> |
163 | <form class="modal multi-step" id="contact-modal-3" name="companyForm"> | 163 | <form class="modal multi-step" id="contact-modal-3" name="companyForm"> |
164 | <div class="modal-dialog modal-lg"> | 164 | <div class="modal-dialog modal-lg"> |
165 | <div class="modal-content"> | 165 | <div class="modal-content"> |
166 | <div class="modal-body step-1" data-step="1" style="padding: 0;"> | 166 | <div class="modal-body step-1" data-step="1" style="padding: 0;"> |
167 | <div> | 167 | <div> |
168 | <div class="row" style="margin: 0;"> | 168 | <div class="row" style="margin: 0;"> |
169 | <div> | 169 | <div> |
170 | <div class="widget" style="margin-bottom: 0; box-shadow: none;"> | 170 | <div class="widget" style="margin-bottom: 0; box-shadow: none;"> |
171 | <div class="widget-header"> | 171 | <div class="widget-header"> |
172 | <i class="icon-pencil"></i> | 172 | <i class="icon-pencil"></i> |
173 | <i class="fa fa-tasks" aria-hidden="true"></i> | 173 | <i class="fa fa-tasks" aria-hidden="true"></i> |
174 | <h3>Add a New Contact</h3> | 174 | <h3>Add a New Contact</h3> |
175 | <div class="clearfix"></div> | 175 | <div class="clearfix"></div> |
176 | </div> | 176 | </div> |
177 | <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> | 177 | <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> |
178 | <div class="col-xs-12"> | 178 | <div class="col-xs-12"> |
179 | <div class="col-md-6"> | 179 | <div class="col-md-6"> |
180 | <div class="pull-left" style="width: 110px;"> | 180 | <div class="pull-left" style="width: 110px;"> |
181 | <label class="new-input-label"><b>First Name</b></label> | 181 | <label class="new-input-label"><b>First Name</b></label> |
182 | </div> | 182 | </div> |
183 | <div class="pull-left" style="margin-left: 15px;"> | 183 | <div class="pull-left" style="margin-left: 15px;"> |
184 | <input type="tel" ng-model="data.firstName" class="form-control" placeholder=""> | 184 | <input type="tel" ng-model="data.firstName" class="form-control" placeholder=""> |
185 | </div> | 185 | </div> |
186 | <div class="clearfix"></div> | 186 | <div class="clearfix"></div> |
187 | </div> | 187 | </div> |
188 | <div class="col-md-6"> | 188 | <div class="col-md-6"> |
189 | 189 | ||
190 | <div class="pull-left" style="width: 110px;"> | 190 | <div class="pull-left" style="width: 110px;"> |
191 | <label class="new-input-label"><b>Last Name</b></label> | 191 | <label class="new-input-label"><b>Last Name</b></label> |
192 | </div> | 192 | </div> |
193 | <div class="pull-left" style="margin-left: 15px;"> | 193 | <div class="pull-left" style="margin-left: 15px;"> |
194 | <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder=""> | 194 | <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder=""> |
195 | </div> | 195 | </div> |
196 | <div class="clearfix"></div> | 196 | <div class="clearfix"></div> |
197 | </div> | 197 | </div> |
198 | </div> | 198 | </div> |
199 | <div class="clearfix"></div><br> | 199 | <div class="clearfix"></div><br> |
200 | <div class="col-xs-12"> | 200 | <div class="col-xs-12"> |
201 | <div class="col-md-6"> | 201 | <div class="col-md-6"> |
202 | <div class="pull-left" style="width: 110px;"> | 202 | <div class="pull-left" style="width: 110px;"> |
203 | <label class="new-input-label"><b>Title</b></label> | 203 | <label class="new-input-label"><b>Title</b></label> |
204 | </div> | 204 | </div> |
205 | <div class="pull-left" style="margin-left: 15px;"> | 205 | <div class="pull-left" style="margin-left: 15px;"> |
206 | <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder=""> | 206 | <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder=""> |
207 | </div> | 207 | </div> |
208 | <div class="clearfix"></div> | 208 | <div class="clearfix"></div> |
209 | </div> | 209 | </div> |
210 | <div class="col-md-6"> | 210 | <div class="col-md-6"> |
211 | 211 | ||
212 | <div class="pull-left" style="width: 110px;"> | 212 | <div class="pull-left" style="width: 110px;"> |
213 | <label class="new-input-label"><b>Email</b></label> | 213 | <label class="new-input-label"><b>Email</b></label> |
214 | </div> | 214 | </div> |
215 | <div class="pull-left" style="margin-left: 15px;"> | 215 | <div class="pull-left" style="margin-left: 15px;"> |
216 | <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder=""> | 216 | <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder=""> |
217 | </div> | 217 | </div> |
218 | <div class="clearfix"></div> | 218 | <div class="clearfix"></div> |
219 | </div> | 219 | </div> |
220 | </div> | 220 | </div> |
221 | <div class="clearfix"></div><br> | 221 | <div class="clearfix"></div><br> |
222 | <div class="col-xs-12"> | 222 | <div class="col-xs-12"> |
223 | <div class="col-md-6"> | 223 | <div class="col-md-6"> |
224 | <div class="pull-left" style="width: 110px;"> | 224 | <div class="pull-left" style="width: 110px;"> |
225 | <label class="new-input-label"><b>Username</b></label> | 225 | <label class="new-input-label"><b>Username</b></label> |
226 | </div> | 226 | </div> |
227 | <div class="pull-left" style="margin-left: 15px;"> | 227 | <div class="pull-left" style="margin-left: 15px;"> |
228 | <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder=""> | 228 | <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder=""> |
229 | </div> | 229 | </div> |
230 | <div class="clearfix"></div> | 230 | <div class="clearfix"></div> |
231 | </div> | 231 | </div> |
232 | <div class="col-md-6"> | 232 | <div class="col-md-6"> |
233 | 233 | ||
234 | <div class="pull-left" style="width: 110px;"> | 234 | <div class="pull-left" style="width: 110px;"> |
235 | <label class="new-input-label"><b>Password</b></label> | 235 | <label class="new-input-label"><b>Password</b></label> |
236 | </div> | 236 | </div> |
237 | <div class="pull-left" style="margin-left: 15px;"> | 237 | <div class="pull-left" style="margin-left: 15px;"> |
238 | <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder=""> | 238 | <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder=""> |
239 | </div> | 239 | </div> |
240 | <div class="clearfix"></div> | 240 | <div class="clearfix"></div> |
241 | </div> | 241 | </div> |
242 | </div> | 242 | </div> |
243 | <div class="clearfix"></div><br> | 243 | <div class="clearfix"></div><br> |
244 | <div class="col-xs-12"> | 244 | <div class="col-xs-12"> |
245 | <div class="col-md-6"> | 245 | <div class="col-md-6"> |
246 | <div class="pull-left" style="width: 110px;"> | 246 | <div class="pull-left" style="width: 110px;"> |
247 | <label class="new-input-label"><b>Work Phone</b></label> | 247 | <label class="new-input-label"><b>Work Phone</b></label> |
248 | </div> | 248 | </div> |
249 | <div class="pull-left" style="margin-left: 15px;"> | 249 | <div class="pull-left" style="margin-left: 15px;"> |
250 | <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder=""> | 250 | <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder=""> |
251 | </div> | 251 | </div> |
252 | <div class="clearfix"></div> | 252 | <div class="clearfix"></div> |
253 | </div> | 253 | </div> |
254 | <div class="col-md-6"> | 254 | <div class="col-md-6"> |
255 | 255 | ||
256 | <div class="pull-left" style="width: 110px;"> | 256 | <div class="pull-left" style="width: 110px;"> |
257 | <label class="new-input-label"><b>Mobile Phone</b></label> | 257 | <label class="new-input-label"><b>Mobile Phone</b></label> |
258 | </div> | 258 | </div> |
259 | <div class="pull-left" style="margin-left: 15px;"> | 259 | <div class="pull-left" style="margin-left: 15px;"> |
260 | <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder=""> | 260 | <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder=""> |
261 | </div> | 261 | </div> |
262 | <div class="clearfix"></div> | 262 | <div class="clearfix"></div> |
263 | </div> | 263 | </div> |
264 | </div> | 264 | </div> |
265 | <div class="clearfix"></div><br> | 265 | <div class="clearfix"></div><br> |
266 | <div class="col-xs-12"> | 266 | <div class="col-xs-12"> |
267 | <div class="col-md-12"> | 267 | <div class="col-md-12"> |
268 | <div class="pull-left" style="width: 110px;"> | 268 | <div class="pull-left" style="width: 110px;"> |
269 | <label class="new-input-label"><b>Address</b></label> | 269 | <label class="new-input-label"><b>Address</b></label> |
270 | </div> | 270 | </div> |
271 | <div class="pull-right" style="width: calc(100% - 123px);"> | 271 | <div class="pull-right" style="width: calc(100% - 123px);"> |
272 | <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder=""> | 272 | <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder=""> |
273 | </div> | 273 | </div> |
274 | <div class="clearfix"></div> | 274 | <div class="clearfix"></div> |
275 | </div> | 275 | </div> |
276 | </div> | 276 | </div> |
277 | <div class="clearfix"></div><br> | 277 | <div class="clearfix"></div><br> |
278 | <div class="col-xs-12"> | 278 | <div class="col-xs-12"> |
279 | <div class="col-md-12"> | 279 | <div class="col-md-12"> |
280 | <div class="pull-left" style="width: 110px;"> | 280 | <div class="pull-left" style="width: 110px;"> |
281 | <label class="new-input-label"><b>Company</b></label> | 281 | <label class="new-input-label"><b>Company</b></label> |
282 | </div> | 282 | </div> |
283 | <div class="pull-right" style="width: calc(100% - 123px);"> | 283 | <div class="pull-right" style="width: calc(100% - 123px);"> |
284 | <select class="form-control" ng-model="data.companyId"> | 284 | <select class="form-control" ng-model="data.companyId"> |
285 | <option value="{{company.id}}" ng-repeat="company in companies">{{company.companyName}}</option> | 285 | <option value="{{company.id}}" ng-repeat="company in companies">{{company.companyName}}</option> |
286 | </select> | 286 | </select> |
287 | </div> | 287 | </div> |
288 | <div class="clearfix"></div> | 288 | <div class="clearfix"></div> |
289 | </div> | 289 | </div> |
290 | </div> | 290 | </div> |
291 | 291 | ||
292 | 292 | ||
293 | <div class="clearfix"></div> | 293 | <div class="clearfix"></div> |
294 | <br/> | 294 | <br/> |
295 | <div class="col-xs-12"> | 295 | <div class="col-xs-12"> |
296 | <div class="col-md-3"> | 296 | <div class="col-md-3"> |
297 | <div class="pull-left my-toggle-switch"> | 297 | <div class="pull-left my-toggle-switch"> |
298 | <div style="color: #ff9a01;">Price Email     | 298 | <div style="color: #ff9a01;">Price Email     |
299 | <toggle ng-model="data.priceEmail" size="customToogle"></toggle> | 299 | <toggle ng-model="data.priceEmail" size="customToogle"></toggle> |
300 | </div> | 300 | </div> |
301 | </div> | 301 | </div> |
302 | <div class="clearfix"></div> | 302 | <div class="clearfix"></div> |
303 | </div> | 303 | </div> |
304 | <div class="col-md-3"> | 304 | <div class="col-md-3"> |
305 | <div class="pull-left my-toggle-switch"> | 305 | <div class="pull-left my-toggle-switch"> |
306 | <div style="color: #ff9a01;">Primary Contact     | 306 | <div style="color: #ff9a01;">Primary Contact     |
307 | <input type="checkbox" ng-model="data.primaryContact"> | 307 | <input type="checkbox" ng-model="data.primaryContact"> |
308 | </div> | 308 | </div> |
309 | </div> | 309 | </div> |
310 | <div class="clearfix"></div> | 310 | <div class="clearfix"></div> |
311 | </div> | 311 | </div> |
312 | <div class="col-md-6"> | 312 | <div class="col-md-6"> |
313 | <div class="pull-left" style="width: 110px;"> | 313 | <div class="pull-left" style="width: 110px;"> |
314 | <label class="new-input-label"><b>Internal Note</b></label> | 314 | <label class="new-input-label"><b>Internal Note</b></label> |
315 | </div> | 315 | </div> |
316 | <div class="pull-left" style="width: calc(100% - 110px);"> | 316 | <div class="pull-left" style="width: calc(100% - 110px);"> |
317 | <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea> | 317 | <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea> |
318 | </div> | 318 | </div> |
319 | </div> | 319 | </div> |
320 | <div class="clearfix"></div> | 320 | <div class="clearfix"></div> |
321 | </div> | 321 | </div> |
322 | <div class="clearfix"></div><br> | 322 | <div class="clearfix"></div><br> |
323 | </div> | 323 | </div> |
324 | </div> | 324 | </div> |
325 | <div class="clearfix"></div> | 325 | <div class="clearfix"></div> |
326 | </div> | 326 | </div> |
327 | </div> | 327 | </div> |
328 | </div> | 328 | </div> |
329 | </div> | 329 | </div> |
330 | <div class="modal-footer" style="border-top: 0;"> | 330 | <div class="modal-footer" style="border-top: 0;"> |
331 | <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button> | 331 | <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button> |
332 | <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button> | 332 | <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button> |
333 | </div> | 333 | </div> |
334 | </div> | 334 | </div> |
335 | </div> | 335 | </div> |
336 | </form> | 336 | </form> |
337 | 337 | ||
338 | <div class="customConfirmPopBackdrop" id="toogleMail"> | 338 | <div class="customConfirmPopBackdrop" id="toogleMail"> |
339 | <div class="customModalInner" style="max-width: 400px;"> | 339 | <div class="customModalInner" style="max-width: 400px;"> |
340 | <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> | 340 | <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> |
341 | <table> | 341 | <table> |
342 | <tr> | 342 | <tr> |
343 | <!-- <td> | 343 | <!-- <td> |
344 | <img src="" style="width: 50px;"> | 344 | <img src="" style="width: 50px;"> |
345 | </td> --> | 345 | </td> --> |
346 | <td> | 346 | <td> |
347 | <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p> | 347 | <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p> |
348 | </td> | 348 | </td> |
349 | </tr> | 349 | </tr> |
350 | </table> | 350 | </table> |
351 | </div> | 351 | </div> |
352 | <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> | 352 | <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> |
353 | <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button> | 353 | <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button> |
354 | </div> | 354 | </div> |
355 | </div> | 355 | </div> |
356 | </div> | 356 | </div> |