Merge branch 'release/v28.1.1.OS'

Vagrantfile

@@ -3,8 +3,6 @@ Vagrant.configure("2") do |config|
     config.vm.box_version = "1.0.0"
     config.vm.network "private_network", ip: "192.168.10.12"
     config.vm.synced_folder ".", "/vagrant", type: "nfs"
-    config.vm.synced_folder "./deployment/vagrant/sites-available", "/etc/nginx/sites-enabled", type: "nfs"
-    config.vm.synced_folder "./deployment/vagrant/ssl", "/etc/nginx/ssl", type: "nfs"
 
     config.vm.provider "virtualbox" do |vb|
       vb.memory = "1024"
@@ -13,9 +11,17 @@ Vagrant.configure("2") do |config|
     end
 
     config.vm.provision "shell", inline: <<-SHELL
-    	sed -i 's/PasswordAuthentication no/PasswordAuthentication yes/g' /etc/ssh/sshd_config
+    	sudo rm /etc/nginx/ssl/icehrm.*
-        systemctl restart sshd.service
+        sudo ln -s /vagrant/deployment/vagrant/ssl/icehrm.crt /etc/nginx/ssl/icehrm.crt
-		sudo service nginx restart
+        sudo ln -s /vagrant/deployment/vagrant/ssl/icehrm.key /etc/nginx/ssl/icehrm.key
+
+        sudo rm /etc/nginx/sites-enabled/default
+        sudo ln -s /vagrant/deployment/vagrant/sites-available/default /etc/nginx/sites-enabled/default
+
+        sed -i 's/PasswordAuthentication no/PasswordAuthentication yes/g' /etc/ssh/sshd_config
+
+        sudo service nginx restart
+        sudo chmod 755 -R /var/log
     SHELL
 
     config.vm.hostname = "icehrm.os"

app/rest.php

@@ -1,3 +1,7 @@
 <?php
 include ('config.php');
-include (APP_BASE_PATH.'rest.php');
+if (isset($_REQUEST['method']) && isset($_REQUEST['url'])) {
+    include (APP_BASE_PATH.'api.php');
+} else {
+    include (APP_BASE_PATH.'rest.php');
+}

core/api.php

@@ -0,0 +1,41 @@
+<?php
+define('CLIENT_PATH',dirname(__FILE__));
+include ("config.base.php");
+include ("include.common.php");
+include("server.includes.inc.php");
+
+if(\Classes\SettingsManager::getInstance()->getSetting('Api: REST Api Enabled') == '1') {
+
+    \Utils\LogManager::getInstance()->info("Request: " . $_REQUEST);
+
+    if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
+        http_response_code(200);
+        exit();
+    }
+
+    define('REST_API_PATH', '/');
+
+    $echoRoute = \Classes\Macaw::get(REST_API_PATH . 'echo', function () {
+        echo "Echo " . rand();
+    });
+
+    \Utils\LogManager::getInstance()->debug('Api registered URI: '.$echoRoute);
+
+    $moduleManagers = \Classes\BaseService::getInstance()->getModuleManagers();
+
+    foreach ($moduleManagers as $moduleManagerObj) {
+
+        $moduleManagerObj->setupRestEndPoints();
+    }
+    $method = $_SERVER['REQUEST_METHOD'];
+    if (strtoupper($method) === 'GET') {
+        \Classes\IceRoute::dispatch($_GET['url'], $method);
+    } else {
+        $method = strtoupper($_REQUEST['method']);
+        \Classes\IceRoute::dispatch($_REQUEST['url'], $method);
+    }
+
+
+}else{
+    echo "REST Api is not enabled. Please set 'Api: REST Api Enabled' setting to true";
+}

core/src/Classes/FileService.php

@@ -94,6 +94,8 @@ class FileService
                 $s3FileSys = new S3FileSystem($uploadFilesToS3Key, $uploadFilesToS3Secret);
                 $result = $s3FileSys->putObject($s3Bucket, $uploadname, $localFile, 'authenticated-read');
 
+                $file->size = filesize($localFile);
+
                 unlink("/tmp/".$file->filename);
                 unlink("/tmp/".$file->filename."_orig");
 
@@ -101,7 +103,6 @@ class FileService
 
                 $file->employee = $profileImage->employee;
                 $file->file_group = 'profile_image_small';
