User Tools


Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
user:product:roscolive2.0:user_roles [2018/10/08 16:35]
boh@roscovision.com created
user:product:roscolive2.0:user_roles [2023/01/06 20:58] (current)
codyh@roscovision.com
Line 1: Line 1:
-====== RoscoLive Customer User Roles ======+<​html>​ 
 +<​head>​ 
 +</​head>​ 
 +<​style>​ 
 + body { 
 + font-family:​ "​Helvetica Neue",​Helvetica,​Arial,​sans-serif;​ 
 + }
  
-This page gives an overview of the different fleet user roles and their permissions.\\ \\ + div.legendBox { 
-<​color ​#22b14c>​√</​color> ​Can view and edit page / information.\\ + width: 400px; 
-<color #ffc90e>​▬</​color>​ - Can only view page / information.\\ + padding: 5px; 
-<color #ed1c24>​X</​color>​ - Cannot access page / information.\\ \\+ border: 2px solid #404040; 
 + background-color#404040; 
 +
 + div.legendBox li, span{ 
 + color#ffffff; 
 + padding: 5px; 
 + }
  
-===== RoscoLive User Roles ===== + .usersTable table{ 
-|                    ^  Fleet Manager ​ ^  Fleet Maintainer ​ ^  Group Manager ​ ^  Fleet User  ^ + table-layout:​ fixed; 
-^Account Settings ​   |  ══════════════ ​ |  ════════════════ ​ |  ══════════════ ​ |  ══════════════ ​ | + width: 100%; 
-|Change Password ​    ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | + empty-cells: hide; 
-|User Information ​   |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ffc90e>​▬</​color> ​ |  <color #​ed1c24>​X</​color> ​ |   + }
-|Company Information |  <color #​ffc90e>​▬</​color> ​ |  <color #​ffc90e>​▬</​color> ​ |  <color #​ffc90e>​▬</​color> ​ |  <color #​ffc90e>​▬</​color> ​ | +
-^Reports ​            ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-^GPS Tracking & Live Streaming| ​ <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-^Event Clips & Cloud Storage ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-^Fleet Administration ​        ​| ​ ══════════════ ​ |  ════════════════ ​ |  ══════════════ ​ |  ══════════════ ​ | +
-^Fleet Configuration ​         |  <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ |   <​color #​ed1c24>​X</​color> ​ | +
-^Manage Vehicles ​             |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-|Add New Vehicle ​             |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Edit Vehicle ​                ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ffc90e>​▬</​color> ​ | +
-|Enable/​Disable Vehicle ​      ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Delete Vehicle ​              ​| ​ <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-^Manage Groups ​               |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-|Add New Group                |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Edit Group                   ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Delete Group                 ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-^Manage Users                 ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ffc90e>​▬</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Add New Users                |  <color #​22b14c>​√</​color>​ Group Managers, Users |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Edit Users                   ​| ​ <color #​22b14c>​√</​color>​ Group Managers, Users |  <color #​ed1c24>​X</​color> ​ |  <color #​ffc90e>​▬</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Change User Passwords ​       |  <color #​22b14c>​√</​color>​ Group Managers, Users |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Delete Users                 ​| ​ <color #​22b14c>​√</​color>​ Group Managers, Users |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-^Fleet Firmware Update ​       |  ══════════════ ​ |  ════════════════ ​ |  ══════════════ ​ |  ══════════════ ​ | +
-|Upgrade Firmware ​            ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-^Data Usage                   ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-^Feature Usage                |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-^Vehicle Activity ​            ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-|Download Configuration ​      ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-|Upload Configuration ​        ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-^Available Vehicles ​          ​| ​ Has access to all vehicles of the company where user-account was created ​ |  Has access to all vehicles of the company where user-account was created ​ |  Has access to vehicles of the group(s) to which the user-account was added  |  Has access to assigned vehicles of the company where user-account was created ​ | +
-^Available Users           ​| ​ Has access to all users of the company where user-account was created |  <color #​ed1c24>​X</​color> ​ |  Has access to users of the group(s) to which the user-account was added  |   <​color #​ed1c24>​X</​color> ​ | +
-^Available Companies ​         |  Has access just to one company where the user-account was created ​ |  Has access just to one company where the user-account was created ​ |  Has access just to one company where the user-account was created ​ |  Has access just to one company where the user-account was created ​ |  ​+
  
-===== WiFi Cloud Storage User Roles ===== + .usersTable th, td{ 
-<color #​22b14c>​√</​color>​ - Can view and edit page / information.\\ + width: 150px; 
-<color #​ffc90e>​▬</​color>​ - Can only view page / information.\\ + border-bottom: 2px solid #404040; 
-<color #​ed1c24>​X</​color> ​Cannot access page / information.\\ \\ + text-align:​ center; 
- + } 
-|                   ​^ ​ Storage Manager ​ ^  Fleet Maintainer ​ ^  Group Manager ​ ^  Storage User    ^ + .usersTable th{ 
-^Account Settings ​   |  ══════════════ ​  ​| ​ ════════════════ ​ |  ═════════════ ​ |  ══════════════ ​ | + background-color#66b3ff; 
-|Change Password ​    ​| ​ <​color ​#22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | + color#ffffff; 
-|User Information ​   |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ffc90e>​▬</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  ​ + }
-|Company Information |  <color #​ffc90e>​▬</​color> ​ |  <color #​ffc90e>​▬</​color> ​ |  <color #​ffc90e>​▬</​color> ​ |  <color #​ffc90e>​▬</​color> ​ | +
-^Reports ​            ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-^GPS Tracking & Live Streaming| ​ Disabled for WCS Customers ​ |||| +
-^Event Clips & Cloud Storage ​ |  <color #22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-^Fleet Administration| ​ ══════════════ ​  ​| ​ ════════════════ ​ |  ═════════════ ​ |  ══════════════ ​ | +
-^Manage Vehicles ​    ​| ​ <color #22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-|Add New Vehicle ​    ​| ​ <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Edit Vehicle ​       |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ffc90e>​▬</​color> ​ | +
-|Enable/​Disable Vehicle ​      ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Delete Vehicle ​     |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-^Manage Groups ​      ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-|Add New Group       ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Edit Group          |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Delete Group        |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-^Manage Users        |  <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ffc90e>​▬</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Add New Users       ​| ​ <color #​22b14c>​√</​color>​ Storage Users  |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Edit Users          |  <color #​22b14c>​√</​color>​ Storage Users  |  <color #​ed1c24>​X</​color> ​ |  <color #​ffc90e>​▬</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Change User Passwords ​   |  <color #​22b14c>​√</​color>​ Storage Users  |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-|Delete Users             ​| ​ <color #​22b14c>​√</​color>​ Storage Users  |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-^Fleet Firmware Update ​ |  ══════════════ ​  ​| ​ ════════════════ ​ |  ═════════════ ​ |  ══════════════ ​ | +
-|Upgrade Firmware ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​ed1c24>​X</​color> ​ |  <color #​ed1c24>​X</​color> ​ | +
-^Data Usage        |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-^Feature Usage     ​| ​ <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-^Vehicle Activity ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ |  <color #​22b14c>​√</​color> ​ | +
-^Available Vehicles ​          ​| ​ Has access to all vehicles of the company where user-account was created ​ |  Has access to all vehicles of the company where user-account was created ​ |  Has access to vehicles of the group(s) to which the user-account was added  |  Has access to assigned vehicles of the company where user-account was created ​ | +
-^Available Users           ​| ​ Has access to all users of the company where user-account was created |  <color #​ed1c24>​X</​color> ​ |  Has access to users of the group(s) to which the user-account was added  |   <​color #​ed1c24>​X</​color> ​ | +
-^Available Companies ​         |  Has access just to one company where the user-account was created ​ |  Has access just to one company where the user-account was created ​ |  Has access just to one company where the user-account was created ​ |  Has access just to one company where the user-account was created ​ |  ​+
  
 +tr:hover {background-color:#​cccccc}
 +</​style>​
 +<script src="​https://​kit.fontawesome.com/​119fd83175.js"​ crossorigin="​anonymous"></​script>​
 +<​body>​
 + <​h1>​ROSCOLive User Role Permissions</​h1>​
 + <​p>​This page gives an overview of the different fleet roles and their permissions</​p>​
 + <br>
 + <​h4>​Fleet Manager/​Storage Manager</​h4>​
 + <ul>
 + <​li>​Has access to all vehicles in fleet</​li>​
 + <​li>​Has access to all Groups in fleet</​li>​
 + <​li>​Has access to all users in fleet</​li>​
 + </​ul>​
 + <​h4>​Fleet Maintainer</​h4>​
 + <ul>
 + <​li>​Has access to all vehicles in fleet</​li>​
 + <​li>​Has access to all Groups in fleet</​li>​
 + <​li>​No access to users</​li>​
 + </​ul>​
 + <​h4>​Group Manager</​h4>​
 + <ul>
 + <​li>​Has access to all vehicles in assigned Groups</​li>​
 + <​li>​Has access to Groups assigned by Fleet Manager</​li>​
 + <​li>​Has access to users in Groups assigned</​li>​
 + </​ul>​
 + <​h4>​Fleet User/​Storage User</​h4>​
 + <ul>
 + <​li>​Has access to assigned vehicles</​li>​
 + <​li>​Has access to assigned Groups</​li>​
 + <​li>​Has no access to users</​li>​
 + </​ul>​
 + <br>
 + <​h4>​Key</​h4>​
 + <div class="​legendBox">​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i><​span>​Access Permissions</​span>​
 + <ul style="​list-style-type:​ none">​
 + <li style="​font-size:​ 14px">​User is able to make edits or changes on the page</​li>​
 + </​ul>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i><​span>​View Permissions</​span>​
 + <ul style="​list-style-type:​ none">​
 + <li style="​font-size:​ 14px">​User is able to view page</​li>​
 + </​ul>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i><​span>​No Permissions</​span>​
 + <ul style="​list-style-type:​ none">​
 + <li style="​font-size:​ 14px">​User has no access/no permissions to page</​li>​
 + </​ul>​
 + </​div>​
 +
 + <​h3>​ROSCOLive User Roles</​h3>​
 + <table class="​usersTable">​
 + <​tr>​
 + <​th></​th>​
 + <​th>​Fleet Manager</​th>​
 + <​th>​Fleet Maintainer</​th>​
 + <​th>​Group Manager</​th>​
 + <​th>​Fleet User</​th>​
 + </​tr>​
 + <​tr>​
 + <th colspan="​5">​Account Settings</​th>​
 + </​tr>​
 + <​tr>​
 + <​td>​Change Password</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​User Information</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Company Information</​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​GPS Tracking & Live Streaming</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <th colspan="​5">​Videos</​th>​
 + </​tr>​
 + <​tr>​
 + <​td>​Daily Events</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Flagged Events</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Reports</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <th colspan="​5">​Fleet Administration</​th>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Fleet Configuration</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Manage Vehicles</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Add New Vehicles</​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Edit Vehicles</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Remote Management</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Remote SD Format</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Re-name Vehicle</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Enable/​Disable Vehicle</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Delete Vehicle</​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Manage Groups</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Add New Group</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Edit Group</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Delete Group</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Manage Users</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Add Users</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + <​br>​
 + Group Managers
 + <​br>​
 + Users
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Edit Users</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + <​br>​
 + Group Managers
 + <​br>​
 + Users
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Change User Password</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + <​br>​
 + Group Managers
 + <​br>​
 + Users
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Delete Users</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + <​br>​
 + Group Managers
 + <​br>​
 + Users
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Fleet Firmware Update</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Upgrade Firmware</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Data Usage</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Feature Usage</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + </​table>​
 + <br>
 + <​h3>​Wifi Cloud Storage User Roles</​h3>​
 + <table class="​usersTable">​
 + <​tr>​
 + <​th></​th>​
 + <​th>​Storage Manager</​th>​
 + <​th>​Fleet Maintainer</​th>​
 + <​th>​Group Manager</​th>​
 + <​th>​Storage User</​th>​
 + </​tr>​
 + <​tr>​
 + <th colspan="​5">​Account Settings</​th>​
 + </​tr>​
 + <​tr>​
 + <​td>​Change Password</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​User Information</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Company Information</​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​GPS Tracking & Live Streaming</​b></​td>​
 + <td colspan="​4">​
 + Not Available for WCS Customers
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <th colspan="​5">​Videos</​th>​
 + </​tr>​
 + <​tr>​
 + <​td>​Daily Events</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Flagged Events</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Reports</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <th colspan="​5">​Fleet Administration</​th>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Fleet Configuration</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Manage Vehicles</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Add New Vehicles</​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Edit Vehicles</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Remote Management</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Re-name Vehicle</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Enable/​Disable Vehicle</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Delete Vehicle</​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Manage Groups</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Add New Group</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Edit Group</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Delete Group</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Manage Users</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Add Users</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + <​br>​
 + Group Managers
 + <​br>​
 + Users
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Edit Users</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + <​br>​
 + Storage Users
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Change User Password</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + <​br>​
 + Storage Users
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Delete Users</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + <​br>​
 + Storage Users
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Fleet Firmware Update</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td>​Upgrade Firmware</​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-eye-slash"​ style="​color:​ #e60000; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Data Usage</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + <​tr>​
 + <​td><​b>​Feature Usage</​b></​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + <​td>​
 + <i class="​far fa-edit"​ style="​color:​ #00cc00; padding: 5px"></​i>​
 + <i class="​far fa-eye"​ style="​color:​ #3399ff; padding: 5px"></​i>​
 + </​td>​
 + </​tr>​
 + </​table>​
 +</​body>​
 +</​html>​