244

raw-cms-app/src/modules/core/assets/i18n/i18n.en.json

@@ -35,7 +35,6 @@
         "fields": "Fields",
         "name": "Name",
         "newTitle": "New entity",
-        "requiredNameMsg": "Name is required",
         "updateTitle": "Entity {name}",
         "fieldEdit": {
           "nameLabel": "Name",
@@ -68,7 +67,7 @@
       "deleteConfirmMsgTpl": "Are you sure you want to delete lambda {name}?",
       "deleteErrorMsgTpl": "An error occurred while deleting lambda {name}.",
       "deleteSuccessMsgTpl": "Lambda {name} was deleted.",
-      "emptyMsg": "There are no lambdas yet. Add some with the button below!",
+      "empt1yMsg": "There are no lambdas yet. Add some with the button below!",
       "title": "Lambdas",
       "details": {
         "nameLabel": "Name",
@@ -92,7 +91,12 @@
     "users": {
       "detail": {
         "newTitle": "New user",
-        "updateTitle": "User {name}"
+        "newEmail": "New Email",
+        "newRoles": "New Roles",
+        "updateTitle": "User {name}",
+        "requiredNameMsg": "Name is required",
+        "requiredEmailMsg": "Email is required",
+        "requiredRoleslMsg": "Roles is required"
       },
       "deleteConfirmMsgTpl": "Are you sure you want to delete user {name}?",
       "deleteErrorMsgTpl": "An error occurred while deleting user {name}.",

raw-cms-app/src/modules/core/components/user-details/user-details.js

@@ -7,7 +7,9 @@ const _UserDetailsWrapperDef = async () => {
   return {
     data: function() {
       return {
+        activeTabId: 'tabFormly',
         apiService: userService,
+        userRoles: this.$slots,
       };
     },
     extends: rawCmsDetailEditDef,
@@ -24,6 +26,18 @@ const _UserDetailsDef = async () => {
     components: {
       DetailWrapper: detailWrapperDef,
     },
+    data: function() {
+      return {
+        nameRules: [v => !!v || this.$t('core.users.detail.requiredNameMsg')],
+        emailRules: [v => !!v || this.$t('core.users.detail.requiredEmailMsg')],
+        emailRules: [v => !!v || this.$t('core.users.detail.requiredRoleslMsg')],
+      };
+    },
+    computed: {
+      userRoles: function() {
+        return this.$slots;
+      },
+    },
     props: detailWrapperDef.extends.props,
     template: tpl,
   };

raw-cms-app/src/modules/core/components/user-details/user-details.tpl.html

@@ -1 +1,47 @@
-<detail-wrapper v-on="$listeners" v-bind="$props"></detail-wrapper>
+<detail-wrapper v-on="$listeners" v-bind="$props">
+  <template slot="custom-tabs">
+    <v-tab href="#tabFormly">
+      {{ $t('core.common.editText') }}
+      <v-icon>mdi-pen</v-icon>
+    </v-tab>
+  </template>
+
+  <template v-slot:custom-tab-items="{ value }">
+    <v-tab-item value="tabFormly">
+      <v-card flat tile>
+        <v-form>
+          <v-container fluid>
+            <v-row class="px-3">
+              <v-col cols="12" sm="6">
+                <v-text-field
+                  v-model="value.UserName"
+                  :rules="nameRules"
+                  :label="$t('core.users.detail.newTitle')"
+                  required
+                ></v-text-field>
+              </v-col>
+              <v-col cols="12" sm="6">
+                <v-text-field
+                  v-model="value.Email"
+                  :rules="emailRules"
+                  :label="$t('core.users.detail.newEmail')"
+                  required
+                ></v-text-field>
+              </v-col>
+            </v-row>
+            <v-row class="px-3">
+              <v-col>
+                <v-text-field
+                  v-model="value.Roles.join(',')"
+                  :rules="roleRules"
+                  :label="$t('core.users.detail.newRoles')"
+                  required
+                ></v-text-field>
+              </v-col>
+            </v-row>
+          </v-container>
+        </v-form>
+      </v-card>
+    </v-tab-item>
+  </template>
+</detail-wrapper>