D1bundle NPM | npm.io

DEPRECATED - d1bundle

This is no longer maintained.
Please consider using d1-web instead.

Bundled d1 and its plugins.

Getting Started

Use bundled from CDN

<link href="https://cdn.jsdelivr.net/npm/d1bundle/dist/d1.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/d1bundle/dist/d1bundle.min.js"></script>

Use joined from CDN

<link href="https://cdn.jsdelivr.net/npm/d1bundle/dist/d1.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/d1bundle/dist/d1join.min.js"></script>
<script>
  d1.loadAll(options);
</script>

Install manually

Download minified d1bundle files.

<link href="d1.min.css" rel="stylesheet">
<script src="d1join.min.js"></script>
<script>
  d1.loadAll(options);
</script>

<link href="d1.min.css" rel="stylesheet">
<script src="d1bundle.min.js"></script>

Options

var options = {
  // d1 options
  opt: {hashCancel: '#quit'},
  // d1 strings
  str: {ok: 'Yes'},
  // d1 icons
  ico: {
    close:  'svg-close',
    delete: 'svg-delete',
    edit:   'svg-edit',
    now:    'svg-ok',
    date:   'svg-date',
    prev:   'svg-left',
    next:   'svg-right',
    prev2:  'svg-first',
    next2:  'svg-last'
  },
  // options for plugins
  plug: {
    calendar: {hashNow: '#today'},
    dialog: {hashCancel: '#no'},
    edit: {height: '20vh'},
    gallery: {hashCancel: '#back'},
    lookup: {idList: 'autocomplete-list'},
    tablex: {cFilter: 'bg-i'},
    valid: {qsValidate: 'form.val'}
  }
};