Color Admin

“Vue JS Version” Documentation by “Sean Ngu” v4.2

CLI

Created: 31/October/2014
By: Sean Ngu
Email: nguoksiong@live.co.uk

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email your question to my email nguoksiong@live.co.uk. Thanks so much!

Follow the following step to install the vue cli in your localhost
You may refer to their official documentation for how to setup the development environment.
Setup Guide

cd /your-path-url/template_vuejs
npm install 
npm run serve

Verify that you are running at least node 8.9.x or above (8.11.++ recommended);

File structure overview for Vue JS Version

template_vue/
├── angular.json
├── babel.conf.js
├── public/
└── src/
    ├── App.vue
    ├── main.js
    ├── assets/ 
    │   └── css/
    ├── components/
    ├── config/
    ├── pages/
    └── plugins/

Below is the code for index.html in public folder.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
    <link href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" rel="stylesheet" />
    <title>Color Admin | Vue.js Version</title>
  </head>
  <body>
    <noscript>
      <strong>
        We're sorry but Vue.js doesn't work properly without JavaScript enabled. 
        Please enable it to continue.
      </strong>
    </noscript>
    <div id="app">
      <!-- begin #page-loader -->
      <div id="page-loader" class="fade show"><span class="spinner"></span></div>
      <!-- end #page-loader -->
    </div>
  </body>
</html>

Base file for control the page layout and the place to include / exclude the page components (sidebar / top menu / header).

<template>
  <div class="fade page-sidebar-fixed page-header-fixed show page-container" 
    v-if="!pageOptions.pageEmpty" 
    v-bind:class="{ 
    'page-sidebar-minified': pageOptions.pageSidebarMinified, 
    'page-content-full-height': pageOptions.pageContentFullHeight, 
    'page-without-sidebar': pageOptions.pageWithoutSidebar, 
    'page-with-right-sidebar': pageOptions.pageWithRightSidebar, 
    'page-with-two-sidebar': pageOptions.pageWithTwoSidebar,
    'page-with-wide-sidebar': pageOptions.pageWithWideSidebar,
    'page-with-light-sidebar': pageOptions.pageWithLightSidebar,
    'page-with-top-menu': pageOptions.pageWithTopMenu,
    'page-sidebar-toggled': pageOptions.pageMobileSidebarToggled,
    'page-right-sidebar-toggled': pageOptions.pageMobileRightSidebarToggled || pageOptions.pageRightSidebarToggled,
    'has-scroll': pageOptions.pageBodyScrollTop
  }">
    <Header />
    <TopMenu v-if="pageOptions.pageWithTopMenu" />
    <Sidebar v-if="!pageOptions.pageWithoutSidebar" />
    <SidebarRight v-if="pageOptions.pageWithTwoSidebar" />
    <div id="content" class="content" v-bind:class="{ 
      'content-full-width': pageOptions.pageContentFullWidth, 
      'content-inverse-mode': pageOptions.pageContentInverseMode 
    }">
      <router-view></router-view>
      <vue-ins-progress-bar></vue-ins-progress-bar>
    </div>
    <Footer v-if="pageOptions.pageWithFooter" />
  </div>
  <div v-else>
    <router-view></router-view>
    <vue-ins-progress-bar></vue-ins-progress-bar>
  </div>
</template>

<script>
import Sidebar from './components/sidebar/Sidebar.vue'
import SidebarRight from './components/sidebar-right/SidebarRight.vue'
import Header from './components/header/Header.vue'
import TopMenu from './components/top-menu/TopMenu.vue'
import Footer from './components/footer/Footer.vue'
import PageOptions from './config/PageOptions.vue'

export default {
  name: 'app',
  components: {
    Sidebar,
    SidebarRight,
    Header,
    TopMenu,
    Footer
  },
  data() {
    return {
      pageOptions: PageOptions
    }
  },
  methods: {
    handleScroll: function() {
      PageOptions.pageBodyScrollTop = window.scrollY;
    }
  },
  mounted () {
    this.$insProgress.finish()
  },
  created() {
    PageOptions.pageBodyScrollTop = window.scrollY;
    
    window.addEventListener('scroll', this.handleScroll);
    
    this.$insProgress.start()
    
    this.$router.beforeEach((to, from, next) => {
      this.$insProgress.start()
      next()
    })
    this.$router.afterEach(() => {
      this.$insProgress.finish()
    })
  }
}
</script>

List of components inside the components folder

components/
├── footer/
├── header
├── sidebar/
├── sidebar-right/
├── top-menu/
└── vue-chartjs/

File to configure the default page options & page routes

config/
├── PageOptions.vue
└── PageRoutes.vue

Example of how to change page options in single page

<script>
import PageOptions from '../config/PageOptions.vue'

export default {
  created() {
    PageOptions.pageWithTopMenu = true;
    PageOptions.pageWithoutSidebar = true;
  },
  beforeRouteLeave (to, from, next) {
    // change back to default
    PageOptions.pageWithTopMenu = false;
    PageOptions.pageWithoutSidebar = false;
    next();
  }
}
</script>

List of options:

