bootstrap-4-waitingfor

WebJar for bootstrap-4-waitingfor

Лицензия

Лицензия

MIT
Группа

Группа

org.webjars.npm
Идентификатор

Идентификатор

bootstrap-4-waitingfor
Последняя версия

Последняя версия

1.2.7
Дата

Дата

Тип

Тип

jar
Описание

Описание

bootstrap-4-waitingfor
WebJar for bootstrap-4-waitingfor
Ссылка на сайт

Ссылка на сайт

https://www.webjars.org
Система контроля версий

Система контроля версий

https://github.com/lukas-mertens/bootstrap-waitingfor

Скачать bootstrap-4-waitingfor

Как подключить последнюю версию

<!-- https://jarcasting.com/artifacts/org.webjars.npm/bootstrap-4-waitingfor/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>bootstrap-4-waitingfor</artifactId>
    <version>1.2.7</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/bootstrap-4-waitingfor/
implementation 'org.webjars.npm:bootstrap-4-waitingfor:1.2.7'
// https://jarcasting.com/artifacts/org.webjars.npm/bootstrap-4-waitingfor/
implementation ("org.webjars.npm:bootstrap-4-waitingfor:1.2.7")
'org.webjars.npm:bootstrap-4-waitingfor:jar:1.2.7'
<dependency org="org.webjars.npm" name="bootstrap-4-waitingfor" rev="1.2.7">
  <artifact name="bootstrap-4-waitingfor" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='bootstrap-4-waitingfor', version='1.2.7')
)
libraryDependencies += "org.webjars.npm" % "bootstrap-4-waitingfor" % "1.2.7"
[org.webjars.npm/bootstrap-4-waitingfor "1.2.7"]

Зависимости

Библиотека не имеет зависимостей. Это самодостаточное приложение, которое не зависит ни от каких других библиотек.

Модули Проекта

Данный проект не имеет модулей.

Info about Fork

This is a fork of ehpc/bootstrap-waitingfor with bootstrap 4 support.

bootstrap-waitingfor

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

See this plugin in action 🚀 : 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-4-waitingfor and include the files from build directory.

With npm

You can install this module with npm npm install --save bootstrap-4-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

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

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

Setting up the environment:

  1. Install Node.js
  2. Go to your project directory
  3. Run npm install -g bower
  4. Run npm install -g gulp
  5. Run npm install
  6. Run bower install

🌻 You should only modify files inside src or test directories! 🌻 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="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
  <link href="bower_components/bootstrap/dist/css/bootstrap-theme.css" rel="stylesheet" />
</head>
<body>
  <script src="../bower_components/jquery/dist/jquery.min.js"></script>
  <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  <script src="../build/bootstrap-waitingfor.js"></script>
</body>
</html>

Версии библиотеки

Версия
1.2.7