FE: Added mock calls; source auto-indent

gms-ui/src/api/mock/data/groups.json

 {
-  "breadcrumb": ["LBT","INAF"],
-  "groups": [
-    {
-      "id": "1",
-      "name": "G1",
-      "hasChildren": true,
+  "breadcrumbs": [{
+    "groupId": "ROOT",
+    "groupName": "ROOT"
+  }],
+  "groupsPanel": {
+    "items": [{
+      "groupId": "744e38e8f6d04e4e9418ae5f131c9b6b",
+      "groupName": "LBT",
+      "permission": "ADMIN",
+      "hasChildren": true
+    }, {
+      "groupId": "1204eaef67604c2a8711bc73819a0e3b",
+      "groupName": "Radio",
+      "permission": "ADMIN",
+      "hasChildren": false
+    }, {
+      "groupId": "243f1c56a99b4f89adc9fa52568be5f2",
+      "groupName": "TNG",
+      "permission": "ADMIN",
+      "hasChildren": true
+    }],
+    "currentPage": 1,
+    "links": [1],
+    "totalItems": 3,
+    "pageSize": 20,
+    "totalPages": 1,
+    "hasPreviousPages": false,
+    "hasFollowingPages": false
+  },
   "permission": "ADMIN"
 }
-  ],
-  "page": 2,
-  "paginator": [1, 2, 3],
-  "pageSize": 3
-}

gms-ui/src/api/mock/data/groupsPanel.json

+{
+  "items": [{
+    "groupId": "744e38e8f6d04e4e9418ae5f131c9b6b",
+    "groupName": "LBT",
+    "permission": "ADMIN",
+    "hasChildren": true
+  }, {
+    "groupId": "1204eaef67604c2a8711bc73819a0e3b",
+    "groupName": "Radio",
+    "permission": "ADMIN",
+    "hasChildren": false
+  }, {
+    "groupId": "243f1c56a99b4f89adc9fa52568be5f2",
+    "groupName": "TNG",
+    "permission": "ADMIN",
+    "hasChildren": true
+  }],
+  "currentPage": 1,
+  "links": [1],
+  "totalItems": 3,
+  "pageSize": 20,
+  "totalPages": 1,
+  "hasPreviousPages": false,
+  "hasFollowingPages": false
+}

gms-ui/src/api/mock/data/home.json

+{
+  "breadcrumbs": [{
+    "groupId": "ROOT",
+    "groupName": "ROOT"
+  }],
+  "groupsPanel": {
+    "items": [{
+      "groupId": "744e38e8f6d04e4e9418ae5f131c9b6b",
+      "groupName": "LBT",
+      "permission": "ADMIN",
+      "hasChildren": true
+    }, {
+      "groupId": "1204eaef67604c2a8711bc73819a0e3b",
+      "groupName": "Radio",
+      "permission": "ADMIN",
+      "hasChildren": false
+    }, {
+      "groupId": "243f1c56a99b4f89adc9fa52568be5f2",
+      "groupName": "TNG",
+      "permission": "ADMIN",
+      "hasChildren": true
+    }],
+    "currentPage": 1,
+    "links": [1],
+    "totalItems": 3,
+    "pageSize": 20,
+    "totalPages": 1,
+    "hasPreviousPages": false,
+    "hasFollowingPages": false
+  },
+  "permission": "ADMIN",
+  "user": "4"
+}

gms-ui/src/api/mock/data/main-model.json

-{
-  "breadcrumbs": [
-    {
-      "id": "1",
-      "name": "LBT"
-    },
-    {
-      "id": "2",
-      "name": "INAF"
-    }
-  ],
-  "groupsPanel": {
-    "groups": [
-      {
-        "id": "1",
-        "name": "G1",
-        "permission": "ADMIN"
-      },
-      {
-        "id": "2",
-        "name": "G2",
-        "permission": "TRAVERSE"
-      },
-      {
-        "id": "3",
-        "name": "G3",
-        "permission": "PI"
-      },
-      {
-        "id": "4",
-        "name": "G4",
-        "permission": "COI"
-      }
-    ],
-    "paginator": {
-      "page": 2,
-      "links": [1, 2, 3],
-      "totalItems": 200,
-      "pageSize": 20
-    }
-  },
-  "membersPanel": {
-    "members": [
-      {
-        "user": {
-          "id": "1",
-          "label": "NC1 (mail)",
-          "identities": ["EDUGAIN"]
-        },
-        "permission": "ADMIN"
-      }
-    ],
-    "paginator": {
-      "page": 1,
-      "links": [1],
-      "totalItems": 4,
-      "pageSize": 3
-    }
-  },
-  "permission": "ADMIN",
-  "user": "pippo",
-  "page": "main"
-}