<script>
const pageOptions = {
  pageSidebarMinified: false,
  pageContentFullWidth: false,
  pageContentInverseMode: false,
  pageContentFullHeight: false,
  pageWithLanguageBar: false,
  pageWithFooter: false,
  pageWithoutSidebar: false,
  pageWithRightSidebar: false,
  pageWithTwoSidebar: false,
  pageWithWideSidebar: false,
  pageWithLightSidebar: false,
  pageWithMegaMenu: false,
  pageWithTopMenu: false,
  pageSidebarTransparent: false,
  pageEmpty: false,
  pageMobileSidebarToggled: false,
  pageMobileRightSidebarToggled: false,
  pageMobileTopMenu: false,
  pageMobileMegaMenu: false,
  pageRightSidebarToggled: false,
  pageBodyScrollTop: 0
}

export default pageOptions;
</script>

Here is the general LESS structure for the Color Admin. For Vue LESS pre processor, you may refer to their official guidelines.

Less file structure

_page_option_list.less, _page_structure_list.less, _component_list.less, _widget_list.less, _plugin_list.less, _page_list.less used to include all the required less files.

assets/less/default/
├── styles.less
├── _component_list.less
├── _content_flat_black.less
├── _helper.less
├── _mixin.less
├── _page_list.less
├── _page_option_list.less
├── _page_structure_list.less
├── _plugin_list.less
├── _responsive.less
├── _variable.less
├── _widget_list.less
├── components/
├── images/
├── page-option/
├── page-structure/
├── pages/
├── plugins/
├── theme/
└── widget/

Here is the general SCSS structure for the Color Admin. For Vue LESS pre processor, you may refer to their official guidelines.

Less file structure

_page_option_list.scss, _page_structure_list.scss, _component_list.scss, _widget_list.scss, _plugin_list.less, _page_list.scss used to include all the required scss files.

assets/scss/default/
├── styles.scss
├── _component_list.scss
├── _content_flat_black.scss
├── _helper.scss
├── _mixin.scss
├── _page_list.scss
├── _page_option_list.scss
├── _page_structure_list.scss
├── _plugin_list.scss
├── _responsive.scss
├── _variable.scss
├── _widget_list.scss
├── components/
├── images/
├── page-option/
├── page-structure/
├── pages/
├── plugins/
├── theme/
└── widget/

Below is the list of package that has been installed in this project. You may use the following example to find the package from their official website. https://www.npmjs.com/package/bootstra-vue

{
  "name": "color-admin",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@agametov/vueditor": "^0.4.1",
    "@xkeshi/vue-countdown": "^1.0.1",
    "bootstrap": "^4.1.3",
    "bootstrap-social": "^5.1.1",
    "bootstrap-vue": "^2.0.0-rc.11",
    "chart.js": "^2.7.2",
    "flag-icon-css": "^3.0.0",
    "ionicons": "^4.4.3",
    "moment": "^2.22.2",
    "simple-line-icons": "^2.4.1",
    "v-autocomplete": "^1.8.2",
    "vue": "^2.5.17",
    "vue-bootstrap-datetimepicker": "^5.0.0",
    "vue-chartjs": "^3.4.0",
    "vue-event-calendar": "^1.5.2",
    "vue-full-calendar": "^2.6.1",
    "vue-good-table": "^2.13.3",
    "vue-hljs": "^1.0.0",
    "vue-input-tag": "^1.0.4",
    "vue-ins-progress-bar": "^1.0.0",
    "vue-maskedinput": "^0.1.3",
    "vue-notification": "^1.3.13",
    "vue-nvd3": "^1.0.0",
    "vue-pop-colorpicker": "^1.0.2",
    "vue-router": "^3.0.1",
    "vue-select": "^2.5.0",
    "vue-slider-component": "^2.7.7",
    "vue-sparklines": "^0.1.7",
    "vue-sweetalert2": "^1.5.3",
    "vue2-google-maps": "^0.10.2",
    "vuejs-datepicker": "^1.5.3"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.0.0",
    "@vue/cli-plugin-eslint": "^3.0.0",
    "@vue/cli-service": "^3.0.0",
    "vue-template-compiler": "^2.5.17"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}
