Mediqu

Overview

This section guides you to install all required software and libraries in order to fully utilize Mediqu for your proje

Install Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js is required in order to run the Mediqu build tools. Download the latest version of Node and install it: nodejs.org/en/download/

Update your NPM

Npm is the package manager for JavaScript and the world’s largest software registry. Npm is a separate project from Node.js, and tends to update more frequently. As a result, even if you’ve just downloaded Node.js (and therefore npm), you’ll probably need to update your npm.

npm install --global [email protected]

Install all dependencies

If you want to update or develop this theme, you need to install all dependencies by running:

npm install

• amcharts

  https://www.amcharts.com

• animate

  https://animate.style

• aos

  https://michalsnik.github.io/aos

• apexchart

  https://apexcharts.com

• bootstrap

  https://getbootstrap.com

• bootstrap4-notify

  http://bootstrap-notify.remabledesigns.com

• bootstrap-daterangepicker

  https://www.daterangepicker.com

• bootstrap-material-datetimepicker

  https://t00rk.github.io/bootstrap-material-datetimepicker

• bootstrap-multiselect

  https://github.com/davidstutz/bootstrap-multiselect

• bootstrap-select

  https://developer.snapappointments.com/bootstrap-select

• bootstrap-tagsinput

  https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples

• bootstrap-touchspin

  https://www.virtuosoft.eu/code/bootstrap-touchspin

• bootstrap-v4-rtl

  https://bootstrap.rtlcss.com

• chart.js

  https://www.chartjs.org

• chartist

  https://gionkunz.github.io/chartist-js

• chartist-plugin-tooltips

  https://github.com/tmmdata/chartist-plugin-tooltip

• clockpicker

  https://weareoutman.github.io/clockpicker

• datatables

  https://datatables.net

• dropzone

  https://www.dropzonejs.com

• flot

  https://www.flotcharts.org

• flot-spline

  https://github.com/miloszfalinski/jquery.flot.spline

• fullcalendar

  https://fullcalendar.io

• highlightjs

  https://highlightjs.org

• jquery

  https://jquery.com

• jquery-asColor

  https://github.com/thecreation/jquery-asColor

• jquery-asColorPicker

  https://github.com/thecreation/jquery-asColorPicker

• jquery-asGradient

  https://www.npmtrends.com/jquery-asGradient

• jquery-sparkline

  https://plugins.jquery.com/sparkline

• jquery-steps

  http://www.jquery-steps.com

• jqueryui

  https://jqueryui.com

• jquery-validation

  https://jqueryvalidation.org

• jqvmap

  https://github.com/10bestdesign/jqvmap

• metismenu

  https://github.com/onokumus/metismenu

• moment

  https://momentjs.com

• morris

  https://morrisjs.github.io/morris.js

• nestable2

  https://ramonsmit.github.io/Nestable2

• nouislider

  https://refreshless.com/nouislider

• peity

  http://benpickles.github.io/peity

• perfect-scrollbar

  https://plugins.jquery.com/perfect-scrollbar

• pickadate

  https://amsul.ca/pickadate.js

• raphael

  https://github.com/DmitryBaranovskiy/raphael

• select2

  https://select2.org

• summernote

  https://summernote.org

• svganimation

  https://github.com/maxwellito/vivus

• sweetalert2

  https://sweetalert2.github.io

• toastr

  https://github.com/CodeSeven/toastr

• wnumb

  https://refreshless.com/wnumb

Dashboard Options -

Open File js/deznav-init.js

	var direction =  getUrlParams('dir');
	if(direction != 'ltr')
	{direction = 'ltr'; }

	var dezSettingsOptions = {
		typography: "poppins",
		version: "light",
		layout: "vertical",
		headerBg: "color_1",
		navheaderBg: "color_1",
		sidebarBg: "color_1",
		sidebarStyle: "full",
		//sidebarStyle: "compact",
		sidebarPosition: "fixed",
		headerPosition: "fixed",
		containerLayout: "full",
		direction: direction
	};
				

HTML Structure

Header

Footer Section

Footer Essentials