-                $file->size = filesize(CLIENT_BASE_PATH.'data/'.$file->filename);
                 $file->size_text = $this->getReadableSize($file->size);
 
                 if (!empty($result)) {
@@ -293,8 +294,7 @@ class FileService
             if ($file->employee == $profileId) {
                 $ok = $file->Delete();
                 if ($ok) {
-                    LogManager::getInstance()->info("Delete File:".CLIENT_BASE_PATH.$file->filename);
+                    $this->deleteFileFromDisk($file);
-                    unlink(CLIENT_BASE_PATH.'data/'.$file->filename);
                 } else {
                     return false;
                 }
@@ -306,8 +306,7 @@ class FileService
             if ($file->employee == $profileId) {
                 $ok = $file->Delete();
                 if ($ok) {
-                    LogManager::getInstance()->info("Delete File:".CLIENT_BASE_PATH.$file->filename);
+                    $this->deleteFileFromDisk($file);
-                    unlink(CLIENT_BASE_PATH.'data/'.$file->filename);
                 } else {
                     return false;
                 }
@@ -317,6 +316,30 @@ class FileService
         return true;
     }
 
+    public function deleteFileFromDisk($file)
+    {
+        $uploadFilesToS3 = SettingsManager::getInstance()->getSetting("Files: Upload Files to S3");
+
+        if ($uploadFilesToS3 == "1") {
+            $uploadFilesToS3Key = SettingsManager::getInstance()->getSetting(
+                "Files: Amazon S3 Key for File Upload"
+            );
+            $uploadFilesToS3Secret = SettingsManager::getInstance()->getSetting(
+                "Files: Amazone S3 Secret for File Upload"
+            );
+            $s3Bucket = SettingsManager::getInstance()->getSetting("Files: S3 Bucket");
+
+            $uploadname = CLIENT_NAME."/".$file->filename;
+            LogManager::getInstance()->info("Delete from S3:".$uploadname);
+
+            $s3FileSys = new S3FileSystem($uploadFilesToS3Key, $uploadFilesToS3Secret);
+            $s3FileSys->deleteObject($s3Bucket, $uploadname);
+        } else {
+            LogManager::getInstance()->info("Delete:".CLIENT_BASE_PATH.'data/'.$file->filename);
+            unlink(CLIENT_BASE_PATH.'data/'.$file->filename);
+        }
+    }
+
     public function deleteFileByField($value, $field)
     {
         LogManager::getInstance()->info("Delete file by field: $field / value: $value");

core/src/Classes/IceRoute.php

@@ -0,0 +1,177 @@
+<?php
+
+namespace Classes;
+
+/**
+ * @method static IceRoute get(string $route, Callable $callback)
+ * @method static IceRoute post(string $route, Callable $callback)
+ * @method static IceRoute put(string $route, Callable $callback)
+ * @method static IceRoute delete(string $route, Callable $callback)
+ * @method static IceRoute options(string $route, Callable $callback)
+ * @method static IceRoute head(string $route, Callable $callback)
+ */
+class IceRoute
+{
+
+    public static $halts = false;
+
+    public static $routes = array();
+
+    public static $methods = array();
+
+    public static $callbacks = array();
+
+    public static $patterns = array(
+        ':any' => '[^/]+',
+        ':num' => '[0-9]+',
+        ':all' => '.*'
+    );
+
+    public static $error_callback;
+
+    /**
+     * Defines a route w/ callback and method
+     */
+    public static function __callstatic($method, $params)
+    {
+
+        $uri = $params[0][0];
+        $callback = $params[0][1];
+
+        array_push(self::$routes, $uri);
+        array_push(self::$methods, strtoupper($method));
+        array_push(self::$callbacks, $callback);
+
+        return $uri;
+    }
+
+    /**
+     * Defines callback if route is not found
+    */
+    public static function error($callback)
+    {
+        self::$error_callback = $callback;
+    }
+
+    public static function haltOnMatch($flag = true)
+    {
+        self::$halts = $flag;
+    }
+
+    /**
+     * Runs the callback for the given request
+     */
+    public static function dispatch($uri, $method)
+    {
+
+        $searches = array_keys(static::$patterns);
+        $replaces = array_values(static::$patterns);
+
+        $found_route = false;
+
+        self::$routes = str_replace('//', '/', self::$routes);
+
+        // check if route is defined without regex
+        if (in_array($uri, self::$routes)) {
+            $route_pos = array_keys(self::$routes, $uri);
+            foreach ($route_pos as $route) {
+                //using an ANY option to match both GET and POST requests
+                if (self::$methods[$route] == $method || self::$methods[$route] == 'ANY') {
+                    $found_route = true;
+
+                    //if route is not an object
+                    if (!is_object(self::$callbacks[$route])) {
+                        //grab all parts based on a / separator
+                        $parts = explode('/', self::$callbacks[$route]);
+
+                        //collect the last index of the array
+                        $last = end($parts);
+
+                        //grab the controller name and method call
+                        $segments = explode('@', $last);
+
+                        //instanitate controller
+                        $controller = new $segments[0]();
+
+                        //call method
+                        $controller->$segments[1]();
+
+                        if (self::$halts) {
+                            return;
+                        }
+                    } else {
+                        //call closure
+                        call_user_func(self::$callbacks[$route]);
+
+                        if (self::$halts) {
+                            return;
+                        }
+                    }
+                }
+            }
+        } else {
+            // check if defined with regex
+            $pos = 0;
+            foreach (self::$routes as $route) {
+                if (strpos($route, ':') !== false) {
+                    $route = str_replace($searches, $replaces, $route);
+                }
+
+                if (preg_match('#^' . $route . '$#', $uri, $matched)) {
+                    if (self::$methods[$pos] == $method) {
+                        $found_route = true;
+
+                        array_shift($matched); //remove $matched[0] as [1] is the first parameter.
+
+
+                        if (!is_object(self::$callbacks[$pos])) {
+                            //grab all parts based on a / separator
+                            $parts = explode('/', self::$callbacks[$pos]);
+
+                            //collect the last index of the array
+                            $last = end($parts);
+
+                            //grab the controller name and method call
+                            $segments = explode('@', $last);
+
+                            //instanitate controller
+                            $controller = new $segments[0]();
+
+                            //fix multi parameters
+                            if (!method_exists($controller, $segments[1])) {
+                                echo "controller and action not found";
+                            } else {
+                                call_user_func_array(array($controller, $segments[1]), $matched);
+                            }
+
+                            //call method and pass any extra parameters to the method
+                            // $controller->$segments[1](implode(",", $matched));
+
+                            if (self::$halts) {
+                                return;
+                            }
+                        } else {
+                            call_user_func_array(self::$callbacks[$pos], $matched);
+
+                            if (self::$halts) {
+                                return;
+                            }
+                        }
+                    }
+                }
+                $pos++;
+            }
+        }
+
+        // run the error callback if the route was not found
+        if ($found_route == false) {
+            if (!self::$error_callback) {
+                self::$error_callback = function () {
+                    header($_SERVER['SERVER_PROTOCOL']." 404 Not Found");
+                    echo '404';
+                };
+            }
+            call_user_func(self::$error_callback);
+        }
+    }
+}

core/src/Classes/Macaw.php

@@ -42,6 +42,8 @@ class Macaw
         array_push(self::$methods, strtoupper($method));
         array_push(self::$callbacks, $callback);
 
+        call_user_func('\Classes\IceRoute::'.$method, $params);
+
         return $uri;
     }
 

core/src/Classes/RestEndPoint.php

@@ -420,6 +420,8 @@ class RestEndPoint
             if (preg_match('/Bearer\s(\S+)/', $headers, $matches)) {
                 $token = $matches[1];
             }
+        } else {
+            $token = $_GET['token'];
         }
 
         if (strlen($token) > 32) {

core/src/Employees/User/Api/EmployeesActionManager.php

@@ -147,6 +147,10 @@ class EmployeesActionManager extends SubActionManager
             return new IceResponse(IceResponse::ERROR, "Error occurred while changing password");
         }
 
+        if (!PasswordManager::verifyPassword($req->current, $user->password)) {
+            return new IceResponse(IceResponse::ERROR, "Current password is incorrect");
+        }
+
         $passwordStrengthResponse = PasswordManager::isQualifiedPassword($req->pwd);
         if ($passwordStrengthResponse->getStatus() === IceResponse::ERROR) {
             return $passwordStrengthResponse;
@@ -158,6 +162,6 @@ class EmployeesActionManager extends SubActionManager
             return new IceResponse(IceResponse::ERROR, $user->ErrorMsg());
         }
 
-        return new IceResponse(IceResponse::SUCCESS, $user);
+        return new IceResponse(IceResponse::SUCCESS, []);
     }
 }

web/admin/src/documents/lib.js