Version 4.2.0 - 16 September 2018
  • NEW: Vue Version
  • NEW: Startup Page for HTML / APPLE / MATERIAL / ANGULAR / ANGULAR 6 / LARAVEL / VUE
  • NEW: Angular JS 6 Sidebar Scroll Memory
  • NEW: Angular JS 6 Full Version Page Options
  • NEW: Angular JS 6 Panel Component
  • NEW: Angular JS 6 Ngx DataTables
  • UPGRADE: E-Commerce / Blog / Forum / One Page Parallax to Bootstrap 4
  • UPGRADE: Bootstrap v4.1.3
  • UPGRADE: jQuery v3.3.1
  • UPGRADE: FontAwesome v5.3.1
  • UPGRADE: Ionicons v4.0
  • UPGRADE: Summernote v0.8.10
  • UPGRADE: jQuery Smart Wizard v4.3.1
  • UPGRADE: Select2 v4.0.5
  • UPGRADE: Parsley JS v2.8.1
  • UPGRADE: Moment v2.22.2
  • UPGRADE: Lity v2.3.1
  • UPGRADE: Lightbox2 v2.10.0
  • UPGRADE: Jstree v3.3.5
  • UPGRADE: jQuery-mockjax v2.4.0
  • UPGRADE: jQuery Knob 1.2.11
  • UPGRADE: IonRangeSlider v2.2.0
  • UPGRADE: Intro JS v2.9.0
  • UPGRADE: FullCalendar v3.9.0
  • UPGRADE: Bootstrap Eonasdan Datetimepicker v4.17.47
  • UPGRADE: Dropzone v5.3.0
  • UPGRADE: DataTables v1.10.18
  • UPGRADE: DataTables Extension - AutoFill v2.3.0
  • UPGRADE: DataTables Extension - Buttons v1.5.2
  • UPGRADE: DataTables Extension - ColReorder v1.5.0
  • UPGRADE: DataTables Extension - FixedColumns v3.2.5
  • UPGRADE: DataTables Extension - FixedHeader v3.1.4
  • UPGRADE: DataTables Extension - JSZip v2.5.0
  • UPGRADE: DataTables Extension - KeyTable v2.4.0
  • UPGRADE: DataTables Extension - PDFMake v0.1.36
  • UPGRADE: DataTables Extension - Responsive v2.2.2
  • UPGRADE: DataTables Extension - RowReorder v1.2.4
  • UPGRADE: DataTables Extension - Scroller v1.5.0
  • UPGRADE: DataTables Extension - Select v1.2.6
  • UPGRADE: NVD3 v1.8.6
  • UPGRADE: D3 v3.5.17
  • UPGRADE: Clipboard JS v2.0.1
  • UPGRADE: Chart JS v2.7.2
  • UPGRADE: WYSIHTML5 v0.3.3
  • UPGRADE: Bootstrap Timepicker v0.5.2
  • UPGRADE: Bootstrap Daterangepicker v3.0.3
  • UPGRADE: Bootstrap Datepicker v1.8.0
  • UPGRADE: Boostrap Color Picker v2.5.2
  • UPGRADE: blueImp Gallery v2.33.0
  • UPGRADE: jQuery File Upload v9.22.0
  • UPGRADE: Bootstrap Select v1.13.1
  • ENHANCE: Remove all mixed space / tabs
  • FIX: Login / Register V3 Mobile Scrolling Issue
  • FIX: Slimscroll Unable to scroll on page load
  • FIX: Angular JS 6 Minified Sidebar Sub Menu
  • FIX: Boxed Layout with Fixed Minified Sidebar
Version 4.1.1 - 03 June 2018
  • FIX: Angular 6 version
  • FIX: Swal Notification Transparent Version
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: Summernote Transparent Version
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: Page with Two Sidebar RTL Mode
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: Compatibility Two Sidebar with Wide Sidebar
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: IE11 Invalid / valid tooltip styling
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: IE11 Full Height Options
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: IE11 Dashboard v2
    • Modified File: style.css
    • Modified File: style.min.css
Version 4.1.0 - 28 May 2018
  • NEW: Widgets Page
    • Added files: widget.html
  • NEW: RTL Support
    • Modified files: /assets/css/default/style.css
    • Modified files: /assets/css/default/style.min.css
  • NEW: SCSS Support
    • Added directories: /assets/less
  • NEW: 6 Color Theme
    • Added files: /assets/css/default/theme/aqua.css
    • Added files: /assets/css/default/theme/pink.css
    • Added files: /assets/css/default/theme/yellow.css
    • Added files: /assets/css/default/theme/indigo.css
    • Added files: /assets/css/default/theme/green.css
    • Added files: /assets/css/default/theme/lime.css
  • NEW: 6 Color Theme for Alert, Button, Label, Badge, Note
    • Modified files: ui_general.html
    • Modified files: ui_buttons.html
    • Modified files: /assets/css/default/style.css
    • Modified files: /assets/css/default/style.min.css
  • NEW: CSS Form Switcher with 12 Color Themes
    • Modified files: form_elements.html
    • Modified files: /assets/css/default/style.css
    • Modified files: /assets/css/default/style.min.css
  • UPDATE: Bootstrap 4.1.1
    • Updated Directory: /assets/plugins/bootstrap/
  • UPDATE: FontAwesome 5.0.13
    • Updated Directory: /assets/plugins/fontawesome/
  • UPDATE: Laravel 5.6
    • Modified files: composer.json
  • UPDATE: Angular 6
  • FIX: FullCalendar table header alignment issue
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: Minified Sidebar for expanded profile menu
    • Modified File: style.css
    • Modified File: style.min.css
