imburnisJQuery 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) //setCreate Options
| Option Name | Description |
|---|---|
| columns | The number of columns the statusbar should have |
| alignment | An array of the text alignment for each column (LEFT, CENTER, or RIGHT) |
Set Options
| Option Name | Description |
|---|---|
| column | The column to set the content of one-indexed |
| text | The 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"
});
});