gms-ui/src/api/mock/data/membersPanel.json

+{
+  "items": [{
+    "id": "4",
+    "identities": [{
+      "type": "Google",
+      "email": "sonia.zorba@inaf.it",
+      "name": "Sonia",
+      "surname": "Zorba",
+      "primary": true
+    }],
+    "displayName": "Sonia Zorba (Google)"
+  }],
+  "currentPage": 1,
+  "links": [1],
+  "totalItems": 1,
+  "pageSize": 20,
+  "totalPages": 1,
+  "hasPreviousPages": false,
+  "hasFollowingPages": false
+}

gms-ui/src/api/mock/data/permission.json

+{"permission":"ADMIN"}

gms-ui/src/api/mock/data/permissionsPanel.json

+{
+  "items": [{
+    "user": {
+      "id": "4",
+      "identities": [{
+        "type": "Google",
+        "email": "sonia.zorba@inaf.it",
+        "name": "Sonia",
+        "surname": "Zorba",
+        "primary": true
+      }],
+      "displayName": "Sonia Zorba (Google)"
+    },
+    "permission": "ADMIN"
+  }],
+  "currentPage": 1,
+  "links": [1],
+  "totalItems": 1,
+  "pageSize": 20,
+  "totalPages": 1,
+  "hasPreviousPages": false,
+  "hasFollowingPages": false
+}

gms-ui/src/api/mock/data/searchUser.json

+[{
+  "id": "4",
+  "identities": [{
+    "type": "Google",
+    "email": "sonia.zorba@inaf.it",
+    "name": "Sonia",
+    "surname": "Zorba",
+    "primary": true
+  }],
+  "displayName": "Sonia Zorba (Google)"
+}]

gms-ui/src/api/mock/index.js

