Buy now!

Basic Methods

Function

Sample

Result

[string].limitTo(number)

"12345".limitTo(3)

[string].getNumbers(string)

"a12 (34)-5".getNumbers()

[string].removeChars(string)

"12345".removeChars('24')

[string].removeSpecialChars()

"áèïôû".removeSpecialChars()

[string].padLeft(number, char)

"123".padLeft(5,'0')

[string].padRight(number, char)

"123".padRight(5,'0')

isNull(value, default, callback?)

isNull(null, 'value1')

isNull(null, 10, elapsedTime)

isNull(120, 0, elapsedTime)

Formatting Methods

Function

Sample

Result

[string].maskFormat(string)

"1112223333".maskFormat("phone")

"11122233399".maskFormat("cpf")

"11222333444455".maskFormat("cnpj")

"11222333".maskFormat("cep")

dateFormat(date, {options})

dateFormat(new Date(2016, 11, 31, 17, 35, 55))

dateFormat(new Date(2016, 11, 31, 22, 30, 0), { timeFormat: "h:m"})

dateFormat("2016-06-02T02:15:00Z", { dateFormat: "d/m/Y", timeFormat: "h:m:s" })

elapsedTime(minutes)

elapsedTime(175)

$("#sample-elapsedTime").elapsedTime()

10

Array Methods

Function

Sample

Result

[array].orderBy(string, string)

[array].orderBy("name","asc")

[array].orderBy("name","desc")

[array].orderBy(string[], string[])

[array].orderBy(["price","name"], ["asc","desc"])

[array].enumerate()

[array].enumerate()

[array].where(string, object)

[array].where("price", 2)

[array].where(function)

[array].where(function(obj){ return obj.name.indexOf("e") >= 0; })

Useful Methods

Function

Sample

Result

getProperty(string, object)

getProperty("name", {name:"Gustavo", age: 19})

getProperty(string, object)

getProperty("car.color", { name: "Gustavo", age: 19, car: { color: "Black" }})

Forms Methods

Function

Sample

Result

enableAll(string, object)

$("#myForm").enableAll();

Enable all elements inside

disableAll(string, object)

$("#myForm").disableAll();

Disable all elements inside

readForm()

var model = $("#myForm").readForm();

Read all elements values. Elements needs to use the "data-property" attribute

writeForm()

var model = $("#myForm").writeForm({object});

Fill all elements based on "data-property" attribute

clearForm()

$("#myForm").clearForm();

Reset all elements

valid()

$("#myForm").valid();

Validate all elements

BUBBLE MESSAGE

                    $(document).ready(function () {
                        var title = "Success";
                        var message = "This is a sample message.";
                        var css = "success";                            //-- success|info|error|alert
                        var position = "top-right";                     //-- top-right|top-left|bottom-right|bottom-left
                        var seconds = 2;

                        showBubble(title, message, css, position, seconds);
                    });
                

CSS - Grid Layout

                            

CSS - Forms Layout

.com
                            
.com

CSS - Horizontal Menu

CSS - Buttons

                    

CSS - Tile Buttons

Link Link
                    
Link Link

CSS - Tags

New New New New
                    
New New New New