ng_bootstrap 0.9.0

  • README.md
  • CHANGELOG.md
  • Installing
  • Versions
  • 97

ng_bootstrap

Join the chat at https://gitter.im/dart-league/ng_bootstrap

Usage & Demo

Getting Started

1. Create a new angular2-dart app: https://angular.io/docs/dart/latest/quickstart.html

2. Add ng_bootstrap to pubspect.yaml:

dependencies:
    ...
    ng_bootstrap: any
    ...

3. Add css stylesheet link to index.html:

<head>
    ...
    <link rel="stylesheet" href="packages/ng_bootstrap/all.css">
    ...
</head>

4. Add needed ng_bootstrap directives to your components:

import 'packages:ng_bootstrap/ng_bootstrap.dart'

@Component(
    // ...
    directives: const [BS_DIRECTIVES])

Customize Styles - Create Custom Themes

To customize default styles to create custom themes based on ng_bootstrap theme, the best option is to create an scss file that imports the package:ng_bootstrap/all.scss file, for example:

// variables should be set before importing default theme
$brand-primary: red !important;

// you could also import a custom variables theme if you prefer
// but it should be done before importing default theme
@import 'path/to/_my-variables';

@import 'package:ng_bootstrap/all';

Then in your index.html file change the link tag to point to the new theme.

<head>
    ...
    <link rel="stylesheet" href="path/to/my-theme.css">
    ...
</head>

Components

Others

  • [x] BsTemplateOutlet - to transclude templates (Most likely will be removed in future versions)
  • [x] positional service

Contribution

Create new issues

Fork me

TODO

  • [ ] support animation (in progress...)

