dev-chiefworks
380 lines
9.1 KiB
JavaScript
380 lines
9.1 KiB
JavaScript
/* ------------------------------------------------------------------------------
|
|
*
|
|
* # Alpaca - Basic inputs
|
|
*
|
|
* Specific JS code additions for alpaca_advanced.html page
|
|
*
|
|
* Version: 1.0
|
|
* Latest update: Mar 10, 2016
|
|
*
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
$(function() {
|
|
|
|
|
|
|
|
// Option trees
|
|
// ------------------------------
|
|
|
|
// Option tree field
|
|
$("#alpaca-option-tree").alpaca({
|
|
"schema": {
|
|
"type": "number",
|
|
"title": "What number would like for your sports jersey?"
|
|
},
|
|
"options": {
|
|
"type": "optiontree",
|
|
"tree": {
|
|
"selectors": {
|
|
"sport": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"options": {
|
|
"type": "select",
|
|
"noneLabel": "Pick a Sport..."
|
|
}
|
|
},
|
|
"team": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"options": {
|
|
"type": "select",
|
|
"noneLabel": "Pick a Team..."
|
|
}
|
|
},
|
|
"player": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"options": {
|
|
"type": "select",
|
|
"noneLabel": "Pick a Player..."
|
|
}
|
|
}
|
|
},
|
|
"order": ["sport", "team", "player"],
|
|
"data": [{
|
|
"value": 23,
|
|
"attributes": {
|
|
"sport": "Basketball",
|
|
"team": "Chicago Bulls",
|
|
"player": "Michael Jordan"
|
|
}
|
|
}, {
|
|
"value": 33,
|
|
"attributes": {
|
|
"sport": "Basketball",
|
|
"team": "Chicago Bulls",
|
|
"player": "Scotty Pippen"
|
|
}
|
|
}, {
|
|
"value": 4,
|
|
"attributes": {
|
|
"sport": "Football",
|
|
"team": "Green Bay Packers",
|
|
"player": "Brett Favre"
|
|
}
|
|
}, {
|
|
"value": 19,
|
|
"attributes": {
|
|
"sport": "Baseball",
|
|
"team": "Milwaukee Brewers",
|
|
"player": "Robin Yount"
|
|
}
|
|
}, {
|
|
"value": 99,
|
|
"attributes": {
|
|
"sport": "Hockey",
|
|
"player": "Wayne Gretzky"
|
|
}
|
|
}],
|
|
"horizontal": true
|
|
},
|
|
"focus": false
|
|
}
|
|
});
|
|
|
|
|
|
// Using connector
|
|
$("#alpaca-option-tree-connector").alpaca({
|
|
"schemaSource": "../default/assets/demo_data/alpaca/optiontree-custom-schema.json",
|
|
"optionsSource": "../default/assets/demo_data/alpaca/optiontree-custom-options.json",
|
|
"options": {
|
|
"focus": false
|
|
}
|
|
});
|
|
|
|
|
|
|
|
// Input types
|
|
// ------------------------------
|
|
|
|
// Lowercase
|
|
$("#alpaca-lowercase").alpaca({
|
|
"data": "Ice cream is wonderful.",
|
|
"schema": {
|
|
"format": "lowercase"
|
|
},
|
|
"options": {
|
|
"focus": false
|
|
}
|
|
});
|
|
|
|
|
|
// Uppercase
|
|
$("#alpaca-uppercase").alpaca({
|
|
"data": "Ice cream is wonderful.",
|
|
"schema": {
|
|
"format": "uppercase"
|
|
},
|
|
"options": {
|
|
"focus": false
|
|
}
|
|
});
|
|
|
|
|
|
// Search type
|
|
$("#alpaca-search").alpaca({
|
|
"data": "Where for art thou Romeo?",
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"options": {
|
|
"type": "search",
|
|
"focus": false,
|
|
"label": "Search"
|
|
}
|
|
});
|
|
|
|
|
|
// Integer type
|
|
$("#alpaca-integer").alpaca({
|
|
"data": 20,
|
|
"options": {
|
|
"type": "integer",
|
|
"label": "Age:",
|
|
"focus": false
|
|
},
|
|
"schema": {
|
|
"minimum": 18,
|
|
"maximum": 25,
|
|
"exclusiveMinimum": true,
|
|
"exclusiveMaximum": true,
|
|
"divisibleBy": 2
|
|
}
|
|
});
|
|
|
|
|
|
// Password type
|
|
$("#alpaca-password").alpaca({
|
|
"data": "password",
|
|
"schema": {
|
|
"format": "password"
|
|
},
|
|
"options": {
|
|
"focus": false
|
|
}
|
|
});
|
|
|
|
|
|
// Email type
|
|
$("#alpaca-email").alpaca({
|
|
"data": "support",
|
|
"schema": {
|
|
"format": "email"
|
|
},
|
|
"options": {
|
|
"focus": false
|
|
}
|
|
});
|
|
|
|
|
|
// IP address type
|
|
$("#alpaca-ipv4").alpaca({
|
|
"data": "100.60",
|
|
"schema": {
|
|
"format": "ip-address"
|
|
},
|
|
"options": {
|
|
"focus": false
|
|
}
|
|
});
|
|
|
|
|
|
// URL type
|
|
$("#alpaca-url").alpaca({
|
|
"data": "http://www.alpacajs.org",
|
|
"options": {
|
|
"type": "url",
|
|
"focus": false
|
|
},
|
|
"schema": {
|
|
"format": "uri"
|
|
}
|
|
});
|
|
|
|
|
|
// Currency type
|
|
$("#alpaca-currency").alpaca({
|
|
"options": {
|
|
"type": "currency",
|
|
"focus": false
|
|
}
|
|
});
|
|
|
|
|
|
// Personal name type
|
|
$("#alpaca-name").alpaca({
|
|
"data": "Oscar Zoroaster Phadrig Isaac Norman Henkel Emmannuel Ambroise Diggs",
|
|
"options": {
|
|
"type": "personalname",
|
|
"focus": false
|
|
}
|
|
});
|
|
|
|
|
|
|
|
// File inputs
|
|
// ------------------------------
|
|
|
|
// Basic file input
|
|
$("#alpaca-file").alpaca({
|
|
"data": "",
|
|
"options": {
|
|
"type": "file",
|
|
"label": "Ice Cream Photo:",
|
|
"helper": "Pick your favorite ice cream picture.",
|
|
"focus": false
|
|
},
|
|
"schema": {
|
|
"type": "string",
|
|
"format": "uri"
|
|
}
|
|
});
|
|
|
|
|
|
// Static mode
|
|
$("#alpaca-file-static").alpaca({
|
|
"data": "/abc.html",
|
|
"options": {
|
|
"type": "file",
|
|
"label": "Ice Cream Photo:",
|
|
"helper": "Pick your favorite ice cream picture.",
|
|
"focus": false
|
|
},
|
|
"schema": {
|
|
"type": "string",
|
|
"format": "uri"
|
|
},
|
|
"view": "bootstrap-display"
|
|
});
|
|
|
|
|
|
// Styled file input
|
|
$("#alpaca-file-styled").alpaca({
|
|
"data": "",
|
|
"options": {
|
|
"type": "file",
|
|
"label": "Ice Cream Photo:",
|
|
"helper": "Pick your favorite ice cream picture.",
|
|
"id": "file-styled",
|
|
"focus": false
|
|
},
|
|
"schema": {
|
|
"type": "string",
|
|
"format": "uri"
|
|
},
|
|
"postRender": function(control) {
|
|
$("#file-styled").uniform({
|
|
fileButtonClass: 'action btn bg-blue'
|
|
});
|
|
}
|
|
});
|
|
|
|
|
|
// Disabled file input
|
|
$("#alpaca-file-disabled").alpaca({
|
|
"data": "",
|
|
"options": {
|
|
"type": "file",
|
|
"label": "Ice Cream Photo:",
|
|
"helper": "Pick your favorite ice cream picture.",
|
|
"disabled": true,
|
|
"id": "file-styled-disabled",
|
|
"focus": false
|
|
},
|
|
"schema": {
|
|
"type": "string",
|
|
"format": "uri"
|
|
},
|
|
"postRender": function(control) {
|
|
$("#file-styled-disabled").uniform({
|
|
fileButtonClass: 'action btn bg-blue'
|
|
});
|
|
}
|
|
});
|
|
|
|
|
|
|
|
// Selector helpers
|
|
// ------------------------------
|
|
|
|
// Country selector
|
|
$("#alpaca-country").alpaca({
|
|
"options": {
|
|
"type": "country",
|
|
"focus": false
|
|
}
|
|
});
|
|
|
|
|
|
// Searchable country selector
|
|
$("#alpaca-country-search").alpaca({
|
|
"options": {
|
|
"type": "country",
|
|
"id": "country-search",
|
|
"focus": false
|
|
},
|
|
"postRender": function(control) {
|
|
$('#country-search').select2();
|
|
}
|
|
});
|
|
|
|
|
|
// State selector
|
|
$("#alpaca-state").alpaca({
|
|
"options": {
|
|
"type": "state",
|
|
"focus": false
|
|
}
|
|
});
|
|
|
|
// Searchable state selector
|
|
$("#alpaca-state-search").alpaca({
|
|
"options": {
|
|
"type": "state",
|
|
"id": "state-search",
|
|
"focus": false
|
|
},
|
|
"postRender": function(control) {
|
|
$('#state-search').select2();
|
|
}
|
|
});
|
|
|
|
|
|
|
|
// CKEditor
|
|
// ------------------------------
|
|
|
|
// Full featured CKEditor
|
|
$("#alpaca-ckeditor-full").alpaca({
|
|
"data": "Ice cream is a <b>frozen</b> dessert usually made from <i>dairy products</i>, such as milk and cream, and often combined with fruits or other ingredients and flavors.",
|
|
"options": {
|
|
"type": "ckeditor"
|
|
}
|
|
});
|
|
|
|
});
|