1.0.0 • Published 6 years ago

jquery-electron-statusbar v1.0.0

Weekly downloads
2
License
GPL-3.0-or-later
Repository
github
Last release
6 years ago

JQuery Statusbar Plugin

This is a simple jquery plugin to help Electron application developers that are looking for a more "application" feel.

The plugin adds the statusbar function to the jquery object.

$(...).statusbar(options);       // create
$(...).statusbar("set", options) //set

Create Options

Option NameDescription
columnsThe number of columns the statusbar should have
alignmentAn array of the text alignment for each column (LEFT, CENTER, or RIGHT)

Set Options

Option NameDescription
columnThe column to set the content of one-indexed
textThe text to set the column of the status bar to

Usage

Include jquery.statusbar.css in the head of your document and include jquery.statusbar.js after jquery in your document.

$(document).ready(function(data){
    //Initialize the statusbar on the footer
    $(".footer").statusbar({
        columns: 4,
        alignment: ["LEFT", "CENTER", "CENTER", "RIGHT"]
    });

    //Set the column values
    $(".footer").statusbar("set", {
        column: 1,
        text: "Column 1"
    }).statusbar("set", {
        column: 2,
        text: "Column 2"
    }).statusbar("set", {
        column: 3,
        text: "Column 3"
    }).statusbar("set", {
        column: 4,
        text: "Column 4"
    });
});

Example Status Bar