-import mainModel from './data/main-model'
+import home from './data/home';
+import groups from './data/groups';
+import groupsPanel from './data/groupsPanel';
+import membersPanel from './data/membersPanel';
+import permissionsPanel from './data/permissionsPanel';
+import searchUser from './data/searchUser';
+import permission from './data/permission';
 
 const fetch = (mockData, time = 0) => {
   return new Promise((resolve) => {
     setTimeout(() => {
       resolve(mockData)
-    }, time)
-  })
-}
+    }, time);
+  });
+};
 
 export default {
-  fetchMainModel () {
-    return fetch(mainModel, 500) // wait 500ms before returning data
+  fetchHomePageModel() {
+    return fetch(home, 500);
+  },
+  fetchGroupsTab() {
+    return fetch(groups, 500);
+  },
+  fetchGroupsPanel() {
+    return fetch(groupsPanel, 500);
+  },
+  fetchMembersPanel() {
+    return fetch(membersPanel, 500);
+  },
+  fetchPermissionsPanel() {
+    return fetch(permissionsPanel, 500);
+  },
+  addGroup() {
+    return fetch(groupsPanel, 500);
+  },
+  renameGroup() {
+    return fetch(groupsPanel, 500);
+  },
+  removeGroup() {
+    return fetch(groupsPanel, 500);
+  },
+  searchUser() {
+    return fetch(searchUser, 500);
+  },
+  addPermission() {
+    return fetch(permissionsPanel, 500);
+  },
+  getPermission() {
+    return fetch(permission, 500);
+  },
+  removePermission() {
+    return fetch(permissionsPanel, 500);
+  },
+  addMember() {
+    return fetch(membersPanel, 500);
+  },
+  removeMember() {
+    return fetch(membersPanel, 500);
   }
 }

gms-ui/src/api/server/index.js

@@ -41,10 +41,10 @@ function loading(value) {
 
 export default {
   fetchHomePageModel(input) {
-    let url = BASE_API_URL
-            + 'home?groupId=' + input.selectedGroupId
-            + '&paginatorPageSize=' + input.paginatorPageSize
-            + '&paginatorPage=' + input.paginatorPage;
+    let url = BASE_API_URL +
+      'home?groupId=' + input.selectedGroupId +
+      '&paginatorPageSize=' + input.paginatorPageSize +
+      '&paginatorPage=' + input.paginatorPage;
     return apiRequest(url, {
       method: 'GET',
       cache: 'no-cache',
@@ -56,11 +56,11 @@ export default {
     });
   },
   fetchGroupsTab(input) {
-    let url = BASE_API_URL
-            + 'groups?groupId=' + input.selectedGroupId
-            + '&paginatorPageSize=' + input.paginatorPageSize
-            + '&paginatorPage=' + input.paginatorPage
-            + '&onlyPanel=false';
+    let url = BASE_API_URL +
+      'groups?groupId=' + input.selectedGroupId +
+      '&paginatorPageSize=' + input.paginatorPageSize +
+      '&paginatorPage=' + input.paginatorPage +
+      '&onlyPanel=false';
     if (input.searchFilter !== null) {
       url += '&searchFilter=' + input.searchFilter;
     }
@@ -75,11 +75,11 @@ export default {
     });
   },
   fetchGroupsPanel(input) {
-    let url = BASE_API_URL
-            + 'groups?groupId=' + input.selectedGroupId
-            + '&paginatorPageSize=' + input.paginatorPageSize
-            + '&paginatorPage=' + input.paginatorPage
-            + '&onlyPanel=true';
+    let url = BASE_API_URL +
+      'groups?groupId=' + input.selectedGroupId +
+      '&paginatorPageSize=' + input.paginatorPageSize +
+      '&paginatorPage=' + input.paginatorPage +
+      '&onlyPanel=true';
     if (input.searchFilter !== null) {
       url += '&searchFilter=' + input.searchFilter;
     }
@@ -94,10 +94,10 @@ export default {
     });
   },
   fetchMembersPanel(input) {
-    let url = BASE_API_URL
-            + 'members?groupId=' + input.selectedGroupId
-            + '&paginatorPageSize=' + input.paginatorPageSize
-            + '&paginatorPage=' + input.paginatorPage;
+    let url = BASE_API_URL +
+      'members?groupId=' + input.selectedGroupId +
+      '&paginatorPageSize=' + input.paginatorPageSize +
+      '&paginatorPage=' + input.paginatorPage;
     return apiRequest(url, {
       method: 'GET',
       cache: 'no-cache',
@@ -109,10 +109,10 @@ export default {
     });
   },
   fetchPermissionsPanel(input) {
-    let url = BASE_API_URL
-            + 'permissions?groupId=' + input.selectedGroupId
-            + '&paginatorPageSize=' + input.paginatorPageSize
-            + '&paginatorPage=' + input.paginatorPage;
+    let url = BASE_API_URL +
+      'permissions?groupId=' + input.selectedGroupId +
+      '&paginatorPageSize=' + input.paginatorPageSize +
+      '&paginatorPage=' + input.paginatorPage;
     return apiRequest(url, {
       method: 'GET',
       cache: 'no-cache',
@@ -161,9 +161,9 @@ export default {
     });
   },
   removeGroup(groupId, input) {
-    let url = BASE_API_URL + 'group/' + groupId
-            + '?paginatorPageSize=' + input.paginatorPageSize
-            + '&paginatorPage=' + input.paginatorPage;
+    let url = BASE_API_URL + 'group/' + groupId +
+      '?paginatorPageSize=' + input.paginatorPageSize +
+      '&paginatorPage=' + input.paginatorPage;
     if (input.searchFilter !== null) {
       url += '&searchFilter=' + input.searchFilter;
     }
@@ -244,12 +244,12 @@ export default {
     });
   },
   removeMember(userId, removeAlsoPermission, input) {
-    let url = BASE_API_URL + 'member'
-            + '?groupId=' + input.selectedGroupId
-            + '&userId=' + userId
-            + '&removeAlsoPermission=' + removeAlsoPermission
-            + '&paginatorPageSize=' + input.paginatorPageSize
-            + '&paginatorPage=' + input.paginatorPage;
+    let url = BASE_API_URL + 'member' +
+      '?groupId=' + input.selectedGroupId +
+      '&userId=' + userId +
+      '&removeAlsoPermission=' + removeAlsoPermission +
+      '&paginatorPageSize=' + input.paginatorPageSize +
+      '&paginatorPage=' + input.paginatorPage;
     return apiRequest(url, {
       method: 'DELETE',
       cache: 'no-cache',
@@ -261,11 +261,11 @@ export default {
     });
   },
   removePermission(userId, input) {
-    let url = BASE_API_URL + 'permission'
-            + '?groupId=' + input.selectedGroupId
-            + '&userId=' + userId
-            + '&paginatorPageSize=' + input.paginatorPageSize
-            + '&paginatorPage=' + input.paginatorPage;
+    let url = BASE_API_URL + 'permission' +
+      '?groupId=' + input.selectedGroupId +
+      '&userId=' + userId +
+      '&paginatorPageSize=' + input.paginatorPageSize +
+      '&paginatorPage=' + input.paginatorPage;
     return apiRequest(url, {
       method: 'DELETE',
       cache: 'no-cache',

gms-ui/src/components/GroupsBreadcrumb.vue

@@ -10,7 +10,9 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
+import {
+  mapState
+} from 'vuex';
 import client from 'api-client';
 
 function buildItems(values) {

gms-ui/src/components/GroupsPanel.vue

@@ -32,7 +32,10 @@
 import RenameGroupModal from './modals/RenameGroupModal.vue';
 import ConfirmRemoveGroupModal from './modals/ConfirmRemoveGroupModal.vue';
 import Paginator from './Paginator.vue';
-import { mapState, mapActions } from 'vuex';
+import {
+  mapState,
+  mapActions
+} from 'vuex';
 import client from 'api-client';
 import debounce from 'debounce'; // for delaying the input event (search filter)
 

gms-ui/src/components/Main.vue

@@ -28,7 +28,9 @@ import PermissionsPanel from './PermissionsPanel.vue'
 import AddGroupModal from './modals/AddGroupModal.vue'
 import AddMemberModal from './modals/AddMemberModal.vue'
 import AddPermissionModal from './modals/AddPermissionModal.vue'
-import { mapState } from 'vuex';
+import {
+  mapState
+} from 'vuex';
 import client from 'api-client';
 
 export default {

gms-ui/src/components/MembersPanel.vue

@@ -25,7 +25,9 @@ import client from 'api-client';
 import User from './User.vue';
 import Paginator from './Paginator.vue';
 import ConfirmRemoveMemberModal from './modals/ConfirmRemoveMemberModal.vue';
-import { mapState } from 'vuex';
+import {
+  mapState
+} from 'vuex';
 
 export default {
   name: 'MembersPanel',

gms-ui/src/components/Paginator.vue

 <template>
 <div class="row mt-4" v-if="paginatedPanel !== null && paginatedPanel.totalItems > 0">
   <div class="col-md-8">
-      <b-pagination
-        v-model="paginatedPanel.currentPage"
-        :total-rows="paginatedPanel.totalItems"
-        :per-page="paginatedPanel.pageSize"
-        aria-controls="groups-list"
-        align="center"
-        v-on:change="setPage"
-      ></b-pagination>
+    <b-pagination v-model="paginatedPanel.currentPage" :total-rows="paginatedPanel.totalItems" :per-page="paginatedPanel.pageSize" aria-controls="groups-list" align="center" v-on:change="setPage"></b-pagination>
     <p>Total items: {{paginatedPanel.totalItems}}</p>
   </div>
   <div class="col-md-4">
@@ -25,7 +18,9 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
+import {
+  mapState
+} from 'vuex';
 
 export default {
   name: 'Paginator',
@@ -38,11 +33,22 @@ export default {
   }),
   data: function() {
     return {
-      pageSizeOptions: [
-        { value: 5, text: "5" },
-        { value: 20, text: "20" },
-        { value: 50, text: "50" },
-        { value: 100, text: "100" }
+      pageSizeOptions: [{
+          value: 5,
+          text: "5"
+        },
+        {
+          value: 20,
+          text: "20"
+        },
+        {
+          value: 50,
+          text: "50"
+        },
+        {
+          value: 100,
+          text: "100"
+        }
       ]
     };
   },

gms-ui/src/components/PermissionsPanel.vue

@@ -35,7 +35,9 @@ import client from 'api-client';
 import User from './User.vue';
 import Paginator from './Paginator.vue';
 import ConfirmRemovePermissionModal from './modals/ConfirmRemovePermissionModal.vue'
-import { mapState } from 'vuex';
+import {
+  mapState
+} from 'vuex';
 
 export default {
   name: 'PermissionsPanel',