--- /dev/null
+//- Copyright (c) 2019 AT&T Intellectual Property. #\r
+//- #\r
+//- Licensed under the Apache License, Version 2.0 (the "License"); #\r
+//- you may not use this file except in compliance with the License. #\r
+//- You may obtain a copy of the License at #\r
+//- #\r
+//- http://www.apache.org/licenses/LICENSE-2.0 #\r
+//- #\r
+//- Unless required by applicable law or agreed to in writing, software #\r
+//- distributed under the License is distributed on an "AS IS" BASIS, #\r
+//- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. #\r
+//- See the License for the specific language governing permissions and #\r
+//- limitations under the License. #\r
+//- #############################################################################\r
+\r
+\r
+\r
+h4.mb-2.ml-1(style="font-weight: bold;") Change Roles - {{user?.firstName}} {{user?.lastName}}\r
+ //input.ml-1(matInput, type='search', placeholder='Search...', color='blue', [(ngModel)]='search.roleName')\r
+div(style="max-height: 300px; overflow-y: scroll")\r
+ .px-4.py-3\r
+ .mr-2.ml-2(*ngFor="let role of roles")\r
+ mat-checkbox([(ngModel)]="role.isSelected") {{role.roleName}} \r
+div(style="text-align: center") \r
+ button.primary.mr-1(mat-raised-button, [disabled]= "", aria-label='Edit', color="primary", (click)='saveRoles()') Save\r
+ \r