Leia a documentação em Português

---

jvnComponents

Personal project of directives with AngularJS using the Angular Material and Material Icons, to facilitate the development of apps.

Some of these components were created based on already existing components, however, controls and functionalities were included that I found pertinent to facilitate the use, besides using the Angular Material and Material Icons.

All references are described in Acknowledgment.

Developer: Jean Vidal Nunes

Getting Started

To test the components I currently use Node.js, where it is used to store the data that will be consumed by the AngularJS service. If you do not want to use Node.js, simply put the data directly into the AngularJS controller.

Also, I used windows IIS and call localhost in the browser to start the app.

Components

jvnLoader

jvnMenu

Project Structure

The basic structure of the project was organized as follows:

|-- content/
|   |-- images
|   |-- material-design-icons
|-- scripts/
|   |-- app
|   |   |-- config
|   |   |-- directives
|   |   |-- factory
|   |   |-- filters
|   |   |-- interceptors
|   |   |-- modules
|   |   |   |-- Exemple
|   |   |   |   |-- exemple.controller.js
|   |   |   |   |-- exemple.css
|   |   |   |   |-- exemple.html
|   |   |   |   |-- exemple.service.js
|   |   |-- services
|   |-- deps

content/

Contains all general images and css contents that is used in the app.

content/images

Contains all images used in the app.

content/material-design-icons

Contains everything needed to use the material design icons offline.

scripts/

Contains all js code used in the app.

scripts/app

Contains all code for setting up and using the app.

scripts/app/config

Contains all configuration scripts for in-app routing and use.

scripts/app/directives

Contains all the general policies used in the app.

scripts/app/factory

Contains all factories used in the app.

scripts/app/filters

Contains all filters used in the app.

scripts/app/interceptors

Contains all interceptors used in the app.

scripts/app/modules

Contains app modules and all related codes, html, css, controller, service.

scripts/app/services

Contains the general services used in the app.

scripts/deps

Contains the application dependency scripts.

Prerequisites

Add the following references for the proper functioning of the directives:

• JQuery
• AngularJS
• Angular Material
• Material Design Icons

Demo JvnComponents

App Demo

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Acknowledgment

1. jvnControleAcesso

   Directive based on/inspired by this Access Control Directive.

2. jvnDataTable

   Directive created based on/inspired by the following items:

   • Responsive Data Table
   • Export Data
   • Export To PDF

3. jvnDualList

   Directive based on/inspired by this Dual List.

4. jvnInputFile

   Directive based on/inspired by this Angular Material File Input.

5. jvnLoader

   Directive based on/inspired by the idea of ​​how to use my friend.

6. jvnMenu

   Directive based on/inspired by this Sidenav Menu.