Version 4.0.0 - 01 March 2018
  • NEW: Transparent Design
    • Added files: template_transparent
  • NEW: Angular Laravel Version
    • Added files: template_laravel
  • NEW: Angular JS 5 Version
    • Added files: template_angularjs5
  • NEW: Profile Page
    • Updated HTML files: extra_profile.html
    • Modified File: style.css
    • Modified File: style.min.css
  • NEW: Email Inbox Page
    • Updated HTML files: email_inbox.html
    • Modified File: style.css
    • Modified File: style.min.css
  • NEW: Email Detail Page
    • Updated HTML files: email_detail.html
    • Modified File: style.css
    • Modified File: style.min.css
  • NEW: Email Compose Page
    • Updated HTML files: email_compose.html
    • Modified File: style.css
    • Modified File: style.min.css
  • NEW: jQuery Smart Wizard
    • Updated HTML files: form_wizards.html
    • Added PLUGINS files: /assets/plugins/jquery-smart-wizard/
  • NEW: Highlight JS
    • Added PLUGINS files: /assets/plugins/highlight/
  • NEW: Minified Submenu Support for Fixed Sidebar
    • Modified File: style.css
    • Modified File: style.min.css
    • Modified File: apps.js
    • Modified File: apps.min.css
  • NEW: Bootstrap 3 & 4 Support
    • Modified File: style.css
    • Modified File: style.min.css
    • Modified File: apps.js
    • Modified File: apps.min.css
  • NEW: LESS Support for Apple & Transparent Design
    • Added Files: /assets/less/apple
    • Added Files: /assets/less/transparent
  • ENHANCE: Overall UI Enhancement
    • Modified File: style.css
    • Modified File: style.min.css
  • ENHANCE: Standardize File structure
    • Modified Path: /assets
  • ENHANCE: Ajax Version
    • Modified File: apps.js
    • Modified File: apps.min.css
  • UPDATE: jQuery 3.x
    • Updated Directory: /assets/plugins/jquery/
  • UPDATE: Bootstrap 4.0
    • Updated Directory: /assets/plugins/bootstrap/
  • UPDATE: FontAwesome 5.0
    • Updated Directory: /assets/plugins/font-awesome/
  • UPDATE: DataTables 1.10.10
    • Updated Directory: /assets/plugins/DataTables/
Version 3.0.0 - 23 July 2017
  • NEW: Apple Design
    • Added files: template_content_apple
  • NEW: Angular JS 4
    • Added files: template_content_angularjs4
  • NEW: Boostrap 4 Support
    • Added HTML files: bootstrap_4.html
    • Added CSS files: /assets/css/style-bs4.css
    • Added CSS files: /assets/css/style-bs4.min.css
    • Added PLUGINS files: /assets/plugins/bootstrap4/
  • NEW: CSS Checkbox & Radiobutton
    • Modified File: style.css
    • Modified File: style.min.css
  • NEW: clipboard.js
    • Updated HTML files: form_plugins.html
    • Added PLUGINS files: /assets/plugins/clipboard/
  • NEW: Bootstrap SweetAlert.js
    • Updated HTML files: ui_modal_notification.html
    • Added PLUGINS files: /assets/plugins/bootstrap-sweetalert/
  • ENHANCE: Angular JS Mobile Sidebar AutoClose
    • Modified File: apps.js
    • Modified File: apps.min.js
  • ENHANCE: Angular JS 4 Mobile Sidebar AutoClose
    • Modified File: apps.js
    • Modified File: apps.min.js
  • ENHANCE: Ajax Version Mobile Sidebar AutoClose
    • Modified File: apps.js
    • Modified File: apps.min.js
  • ENHANCE: Add listener after panel reposition
    • Modified File: apps.js
    • Modified File: apps.min.js
  • ENHANCE: Form Plugins UI Enhancement
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: Sidebar Transparent Overflow Issue
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: IE8 Datetimcpicker
    • Modified File: form-plugins.demo.js
    • Modified File: form-plugins.demo.min.js
  • FIX: Login v1 Overflow Issue
    • Modified File: style.css
    • Modified File: style.min.css
Version 2.2.0 - 04 January 2017
  • FIX: Downloaded File Unable to Extract
    • Removed File: template_content_angularjs2/node_modules
