Vonder-sidebar NPM

vonder-sidebar

Vonder sidebar for vonder workflow

Install

npm install --save vonder-sidebar

Usage

import React, { Component } from 'react'

import { VonderSidebar, CollapseButton } from 'vonder-sidebar';
import { Link } from 'react-router-dom';

class Example extends Component {
  render() {
    return ( 
       <Layout>
            <Header>
              <CollapseButton collapsed={collapsed} setCollapsed={setCollapsed} />
            </Header>
            <Layout>
            <VonderSidebar
              collapsed={collapsed}
              toggleCollapsed={setCollapsed}
              jwt={jwt.internal}
              orgName={jwt.internal.orgName}
              profileImg={profile}
              toggleProfile={setVisibleProfile}
              disabledMenus={['scoreBanking']}
              orgType={orgType}
              name='Wipawadee Monkhut'
              role='Super Admin'
              Link={Link}
              onClickUpgrade={() => (window.location.href = 'upgrade-plan')}
              headerHeight={'64px'}
              style={{
                height: '100vh - 64px',
              }}
              totalNotifications={1000}
              handleClickMenu={handleClickMenu}
            />
          </>
       </Layout>
    )

  }
}

Translation

  {
    "MENU_SIDE_BAR": {
        "upgradeTo": "อัปเกรด",
        "myAccount": "บัญชีของฉัน",
        "expandMenu":"ขยายเมนู",
        "title": {
          "myLesson": "บทเรียนของฉัน",
          "readyToUseLesson": "บทเรียนพร้อมใช้งาน",
          "chapterGo": "แชปเตอร์",
          "editProfile": "ตั้งค่า",
          "manageUser": "จัดการผู้ใช้",
          "helpCenter": "ศูนย์ช่วยเหลือ",
          "home": "Home",
          "chatbot": "Chatbot",
          "chatbotManager": "Q&A",
          "formRequest": "Form Manager",
          "microlearning": "Microlearning",
          "manageLearning": "Manage Learning",
          "vonderGo": "Vonder Go",
          "survey": "Survey",
          "manageSurvey": "Manage Survey",
          "createNewSurvey": "Create New Survey",
          "surveyAnalytics": "Survey Analytics",
          "surveyLibrary": "Survey Library",
          "broadcast": "Broadcast",
          "manageBroadcast": "Manage Broadcast",
          "createBroadcast": "Create Broadcast",
          "missionManager": "Mission Manager",
          "manageMission": "Manage Mission",
          "scoreBanking": "Score Banking",
          "manageCurrency": "Manage Currency",
          "recognitionCampaign": "Recognition Campaign",
          "rewardManager": "Reward Manager",
          "platformManager": "Platform Manager",
          "manageAuthentication": "Manage Authen",
          "manageUserGroup": "Manage User Group",
          "deeplinkGenerator": "Deeplink Genarator",
          "peopleSearch": "People Search",
          "quickReply": "Quick Reply",
          "logAnalytics": "Log Analytics",
          "chatLog": "Chat Log",
          "authenticationLog": "Authentication Log",
          "admindelegates": "Admin Delegates",
          "dashboard": "Dashboard",
          "chapter": "Chapter",
          "users": "Users",
          "exportData": "Export Data",
          "employee": "Employee",
          "adminPermission": "Admin Permission"
        },
        "description": {
          "chatbot": "Save time in resolving user's curiosities by training your bot.",
          "microlearning": "Provide users entertaining bite-sized learning contents.",
          "formRequest": "Manage users' requests and leaves all in one place!",
          "vonderGo": "Provide users with gamified group learning contents.",
          "survey": "Create surveys and learn your users' insight.",
          "broadcast": "Create messeges and spread the news.",
          "missionManager": "Mission Manager",
          "scoreBanking": "Set up your organization's currency & create campaigns.",
          "rewardManager": "Prepare rewards for your users to fulfill their motivations.",
          "platformManager": "Manage platform's ecosystem for your company.",
          "peopleSearch": "Manage employees info archive.",
          "adminPermission": "Invite and manage admins to run this workflow."
        }
      }
    }

{
  "MENU_SIDE_BAR": 
    {
      "upgradeTo": "อัปเกรด",
      "myAccount": "บัญชีของฉัน",
      "expandMenu":"ขยายเมนู",
      "title": {
        "myLesson": "บทเรียนของฉัน",
        "readyToUseLesson": "บทเรียนพร้อมใช้งาน",
        "chapterGo": "แชปเตอร์",
        "editProfile": "ตั้งค่า",
        "manageUser": "จัดการผู้ใช้",
        "helpCenter": "ศูนย์ช่วยเหลือ",
        "home": "Home",
        "chatbot": "Chatbot",
        "chatbotManager": "Q&A",
        "formRequest": "Form Manager",
        "microlearning": "Microlearning",
        "manageLearning": "Manage Learning",
        "vonderGo": "Vonder Go",
        "survey": "Survey",
        "manageSurvey": "Manage Survey",
        "createNewSurvey": "Create New Survey",
        "surveyAnalytics": "Survey Analytics",
        "surveyLibrary": "Survey Library",
        "broadcast": "Broadcast",
        "manageBroadcast": "Manage Broadcast",
        "createBroadcast": "Create Broadcast",
        "missionManager": "Mission Manager",
        "manageMission": "Manage Mission",
        "scoreBanking": "Score Banking",
        "manageCurrency": "Manage Currency",
        "recognitionCampaign": "Recognition Campaign",
        "rewardManager": "Reward Manager",
        "platformManager": "Platform Manager",
        "manageAuthentication": "Manage Authen",
        "manageUserGroup": "Manage User Group",
        "deeplinkGenerator": "Deeplink Genarator",
        "peopleSearch": "People Search",
        "quickReply": "Quick Reply",
        "logAnalytics": "Log Analytics",
        "chatLog": "Chat Log",
        "authenticationLog": "Authentication Log",
        "admindelegates": "Admin Delegates",
        "dashboard": "Dashboard",
        "chapter": "Chapter",
        "users": "Users",
        "exportData": "Export Data",
        "employee": "Employee",
        "adminPermission": "Admin Permission"
      },
      "description": {
        "chatbot": "Save time in resolving user's curiosities by training your bot.",
        "microlearning": "Provide users entertaining bite-sized learning contents.",
        "formRequest": "Manage users' requests and leaves all in one place!",
        "vonderGo": "Provide users with gamified group learning contents.",
        "survey": "Create surveys and learn your users' insight.",
        "broadcast": "Create messeges and spread the news.",
        "missionManager": "Mission Manager",
        "scoreBanking": "Set up your organization's currency & create campaigns.",
        "rewardManager": "Prepare rewards for your users to fulfill their motivations.",
        "platformManager": "Manage platform's ecosystem for your company.",
        "peopleSearch": "Manage employees info archive.",
        "adminPermission": "Invite and manage admins to run this workflow."
      }
    }
  }