@@ -154,7 +154,7 @@ class EmployeeDocumentAdapter extends AdapterBase {
 
   getFilters() {
     return [
-      ['employee', { label: 'Employee', type: 'select2', 'remote-source': ['Employee', 'id', 'first_name+last_name'] }],
+      ['employee', { label: 'Employee', type: 'select2', 'remote-source': ['Employee', 'id', 'first_name+last_name', 'getActiveSubordinateEmployees'] }],
 
     ];
   }

web/api/AdapterBase.js

@@ -55,7 +55,7 @@ class AdapterBase extends ModuleBase {
   }
 
   setupApiClient(token) {
-    this.apiClient = new IceApiClient(this.apiUrl, token);
+    this.apiClient = new IceApiClient(this.apiUrl, token, window.CLIENT_BASE_URL, true);
   }
 
   setApiUrl(apiUrl) {

web/api/CustomAction.js

@@ -0,0 +1,26 @@
+const axios = require('axios');
+
+class CustomAction {
+  constructor(adapter) {
+    this.adapter = adapter;
+  }
+
+  execute(subAction, module, request, isPost) {
+    if (!isPost) {
+      return axios.get(
+        this.adapter.moduleRelativeURL,
+        {
+          params: {
+            t: this.adapter.table, a: 'ca', sa: subAction, mod: module, req: request,
+          },
+        },
+      );
+    }
+
+    return axios.post(this.moduleRelativeURL, {
+      t: this.adapter.table, a: 'ca', sa: subAction, mod: module, req: request,
+    });
+  }
+}
+
+export default CustomAction;

web/api/IceApiClient.js

@@ -1,12 +1,19 @@
 const axios = require('axios');
 
 class IceApiClient {
-  constructor(baseUrl, token) {
+  constructor(baseUrl, token, clientBaseUrl, legacyApiWrapper = true) {
     this.baseUrl = baseUrl;
     this.token = token;
+    this.clientBaseUrl = clientBaseUrl;
+    this.legacyApiWrapper = legacyApiWrapper;
   }
 
   get(endpoint) {
+    if (this.legacyApiWrapper) {
+      const url = `${this.clientBaseUrl}rest.php?token=${this.token}&method=get&url=/${endpoint}`;
+      return axios.get(url);
+    }
+
     return axios.get(this.baseUrl + endpoint, {
       headers: {
         Authorization: `Bearer ${this.token}`,

web/api/ModuleBase.js

@@ -61,10 +61,10 @@ class ModuleBase {
   }
 
   /**
-     * Some browsers do not support sending JSON in get parameters. Set this to true to avoid sending JSON
+   * Some browsers do not support sending JSON in get parameters. Set this to true to avoid sending JSON
-     * @method setNoJSONRequests
+   * @method setNoJSONRequests
-     * @param val {Boolean}
+   * @param val {Boolean}
-     */
+   */
   setNoJSONRequests(val) {
     this.noJSONRequests = val;
   }
@@ -79,12 +79,12 @@ class ModuleBase {
   }
 
   /**
-     * Check if the current user has a permission
+   * Check if the current user has a permission
-     * @method checkPermission
+   * @method checkPermission
-     * @param permission {String}
+   * @param permission {String}
-     * @example
+   * @example
-     * this.checkPermission("Upload/Delete Profile Image")
+   * this.checkPermission("Upload/Delete Profile Image")
-     */
+   */
   checkPermission(permission) {
     if (this.permissions[permission] === undefined || this.permissions[permission] == null || this.permissions[permission] === 'Yes') {
       return 'Yes';
@@ -168,15 +168,15 @@ class ModuleBase {
   }
 
   /**
-     * If this method returned false the action buttons in data table for modules will not be displayed.
+   * If this method returned false the action buttons in data table for modules will not be displayed.
-     * Override this method in module lib.js to hide action buttons
+   * Override this method in module lib.js to hide action buttons
-     * @method showActionButtons
+   * @method showActionButtons
-     * @param permission {String}
+   * @param permission {String}
-     * @example
+   * @example
-     * EmployeeLeaveEntitlementAdapter.method('showActionButtons() {
+   * EmployeeLeaveEntitlementAdapter.method('showActionButtons() {
-     *  return false;
+   *  return false;
-     * }
+   * }
-     */
+   */
   showActionButtons() {
     return true;
   }
@@ -201,30 +201,30 @@ class ModuleBase {
   }
 
   /**
-     * Get the current profile
+   * Get the current profile
-     * @method getCurrentProfile
+   * @method getCurrentProfile
-     * @returns Profile of the current user if the profile is not switched if not switched profile
+   * @returns Profile of the current user if the profile is not switched if not switched profile
-     */
+   */
 
   getCurrentProfile() {
     return this.currentProfile;
   }
 
   /**
-     * Retrive data required to create select boxes for add new /edit forms for a given module. This is called when loading the module
+   * Retrive data required to create select boxes for add new /edit forms for a given module. This is called when loading the module
-     * @method initFieldMasterData
+   * @method initFieldMasterData
-     * @param callback {Function} call this once loading completed
+   * @param callback {Function} call this once loading completed
-     * @param callback {Function} call this once all field loading completed. This indicate that the form can be displayed saftly
+   * @param callback {Function} call this once all field loading completed. This indicate that the form can be displayed saftly
-     * @example
+   * @example
-     *   ReportAdapter.method('renderForm(object) {
+   *   ReportAdapter.method('renderForm(object) {
-     *    var that = this;
+   *    var that = this;
-     *    this.processFormFieldsWithObject(object);
+   *    this.processFormFieldsWithObject(object);
-     *    var cb = function(){
+   *    var cb = function(){
-     *      that.super.renderForm(object);
+   *      that.super.renderForm(object);
-     *    };
+   *    };
-     *    this.initFieldMasterData(cb);
+   *    this.initFieldMasterData(cb);
-     *  }
+   *  }
-     */
+   */
   initFieldMasterData(callback, loadAllCallback, loadAllCallbackData) {
     this.fieldMasterData = {};
     this.fieldMasterDataKeys = {};
@@ -236,10 +236,11 @@ class ModuleBase {
     for (let i = 0; i < remoteSourceFields.length; i++) {
       const fieldRemote = remoteSourceFields[i];
       if (fieldRemote[1]['remote-source'] !== undefined && fieldRemote[1]['remote-source'] != null) {
-        let key = `${fieldRemote[1]['remote-source'][0]}_${fieldRemote[1]['remote-source'][1]}_${fieldRemote[1]['remote-source'][2]}`;
+        // let key = `${fieldRemote[1]['remote-source'][0]}_${fieldRemote[1]['remote-source'][1]}_${fieldRemote[1]['remote-source'][2]}`;
-        if (fieldRemote[1]['remote-source'].length === 4) {
+        // if (fieldRemote[1]['remote-source'].length === 4) {
-          key = `${key}_${fieldRemote[1]['remote-source'][3]}`;
+        //   key = `${key}_${fieldRemote[1]['remote-source'][3]}`;
-        }
+        // }
+        const key = this.getRemoteSourceKey(fieldRemote);
         this.fieldMasterDataKeys[key] = false;
 
         const callBackData = {};
@@ -320,26 +321,26 @@ class ModuleBase {
   }
 
   /**
-     * Pass true to this method after creating module JS object to open new/edit entry form for the module on a popup.
+   * Pass true to this method after creating module JS object to open new/edit entry form for the module on a popup.
-     * @method setShowFormOnPopup
+   * @method setShowFormOnPopup
-     * @param val {Boolean}
+   * @param val {Boolean}
-     * @example
+   * @example
-     *   modJs.subModJsList['tabCandidateApplication'] = new CandidateApplicationAdapter('Application','CandidateApplication',{"candidate":data.id}
+   *   modJs.subModJsList['tabCandidateApplication'] = new CandidateApplicationAdapter('Application','CandidateApplication',{"candidate":data.id}
-     *  modJs.subModJsList['tabCandidateApplication'].setShowFormOnPopup(true);
+   *  modJs.subModJsList['tabCandidateApplication'].setShowFormOnPopup(true);
-     */
+   */
 
   setShowFormOnPopup(val) {
     this.showFormOnPopup = val;
   }
 
   /**
-     * Set this to true to if you need the datatable to load data page by page instead of loading all data at once.
+   * Set this to true to if you need the datatable to load data page by page instead of loading all data at once.
-     * @method setRemoteTable
+   * @method setRemoteTable
-     * @param val {Boolean}
+   * @param val {Boolean}
-     * @example
+   * @example
-     *   modJs.subModJsList['tabCandidateApplication'] = new CandidateApplicationAdapter('Application','CandidateApplication',{"candidate":data.id}
+   *   modJs.subModJsList['tabCandidateApplication'] = new CandidateApplicationAdapter('Application','CandidateApplication',{"candidate":data.id}
-     *  modJs.subModJsList['tabCandidateApplication'].setRemoteTable(true);
+   *  modJs.subModJsList['tabCandidateApplication'].setRemoteTable(true);
-     */
+   */
 
   setRemoteTable(val) {
     this.createRemoteTable = val;
@@ -372,14 +373,14 @@ class ModuleBase {
     }
 
     if (this.fieldMasterDataCallback !== null
-            && this.fieldMasterDataCallback !== undefined
+      && this.fieldMasterDataCallback !== undefined
-            && this.isAllLoaded(this.fieldMasterDataKeys)
+      && this.isAllLoaded(this.fieldMasterDataKeys)
-            && (this.fieldMasterDataCallbackData !== null && this.fieldMasterDataCallbackData !== undefined)
+      && (this.fieldMasterDataCallbackData !== null && this.fieldMasterDataCallbackData !== undefined)
     ) {
       this.fieldMasterDataCallback(this.fieldMasterDataCallbackData);
     } else if (this.fieldMasterDataCallback !== null
-            && this.fieldMasterDataCallback !== undefined
+      && this.fieldMasterDataCallback !== undefined
-            && this.isAllLoaded(this.fieldMasterDataKeys)
+      && this.isAllLoaded(this.fieldMasterDataKeys)
     ) {
       this.fieldMasterDataCallback();
     }
@@ -597,10 +598,10 @@ class ModuleBase {
   }
 
   /**
-     * Create the data table on provided element id
+   * Create the data table on provided element id
-     * @method createTable
+   * @method createTable
-     * @param val {Boolean}
+   * @param val {Boolean}
-     */
+   */
 
   createTable(elementId) {
     const that = this;
@@ -678,10 +679,10 @@ class ModuleBase {
   }
 
   /**
-     * Create a data table on provided element id which loads data page by page
+   * Create a data table on provided element id which loads data page by page
-     * @method createTableServer
+   * @method createTableServer
-     * @param val {Boolean}
+   * @param val {Boolean}
-     */
+   */
 
   createTableServer(elementId) {
     const that = this;
@@ -748,10 +749,10 @@ class ModuleBase {
   }
 
   /**
-     * This should be overridden in module lib.js classes to return module headers which are used to create the data table.
+   * This should be overridden in module lib.js classes to return module headers which are used to create the data table.
-     * @method getHeaders
+   * @method getHeaders
-     * @example
+   * @example
-     SettingAdapter.method('getHeaders() {
+   SettingAdapter.method('getHeaders() {
       return [
       { "sTitle": "ID" ,"bVisible":false},
       { "sTitle": "Name" },
@@ -759,17 +760,17 @@ class ModuleBase {
       { "sTitle": "Details"}
     ];
     }
-     */
+   */
   getHeaders() {
 
   }
 
 
   /**
-     * This should be overridden in module lib.js classes to return module field values which are used to create the data table.
+   * This should be overridden in module lib.js classes to return module field values which are used to create the data table.
-     * @method getDataMapping
+   * @method getDataMapping
-     * @example
+   * @example
-     SettingAdapter.method('getDataMapping() {
+   SettingAdapter.method('getDataMapping() {
   return [
           "id",
           "name",
@@ -777,23 +778,23 @@ class ModuleBase {
           "description"
   ];
   }
-     */
+   */
 
   getDataMapping() {
 
   }
 
   /**
-     * This should be overridden in module lib.js classes to return module from fields which are used to create the add/edit form and also used for initializing select box values in form.
+   * This should be overridden in module lib.js classes to return module from fields which are used to create the add/edit form and also used for initializing select box values in form.
-     * @method getFormFields
+   * @method getFormFields
-     * @example
+   * @example
-     SettingAdapter.method('getFormFields() {
+   SettingAdapter.method('getFormFields() {
   return [
           [ "id", {"label":"ID","type":"hidden"}],
           [ "value", {"label":"Value","type":"text","validation":"none"}]
   ];
   }
-     */
+   */
   getFormFields() {
 
   }
@@ -807,26 +808,26 @@ class ModuleBase {
   }
 
   /**
-     * This can be overridden in module lib.js classes inorder to show a filter form
+   * This can be overridden in module lib.js classes inorder to show a filter form
-     * @method getFilters
+   * @method getFilters
-     * @example
+   * @example
-     EmployeeAdapter.method('getFilters() {
+   EmployeeAdapter.method('getFilters() {
     return [
             [ "job_title", {"label":"Job Title","type":"select2","allow-null":true,"null-label":"All Job Titles","remote-source":["JobTitle","id","name"]}],
             [ "department", {"label":"Department","type":"select2","allow-null":true,"null-label":"All Departments","remote-source":["CompanyStructure","id","title"]}],
             [ "supervisor", {"label":"Supervisor","type":"select2","allow-null":true,"null-label":"Anyone","remote-source":["Employee","id","first_name+last_name"]}]
     ];
   }
-     */
+   */
   getFilters() {
     return null;
   }
 
   /**
-     * Show the edit form for an item
+   * Show the edit form for an item
-     * @method edit
+   * @method edit
-     * @param id {int} id of the item to edit
+   * @param id {int} id of the item to edit
-     */
+   */
   edit(id) {
     this.currentId = id;
     this.getElement(id, []);
@@ -890,10 +891,10 @@ class ModuleBase {
   }
 
   /**
-     * Delete an item
+   * Delete an item
-     * @method deleteRow
+   * @method deleteRow
-     * @param id {int} id of the item to edit
+   * @param id {int} id of the item to edit
-     */
+   */
 
   deleteRow(id) {
     this.deleteParams.id = id;
@@ -902,17 +903,17 @@ class ModuleBase {
   }
 
   /**
-     * Show a popup with message
+   * Show a popup with message
-     * @method showMessage
+   * @method showMessage
-     * @param title {String} title of the message box
+   * @param title {String} title of the message box
-     * @param message {String} message
+   * @param message {String} message
-     * @param closeCallback {Function} this will be called once the dialog is closed (optional)
+   * @param closeCallback {Function} this will be called once the dialog is closed (optional)
-     * @param closeCallback {Function} data to pass to close callback (optional)
+   * @param closeCallback {Function} data to pass to close callback (optional)
-     * @param closeCallbackData
+   * @param closeCallbackData
-     * @param isPlain {Boolean} if true buttons are not shown (optional / default = true)
+   * @param isPlain {Boolean} if true buttons are not shown (optional / default = true)
-     * @example
+   * @example
-     *   this.showMessage("Error Occured while Applying Leave", callBackData);
+   *   this.showMessage("Error Occured while Applying Leave", callBackData);
-     */
+   */
   showMessage(title, message, closeCallback = null, closeCallbackData = null, isPlain = false) {
     const that = this;
     let modelId = '';
@@ -1005,11 +1006,11 @@ class ModuleBase {
 
 
   /**
-     * Create or edit an element
+   * Create or edit an element
-     * @method save
+   * @method save
-     * @param getFunctionCallBackData {Array} once a success is returned call get() function for this module with these parameters
+   * @param getFunctionCallBackData {Array} once a success is returned call get() function for this module with these parameters
-     * @param successCallback {Function} this will get called after success response
+   * @param successCallback {Function} this will get called after success response
-     */
+   */
 
   save(callGetFunction, successCallback) {
     const validator = new FormValidation(`${this.getTableName()}_submit`, true, { ShowPopup: false, LabelErrorClass: 'error' });
@@ -1040,7 +1041,7 @@ class ModuleBase {
     const fields = this.getFormFields();
     fields.forEach((field) => {
       if ((field[1].type === 'date' || field[1].type === 'datetime')
-                && (params[field[0]] === '' || params[field[0]] === '0000-00-00' || params[field[0]] === '0000-00-00 00:00:00')) {
+        && (params[field[0]] === '' || params[field[0]] === '0000-00-00' || params[field[0]] === '0000-00-00 00:00:00')) {
         if (field[1].validation === 'none') {
           params[field[0]] = 'NULL';
         } else {
@@ -1084,23 +1085,23 @@ class ModuleBase {
   }
 
   /**
-     * Override this method to inject attitional parameters or modify existing parameters retrived from
+   * Override this method to inject attitional parameters or modify existing parameters retrived from
-     * add/edit form before sending to the server
+   * add/edit form before sending to the server
-     * @method forceInjectValuesBeforeSave
+   * @method forceInjectValuesBeforeSave
-     * @param params {Array} keys and values in form
+   * @param params {Array} keys and values in form
-     * @returns {Array} modified parameters
+   * @returns {Array} modified parameters
-     */
+   */
   forceInjectValuesBeforeSave(params) {
     return params;
   }
 
   /**
-     * Override this method to do custom validations at client side
+   * Override this method to do custom validations at client side
-     * @method doCustomValidation
+   * @method doCustomValidation
-     * @param params {Array} keys and values in form
+   * @param params {Array} keys and values in form
-     * @returns {Null or String} return null if validation success, returns error message if unsuccessful
+   * @returns {Null or String} return null if validation success, returns error message if unsuccessful
-     * @example
+   * @example
-     EmployeeLeaveAdapter.method('doCustomValidation(params) {
+   EmployeeLeaveAdapter.method('doCustomValidation(params) {
     try{
       if(params['date_start'] != params['date_end']){
         var ds = new Date(params['date_start']);
@@ -1114,7 +1115,7 @@ class ModuleBase {
     }
   return null;
 }
-     */
+   */
   // eslint-disable-next-line no-unused-vars
   doCustomValidation(params) {
     return null;
@@ -1177,7 +1178,12 @@ class ModuleBase {
                 value = 'Not Selected';
               }
             } else {
-              value = this.fieldMasterData[`${rmf[0]}_${rmf[1]}_${rmf[2]}`][filters[prop]];
+              let key = `${rmf[0]}_${rmf[1]}_${rmf[2]}`;
+              if (rmf.length > 3) {
+                key = `${key}_${rmf[3]}`;
+              }
+              //value = this.fieldMasterData[`${rmf[0]}_${rmf[1]}_${rmf[2]}`][filters[prop]];
+              value = this.fieldMasterData[key][filters[prop]];
               valueOrig = value;
             }
           } else {
@@ -1231,20 +1237,20 @@ class ModuleBase {
   }
 
   /**
-     * Override this method to do custom validations at client side for values selected in filters
+   * Override this method to do custom validations at client side for values selected in filters
-     * @method doCustomFilterValidation
+   * @method doCustomFilterValidation
-     * @param params {Array} keys and values in form
+   * @param params {Array} keys and values in form
-     * @returns {Null or String} return null if validation success, returns error message if unsuccessful
+   * @returns {Null or String} return null if validation success, returns error message if unsuccessful
-     */
+   */
   doCustomFilterValidation(params) {
     return true;
   }
 
 
   /**
-     * Reset selected filters
+   * Reset selected filters
-     * @method resetFilters
+   * @method resetFilters
-     */
+   */
 
   resetFilters() {
     this.filter = this.origFilter;
@@ -1332,7 +1338,8 @@ class ModuleBase {
       try {
         modJs.filterQuery();
       } catch (err) {
-        // Do Nothing
+        console.log(err);
+        console.log(err.message);
       }
       return false;
     });
@@ -1344,20 +1351,20 @@ class ModuleBase {
 
 
   /**
-     * Override this method in your module class to make changes to data fo the form before showing the form
+   * Override this method in your module class to make changes to data fo the form before showing the form
-     * @method preRenderForm
+   * @method preRenderForm
-     * @param object {Array} keys value list for populating form
+   * @param object {Array} keys value list for populating form
-     */
+   */
 
   preRenderForm(object) {
 
   }
 
   /**
-     * Create the form
+   * Create the form
-     * @method renderForm
+   * @method renderForm
-     * @param object {Array} keys value list for populating form
+   * @param object {Array} keys value list for populating form
-     */
+   */
 
   renderForm(object) {
     const signatureIds = [];
@@ -1581,28 +1588,28 @@ class ModuleBase {
   }
 
   /**
-     * Override this method in your module class to make changes to data fo the form after showing it
+   * Override this method in your module class to make changes to data fo the form after showing it
-     * @method postRenderForm
+   * @method postRenderForm
-     * @param object {Array} keys value list for populating form
+   * @param object {Array} keys value list for populating form
-     * @param $tempDomObj {DOM} a DOM element for the form
+   * @param $tempDomObj {DOM} a DOM element for the form
-     * @example
+   * @example
-     *   UserAdapter.method('postRenderForm(object, $tempDomObj) {
+   *   UserAdapter.method('postRenderForm(object, $tempDomObj) {
     if(object == null || object == undefined){
       $tempDomObj.find("#changePasswordBtn").remove();
     }
   }
-     */
+   */
 
   postRenderForm(object, $tempDomObj) {
 
   }
 
   /**
-     * Convert data group field to HTML
+   * Convert data group field to HTML
-     * @method dataGroupToHtml
+   * @method dataGroupToHtml
-     * @param val {String} value in the field
+   * @param val {String} value in the field
-     * @param field {Array} field meta data
+   * @param field {Array} field meta data
-     */
+   */
 
   dataGroupToHtml(val, field) {
     const data = JSON.parse(val);
@@ -1657,10 +1664,10 @@ class ModuleBase {
   }
 
   /**
-     * Reset the DataGroup for a given field
+   * Reset the DataGroup for a given field
-     * @method resetDataGroup
+   * @method resetDataGroup
-     * @param field {Array} field meta data
+   * @param field {Array} field meta data
-     */
+   */
   resetDataGroup(field) {
     $(`#${field[0]}`).val('');
     $(`#${field[0]}_div`).html('');
@@ -2054,12 +2061,12 @@ class ModuleBase {
 
 
   /**
-     * Fill a form with required values after showing it
+   * Fill a form with required values after showing it
-     * @method fillForm
+   * @method fillForm
-     * @param object {Array} form data
+   * @param object {Array} form data
-     * @param formId {String} id of the form
+   * @param formId {String} id of the form
-     * @param formId {Array} field meta data
+   * @param formId {Array} field meta data
-     */
+   */
 
   fillForm(object, formId, fields) {
     let placeHolderVal;
@@ -2094,7 +2101,8 @@ class ModuleBase {
         $(`${formId} #${fields[i][0]}`).html(object[fields[i][0]]);
       } else if (fields[i][1].type === 'placeholder') {
         if (fields[i][1]['remote-source'] !== undefined && fields[i][1]['remote-source'] != null) {
-          const key = `${fields[i][1]['remote-source'][0]}_${fields[i][1]['remote-source'][1]}_${fields[i][1]['remote-source'][2]}`;
+          //const key = `${fields[i][1]['remote-source'][0]}_${fields[i][1]['remote-source'][1]}_${fields[i][1]['remote-source'][2]}`;
+          const key = this.getRemoteSourceKey(fields[i]);
           placeHolderVal = this.fieldMasterData[key][object[fields[i][0]]];
         } else {
           placeHolderVal = object[fields[i][0]];
@@ -2172,7 +2180,7 @@ class ModuleBase {
         }
       } else if (fields[i][1].type === 'signature') {
         if (object[fields[i][0]] !== '' || object[fields[i][0]] !== undefined
-                    || object[fields[i][0]] != null) {
+          || object[fields[i][0]] != null) {
           $(`${formId} #${fields[i][0]}`).data('signaturePad').fromDataURL(object[fields[i][0]]);
         }
       } else if (fields[i][1].type === 'simplemde') {
@@ -2189,9 +2197,9 @@ class ModuleBase {
   }
 
   /**
-     * Cancel edit or add new on modules
+   * Cancel edit or add new on modules
-     * @method cancel
+   * @method cancel
-     */
+   */
 
   cancel() {
     $(`#${this.getTableName()}Form`).hide();
@@ -2218,10 +2226,11 @@ class ModuleBase {
       if (field[1].source !== undefined && field[1].source != null) {
         t = t.replace('_options_', this.renderFormSelectOptions(field[1].source, field));
       } else if (field[1]['remote-source'] !== undefined && field[1]['remote-source'] != null) {
-        let key = `${field[1]['remote-source'][0]}_${field[1]['remote-source'][1]}_${field[1]['remote-source'][2]}`;
+        // let key = `${field[1]['remote-source'][0]}_${field[1]['remote-source'][1]}_${field[1]['remote-source'][2]}`;
-        if (field[1]['remote-source'].length === 4) {
+        // if (field[1]['remote-source'].length === 4) {
-          key = `${key}_${field[1]['remote-source'][3]}`;
+        //   key = `${key}_${field[1]['remote-source'][3]}`;
-        }
+        // }
+        const key = this.getRemoteSourceKey(field);
         t = t.replace('_options_', this.renderFormSelectOptionsRemote(this.fieldMasterData[key], field));
       }
     } else if (field[1].type === 'colorpick') {
@@ -2413,49 +2422,49 @@ class ModuleBase {
   }
 
   /**
-     * Override this method to change add new button label
+   * Override this method to change add new button label
-     * @method getAddNewLabel
+   * @method getAddNewLabel
-     */
+   */
 
   getAddNewLabel() {
     return 'Add New';
   }
 
   /**
-     * Used to set whether to show the add new button for a module
+   * Used to set whether to show the add new button for a module
-     * @method setShowAddNew
+   * @method setShowAddNew
-     * @param showAddNew {Boolean} value
+   * @param showAddNew {Boolean} value
-     */
+   */
 
   setShowAddNew(showAddNew) {
     this.showAddNew = showAddNew;
   }
 
   /**
-     * Used to set whether to show delete button for each entry in module
+   * Used to set whether to show delete button for each entry in module
-     * @method setShowDelete
+   * @method setShowDelete
-     * @param val {Boolean} value
+   * @param val {Boolean} value
-     */
+   */
   setShowDelete(val) {
     this.showDelete = val;
   }
 
 
   /**
-     * Used to set whether to show edit button for each entry in module
+   * Used to set whether to show edit button for each entry in module
-     * @method setShowEdit
+   * @method setShowEdit
-     * @param val {Boolean} value
+   * @param val {Boolean} value
-     */
+   */
 
   setShowEdit(val) {
     this.showEdit = val;
   }
 
   /**
-     * Used to set whether to show save button in form
+   * Used to set whether to show save button in form
-     * @method setShowSave
+   * @method setShowSave
-     * @param val {Boolean} value
+   * @param val {Boolean} value
-     */
+   */
 
 
   setShowSave(val) {
@@ -2464,20 +2473,20 @@ class ModuleBase {
 
 
   /**
-     * Used to set whether to show cancel button in form
+   * Used to set whether to show cancel button in form
-     * @method setShowCancel
+   * @method setShowCancel
-     * @param val {Boolean} value
+   * @param val {Boolean} value
-     */
+   */
 
   setShowCancel(val) {
     this.showCancel = val;
   }
 
   /**
-     * Datatable option array will be extended with associative array provided here
+   * Datatable option array will be extended with associative array provided here
-     * @method getCustomTableParams
+   * @method getCustomTableParams
-     * @param val {Boolean} value
+   * @param val {Boolean} value
-     */
+   */
 
 
   getCustomTableParams() {
@@ -2490,12 +2499,12 @@ class ModuleBase {
 
 
   /**
-     * This return html for action buttons in each row. Override this method if you need to make changes to action buttons.
+   * This return html for action buttons in each row. Override this method if you need to make changes to action buttons.
-     * @method getActionButtonsHtml
+   * @method getActionButtonsHtml
-     * @param id {int} id of the row
+   * @param id {int} id of the row
-     * @param data {Array} data for the row
+   * @param data {Array} data for the row
-     * @returns {String} html for action buttons
+   * @returns {String} html for action buttons
-     */
+   */
 
   getActionButtonsHtml(id, data) {
     const editButton = '<img class="tableActionButton" src="_BASE_images/edit.png" style="cursor:pointer;" rel="tooltip" title="Edit" onclick="modJs.edit(_id_);return false;"></img>';
@@ -2528,11 +2537,11 @@ class ModuleBase {
 
 
   /**
-     * Generates a random string
+   * Generates a random string
-     * @method generateRandom
+   * @method generateRandom
-     * @param length {int} required length of the string
+   * @param length {int} required length of the string
-     * @returns {String} random string
+   * @returns {String} random string
-     */
+   */
 
   generateRandom(length) {
     const d = new Date();
@@ -2593,10 +2602,10 @@ class ModuleBase {
   }
 
   /**
-     * Override this method in a module to provide the help link for the module. Help link of the module on frontend will get updated with this.
+   * Override this method in a module to provide the help link for the module. Help link of the module on frontend will get updated with this.
-     * @method getHelpLink
+   * @method getHelpLink
-     * @returns {String} help link
+   * @returns {String} help link
-     */
+   */
 
   getHelpLink() {
     return null;

web/components/UpdatePasswordModal.js

@@ -0,0 +1,232 @@
+import React, {Component} from 'react';
+import {
+    Form,
+    Modal,
+    Input,
+    Button,
+    message,
+} from 'antd';
+import CustomAction from '../api/CustomAction';
+
+class UpdatePasswordModal extends React.Component {
+
+    state = {
+        loading: false,
+        passwordHasError: false,
+        passwordState: { hasFeedback: false, validateStatus:'', help:'Password must include at least one number, one lowercase letter, one uppercase letter and a symbol' },
+        confirmationHasError: false,
+        confirmationState: { hasFeedback: false, validateStatus:'', help:'' },
+    };
+
+    constructor(props) {
+        super(props);
+        this.formRef = React.createRef();
+        this.customAction = new CustomAction(this.props.adapter);
+    }
+
+    componentDidMount() {
+        message.config({
+            top: 40,
+        });
+    }
+
+    clearConfirmFeedback = () => {
+        this.setState({confirmationHasError: false});
+        this.setState({
+            confirmationState: {
+                hasFeedback :  false,
+                validateStatus:'',
+                help:'',
+            }
+        });
+    }
+
+    updatePasswordState(value) {
+        const passwordValidationResult = this.validatePassword(value);
+        if (passwordValidationResult !== null) {
+            this.setState({passwordHasError: true});
+            this.setState({
+                passwordState: {
+                    hasFeedback :  true,
+                    validateStatus:'error',
+                    help:passwordValidationResult,
+                }
+            });
+
+            return false;
+        } else {
+            this.setState({passwordHasError: false});
+            this.setState({
+                passwordState: {
+                    hasFeedback :  true,
+                    validateStatus:'success',
+                    help:'',
+                }
+            });
+        }
+
+        return true;
+    }
+
+    updateConfirmPasswordState(values) {
+        if (values.confirm !== values.new) {
+            this.setState({confirmationHasError: true});
+            this.setState({
+                confirmationState: {
+                    hasFeedback :  true,
+                    validateStatus:'error',
+                    help:'Passwords don\'t match',
+                }
+            });
+
+            return false;
+        } else {
+            this.setState({confirmationHasError: false});
+            this.setState({
+                confirmationState: {
+                    hasFeedback :  false,
+                    validateStatus:'',
+                    help:'',
+                }
+            });
+        }
+
+        return true;
+    }
+
+    handleOk = () => {
+        const from = this.formRef.current;
+        from
+            .validateFields()
+            .then((values) => {
+                if (this.updatePasswordState(values.new) && this.updateConfirmPasswordState(values)) {
+                    this.updatePassword(values.current, values.new)
+                      .then((response) => {
+                        const data = response.data;
+                        console.log(data);
+                        if (data.status === 'SUCCESS') {
+                            this.handleCancel();
+                            message.success(this.props.adapter.gt('Password updated'));
+                        } else {
+                            message.error(
+                              `${this.props.adapter.gt('Error updating password')}: ${this.props.adapter.gt(data.data)}`
+                            );
+                        }
+                    }).catch((error) => {
+                        message.error(
+                          `${this.props.adapter.gt('Error updating password')}`
+                        );
+                        console.log(error.message);
+                    });
+                }
+            })
+            .catch((info) => {
+                this.setState({ loading: false });
+            });
+    }
+
+    handleCancel = () => {
+        if (this.formRef.current) {
+            this.formRef.current.resetFields();
+        }
+        this.props.closeModal();
+    }
+
+    updatePassword = (oldPassword, newPassword) => {
+        const req = { current: oldPassword ? oldPassword : '', pwd: newPassword };
+        const reqJson = JSON.stringify(req);
+
+        const callBackData = [];
+        callBackData.callBackData = [];
+        callBackData.callBackSuccess = 'changePasswordSuccessCallBack';
+        callBackData.callBackFail = 'changePasswordFailCallBack';
+
+        return this.customAction.execute('changePassword', 'modules=employees', reqJson);
+
+    }
+
+    validatePassword = (password) => {
+        if (password.length < 8) {
+            return this.props.adapter.gt('Password too short');
+        }
+
+        if (password.length > 20) {
+            return this.props.adapter.gt('Password too long');
+        }
+
+        const numberTester = /.*[0-9]+.*$/;
+        if (!password.match(numberTester)) {
+            return this.props.adapter.gt('Password must include at least one number');
+        }
+
+        const lowerTester = /.*[a-z]+.*$/;
+        if (!password.match(lowerTester)) {
+            return this.props.adapter.gt('Password must include at least one lowercase letter');
+        }
+
+        const upperTester = /.*[A-Z]+.*$/;
+        if (!password.match(upperTester)) {
+            return this.props.adapter.gt('Password must include at least one uppercase letter');
+        }
+
+        const symbolTester = /.*[\W]+.*$/;
+        if (!password.match(symbolTester)) {
+            return this.props.adapter.gt('Password must include at least one symbol');
+        }
+
+        return null;
+    }
+
+    render() {
+        const layout = {
+            labelCol: { span: 8 },
+            wrapperCol: { span: 16 },
+        };
+
+        return (
+            <Modal
+                visible={this.props.visible}
+                title="Update Password"
+                onOk={this.handleOk}
+                onCancel={this.handleCancel}
+                footer={[
+                    <Button key="back" onClick={this.handleCancel}>
+                        {this.props.adapter.gt('Cancel')}
+                    </Button>,
+                    <Button key="submit" type="primary" loading={this.state.loading} onClick={this.handleOk}>
+                        {this.props.adapter.gt('Update')}
+                    </Button>,
+                ]}
+            >
+                <Form {...layout} ref={this.formRef}>
+                    <Form.Item label="Current Password" key="current" name="current" >
+                        <Input.Password placeholder="current password"/>
+                    </Form.Item>
+                    { this.state.passwordHasError &&
+                        <Form.Item label="New Password" key="new" name="new" {...this.state.passwordState}>
+                            <Input.Password placeholder="new password" onChange={(event) => this.updatePasswordState(event.target.value)}/>
+                        </Form.Item>
+                    }
+                    { !this.state.passwordHasError &&
+                    <Form.Item label="New Password" key="new" name="new" {...this.state.passwordState}>
+                        <Input.Password placeholder="new password" onChange={(event) => this.updatePasswordState(event.target.value)}/>
+                    </Form.Item>
+                    }
+                    { this.state.confirmationHasError &&
+                    <Form.Item label="Confirm Password" key="confirm" name="confirm" {...this.state.confirmationState}>
+                        <Input.Password placeholder="confirm password" onChange={(event) => this.clearConfirmFeedback()}/>
+                    </Form.Item>
+                    }
+                    { !this.state.confirmationHasError &&
+                    <Form.Item label="Confirm Password" key="confirm" name="confirm" >
+                        <Input.Password placeholder="confirm password" onChange={(event) => this.clearConfirmFeedback()}/>
+                    </Form.Item>
+                    }
+
+                </Form>
+            </Modal>
+        )
+    }
+}
+
+export default UpdatePasswordModal;

web/modules/src/employees/components/EmployeeProfile.js

@@ -1,37 +1,32 @@
-import React, {Component} from 'react';
+import React from 'react';
 import {
   Col,
   Card,
-  Badge,
   Avatar,
-  Input,
   Row,
   Descriptions,
   Typography,
-  Table,
   Space,
-  Button,
   Tag,
-  message,
   Tabs,
-  Spin,
   Skeleton
 } from 'antd';
 import {
-  FilterOutlined,
   EditOutlined,
   PhoneTwoTone,
   MailTwoTone,
   SyncOutlined,
+  LockOutlined,
 } from '@ant-design/icons';
 import TagList from "../../../../components/TagList";
-const { Search } = Input;
+import UpdatePasswordModal from "../../../../components/UpdatePasswordModal";
 const { Title, Text } = Typography;
 const { TabPane } = Tabs;
 
 class EmployeeProfile extends React.Component {
   state = {
     loading: true,
+    showPasswordResetModal: false,
   };
 
   constructor(props) {
@@ -42,6 +37,10 @@ class EmployeeProfile extends React.Component {
     this.setState({ loading: value });
   }
 
+  setShowPasswordUpdate(value) {
+    this.setState({ showPasswordResetModal: value });
+  }
+
   updateProfileImage() {
     showUploadDialog(
       `profile_image_${this.props.element.id}_${(new Date()).getTime()}`,
@@ -71,6 +70,33 @@ class EmployeeProfile extends React.Component {
     </>);
   }
 
+  getEditButtonJsxWithPassword() {
+    return (<>
+      {this.state.loading &&
+      <Tag icon={<SyncOutlined spin/>} color="processing">
+        {this.props.adapter.gt('Edit')}
+      </Tag>
+      }
+      {!this.state.loading &&
+      <Tag icon={<EditOutlined/>} color="processing"
+           onClick={() => modJs.edit(this.props.element.id)}>
+        {this.props.adapter.gt('Edit')}
+      </Tag>
+      }
+      <Tag icon={<LockOutlined/>} color="volcano" onClick={() => this.setShowPasswordUpdate(true)}>
+      {this.props.adapter.gt('Update Password')}
+      </Tag>
+    </>);
+  }
+
+  getUpdatePasswordButtonJsx() {
+    return (<>
+      <Tag icon={<SyncOutlined spin/>} color="processing">
+        {this.props.adapter.gt('Update Password')}
+      </Tag>
+    </>);
+  }
+
   getTabViewEmployeeFilterButtonJsx(tab) {
     return (
       <Tag icon={<EditOutlined/>} color="processing"
@@ -86,10 +112,15 @@ class EmployeeProfile extends React.Component {
     }
     return (
       <>
+      <UpdatePasswordModal
+          visible={this.state.showPasswordResetModal}
+          closeModal={() => {this.setState({ showPasswordResetModal: false })}}
+          adapter={this.props.adapter}
+      />
       <Row direction="vertical" style={{width: '100%', padding: '10px'}} gutter={24}>
         <Col span={24}>
           <Card title={this.props.adapter.gt('Employee Profile')}
-                extra={this.getEditButtonJsx()}
+                extra={this.getEditButtonJsxWithPassword()}
                 style={{ width: '100%' }}
           >
             <Space size={'large'}>

web/modules/src/time_sheets/lib.js

@@ -613,8 +613,15 @@ class EmployeeTimeEntryAdapter extends AdapterBase {
     return dateArray;
   }
 
-
   renderForm(object) {
+    this.initMasterDataReader();
+    this.masterDataReader.updateAllMasterData()
+      .then(() => {
+        this._renderForm(object);
+      });
+  }
+
+  _renderForm(object) {
     let formHtml = this.getCustomTemplate('time_entry_form.html');
     formHtml = formHtml.replace(/modJs/g, "modJsList['tabEmployeeTimeEntry']");
     let html = '';