Version 2.1.0 - 30 November 2016
  • NEW: Angular JS 2
    • Added files: template_content_angularjs2
  • NEW: LESS File for Material Design
    • Added files: template_content_material/assets/less/
  • NEW: Bootstrap Color Palette
    • Updated HTML files: form_plugins.html
    • Added PLUGINS files: /assets/plugins/bootstrap-colorpalette/
  • NEW: Bootstrap Social
    • Added HTML files: ui_social_buttons.html
    • Added PLUGINS files: /assets/plugins/bootstrap-social/
  • NEW: Intro JS
    • Added HTML files: ui_tour.html
    • Added PLUGINS files: /assets/plugins/introjs/
  • NEW: jQuery Simple Color Picker
    • Updated HTML files: form_plugins.html
    • Added PLUGINS files: /assets/plugins/jquery-simplecolorpicker/
  • NEW: Bootstrap Show Password
    • Updated HTML files: form_plugins.html
    • Added PLUGINS files: /assets/plugins/bootstrap-show-password/
  • NEW: Dropzone
    • Added HTML files: form_dropzone.html
    • Added PLUGINS files: /assets/plugins/dropzone/
  • NEW: Summernote
    • Added HTML files: form_summernote.html
    • Added PLUGINS files: /assets/plugins/summernote/
  • UPDATE: Bootstrap 3.3.7
    • Updated Directory: /assets/plugins/bootstrap/
  • UPDATE: Font Awesome 4.7.0
    • Updated Directory: /assets/plugins/font-awesome/
  • UPDATE: Colorpicker 2.3.2
    • Updated Directory: /assets/plugins/bootstrap-colorpicker/
  • UPDATE: Bootstrap Combobox 1.1.7
    • Updated Directory: /assets/plugins/bootstrap-combobox/
  • UPDATE: Bootstrap Datepicker 1.6.1
    • Updated Directory: /assets/plugins/bootstrap-datepicker/
  • UPDATE: Bootstrap Daterangepicker 2.1.24
    • Updated Directory: /assets/plugins/bootstrap-daterangepicker/
  • UPDATE: Bootstrap Datetimepicker
    • Updated Directory: /assets/plugins/bootstrap-datetimepicker/
  • UPDATE: Bootstrap Eonasdan Datetimepicker 4.17.37
    • Updated Directory: /assets/plugins/bootstrap-eonasdan-datetimepicker/
  • UPDATE: Bootstrap Tags Input 0.8.0
    • Updated Directory: /assets/plugins/bootstrap-tagsinput/
  • UPDATE: Bootstrap XEditable 1.5.1
    • Updated Directory: /assets/plugins/bootstrap3-editable/
  • DROP: Bootstrap WYSIHTML5 and replaced with WYSIHTML5 Bootstrap3
    • New Directory: /assets/plugins/bootstrap-wysihtml5/
  • UPDATE: Chart JS 2.0.0
    • Updated Directory: /assets/plugins/chart-js/
  • UPDATE: Flag Icon 2.4.0
    • Updated Directory: /assets/plugins/flag-icon/
  • UPDATE: Flot Chart 0.8.3
    • Updated Directory: /assets/plugins/flot/
  • UPDATE: Fullcalendar 2.9.1
    • Updated Directory: /assets/plugins/fullcalendar/
  • UPDATE: Ionicon 2.0.1
    • Updated Directory: /assets/plugins/ionicon/
  • UPDATE: Ion Range Slider 2.1.4
    • Updated Directory: /assets/plugins/ionRangeSlider/
  • UPDATE: jQuery File Upload
    • Updated Directory: /assets/plugins/jquery-file-upload/
  • UPDATE: jVector Map 2.0.3
    • Updated Directory: /assets/plugins/jquery-jvectormap/
  • UPDATE: jQuery Countdown 2.0.2
    • Updated Directory: /assets/plugins/jquery.countdown/
  • UPDATE: jsTree 3.3.2
    • Updated Directory: /assets/plugins/jstree/
  • UPDATE: LESS 2.7.1
    • Updated Directory: /assets/plugins/less/
  • UPDATE: Lightbox 2.8.2
    • Updated Directory: /assets/plugins/lightbox/
  • UPDATE: Masked Input 1.4.1
    • Updated Directory: /assets/plugins/masked-input/
  • UPDATE: Morris Chart 0.5.1
    • Updated Directory: /assets/plugins/morris/
  • UPDATE: NVD3 1.8.4
    • Updated Directory: /assets/plugins/nvd3/
  • UPDATE: Parsley 2.4.4
    • Updated Directory: /assets/plugins/parsley/
  • UPDATE: Simple Line Icons 2.3.2
    • Updated Directory: /assets/plugins/simple-line-icons/
  • UPDATE: Slimscroll 1.3.8
    • Updated Directory: /assets/plugins/slimscroll/
  • FIX: Material Version Inverse Header
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: Table Manage Combination PDF button not working
    • Modified File: table_manage_combine.html
  • FIX: Material Version icons rendering problem in mobile device
    • Modified File: table_manage_combine.html
  • FIX: Missing Profile / Invoice / Calendar page styling for LESS
    • Modified File: /assets/less/
  • FIX: Login V1 / V2 styling overflow
    • Modified File: style.css
    • Modified File: style.min.css
  • ENHANCEMENT: Minor UI Enhancement
    • Modified File: style.css
    • Modified File: style.min.css
Version 2.0.0 - 30 April 2016
  • NEW: Material Design Version
    • Added files: template_content_material
  • UPDATE: Bootstrap 3.3.6
    • Updated Directory: /assets/plugins/bootstrap/
  • UPDATE: FontAwesome 4.6.1
    • Updated Directory: /assets/plugins/font-awesome/
  • UPDATE: Angular Js 1.5.5 (stable version)
    • Updated Directory: /assets/plugins/angularjs/
  • UPDATE: Fullcalendar 2.0
    • Updated Directory: /assets/plugins/fullcalendar/
  • UPDATE: DataTable 1.10.10
    • Updated Directory: /assets/plugins/fullcalendar/
  • FIX: Angular Version Panel Dragging Issue
    • Modified File: /assets/js/apps.js
  • FIX: Angular Version Page Height Issue
    • Modified File: /assets/css/style.css
    • Modified File: /assets/css/style.min.css
  • FIX: Select 2 Overflow Issue
    • Modified File: /assets/css/style.css
    • Modified File: /assets/css/style.min.css
  • FIX: DataTables Buttons Extension Issue
    • Modified File: /assets/plugins/DataTables/
  • FIX: Full Height Page Panel Expand Issue
    • Modified File: /assets/css/style.css
    • Modified File: /assets/css/style.min.css
  • FIX: Slider & Switchery Options
    • Modified File: /assets/js/form-slider-switcher.demo.js
    • Modified File: /assets/js/form-slider-switcher.demo.min.js
  • FIX: Page Loader z-index Issue
    • Modified File: /assets/js/form-slider-switcher.demo.js
    • Modified File: /assets/js/form-slider-switcher.demo.min.js
  • FIX: Spinner Margin Issue
    • Modified File: /assets/css/style.css
    • Modified File: /assets/css/style.min.css
