TMSS-937 - updated the code for Keycloak authenticate

SAS/TMSS/frontend/tmss_webapp/src/authenticate/auth.js

@@ -14,16 +14,19 @@ const Auth = {
             user = JSON.parse(user);
             return Auth.getUserPermission(user);
         }else {
-            user = sessionStorage.getItem("user");
-            console.log('Keycloak:',user);
-            if (user) {
-                user = JSON.parse(user);
-                const res = await AuthService.keycloakAuthenticate();
-                if(res && res.is_authenticated){
-                    localStorage.setItem("loginType", 'Keycloak');
-                    return Auth.getUserPermission(user);
-                }
-            } 
+            const res = await AuthService.keycloakAuthenticate();
+            if(res && res.is_authenticated){
+                localStorage.setItem("loginType", 'Keycloak');
+                const cookies = document.cookie.split(';').reduce((prev, current) => {
+                    const [name, value] = current.split(/\s?(.*?)=(.*)/).splice(1, 2);
+                    prev[name] = value;
+                    return prev;
+                  }, {});
+                const userDetails = {'name':res.username, 'token': cookies.csrftoken};
+                axios.defaults.headers.common['Authorization'] = `Token ${cookies.csrftoken}`;
+                localStorage.setItem("user", JSON.stringify(userDetails));
+                return Auth.getUserPermission(userDetails);
+            }
         }
         await PermissionStackUtil.getPermissions(false);
         return false;

SAS/TMSS/frontend/tmss_webapp/src/authenticate/login.js

@@ -79,15 +79,11 @@ export class Login extends Component {
      * @param {*}
      */
     async doKeyCloakLogin(e) {
-        /** For testing */
-            //sessionStorage.setItem("user", JSON.stringify({name:'test',"token":"eaa9a75f31339955cfaca1f7c94b01b1dd327d04"},));
-        /** End */
-
         this.setState({redirect: UIConstants.KEYCLOAK_AUTH_URL});
     }
 
     /**
-     * redirect to forget password page
+     * Redirect to forget password page
      */
     async forgetPassword() {
         this.setState({redirect: UIConstants.FORGET_PASSWORD_URL});

SAS/TMSS/frontend/tmss_webapp/src/services/auth.service.js

@@ -17,9 +17,7 @@ const AuthService = {
     keycloakAuthenticate: async() => {
         try {
             delete axios.defaults.headers.common['Authorization'];
-            const response = await axios.post(UIConstants.KEYCLOAK_AUTHENTICATE_URL);
-            console.log('keycloakAuthenticate =>',response)
-            //axios.defaults.headers.common['Authorization'] = `Token ${response.data.token}`;
+            const response = await axios.get(UIConstants.KEYCLOAK_AUTHENTICATE_URL);
             return response.data;
         }   catch(error) {
             console.error('Error [keycloakAuthenticate]',error);
@@ -34,7 +32,6 @@ const AuthService = {
             }   else {
                 console.log('deAuthenticate url:', UIConstants.KEYCLOAK_LOGOUT_URL);
                 await axios.post(UIConstants.KEYCLOAK_LOGOUT_URL);
-                sessionStorage.removeItem("user");
             }
             localStorage.removeItem("loginType");
         }   catch(error) {

SAS/TMSS/frontend/tmss_webapp/src/utils/ui.constants.js

 const UIConstants = {
-    KEYCLOAK_AUTH_URL: '/oidc/authenticate',
+    KEYCLOAK_AUTH_URL: '/oidc/authenticate/',
     KEYCLOAK_LOGOUT_URL: '/oidc/logout/',
     KEYCLOAK_AUTHENTICATE_URL: '/api/authentication_state/',
     FORGET_PASSWORD_URL: '/api/forgetpass/',