Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 | 2x 2x 2x 2x 2x 2x 2x 2x 2x 1x 1x 1x 1x 1x 1x 1x 1x 2x 1x 2x 2x 2x 2x 2x | import { Component, EventEmitter, Output } from '@angular/core'; import { Validators } from '@angular/forms'; import * as _ from 'lodash'; import { BsModalRef } from 'ngx-bootstrap/modal'; import { I18n } from '@ngx-translate/i18n-polyfill'; import { ActionLabelsI18n } from '../../../shared/constants/app.constants'; import { CdFormBuilder } from '../../../shared/forms/cd-form-builder'; import { CdFormGroup } from '../../../shared/forms/cd-form-group'; import { RgwUserCapability } from '../models/rgw-user-capability'; @Component({ selector: 'cd-rgw-user-capability-modal', template: require('./rgw-user-capability-modal.component.html'), styles: [] }) export class RgwUserCapabilityModalComponent { /** * The event that is triggered when the 'Add' or 'Update' button * has been pressed. */ @Output() submitAction = new EventEmitter(); formGroup: CdFormGroup; editing = true; types: string[] = []; resource: string; action: string; constructor( private formBuilder: CdFormBuilder, public bsModalRef: BsModalRef, private i18n: I18n, public actionLabels: ActionLabelsI18n ) { this.resource = this.i18n('capability'); this.createForm(); } createForm() { this.formGroup = this.formBuilder.group({ type: [null, [Validators.required]], perm: [null, [Validators.required]] }); } /** * Set the 'editing' flag. If set to TRUE, the modal dialog is in 'Edit' mode, * otherwise in 'Add' mode. According to the mode the dialog and its controls * behave different. * @param {boolean} viewing */ setEditing(editing: boolean = true) { this.editing = editing; this.action = this.editing ? this.actionLabels.EDIT : this.actionLabels.ADD; } /** * Set the values displayed in the dialog. */ setValues(type: string, perm: string) { this.formGroup.setValue({ type: type, perm: perm }); } /** * Set the current capabilities of the user. */ setCapabilities(capabilities: RgwUserCapability[]) { // Parse the configured capabilities to get a list of types that // should be displayed. const usedTypes = []; capabilities.forEach((capability) => { usedTypes.push(capability.type); }); this.types = []; ['users', 'buckets', 'metadata', 'usage', 'zone'].forEach((type) => { if (_.indexOf(usedTypes, type) === -1) { this.types.push(type); } }); } onSubmit() { const capability: RgwUserCapability = this.formGroup.value; this.submitAction.emit(capability); this.bsModalRef.hide(); } } |