Version 1.9.0 - 05 October 2015
  • NEW: Angular JS Version
    • Added files: template_content_angularjs
  • NEW: NVD3 Chart
    • Added HTML files: chart_d3.html
    • Added PLUGINS files: /assets/plugins/nvd3/
  • NEW: Page with Top Menu
    • Added HTML files: page_with_top_menu.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
  • NEW: Boxed Layout
    • Added HTML files: page_with_boxed_layout.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
  • NEW: Page with Mixed Menu
    • Added HTML files: page_with_mixed_menu.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
  • NEW: Boxed Layout with Mixed Menu
    • Added HTML files: page_boxed_layout_with_mixed_menu.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
  • NEW: Transparent Sidebar
    • Added HTML files: page_with_transparent_sidebar.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
  • NEW: DataTables Extension - RowReorder
    • Added HTML files: table_manage_rowreorder.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
  • NEW: DataTables Extension - Select
    • Added HTML files: table_manage_select.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
  • UPDATE: DataTables Version - 1.10.9
    • Updated Plugins files: /assets/DataTables
  • ENHANCED: Color Admin Apps.js
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
Version 1.8.0 - 30 June 2015
  • NEW: Bootstrap Date Time Picker
    • Modified HTML files: form_plugins.html
    • Added PLUGINS files: /assets/plugins/bootstrap-eonasdan-datetimepicker/
  • NEW: Full Color Panel
    • Modified HTML files: ui_widget_boxes.html
    • Modified CSS files: /assets/css/style.css
    • Modified CSS files: /assets/css/style.min.css
  • FIX: Login Page v2 Background in Large Screen (> 1920px)
    • Modified CSS files: /assets/css/style.css
    • Modified CSS files: /assets/css/style.min.css
  • FIX: Page Sidebar Expand / Collapse Height Rendering
    • Modified JS files: /assets/js/apps.js
    • Modified JS files: /assets/js/apps.min.js
  • FIX: Page Sidebar Scrollbar Touch Event in Tablet Device
    • Modified JS files: /assets/js/apps.js
    • Modified JS files: /assets/js/apps.min.js
  • FIX: Clearfix Mixin Crashed with Bootstrap Mixin
    • Updated File: /assets/less/_mixins.less
  • UPDATE: Include Bootstrap LESS
    • Updated Directory: /assets/less/bootstrap/
  • UPDATE: Bootstrap 3.3.4 to Bootstrap 3.3.5
    • Updated Directory: /assets/plugins/bootstrap/
  • UPDATE: Less 1.7.4 to Less 2.5.1
    • Updated Directory: /assets/plugins/less/
Version 1.7.0 - 1 May 2015
  • NEW: Tree View
    • Added HTML files: ui_tree.html
    • Added PLUGINS files: /assets/plugins/jstree/
  • NEW: Language Bar & Icon List
    • Added HTML files: ui_language_bar_icon.html
    • Added PLUGINS files: /assets/plugins/flag-icon/
  • NEW: Bootstrap Date Range Picker
    • Updated HTML files: form_plugins.html
    • Added PLUGINS files: /assets/plugins/bootstrap-daterangepicker/
  • NEW: Select2
    • Updated HTML files: form_plugins.html
    • Added PLUGINS files: /assets/plugins/select2/
  • NEW: Top Navbar Mega Menu
    • Added HTML files: page_with_mega_menu.html
  • NEW: Login & Register Page v3
    • Added HTML files: login_v3.html
    • Added HTML files: register_v3.html
  • NEW: Profile Page
    • Added HTML files: extra_profile.html
  • NEW: Light Sidebar
    • Added HTML files: page_with_light_sidebar.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
  • NEW: Wide Sidebar
    • Added HTML files: page_with_wide_sidebar.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
  • NEW: Mobile View Scrollbar
    • Modified JS files: /assets/js/apps.js and /assets/css/apps.min.js
  • NEW: Mobile View Minified Sidebar Scrollbar
    • Modified JS files: /assets/js/apps.js and /assets/css/apps.min.js
  • UPDATE: Bootstrap 3.3.3 to Bootstrap 3.3.4
    • Updated Directory: /assets/plugins/bootstrap/
  • FIX: Multi Level Menu Bugfix
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
  • FIX: Ajax Version Coming Soon Page
    • Modified HTML files: /assets/js/coming-soon.demo.js and /assets/js/coming-soon.demo.min.js
  • FIX: Ajax Version href="#" rendering error
    • Modified HTML files: /assets/js/apps.js and /assets/js/apps.min.js
Version 1.6.0 - 23 January 2015
  • NEW: Managed Table - Extension Combination
    • Added HTML: table_mange_combine.html
  • NEW: Chart JS
    • Added HTML: chart_js.html
    • Added PLUGINS: assets/plugins/assets/chart-js/
  • NEW: Ajax Documentation
    • Updated Directory: documentation/
  • UPDATE: Bootstrap 3.3.1 to Bootstrap 3.3.2
    • Updated Directory: /assets/plugins/bootstrap/
  • UPDATE: FontAwesome 4.2.0 to Bootstrap 4.3.0
    • Updated Directory: /assets/plugins/font-awesome/
  • FIX: IE 8 - IE 10 Full Height Page
    • Modified Directory files: /assets/js/apps.js
    • Modified Directory files: /assets/js/apps.min.js
  • FIX: Mobile Sidebar Toggle Button
    • Modified Directory files: /assets/js/apps.js
    • Modified Directory files: /assets/js/apps.min.js
  • FIX: Tab Inverse Hover
    • Modified Directory files: /assets/css/style.css
    • Modified Directory files: /assets/css/style.min.css
  • FIX: IE10 Sidebar Menu
    • Modified Directory files: /assets/css/style.css
    • Modified Directory files: /assets/css/style.min.css
  • FIX: Minified Sidebar Multiple Level Menu
    • Modified Directory files: /assets/css/style.css
    • Modified Directory files: /assets/css/style.min.css
