Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →

gl-w-frontend

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

gl-w-frontend

Common code for using among web front-end development such as pure JavaScript, ES6+ and TypeScript

1.4.15
Source
npm

Version published: 4 years ago

Weekly downloads: 53; decreased by-50.47%

Maintainers: 1

Weekly downloads

Created: 5 years ago

Source

gl-w-frontend

What is this repository for?

This package (glaucioleonardo-web-frontend) is a common code for using among web front-end development such as pure JavaScript, ES6+ and TypeScript.

This package contains the types for using with Typescript.

How do I get set up?

The easiest way to install this library is via npm using the following commands:

Latest version npm install gl-w-frontend --save;
Available versions npm install gl-w-frontend@version --save;

If you are using only browser version:

For ES5 version importing via

<!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>gl-w-frontend</title>
    ...
 </head>
 <body>
    ...
    <!-- Dependencies must be placed in order -->    
    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script
        src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
        integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
        crossorigin="anonymous">
    </script>
    <script src="https://github.com/sindresorhus/screenfull.js/blob/master/dist/screenfull.min.js"></script>
    <script src="https://github.com/moment/moment/blob/develop/dist/moment.js"></script>
    <script src="https://github.com/rotaready/moment-range/blob/master/lib/moment-range.js"></script>

    <!-- Excel dependencies -->
    <script lang="javascript" src="https://github.com/SheetJS/sheetjs/tree/master/dist/xlsx.full.min.js"></script> 
    <script lang="javascript" src="https://github.com/dtjohnson/xlsx-populate/blob/master/browser/xlsx-populate.js"></script> 

    <!-- Include here -->
    <script src="https://github.com/glaucioleonardo/gl-w-frontend/tree/master/lib/index.js"></script>
    <!-- or just download this repo and refer to the index.js like this -->
    <script src="js/index.js"></script>
 </body>
 </html>

Important:

The library "moment-range" makes use of Symbol.iterator to provide the iteration protocols. If you need to support older browsers (specifically IE11+) you will need to include a polyfill. Any of the following should work, depending on your project configuration:
core-js: Tested with this polyfill (working on IE10+).
babel runtime transform plugin
babel polyfill
es6-iterator
In case you are using ES+, just use the index.js inside lib/esm

Importing assets of this library

If you are using nodejs, you can just copy/refer the folder insinde node_module/gl-w-frontend/lib/assets;
Angular: open the angular.json and paste this code in :

{
  ...
  "projects": {
    "my-project-angular": {
      ...
      "architect": {
        "build": {
          ...
          "options": {
            ...
            "assets": [
              ...
              {
                "glob": "**/*",
                "input": "node_modules/gl-w-frontend/lib/assets",
                "output": "/assets"
              }
            ],
          },
          ...
        },
        ...
      }
    }},
  ...
}

Browser version: copy the folder assets and add to your public folder or save anywhere and in the following method inform the folderUrl (optional parameter). AttachmentIcon.get(..., folderUrl: string /*inform the folser url*/)

<!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>gl-w-frontend</title>
    ...
 </head>
 <body>
    ...
 </body>
 </html>

Macro features

Array
Attachment
Browser (Check version, fullscreen)
ComboBox / Autocomplete
Date / Time
Input
Dom Elements
String
Export: Data to excel.

Other features is going to be included frequently.

Other packages used

I'm really thankful for those packages creators!

Keywords

FAQs

What is gl-w-frontend?

Is gl-w-frontend popular?

Is gl-w-frontend well maintained?

Package last updated on 05 Jun 2020

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install