License updated to GPLv3

🧲 New features
Custom user role permissions
Employee edit form updated
Employee daily task list
Attendance and employee distribution charts on dashboard
Improvements to company structure and company assets module
Improved tables for displaying data in several modules
Faster data loading (specially for employee module)
Initials based profile pictures
Re-designed login page
Re-designed user profile page
Improvements to filtering
New REST endpoints for employee qualifications

🐛 Bug fixes
Fixed, issue with managers being able to create performance reviews for employees who are not their direct reports
Fixed, issues related to using full profile image instead of using smaller version of profile image
Changing third gender to other
Improvements and fixes for internal frontend data caching

web/admin/src/company_structure/index.js

@@ -1,4 +1,19 @@
 import { CompanyStructureAdapter, CompanyGraphAdapter } from './lib';
+import IceDataPipe from "../../../api/IceDataPipe";
+import CustomFieldAdapter from "../../../api/ReactCustomFieldAdapter";
 
-window.CompanyStructureAdapter = CompanyStructureAdapter;
-window.CompanyGraphAdapter = CompanyGraphAdapter;
+
+function init(data) {
+  const modJsList = {};
+  modJsList.tabCompanyStructure = new CompanyStructureAdapter('CompanyStructure');
+  modJsList.tabCompanyStructure.setObjectTypeName('Company Structure');
+  modJsList.tabCompanyStructure.setDataPipe(new IceDataPipe(modJsList.tabCompanyStructure));
+  modJsList.tabCompanyStructure.setAccess(data.permissions.CompanyStructure);
+
+  modJsList.tabCompanyGraph = new CompanyGraphAdapter('CompanyStructure');
+
+  window.modJs = modJsList.tabCompanyStructure;
+  window.modJsList = modJsList;
+}
+
+window.initAdminCompanyStructure = init;

web/admin/src/company_structure/lib.js

@@ -5,9 +5,10 @@
  */
 /* global d3, nv */
 
+import ReactModalAdapterBase from '../../../api/ReactModalAdapterBase';
 import AdapterBase from '../../../api/AdapterBase';
 
-class CompanyStructureAdapter extends AdapterBase {
+class CompanyStructureAdapter extends ReactModalAdapterBase {
   getDataMapping() {
     return [
       'id',
@@ -32,6 +33,36 @@ class CompanyStructureAdapter extends AdapterBase {
     ];
   }
 
+  getTableColumns() {
+    return [
+      {
+        title: 'Name',
+        dataIndex: 'title',
+        sorter: true,
+      },
+      {
+        title: 'Address',
+        dataIndex: 'address',
+      },
+      {
+        title: 'Type',
+        dataIndex: 'type',
+      },
+      {
+        title: 'Country',
+        dataIndex: 'country',
+      },
+      {
+        title: 'Time Zone',
+        dataIndex: 'timezone',
+      },
+      {
+        title: 'Parent Structure',
+        dataIndex: 'parent',
+      },
+    ];
+  }
+
   getFormFields() {
     return [
       ['id', { label: 'ID', type: 'hidden', validation: '' }],
@@ -73,12 +104,56 @@ class CompanyStructureAdapter extends AdapterBase {
  */
 
 
-class CompanyGraphAdapter extends CompanyStructureAdapter {
+class CompanyGraphAdapter extends AdapterBase {
   constructor(endPoint, tab, filter, orderBy) {
     super(endPoint, tab, filter, orderBy);
     this.nodeIdCounter = 0;
   }
 
+  getDataMapping() {
+    return [
+      'id',
+      'title',
+      'address',
+      'type',
+      'country',
+      'timezone',
+      'parent',
+    ];
+  }
+
+  getHeaders() {
+    return [
+      { sTitle: 'ID', bVisible: false },
+      { sTitle: 'Name' },
+      { sTitle: 'Address', bSortable: false },
+      { sTitle: 'Type' },
+      { sTitle: 'Country', sClass: 'center' },
+      { sTitle: 'Time Zone' },
+      { sTitle: 'Parent Structure' },
+    ];
+  }
+
+  getFormFields() {
+    return [
+      ['id', { label: 'ID', type: 'hidden', validation: '' }],
+      ['title', { label: 'Name', type: 'text', validation: '' }],
+      ['description', { label: 'Details', type: 'textarea', validation: '' }],
+      ['address', { label: 'Address', type: 'textarea', validation: 'none' }],
+      ['type', { label: 'Type', type: 'select', source: [['Company', 'Company'], ['Head Office', 'Head Office'], ['Regional Office', 'Regional Office'], ['Department', 'Department'], ['Unit', 'Unit'], ['Sub Unit', 'Sub Unit'], ['Other', 'Other']] }],
+      ['country', { label: 'Country', type: 'select2', 'remote-source': ['Country', 'code', 'name'] }],
+      ['timezone', {
+        label: 'Time Zone', type: 'select2', 'allow-null': false, 'remote-source': ['Timezone', 'name', 'details', 'getTimezonesWithOffset'],
+      }],
+      ['parent', {
+        label: 'Parent Structure', type: 'select', 'allow-null': true, 'remote-source': ['CompanyStructure', 'id', 'title'],
+      }],
+      ['heads', {
+        label: 'Heads', type: 'select2multi', 'allow-null': true, 'remote-source': ['Employee', 'id', 'first_name+last_name'],
+      }],
+    ];
+  }
+
   convertToTree(data) {
     const ice = {};
     ice.id = -1;