Version 1.5.0 - 30 November 2014
  • NEW: AJAX Version
    • New Directory files: /template_content_ajax
    • New Directory files: /template_content_ajax
  • NEW: Color Scheme (Black)
    • Modified CSS files: /assets/css/style.css
    • Modified CSS files: /assets/css/style.min.css
  • NEW: Sidebar Color Scheme (Gradient)
    • Modified CSS files: /assets/css/theme/default.css
    • Modified CSS files: /assets/css/theme/blue.css
    • Modified CSS files: /assets/css/theme/red.css
    • Modified CSS files: /assets/css/theme/orange.css
    • Modified CSS files: /assets/css/theme/purple.css
    • Modified CSS files: /assets/css/theme/black.css
  • NEW: Local Storage Panel Position
    • Modified Directory files: /assets/js/apps.js
    • Modified Directory files: /assets/js/apps.min.js
  • NEW: Ionicons
    • Added HTML files: ui_ionicons.html
    • Added HTML files: page_with_ionicons.html
    • Added PLUGINS files: /assets/plugins/ionicons/
  • NEW: DataTables Plugins
    • Added HTML files: table_manage_autofill.html
    • Added HTML files: table_manage_colreorder.html
    • Added HTML files: table_manage_colvis.html
    • Added HTML files: table_manage_fixed_columns.html
    • Added HTML files: table_manage_fixed_header.html
    • Added HTML files: table_manage_keytable.html
    • Added HTML files: table_manage_responsive.html
    • Added HTML files: table_manage_scroller.html
    • Added HTML files: table_manage_tabletools.html
    • Updated PLUGINS files: /assets/plugins/DataTables/
  • NEW: Pace Loader Plugins
    • Modified HTML files: all html files
    • Added PLUGINS files: /assets/plugins/pace/
  • UPDATE: Bootstrap 3.2.0 to Bootstrap 3.3.1
    • Modified Directory files: /assets/plugins/bootstrap-3.2.0/ to /assets/plugins/bootstrap/
    • Modified CSS Files: /assets/plugins/bootstrap/css/bootstrap.min.js
    • Modified JS Files: /assets/plugins/bootstrap/js/bootstrap.min.js
  • UPDATE: jQuery 1.8.2 to jQuery 1.9.1
    • Modified Directory files: /assets/plugins/jquery-1.8.1/ to /assets/plugins/jquery
    • Added JS Files: /assets/plugins/jquery/jquery-1.9.1.js
    • Added JS Files: /assets/plugins/jquery/jquery-1.9.1.min.js
    • Added JS Files: /assets/plugins/jquery/jquery-migrate-1.1.0.js
    • Added JS Files: /assets/plugins/jquery/jquery-migrate-1.1.0.min.js
  • MODIFY: FontAwesome Directory
    • Modified Directory files: /assets/plugins/font-awesome-4.2.0/ to /assets/plugins/font-awesome/
  • FIX: IE8 Font Rendering Issue
    • Modified Directory files: /assets/css/style.css
    • Modified Directory files: /assets/css/style.min.css
  • FIX: Google Chrome Fixed Element Rendering Issue
    • Modified Directory files: /assets/css/style.css
    • Modified Directory files: /assets/css/style.min.css
Version 1.4.0 - 17 September 2014
  • NEW: Front end one page parallax page Added
    • Added HTML files: /frontend/one-page-parallax/index.html
    • Added HTML files: /frontend/one-page-parallax/index_inverse_header.html
    • Added HTML files: /frontend/one-page-parallax/index_default_header.html
    • Added HTML files: /frontend/one-page-parallax/extra-element.html
  • NEW: Email Inbox v2 page Added
    • Added HTML files: email_inbox_v2.html
  • NEW: Email Compose v2 page Added
    • Added HTML files: email_compose.html
  • NEW: Email Detail v2 page Added
    • Added HTML files: email_detail.html
  • NEW: LESS file Added
    • Added LESS files: assets/less
  • NEW: Added Meta Setting to Disable Mobile Zooming
    • Modified HTML files: ALL
  • FIX: Accordion Styling Overflow
    • Modified css files: assets/css/style.css
    • Modified css files: assets/css/style.min.css
  • FIX: Mobile Slimscroll Scrolling Speed
    • Modified js files: assets/js/apps.js
    • Modified js files: assets/js/apps.min.js
  • FIX: Mobile Sidebar Click Event
    • Modified js files: assets/js/apps.js
    • Modified js files: assets/js/apps.min.js
