Advertisement
tezuka777

html

Jul 21st, 2016
161
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.68 KB | None | 0 0
  1. <div class="col-xs-4" ng-class="roleSelectionPanel">
  2.         <div class="account-responsibility-form">
  3.             <div class="top">
  4.                 Employee Account and Responsibilities
  5.             </div>
  6.             <div class="context">
  7.                 <label for="role">Choose role</label>
  8.                 <select class="form-control element-size" id="role" ng-model="selectedRole"
  9.                        ng-change="populateRawSkill()"
  10.                        ng-options="role as role.title for role in roles track by role.id"
  11.                        required name="pickRole"></select>
  12.                  <span ng-show="employeeData.pickRole.$touched && employeeData.pickRole.$invalid"
  13.                       class="form-invalid-error">Assign this employee a role, skills and skills' certification.</span>
  14.                 <table class="table table-bordered table-striped" ng-show="selectedSkills.length"
  15.                       style="margin-bottom: 0">
  16.                     <tr>
  17.                         <th class="col-md-5">Skill Title</th>
  18.                         <th class="text-center">Certification</th>
  19.                         <th class="col-md-5">Certification Desc</th>
  20.                     </tr>
  21.                     <tr ng-repeat="skill in selectedSkills" required>
  22.                         <td>{{skill.title}}</td>
  23.                         <td class="text-center">
  24.                             <label>
  25.                                 <input type="checkbox" ng-model="skill.certificated">
  26.                             </label>
  27.                         </td>
  28.                         <td>
  29.                             <input type="text" class="form-control input-sm" ng-model="skill.certification"
  30.                                   style="width: 100%">
  31.                         </td>
  32.                     </tr>
  33.                 </table>
  34.                 <div style="margin-top: 15px;">
  35.                     <button class="btn btn-sm btn-success" ng-click="saveRole()"
  36.                            ng-disabled="!selectedSkills.length">Save Selection
  37.                     </button>
  38.                     <!--<button class="btn btn-sm btn-danger" ng-click="roleSelectionPanel = ''">Cancel</button>-->
  39.                     <button type="button" class="btn btn-warning btn-sm" ng-click="advancePanel = !advancePanel">
  40.                         Show selected
  41.                         <i ng-show="!advancePanel" class="fa fa-arrow-down"></i><i ng-show="advancePanel"
  42.                                                                                   class="fa fa-arrow-up"></i>
  43.                     </button>
  44.                 </div>
  45.             </div>
  46.             <div class="advance_setting" ng-show="advancePanel">
  47.                 <span class="title">Advance Setting (Skill based Role)
  48.                     <!--<button class="btn btn-sm btn-success pull-right"
  49.                            ng-click="activeRoleAssignmentPanel()">Add</button>-->
  50.                 </span>
  51.                 <table class="table table-bordered main-table">
  52.                     <tr>
  53.                         <th class="col-md-4 text-center">Role Title</th>
  54.                         <th class="col-md-8">Skills</th>
  55.                     </tr>
  56.                     <tr ng-repeat="obj in selectedRoles">
  57.                         <td class="text-center vertical-center col-md-4">
  58.                             {{obj.role.title}}
  59.                             <span class="pull-right remove-btn" ng-click="deleteRole($index)"><i
  60.                                    class="fa fa-times"></i></span>
  61.                         </td>
  62.                         <td>
  63.                             <table class="table table-striped table-bordered sub-table col-md-8">
  64.                                 <tr>
  65.                                     <th class="col-md-2 text-center">Skill ID</th>
  66.                                     <th class="col-md-4">Skill Title</th>
  67.                                     <th class="col-md-3 text-center">Certificated</th>
  68.                                     <th clss="col-md-3">Certification Num</th>
  69.                                 </tr>
  70.                                 <tr ng-repeat="skill in obj.skills">
  71.                                     <td class="col-md-2 text-center">{{skill.id}}</td>
  72.                                     <td class="col-md-4">{{skill.title}}</td>
  73.                                     <td class="col-md-3 text-center">{{skill.certificated ? 'Yes' : 'No'}}</td>
  74.                                     <td class="col-md-3">{{skill.certification}}</td>
  75.                                 </tr>
  76.                             </table>
  77.                         </td>
  78.                     </tr>
  79.                 </table>
  80.             </div>
  81.      </div>
  82.  </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement