By Josh Smith & Sam Sehnert, Custom D 2016
Provides methods to build and manipulate a data collection from an API, including handling pagination, sorting, filtering, and searching.
Define a data model for your API endpoint.
/* global $:true */
/* global Site:true */
/* global CD_Model:true */
/* global CD_Result:true */
/* jshint unused:false */
if( ! ('Users_Model_params' in window))
{
var Users_Model_params = {};
}
/**
* Users Model
*
* @author Sam Sehnert <sam@teamdf.com>
*
* @since 1.0.0 Introduced
*/
var Users_Model = CD_Model.extend({
// Result Model for this Collection
Result_Model : 'Users_Result',
// Setup for this particular model collection.
settings : {
endpoint : Site.api_url+'accounts/users',
params : Users_Model_params
}
});
/**
* Users Result Model
*
* @author Sam Sehnert <sam@teamdf.com>
*
* @since 1.0.0 Introduced
*/
var Users_Result = CD_Result.extend({
});The settings object allows you to define defaults.
| Property | Required | Description |
|---|---|---|
endpoint |
Yes | The full API url to the model resource. |
params |
No | An object of the prop=value pairs of the GET parameters to add to the URL. |
attribute |
No | Defaults to data. The attribute in the response where you can find the model data. |
timeout |
No | Defaults to 5000. The timeout value for the GET operation. |
An example of making a call to get a single specific record:
var get_params = {"id": 5};
/**
* Check for newly added categories, and append to the document.
*
* @author Sam Sehnert <sam@teamdf.com>
*
* @since 1.0.0 Introduced
*/
model.on('add', $.ratelimit(function(item, index){
// Add the index for use in the template.
item.__index = index+1;
// Render the template.
var $rendered = $(template__list_item(item));
// Add the rendered template to the DOM.
$element.append($rendered);
},10,50)); // Render 25 every 1ms
/**
* Handle responses from the initial request to the data model.
*
* @author Sam Sehnert <sam@customd.com>
*
* @since 1.0.0 Introduced
*/
model.init(get_params).always(loaded).done(paginate).fail(function(xhr, response){
var $rendered;
if( response === 'timeout' )
{
$rendered = $(template__list_error({
message : 'The server doesn\'t seem to be replying. Please try again later.'
}));
}
else
{
$rendered = $(template__list_empty());
}
// Add the rendered template to the DOM.
$element.html($rendered);
});
If you find a bug, error or feature that you wish to fix/implement and contribute back to the project, you can do so by committing your work to a new branch, and issuing a merge request.
Branches should be named as follows:
- Small, backwards compatible bug-fixes should be called
hotfix/my_awesome_fix - Feature additions should be called
feature/my_awesome_feature
Once you've created your branch, push it, and then issue a merge request into the master branch, even if that's not where it should go.
Select your hotfix branch as the source, and master as the destination, and assign the merge request.
Make sure you leave a note about why this fix is important, how you found the solution, and any implications this solution might have, and identify untested potential use cases. Please do NOT increment any version numbers.
An email will automatically be sent to the assigned user — that person will then be able to review, test and document the change.
The person assigned to the merge will:
- Determine which
versions/branch this should be merged to - Ensure unit tests have been written and committed to test your modification
- Test the merge request against the target branch
- Document the modifications
- Increment the version number if required, or add to the latest version
- Communicate with the developer who raised the request, and work out if the change needs to be implemented as a hotfix update for earlier major or minor versions
- Release new versions if required
In some cases, merge requests will come back to you for modifications. If this is the case, commit back to the same branch, and update the existing merge request.
Copyright 2016, Custom D, Released under the MIT license.