Version 1.3.0 - 30 August 2014
  • NEW: Dashboard v2 Page
    • Added new html files: dashboard_v2.html
    • Modified css files: assets/css/style.css
    • Modified css files: assets/css/style.min.css
  • NEW: Simple Line Icons Page
    • Added new html files: ui_simple_line_icons.html
    • Added new plugins files: assets/plugins/simple-line-icons
  • NEW: Morris Chart Page
    • Added new html files: chart_morris.html
    • Added new plugins files: assets/plugins/morris
  • NEW: Page with Line Icons
    • Added new html files: page_with_line_icons.html
  • NEW: Full Height Content Page
    • Added new html files: page_full_height.html
    • Modified css files: assets/css/style.css
    • Modified css files: assets/css/style.min.css
    • Modified css files: assets/css/style-responsive.css
    • Modified css files: assets/css/style-responsive.min.css
  • NEW: CSS Helper Page
    • Added new html files: helper_css.html
  • NEW: Gallery v2 Page
    • Added new html files: gallery_v2.html
    • Modified css files: assets/css/style.css
    • Modified css files: assets/css/style.min.css
    • Modified css files: assets/css/style-responsive.css
    • Modified css files: assets/css/style-responsive.min.css
    • Added new plugins files: assets/plugins/superbox
  • UPDATE: FontAwesome from 4.1.0 to 4.2.0
    • Modified css files: assets/css/style.css
    • Modified css files: assets/css/style.min.css
  • CHANGE: chart.html to flot-chart.html
  • CHANGE: .widget-states to .widget-stats
    • Modified css files: assets/css/style.css
    • Modified css files: assets/css/style.min.css
  • FIX: Typo on Sidebar Link Url
    • Modified html files: all html files
  • FIX: Minified Sidebar on Tablet
    • Modified js file: assets/js/apps.js
    • Modified js file: assets/js/apps.min.js
Version 1.2.0 - 15 June 2014
  • NEW: 5 Color Theme
    • Modified html files: all html files
    • Added new css file: assets/css/theme/default.html
    • Added new css file: assets/css/theme/blue.html
    • Added new css file: assets/css/theme/red.html
    • Added new css file: assets/css/theme/orange.html
    • Added new css file: assets/css/theme/purple.html
    • Added new css file: assets/css/theme/black.html
    • Added new css file: assets/css/style.css
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Inverse & Default Top Navigation Theme
    • Modified html files: all html files
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Sidebar Grid Layout Option
    • Modified html files: all html files
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Theme Panel
    • Modified html files: all html files
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Sidebar & Header Default & Fixed Option
    • Modified html files: all html files
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Page With Two Sidebar
    • Added new html files: page_with_two_sidebar.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
    • Modified js file: assets/js/apps.js
    • Modified js file: assets/js/apps.min.js
  • NEW: Login V2
    • Added new html files: login_v2.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
    • Modified js file: assets/js/apps.js
    • Modified js file: assets/js/apps.min.js
  • NEW: X-Editable
    • Added new html files: form_editable.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Multiple File Upload
    • Added new html files: form_multiple_upload.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Form Slider + Switcher Page
    • Added new html files: form_slider_switcher.html
    • Added new plugins file: assets/plugins/switchery
  • NEW: Wizards + Validation Page
    • Added new html files: form_wizards_validation.html
    • Updated plugins file: assets/plugins/parsley
  • UPDATE: Plugins Parsley 2.0
    • Updated html files: form_wizards.html
    • Updated plugins file: assets/plugins/parsley
  • UI: Dashboard widget state & line chart improvement
    • Modified html files: index.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • FIX: Mobile Top Navigation Fixed Top
    • Modified html files: all html files
    • Modified css file: assets/css/style-responsive.css
    • Modified css file: assets/css/style-responsive.min.css
  • FIX: Mobile Sidebar Fixed Right Position
    • Modified html files: all html files
    • Modified css file: assets/css/style-responsive.css
    • Modified css file: assets/css/style-responsive.min.css
  • FIX: Panel Remove Action Tooltip
    • Modified js file: assets/js/apps.js
    • Modified js file: assets/js/apps.min.js
  • FIX: Mozilla Firefox Sidebar Minimized
    • Modified js file: assets/js/apps.js
    • Modified js file: assets/js/apps.min.js
  • FIX: Sidebar DOM Element Didn't Functioning
    • Modified js file: assets/js/apps.js
    • Modified js file: assets/js/apps.min.js
  • FIX: Sidebar Uncollapsed Sub Menu After Minify
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • FIX: Old Browser Transparent Background Styling Support
    • Added new folder: assets/img/transparent/
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css

 

Version 1.1.0 – 30 May 2014
  • NEW: Email Template
    • Added new html file: email_system.html
    • Added new html file: email_newsletter.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Timeline Page
    • Added new html file: extra_timeline.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
    • Modified css file: assets/css/style-responsive.css
    • Modified css file: assets/css/style-responsive.min.css
  • NEW: Coming Soon Page
    • Added new html file: extra_coming_soon.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
    • Modified css file: assets/css/style-responsive.css
    • Modified css file: assets/css/style-responsive.min.css
  • FIX: Sidebar Sub Menu Caret Styling
    • Modified html files: all html files
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • FIX: Modal Backdrop Opacity
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • FIX: Login form in mobile landscape view
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • FIX: Mobile View Search Box in header
    • Modified html files: all html files
    • Modified css file: assets/css/style-responsive.css
    • Modified css file: assets/css/style-responsive.min.css
  • FIX: Icon page broken on mobile
    • Modified file: ui_icons.html
  • FIX: Dashboard Tab Panel on mobile
    • Modified html files: index.html
    • Modified css file: assets/css/style-responsive.css
    • Modified css file: assets/css/style-responsive.min.css