doe-ui-core

Common UI Library created for NSW DoE frontend projects. Built upon Vue.js and Vuetify.

How to use

1. It is recommended to download doe-ui-template and start new project's development because doe-ui-template uses doe-ui-core and it has everything configured already.

2. If you want to set up a new project yourself, you can: Create a new Vue project, recommend to use vue-cli

yarn global add @vue/cli
# OR
npm install -g @vue/cli

vue create project-name

Add Vuetify as it is a dependency for this UI lib

vue add vuetify

Then install @nswdoe/doe-ui-core

yarn add @nswdoe/doe-ui-core
# OR
npm install @nswdoe/doe-ui-core

Import components in your project

In your project, simply import the UI Lib components you want to use, for example:

import { AppBar, NavigationDrawer, Profile } from '@nswdoe/doe-ui-core';

Version

1.0.26

Change Log

#1.0.26 - 07 Jul 2020

• Add PKCE Authorisation Code capability to OAuth plugin

#1.0.25 - 01 Jul 2020

• OAuth plugin updates
  • Plugin will now re-authenticate with sso on every app refresh
  • Fix issue with redirecting to subroutes with params after sso auth
  • Popup auth is now optional with enablePopupAuth option. Default false - auth will redirect current page to sso login
  • Added loaded property, accessible via $OAuth.loaded which is set to true after the access_token is set.
  • New plugin options:
    • secureApp - makes all routes protected by default - default false
    • devIdTokenOverride - use a custom id-token for dev testing e.g. with different roles
    • enablePopupAuth - will attempt to show a separate pop-up for sso login to preserve current app state - default false

#1.0.24 - 29 Jun 2020

• Add Weather component

#1.0.23 - 18 Jun 2020

• Fixed action button styling in DataTable

#1.0.22 - 16 Jun 2020

• Fixed reference error to DataTableFieldTypes in DataTable

#1.0.21 - 16 Jun 2020

• Fixed spelling error on DataTable, FILED_TYPE_* -> FIELD_TYPE_* and renamed reference from FiledCustomTypes to DataTableFieldTypes.
• Add additional slot to AppBar for app icon's container, appIconContainer.

#1.0.20 - 03 Jun 2020

• Remove Safari from suggested browsers in IeBlocker
• Fix Chips linting errors

#1.0.19 - 03 Jun 2020

• Add Chips component
• Add publicApp prop to IeBlocker which adds browser suggestions for Safari and MS Edge in addition to Chrome

#1.0.18 - 02 Jun 2020

• Add homeLink property to AppBar component

#1.0.17 - 29 May 2020

• Fix DataTable referencing error

#1.0.16 - 27 May 2020

• Add IeBlocker component
• Add background options to Banner component
• Fix margins in NavigationDrawer sub-menus

#1.0.15 - 21 May 2020

• Add AdsButton component
• Pass through binding of attributes from NavigationDrawer to underlying v-navigation-drawer

#1.0.14 - 19 May 2020

• Apply vue's strongly-recommended linting rules
• Added new Alert component
• Restyling for NavigationDrawer
• Added notification counter feature to NavigationDrawer
• Fix center alignment on InitialsIcon

#1.0.13 - 07 May 2020

• Fix timeout detection issue with OAuth plugin
• Remove console log from AppIcon component

#1.0.12 - 24 Apr 2020

• Add Stepper navigation component

#1.0.11 - 17 Apr 2020

• Add OAuth plugin

#1.0.10 - 16 Apr 2020

Breaking Changes

• AppBar schoolPicker slot renamed to dataSwitcher

Other changes

• Add preMenu and postMenu slots on NavigationDrawer
• Remove requirement for clickHander function in NavigationDrawer item
• Update Banner styling to match ADS
• Add AppBar with backButton and extension slots to support mobile designs
• Profile menu web accessibility and IE11 fixes
• Profile menu "Update Secret Question" renamed to "Update Secret Questions"
• Add new BlockUI component for blocking UI when loading
• Fix MyEssentials asynchronous loading issue

#1.0.9 - 03 Mar 2020

• Data table search bug fix

#1.0.8 - 21 Feb 2020

• Updated DataSwitcher component to meet new ADS standard

#1.0.7 - 20 Feb 2020

• Added DataTable component, its document is within the component folder

#1.0.6 - 11 Feb 2020

• Renamed SchoolPicker to DataSwitcher

#1.0.5 - 11 Feb 2020

• Added Banner component

#1.0.3 & #1.0.4 - 28 Jan 2020

• Updated NavigationDrawer to support sub-items.
• Upgraded Vuetify version to 2.2.4 in peerDependencies

#1.0.1 & #1.0.2 - 09 Dec 2019

• Updated AppBar and AppIcon, Added Dialog & InfoCard

#1.0.0 - 02 Dec 2019

• Released version 1.0.0