Changelog
Fully - Angular Admin Template changelog.

0.9.0 - 2021-09-27

    Update project to Angular 12 πŸŽ‰
    Update all dependencies to latest versions.

Steps to update your existing project:

Update Angular to next major version (11) [from 10.1.1]

1
ng update @angular/[email protected] @angular/[email protected] --create-commits
Copied!
1
ng update @angular/[email protected] --create-commits
2
ng update @nguniversal/[email protected] --create-commits
3
ng update @nguniversal/[email protected] --create-commits
Copied!
Before updating Angular to v12, we need to update some peer dependencies
1
npm install --save @ng-bootstrap/[email protected]
Copied!

Update Angular to the latest version (12) [from 11.2.x]

Try to follow this order for proper peer dependencies update
1
ng update @nguniversal/[email protected] --create-commits
Copied!
1
ng update @angular/[email protected] @angular/[email protected] --create-commits
Copied!
1
ng update @angular/[email protected] --create-commits
2
ng update @nguniversal/[email protected] --create-commits
Copied!

Update tooling (global npm dependencies)

Diagnostic
1
npm outdated -g --depth=0
Copied!
Execute
1
npm install -g @angular/cli
Copied!

Update other libraries (for the project)

Diagnostic
1
npm outdated --depth=0 --long
Copied!
Execute
1
npm install --save @swimlane/[email protected]
2
npm install --save @commitlint/[email protected]
3
npm install --save @commitlint/[email protected]
4
npm install --save @fortawesome/fontawesome-free
5
npm install --save google-libphonenumber
6
npm install --save [email protected]
7
npm install --save [email protected]
8
npm install --save mobile-detect
Copied!
New version of ECharts has breaking changes, also see the migration guide​
1
npm install --save [email protected]
2
npm install --save [email protected]
3
npm install --save @juggle/resize-observer
Copied!
New version of Chart.js has breaking changes, also see the migration guide​
1
npm install --save [email protected]
2
npm install --save [email protected]
Copied!
ng2-charts breaking changes references:
Dev dependencies
1
npm install --save-dev @types/echarts
2
npm install --save-dev @types/[email protected]
3
npm install --save-dev @types/[email protected]
4
npm install --save-dev @types/[email protected]
5
npm install --save-dev @types/[email protected]
Copied!
​Upgrade Husky (Git hooks)
1
npm install [email protected] --save-dev \
2
&& npx husky-init \
3
&& npm exec -- github:typicode/husky-4-to-7 --remove-v4-config
Copied!

ESLint Migration

Linting is the process of analyzing your code for bugs, warnings, style and consistency changes, and more. In early 2019, TSLint was officially deprecated, and the community centered around ESLint as its replacement. Since then, there’s been a lot of development in ESLint in order to support TypeScript as well as Angular. Now, we finally have TypeScript-ESLint and Angular-ESLint.
In order to migrate our existing project we run the following commands:
1
ng add @angular-eslint/schematics
2
​
3
ng g @angular-eslint/schematics:convert-tslint-to-eslint
Copied!

Fix vulnerabilities

1
npm audit
2
npm audit fix
Copied!

0.8.0 - 2020-09-30

    Update project to Angular 10 πŸŽ‰
    Update all dependencies to latest versions.
To update your existing project please follow these steps.
If you re-download the files from your Angular Template account you don't need to do this because the template is already updated.

Updating Angular 8.2 to Angular 9

Remove any es5BrowserSupport flags in your angular.json and set your target to es2015 in your tsconfig.json. Angular now uses your browserslist to determine if an ES5 build is needed.
ng update will migrate you automatically.
1
ng update @angular/[email protected] @angular/[email protected] --create-commits
Copied!
1
ng update @angular/[email protected] @angular/[email protected] --create-commits
Copied!
Before updating Angular Material, we need to update peer dependency @swimlane/ngx-charts
1
npm install --save @swimlane/[email protected]
Copied!
1
ng update @angular/[email protected] --create-commits
Copied!
1
ng update @nguniversal/express-engine --force --create-commits
Copied!
entryComponents are no longer required. They can be removed from your code.

Updating Angular 9 to Angular 10

1
ng update @angular/core @angular/cli --create-commits
Copied!
Before updating Angular Material, we need to update peer dependency @swimlane/ngx-charts
1
npm install --save @swimlane/[email protected]
Copied!
1
ng update @angular/material --create-commits
Copied!
1
ng update rxjs --create-commits
Copied!
Run npm outdated and update all your libraries. In our project we had to update the following:
1
npm install --save @commitlint/[email protected]
2
​
3
npm install --save @commitlint/[email protected]
4
​
5
npm install --save [email protected]
6
​
7
npm install --save @fortawesome/fontawesome-free
8
​
9
npm install --save google-libphonenumber
10
​
11
npm install --save [email protected]
12
npm install --save [email protected]
13
​
14
npm install --save [email protected]
15
npm install --save [email protected]
16
​
17
npm install --save-dev [email protected]
Copied!
Update ng-bootstrap
1
npm install --save bootstrap
2
​
3
npm install --save @ng-bootstrap/[email protected]
4
​
5
ng add @angular/localize
Copied!

0.1.2 - 2019-12-20

Refactor

    Move Material Icons and text font family from index.html to main.scss and third-party/material.scss
    Rename override-material-variables.scss to material.scss
    Update buttons mixin
    Add color palette primary color to radio buttons from settings menu
    Rename app/layouts for app/components

New Features

    Add Components/Lists
      New lists examples!
    Add Components/Cards
      New cards examples!
    Add truncate-text mixin.
      This mixin is useful when you want to limit your text to a certain amount of lines
      ​

0.1.1 - 2019-12-02

Fixed

    Fix sign in modal image path.
    Fix CRM dashboard task lists checkbox icon and default color.
    Add border-radius to autocomplete images in utilities/autocomplete.
    Fix button link color in forgot password page
    Fix typo in CRM dashboard: "be proactive about your goals"
    Fix table with filters image height.
    Fix md and sm visual issue in Layout A with side-nav push mode.

Dynamic Layouts

    Re-write dynamic layout mechanism. We got rid of our previous mechanism that worked by resetting the router settings with the selected layout. Now we are using Angular Material CDK Portals to dynamically render the different layouts. This fixed several issues.
    Removed app.routes.ts file because with the new dynamic layout approach this abstraction is no longer needed. You should now find all the routes in the app-routing.module.ts

Responsive Layout

    Update server.ts to identify requests from mobile devices and adjust the layout according to that. Added mobile-detect library.
    Include Angular TransferState mechanism to read server side response header and act accordingly depending if we are on mobile device or not.
    Rename LayoutBreakpointService to ResponsiveBreakpointsService.
    Improved the responsive transition by setting the 'menu-open' class to the layout when the side-menu starts opening.

0.1.0 - 2019-11-28

First release

Happy thanks giving!
πŸŽ‰
Hope you enjoy this early version of Fully. We are working hard on polishing the template. Feel free to send us your early feedback to [email protected]
Stay tune for imminent updates and new features.
​
Last modified 6d ago