hub / github.com/ehpc/bootstrap-waitingfor

github.com/ehpc/bootstrap-waitingfor @1.2.9

Chat with this repo

repository ↗ · DeepWiki ↗ · release 1.2.9 ↗ · + Follow

1 symbols 2 edges 3 files 1 documented · 100%

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

bootstrap-waitingfor

"Waiting for..." modal dialog with progress bar for Bootstrap.

See this plugin in action:rocket:: http://bootsnipp.com/snippets/featured/quotwaiting-forquot-modal-dialog

Features

AMD-compatible
Configurable

Installing

With bower

You can install this module with bower bower install bootstrap-waitingfor and include the files from build directory.

With npm

You can install this module with npm npm install --save bootstrap-waitingfor and include it as shown:

const waitingDialog = require('bootstrap-waitingfor');

Using

In your javascript code write something like this:

waitingDialog.show('I\'m waiting');
setTimeout(function () {
  waitingDialog.hide();
}, 1000);

If you want to change the appearance of the modal, you can pass additional options:

waitingDialog.show('I\'m waiting', {
  dialogSize: 'm',
  progressType: 'success'
});
setTimeout(function () {
  waitingDialog.hide();
}, 1000);

possible options for dialogSize are * sm - small * m - normal * lg - large

possible options for progressType are * success * danger * warning * info

Contributing

:fire:Before:fire: making a pull request do the following steps:

Run gulp
Make sure gulp doesn't return any errors
Open test/run.html in your favorite browser
Make sure there are no errors in dev console
Make sure all dialogs behave correctly

Setting up the environment:

Install Node.js
Go to your project directory
Run npm install -g bower
Run npm install -g gulp
Run npm install
Run bower install

:sunflower:You should only modify files inside src or test directories!:sunflower: Files in the build directory are generated automatically after running gulp.

Examples

HTML page example:

<html>
<head>
  <meta charset="utf-8">
  <title>boostrap-waitingfor</title>
  <link href="https://github.com/ehpc/bootstrap-waitingfor/raw/1.2.9/bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
  <link href="https://github.com/ehpc/bootstrap-waitingfor/raw/1.2.9/bower_components/bootstrap/dist/css/bootstrap-theme.css" rel="stylesheet" />
</head>
<body>
  <script src="https://github.com/ehpc/bootstrap-waitingfor/raw/1.2.9/bower_components/jquery/dist/jquery.min.js"></script>
  <script src="https://github.com/ehpc/bootstrap-waitingfor/raw/1.2.9/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  <script src="https://github.com/ehpc/bootstrap-waitingfor/raw/1.2.9/build/bootstrap-waitingfor.js"></script>
</body>
</html>

Core symbols most depended-on inside this repo

constructDialog

called by 1

src/waitingfor.js

Shape

Function 1

Languages

TypeScript100%

Modules by API surface

src/waitingfor.js1 symbols

For agents

$ claude mcp add bootstrap-waitingfor \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact