<div class="user-bu-modal-wrap">
    <!--用户权限设置-乘用车事业部弹框-->
    <div class="modal fade" id="userBuModal" tabindex="-1" role="dialog" aria-labelledby="userBuModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close " aria-label="Close" aria-hidden="true" data-dismiss="modal">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-title"><span class="sub-title">{{'UserRoleAccess' | translate}}</span> - <span title="{{dimensionValueName}}">{{dimensionValueName | limitString:30}}</span></div>

                </div>
                <div class="modal-body">
                    <div class="user-list">
                        <div class="title" ng-if="hasEditPermission">
                            <div ng-click="addUser()"><i class="material-icons button-icons middle icon-add">add_circle_outline</i><span class="title-content">{{'AddUser' | translate}} </span></div>
                        </div>
                        <div class="user-data-grid">
                            <div id="userUIGrid"
                                 ui-grid="userUIGridOptions"
                                 ui-grid-selection
                                 ui-grid-auto-resize
                                 ng-style="getGridHeight()"></div>
                        </div>
                    </div>

                    <div class="privilege-list">
                        <div class="title">
                            <div><span>{{'SpecialRoleAccess' |translate}} </span></div>
                        </div>

                        <div class="pri-data-grid">
                            <div id="priUIGrid"
                                 ui-grid="priUIGridOptions"
                                 ui-grid-selection
                                 ui-grid-auto-resize
                                 ng-style="getGridHeight()"></div>
                        </div>
                    </div>

                    <div class="assign-user-box" id="assign-user-box">
                        <div class="role-item-container">
                            <input type="checkbox" ng-model="roleEntity.isAccessible"><span class="title-left">{{'IsAccessible' | translate}}</span></input>

                            <div class="role-box">
                                <div class="role-title">
                                    <input type="checkbox" ng-model="roleEntity.isHeritable" ng-disabled="!roleEntity.isAccessible"><span class="title-left">{{'OriginalRole' | translate}}</span> </input>
                                </div>
                                <div class="role-item">
                                    <div class="role-item" ng-if="originalUserRoleList.length==0" translate="NoRolesToAssign"></div>
                                    <div class="role-item" ng-repeat="r in originalUserRoleList">
                                       <span title="{{r.name}}">{{r.name}}</span>
                                    </div>
                                </div>

                                <div class="role-title">
                                    <input type="checkbox" ng-model="roleEntity.isAllRoleChecked" ng-click="AllRoleChecked()" ng-disabled="!roleEntity.isAccessible"><span class="title-left">{{'ExtraRole' | translate}}</span>
                                </div>
                                <div class="role-item">
                                    <div class="role-item" ng-if="roleList.length==0" translate="NoRolesToAssign"></div>
                                    <div class="role-item" ng-repeat="role in roleList">
                                        <input type="checkbox" value="role.id" ng-model="role.isChecked" ng-disabled="!roleEntity.isAccessible" ng-click="rowItemClick()" /> <span title="{{role.name}}">{{role.name}}</span> 
                                    </div>
                                </div>

                            </div>

                        </div>
                        <div class="card-footer">
                            <button type="button" class="btn btn-primary" ng-click="setRoleToDimensionValue()">{{'Confirm' | translate }}</button>
                            <button type="button" class="btn btn-third" ng-click="closeSetRoleCard()">{{'Cancel' | translate }}</button>
                        </div>
                    </div>
                     
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" ng-click="save()">{{'Confirm' | translate }}</button>
                    <button type="button" class="btn btn-third" ng-click="closeModal()" data-dismiss="modal">{{'Cancel' | translate }}</button>
                </div>
            </div>
        </div>
    </div>

    <add-exist-user-modal  operate-type="addUserOperateType" is-update="addUserIsUpdate" selected-user-list="selectedUserList" selected-key-items="selectedKeyItems"></add-exist-user-modal>
</div>