els-js

Elastic javascript & css ui package

Todo description

Installation

install with npm:

$ npm install els-js

Base library

| Name | Type | Description | |---|---|---| | Version | Number | System version | | ElsJs | Function | Function return global ElsObject | | Extend | Function | Add new element to ElsObject | | AjaxJson | Object | - | | Caller | Object | Application callbacks | | Component | Object | Work with React UI components | | Components | Object | Core React UI components | | Cookie | Object | - | | Data | Object | - | | History | Object | - | | HotKeys | Object | - | | Load | Function | Connecting javascript and css styles files to the page | | Storage | Object | - | | Trigger | Object | - | | Tools | Object | - | | Dom | Object | HTML Dom manipulations | | Toast | Object | - |

Example

Create & usage window ElsObject

import { Extend, ElsJs } from "els-js";

// add custom function in ElsObject
Extend("init", () => {
	// your function ...
})

window.ElsJs = ElsJs();
ElsJs.init();

Dom, Cookie

import { Dom, Cookie } from "els-js";

var Element = Dom.Element;

var app1 = Element.byId("app"); // document.getElementById("app")
var app2 = Element.byQuery("#app"); // document.querySelectorAll("#app")
var app3 = Element.create(); // document.createElement("div")

var app4 = Element.create({name: "span", className: "my-app", style: {display: "block"}});
// equivalent
// var app4 = document.createElement("span");
// app4.className = "my-app";
// app4.style.display = "block";

// set, get cookie
Cookie.set("myCookie", "value");
var myCookie = Cookie.get("myCookie");