]> git.apps.os.sepia.ceph.com Git - ceph.git/blob
03a4b95e79e8111c8495e8dfa6cb4d966588103e
[ceph.git] /
1 import { Component, EventEmitter, Output } from '@angular/core';
2 import { AbstractControl, ValidationErrors, ValidatorFn, Validators } from '@angular/forms';
3
4 import * as _ from 'lodash';
5 import { BsModalRef } from 'ngx-bootstrap/modal';
6
7 import { I18n } from '@ngx-translate/i18n-polyfill';
8 import { ActionLabelsI18n } from '../../../shared/constants/app.constants';
9 import { CdFormBuilder } from '../../../shared/forms/cd-form-builder';
10 import { CdFormGroup } from '../../../shared/forms/cd-form-group';
11 import { CdValidators, isEmptyInputValue } from '../../../shared/forms/cd-validators';
12 import { RgwUserSubuser } from '../models/rgw-user-subuser';
13
14 @Component({
15   selector: 'cd-rgw-user-subuser-modal',
16   templateUrl: './rgw-user-subuser-modal.component.html',
17   styleUrls: ['./rgw-user-subuser-modal.component.scss']
18 })
19 export class RgwUserSubuserModalComponent {
20   /**
21    * The event that is triggered when the 'Add' or 'Update' button
22    * has been pressed.
23    */
24   @Output()
25   submitAction = new EventEmitter();
26
27   formGroup: CdFormGroup;
28   editing = true;
29   subusers: RgwUserSubuser[] = [];
30   resource: string;
31   action: string;
32
33   constructor(
34     private formBuilder: CdFormBuilder,
35     public bsModalRef: BsModalRef,
36     private i18n: I18n,
37     private actionLabels: ActionLabelsI18n
38   ) {
39     this.resource = this.i18n('Subuser');
40     this.createForm();
41   }
42
43   createForm() {
44     this.formGroup = this.formBuilder.group({
45       uid: [null],
46       subuid: [null, [Validators.required, this.subuserValidator()]],
47       perm: [null, [Validators.required]],
48       // Swift key
49       generate_secret: [true],
50       secret_key: [null, [CdValidators.requiredIf({ generate_secret: false })]]
51     });
52   }
53
54   /**
55    * Validates whether the subuser already exists.
56    */
57   subuserValidator(): ValidatorFn {
58     const self = this;
59     return (control: AbstractControl): ValidationErrors | null => {
60       if (self.editing) {
61         return null;
62       }
63       if (isEmptyInputValue(control.value)) {
64         return null;
65       }
66       const found = self.subusers.some((subuser) => {
67         return _.isEqual(self.getSubuserName(subuser.id), control.value);
68       });
69       return found ? { subuserIdExists: true } : null;
70     };
71   }
72
73   /**
74    * Get the subuser name.
75    * Examples:
76    *   'johndoe' => 'johndoe'
77    *   'janedoe:xyz' => 'xyz'
78    * @param {string} value The value to process.
79    * @returns {string} Returns the user ID.
80    */
81   private getSubuserName(value: string) {
82     if (_.isEmpty(value)) {
83       return value;
84     }
85     const matches = value.match(/([^:]+)(:(.+))?/);
86     return _.isUndefined(matches[3]) ? matches[1] : matches[3];
87   }
88
89   /**
90    * Set the 'editing' flag. If set to TRUE, the modal dialog is in 'Edit' mode,
91    * otherwise in 'Add' mode. According to the mode the dialog and its controls
92    * behave different.
93    * @param {boolean} viewing
94    */
95   setEditing(editing: boolean = true) {
96     this.editing = editing;
97     this.action = this.editing ? this.actionLabels.EDIT : this.actionLabels.CREATE;
98   }
99
100   /**
101    * Set the values displayed in the dialog.
102    */
103   setValues(uid: string, subuser: string = '', permissions: string = '') {
104     this.formGroup.setValue({
105       uid: uid,
106       subuid: this.getSubuserName(subuser),
107       perm: permissions,
108       generate_secret: true,
109       secret_key: null
110     });
111   }
112
113   /**
114    * Set the current capabilities of the user.
115    */
116   setSubusers(subusers: RgwUserSubuser[]) {
117     this.subusers = subusers;
118   }
119
120   onSubmit() {
121     // Get the values from the form and create an object that is sent
122     // by the triggered submit action event.
123     const values = this.formGroup.value;
124     const subuser = new RgwUserSubuser();
125     subuser.id = `${values.uid}:${values.subuid}`;
126     subuser.permissions = values.perm;
127     subuser.generate_secret = values.generate_secret;
128     subuser.secret_key = values.secret_key;
129     this.submitAction.emit(subuser);
130     this.bsModalRef.hide();
131   }
132 }