System Information

Document version: 1.0.0


Introduction

  • Item Name : System Infomation
  • Item Version : v 1.0.0
  • Author : thanhdev

First of all, Thank you so much for purchasing this template and for being my loyal customer. You are awesome!

Requirements

  1. Install Nodejs

Go to the folder, run:

npm run dev

This will open:

Note: If you have to wait too long, press: Ctrl + R and it will work.

1. Change menu

The default menu:


Go to the folder: "src/layouts", open file "default-layout.vue", you will see:



Explain:
                                icon: icon of the menu
                                title: title of the menu
                                href: path to the menu (you mustn't change it)
                            

Note: find icon in Material Icons

Example, i change title and icon like of the first menu to 'home' and 'Home':

Result


2. Change toolbar

# Color

Go to the folder: "src/layouts", open file "default-layout.vue", you will see:

Example, i want to my toolbar is red color:

Result

Note: List color

# Title

By the default, all toolbar's titles are 'System Information':

But you can change it if you want. First, go to one page you like, in this case, i want to change title of page "os" (Operating System in menu) from default to "My OS"

Add this:

                                created() {
                                    this.$store.dispatch('SET_TITLE', 'Your title that you want')
                                },
                            

Open 'os' page and you will see

Note, see more config in: Toolbar


3. Change info

Open any page, you will see:

Explain:

If you want to see all values, press F12 => Vue => VueX:

Note: all images is in folder "static", you can change image in here if you want:

Export app #back to top

Open command line, run this command:

                                        npm run build
                                    

(Wait for a few minutes.)

When it finished, open folder "build":

You can run setup file to install or run directly by going to "win-unpacked" folder, run desktop.exe file

All completed :D

Credit #back to top

Icon made by Freepik from www.flaticon.com 

Version History (Changelog) #back to top

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.


Changelog


                                        Version 1.0.0
                                        -----------------------------------------------------------------------------------------
                                        - First release