first commit
This commit is contained in:
dev-chiefworks
@@ -0,0 +1,379 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # 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"
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user