0.9.0

  • add popover component (fixes: #82)
  • fix tooltip styles

0.8.6

  • upgrade to bootstrap@^4.0.0-beta

0.8.5

  • correct tooltip placement inside table element (fixes: #76)
  • correct tooltip placement after fast hide and show
  • correct accordion expand/collapse timing

0.8.4

  • Upgrade to angular_forms@^1.0.0 (fixes: #80)

0.8.3

  • Upgrade to angular@4.0.0

0.8.2

  • support DDC (fixes: #71)
  • change stream_transformers library by stream_transform
  • add input listener to components that extends DefaultValueAccessor

0.8.1

  • Upgrade to angular@4.0.0-beta (fixes: #78)

0.8.0

  • Upgrade to angular@4.0.0-alpha+3
  • Change bs-modal logic to pass buttons instead actions
  • Add BsPromptService to create a modal from a function

0.7.1

  • Upgrade to angular@4.0.0-alpha+2
  • add bsPrompt

0.7.0

  • Upgrade to angular@4.0.0-alpha+1

0.6.7

  • add BsInput to BS_DIRECTIVES list

0.6.6

  • enhance BsInput component
  • add BsMinLength Directive
  • add BsMaxLength Directive

0.6.5

  • remove date_picker_inner files and activeDate attribute from date-picker
  • remove initDate from date-picker (fixes: #68)
  • enhance layout and styling of date-picker

0.6.4

  • upgrade sass_builder to ^0.1.1

0.6.3

  • replace EventEmitter by Stream and StreamController

0.6.2

  • upgrade markdown to version 0.11.3

0.6.1

  • upgrade to angular 3.0.0-beta+2

0.5.3

  • use sass_builder 0.0.2
  • use angular2 3.0.0-alpha+1
  • bs-table allows row selection and cell templates

0.5.2

  • upgrade to sass 1.0.0-alpha.9
  • upgrade to intl 0.14.0

0.5.1

  • correct date-picker-popup not updating values correctly

0.5.0

  • upgrade to bootstrap_sass v4.0.0-alpha.5
  • remove unneded code in date_picker_popup

0.4.6

  • add format and locale to datepicker-popup (fixes #51 and #45)

0.4.5

  • correct path to font-awesome (fixes #59)

0.4.4

  • make accordion panel grow to fit the content (fixes #55)

0.4.3

  • Use grinder and dart-sass instead sass_transformer and ruby-sass.
  • Upgrade angular to 2.2.0 and remove Renderer from files. (fixes #56)

0.4.2

  • Typeahead:
    • increase the options limit to 200
    • process matches always user clicks dropdown button, or whenever user change search value
    • add clear text button
    • add _typeahead.scss which contains the styles for clear-button

0.4.1

  • increase version of angular2 to 2.0.0-beta.22
  • change path of fontawesome in all.scss to use packages directory
  • remove web folder. The content is going to be in gh-pages branch and it is going to work as separate project.
  • remove print from BsModalComponent constructor

0.4.0

  • rename NG_BOOTSTRAP_TABLE_DIRECTIVES to BS_TABLE_DIRECTIVES
  • rename NG_BOOTSTRAP_TABSX_DIRECTIVES to BS_TABSX_DIRECTIVES
  • rename NG_BOOTSTRAP_DIRECTIVES to BS_DIRECTIVES
  • add file-upload directives

0.3.4

  • correct wrong totalChange value change in pagination
  • correct modal demo button class
  • use totalPages value from pagination instead calculating it in table-demo
  • correct back removeTab as proposed on PR #23

0.3.3

  • correct bug of accordion-panel not opening by default

0.3.2

  • add ability to use complex objects as data input for table component

0.3.1

  • upgrade bootstrap_sass to v4.0.0-alpha.3+4
  • upgrade sass_transformer to v0.1.1
  • change sass to sass_transformer in README

0.3.0+1

  • use sass_transformer 0.1.0 instead dart-sass 0.5.0
  • remove packages path from all.scss

0.3.0

  • Rename components to use pattern Bs<name>Component
  • Rename directives to use pattern Bs<name>Directive
  • Make BsTimePickerComponent.writeValue method async
  • Make BsDatePickerComponent.writeValue method async
  • Add styling for bs-pager
  • Add min-width to bs-pagination components in bs-pagination-demo
  • Upgrade to angular 2.0.0-alpha.20

0.2.3

  • add BsTableComponent and BsColumnComponent:
    • no column template supported
    • no complex objects as row input supported
    • no selection
    • no actions (delete, edit, view, ...)
  • correct pagination directive totalItems change
  • Collapse directive:   - correct collapsing animation   - remove isCollapse and isCollapsed attributes   - add bsCollapseChange and collapsingChange event-emitters
  • upgrade bootstrap_sass to 4.0.0-alpha.3+1
  • use $ling-height-base instead $line-height in _panel.scss
  • rename css-class scrollable-menu to scrollable-navbar-menu to avoid crashes with class in _dropdown.scss
  • fix collapse_demo.html: collapse not being hidden
  • correct panel-title font too big

0.2.2

  • make TypeAhead.dropdownMenu scrollable. Fixes #7.
  • add noResults and loading messages to TypeAhead.dropdownMenu
  • correct TypeAhead case sensitivity results
  • remove TypeAhead._queryStream.distinct processing, this avoids values not gotten when same value has been typed before after passing debounce time

0.2.1

  • rename n2sCollapse to bsCollapse
  • fix bug in accordion caused when closeOthers attribute is null
  • remove unneeded code on DatePickerPopup (solves #26)
  • correct error caused by entering wrong date onto DatePickerPopup-TextBox

0.2.0

  • upgrade to angular 2.0.0-beta.19
  • Fix Removing tabs sometimes didn't work #23
  • Added support for typeaheads to specify a optionField in complex Objects
  • Rename NG_BOOTSTRAP_TABS_DIRECTIVES to NG_BOOTSTRAP_TABSX_DIRECTIVES
  • Add NG_BOOTSTRAP_TABS_DIRECTIVES constant
  • Remove components.dart and put the code into ng_bootstrap.dart directly
  • Rename NGBS_CAROUSEL_DIRECTIVES to NG_BOOTSTRAP_CAROUSEL_DIRECTIVES

0.1.1

  • correct bug sass not founding files doubt to usage of relative path instead of packages path
  • change caret icon of typeahead to font-awesome icon
  • Remove Getting Started and Migration links from demo header
  • correct visual errors in dropdown demo
  • add style display inline-block to bs-dropdown

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  ng_bootstrap: "^0.9.0"

2. Install it

You can install packages from the command line:

with pub:


$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


import 'package:ng_bootstrap/ng_bootstrap.dart';
        
Version Uploaded Documentation Archive
0.9.0 Nov 16, 2017 Go to the documentation of ng_bootstrap 0.9.0 Download ng_bootstrap 0.9.0 archive
0.8.6 Sep 29, 2017 Go to the documentation of ng_bootstrap 0.8.6 Download ng_bootstrap 0.8.6 archive
0.8.5+1 Sep 28, 2017 Go to the documentation of ng_bootstrap 0.8.5+1 Download ng_bootstrap 0.8.5+1 archive
0.8.5 Sep 5, 2017 Go to the documentation of ng_bootstrap 0.8.5 Download ng_bootstrap 0.8.5 archive
0.8.4 Aug 31, 2017 Go to the documentation of ng_bootstrap 0.8.4 Download ng_bootstrap 0.8.4 archive
0.8.3 Aug 31, 2017 Go to the documentation of ng_bootstrap 0.8.3 Download ng_bootstrap 0.8.3 archive
0.8.2 Aug 27, 2017 Go to the documentation of ng_bootstrap 0.8.2 Download ng_bootstrap 0.8.2 archive
0.8.1 Aug 26, 2017 Go to the documentation of ng_bootstrap 0.8.1 Download ng_bootstrap 0.8.1 archive
0.8.0 Aug 19, 2017 Go to the documentation of ng_bootstrap 0.8.0 Download ng_bootstrap 0.8.0 archive
0.7.1 Aug 12, 2017 Go to the documentation of ng_bootstrap 0.7.1 Download ng_bootstrap 0.7.1 archive

All 45 versions...

Analysis

This feature is new.
We welcome feedback.

We analyzed this package, and provided a score, details, and suggestions below.

  • completed on Dec 6, 2017
  • Dart: 2.0.0-dev.8.0
  • pana: 0.7.3+1

Scores

Popularity:
Describes how popular the package is relative to other packages. [more]
95
Health:
Code health derived from static analysis. [more]
98
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
99
Overall score:
Weighted score of the above. [more]
97

Platforms

Detected platforms: web

All libraries agree

Suggestions

  • Use analysis_options.yaml.

    Rename old .analysis_options file to analysis_options.yaml.

Dependencies

Package Constraint Resolved Available
Direct dependencies
angular ^4.0.0 4.0.0 5.0.0-alpha+1
angular_forms ^1.0.0 1.0.0 1.0.1-alpha+1
bootstrap_sass ^4.0.0-beta 4.0.0-beta.2
browser ^0.10.0 0.10.0+2
dart_to_js_script_rewriter ^1.0.1 1.0.3
dev_string_converter ^0.1.0 0.1.0
font_awesome ^4.6.3 4.7.0
intl ^0.15.0 0.15.2
node_shims ^0.1.3 0.1.3
stream_transform ^0.0.9 0.0.9
Transitive dependencies
analyzer 0.30.0+4 0.31.0-alpha.2
angular_compiler 0.3.0 0.4.0-alpha+1
args 1.2.0
async 1.13.3 2.0.1
barback 0.15.2+13
build 0.10.2+1 0.11.1
build_barback 0.4.0+1 0.4.0+2
charcode 1.1.1
cli_util 0.1.2+1
code_builder 1.0.4 2.3.0
code_transformers 0.5.1+3
collection 1.14.3
convert 2.0.1
crypto 2.0.2+1
csslib 0.14.1
dart_style 1.0.8
front_end 0.1.0-alpha.4.1 0.1.0-alpha.7
func 1.0.0
glob 1.1.5
html 0.13.2
isolate 1.1.0
js 0.6.1
kernel 0.3.0-alpha.1.1 0.3.0-alpha.4
logging 0.11.3+1
matcher 0.12.1+4
meta 1.1.2
package_config 1.0.3
path 1.5.1
plugin 0.2.0+2
pool 1.3.3
quiver 0.25.0 0.26.2
quiver_hashcode 1.0.0
source_gen 0.7.2+1
source_maps 0.10.4
source_span 1.4.0
stack_trace 1.9.1
string_scanner 1.0.2
tuple 1.0.1
typed_data 1.1.5
unittest 0.11.7 0.12.4+1
utf 0.9.0+3
watcher 0.9.7+4
yaml 2.1.13
Dev dependencies
build_runner ^0.4.0
sass_builder ^1.0.0