Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //HTML
- <div class="form-group input-group">
- <div class="input-group-prepend height-200">
- <span class="input-group-text" id="basic-addon1">Permissões:</span>
- </div>
- <div class="permissions">
- <span class="permissions-title">Selecionar Todos:</span>
- <div class="permissions-checkbox">
- <label class="checkbox-inline">
- <input type="checkbox" value="">
- </label>
- </div>
- <div *ngFor="let i of ['Dashboard', 'Clientes', 'Equipamentos', 'Rotas', 'Usuários']">
- <span class="permissions-title">{{ i }}:</span>
- <div class="permissions-checkbox">
- <label class="checkbox-inline">
- <input type="checkbox" value="">Adicionar
- </label>
- <label class="checkbox-inline">
- <input type="checkbox" value="">Visualizar
- </label>
- <label class="checkbox-inline">
- <input type="checkbox" value="">Editar
- </label>
- <label class="checkbox-inline">
- <input type="checkbox" value="">Remover
- </label>
- </div>
- </div>
- </div>
- </div>
- //CSS
- input[type="radio"], input[type="checkbox"] {
- width: 15px;
- height: 15px;
- margin-right: 5px;
- }
- .permissions {
- position: absolute;
- margin-left: 195px;
- margin-top: 6px;
- }
- .permissions-title {
- position: absolute;
- width: 150px;
- font-weight: bold;
- text-align: right;
- }
- .checkbox-inline {
- margin-left: 25px;
- }
- .permissions-checkbox {
- margin-left: 150px;
- }
- .card-body {
- height: 280px;
- }
Add Comment
Please, Sign In to add comment