update for sso

src/containers/TheContent.js

@@ -1,4 +1,5 @@
 import React, { Suspense } from 'react'
+import Cookies from 'js-cookie';
 import {
   Redirect,
   Route,
@@ -8,7 +9,7 @@ import { CContainer, CFade } from '@coreui/react'
 
 // routes config
 import routes from '../routes'
-  
+
 const loading = (
   <div className="pt-3 text-center">
     <div className="sk-spinner sk-spinner-pulse"></div>
@@ -16,6 +17,13 @@ const loading = (
 )
 
 const TheContent = () => {
+
+  function get_token_from_storage_or_cookie() {
+    const shib = Cookies.get('_shibsession_64656661756c7468747470733a2f2f66736273736f2e73756d6173656e2e6e65742f73686962626f6c657468')
+    console.log(shib);
+    return null;
+  }
+
   return (
     <main className="c-main">
       <CContainer fluid>
@@ -28,11 +36,23 @@ const TheContent = () => {
                   path={route.path}
                   exact={route.exact}
                   name={route.name}
-                  render={props => (
-                    <CFade>
+
+                  render={props =>
+                    get_token_from_storage_or_cookie("tokenName") !== null
+                   ? (
                       <route.component {...props} />
-                    </CFade>
-                  )} />
+                    ) : (
+                      <Redirect to={{ pathname: "/sso" }} />
+                    )
+                  }
+
+
+                  // render={props => (
+                  //   <CFade>
+                  //     <route.component {...props} />
+                  //   </CFade>
+                  // )}
+                  />
               )
             })}
             <Redirect from="/" to="/dashboard" />

src/containers/TheHeader.js

@@ -60,6 +60,10 @@ const TheHeader = () => {
         </CHeaderNavItem>
       </CHeaderNav>
 
+      <CHeaderNav className="px-3">
+        <TheHeaderDropdown/>
+      </CHeaderNav>
+
       <CSubheader className="px-3 justify-content-between">
         <CBreadcrumbRouter
           className="border-0 c-subheader-nav m-0 px-0 px-md-3"

src/containers/TheHeaderDropdown.js

@@ -10,6 +10,12 @@ import {
 import CIcon from '@coreui/icons-react'
 
 const TheHeaderDropdown = () => {
+
+  function launchsso() {
+    console.log("launch sso");
+    window.open("https://fsbsso.sumasen.net/Shibboleth.sso/Login", "_self");
+  }
+
   return (
     <CDropdown
       inNav
@@ -18,11 +24,7 @@ const TheHeaderDropdown = () => {
     >
       <CDropdownToggle className="c-header-nav-link" caret={false}>
         <div className="c-avatar">
-          <CImg
-            src={'avatars/6.jpg'}
-            className="c-avatar-img"
-            alt="admin@bootstrapmaster.com"
-          />
+          Account
         </div>
       </CDropdownToggle>
       <CDropdownMenu className="pt-0" placement="bottom-end">
@@ -34,10 +36,9 @@ const TheHeaderDropdown = () => {
         >
           <strong>Account</strong>
         </CDropdownItem>
-        <CDropdownItem>
+        <CDropdownItem onClick={launchsso}>
           <CIcon name="cil-bell" className="mfe-2" />
-          Updates
-          <CBadge color="info" className="mfs-auto">42</CBadge>
+          SSO Login
         </CDropdownItem>
       </CDropdownMenu>
     </CDropdown>

src/containers/_nav.js

@@ -24,6 +24,12 @@ const _nav = [{
         to: '/uploader',
         icon: 'cil-drop',
     },
+    {
+        _tag: 'CSidebarNavItem',
+        name: 'secret',
+        to: '/secret',
+        icon: 'cil-drop',
+    },
     // {
     //   _tag: 'CSidebarNavTitle',
     //   _children: ['Components']