8 |
9 |
10 |
11 | An add-on Meteor package for [aldeed:autoform](https://github.com/aldeed/meteor-autoform). Provides a single custom input type, "universe-select".
12 |
13 | > This package is part of Universe, a framework based on [Meteor platform](http://meteor.com)
14 | maintained by [Vazco](http://www.vazco.eu).
15 |
16 | > It works standalone, but you can get max out of it when using the whole system.
17 |
18 | ## Demo
19 |
20 |
21 | http://universe-autoform-select.stg.vazco.eu/
22 |
23 | | universe-select options | 97 ||||
|---|---|---|---|
| Option | 100 |Description | 101 |Type | 102 |Default | 103 |
options |
106 | Required. A function returning either an array of options, or a Mongo.Cursor. The function is re-evaluated automatically using Tracker when its reactive data sources change. |
107 | function |
108 | undefined |
109 |
uniPlaceholder |
112 | Optional. A placeholder option. | 113 |String |
114 | null |
115 |
optionsPlaceholder |
118 | Optional. Show placeholder in options dropdown. | 119 |Boolean or String |
120 | false |
121 |
uniDisabled |
124 | Optional. | 125 |Boolean |
126 | false |
127 |
multiple |
130 | Optional. | 131 |Boolean |
132 | false |
133 |
removeButton |
136 | Optional. | 137 |Boolean |
138 | true |
139 |
valuesLimit |
142 | Optional. | 143 |Number |
144 | undefined |
145 |
create |
148 | Optional. Allows the user to create a new items that aren't in the list of options. | 149 |Boolean |
150 | true |
151 |
createOnBlur |
154 | Optional. If true, when user exits the field (clicks outside of input or presses ESC) new option is created and selected (if `create`-option is enabled). | 155 |Boolean |
156 | true |
157 |
createSlug |
160 | Optional. After creating new label, converts value into a slug. | 161 |Boolean |
162 | true |
163 |
createMethod |
166 | Optional. Name of method to call after create new item. Method can return new value for item. | 167 |function (label, value) |
168 | undefined |
169 |
optionsMethod |
172 | Optional. Name of method to get more items. Method should return array of options. | 173 |String |
174 | undefined |
175 |
optionsMethodParams |
178 | Optional. Additional params for optionsMethod. | 179 |Object |
180 | undefined |
181 |
207 |
208 | **Like every package maintained by [Vazco](https://vazco.eu/), Universe Autoform Select is [MIT licensed](https://github.com/vazco/uniforms/blob/master/LICENSE).**
209 |
--------------------------------------------------------------------------------
/package.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | Package.describe({
4 | name: 'vazco:universe-autoform-select',
5 | summary: 'Custom "afUniverseSelect" input type for AutoForm, with the appearance as selectize',
6 | version: '0.4.1',
7 | git: 'https://github.com/vazco/meteor-universe-autoform-select.git'
8 | });
9 |
10 | Package.onUse(function (api) {
11 | api.versionsFrom('1.2.1');
12 |
13 | if (!api.addAssets) {
14 | api.addAssets = function (files, platform) {
15 | api.addFiles(files, platform, {isAsset: true});
16 | };
17 | }
18 |
19 | api.use(['ecmascript', 'templating', 'underscore'], 'client');
20 | api.use('aldeed:autoform@6.0.0');
21 | api.use('vazco:universe-selectize@0.1.17', 'client');
22 |
23 | api.addFiles([
24 | 'universe-autoform-select.html',
25 | 'universe-autoform-select.js'
26 | ], 'client');
27 | });
28 |
--------------------------------------------------------------------------------
/universe-autoform-select.html:
--------------------------------------------------------------------------------
1 |
2 | {{> universeSelectize
3 | id = atts.id
4 | name = atts.name
5 | value = value
6 | create = atts.create
7 | createText = atts.createText
8 | options = items
9 | multiple = atts.multiple
10 | disabled = atts.uniDisabled
11 | createSlug = atts.createSlug
12 | sortMethod = atts.sortMethod
13 | placeholder = atts.placeholder
14 | createMethod = atts.createMethod
15 | removeButton = atts.removeButton
16 | dataSchemaKey = atts.dataSchemaKey
17 | optionsMethod = atts.optionsMethod
18 | optionsPlaceholder = atts.optionsPlaceholder
19 | optionsMethodParams = atts.optionsMethodParams
20 | }}
21 |
22 |
--------------------------------------------------------------------------------
/universe-autoform-select.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | AutoForm.addInputType('universe-select', {
4 | template: 'afUniverseSelect',
5 | valueIsArray: true,
6 | valueOut() {
7 | return this.val();
8 | },
9 | contextAdjust(context) {
10 | // build items list
11 |
12 | context.items = _.map(context.selectOptions, function (opt) {
13 | return {
14 | label: opt.label,
15 | value: opt.value,
16 | selected: _.contains(context.value, opt.value)
17 | };
18 | });
19 |
20 | //autosave option
21 | if (AutoForm && typeof AutoForm.getCurrentDataForForm === 'function') {
22 | context.atts.autosave = AutoForm.getCurrentDataForForm().autosave || false;
23 | context.atts.placeholder = AutoForm.getCurrentDataForForm().placeholder || context.atts.uniPlaceholder || null;
24 | context.atts.uniDisabled = !!AutoForm.getCurrentDataForForm().disabled || context.atts.uniDisabled || false;
25 | }
26 |
27 | context.atts.removeButton = context.atts.removeButton || context.atts.remove_button; // support for previous version
28 |
29 | context.atts.dataSchemaKey = context.atts['data-schema-key'];
30 |
31 | return context;
32 | }
33 | });
34 |
--------------------------------------------------------------------------------