/meteor-autoform-modals-materialize

Create, update and delete collections with materialize modals in Meteor

Primary LanguageCoffeeScript

DEPRICATED! Meteor Autoform Modals with Materialize

This package is no longer maintained. Do not use this package. Use mozfet:meteor-autoform-modals instead.

. . .

Materialize modals to insert/update/remove docs from Meteor collections using AutoForm.

Setup

  1. meteor add mozfet:autoform-modals-materialize
  2. Include the template in the layouts that will use the modals {{> autoformModals}}
  3. Use afModal template to create a button that will trigger the modal

This package is part of a suite

mozfet:meteor-autoform-materialize mozfet:meteor-autoform-modals-materialize mozfet:meteor-autoform-nouislider mozfet:meteor-autoform-medium mozfet:meteor-autoform-materialize-playground

##Example Button Markup##

Insert Example

{{#afModal classes="btn" collection="Posts" operation="insert"}}
  Add a new post
{{/afModal}}

Update Example

{{#afModal classes="btn" collection="Posts" operation="update" doc=_id}}
  Update post
{{/afModal}}

Remove Example

{{#afModal classes="btn red" collection="Posts" operation="remove" doc=_id}}
  Delete post
{{/afModal}}

Example with customisation

{{#afModal classes="btn" collection="Posts" omitFields="createdAt,owner,upvotes" operation="update" buttonContent="Update Challenger" prompt="Use this form to update your doc" title="Update your great content" buttonClasses="btn light-green accent-4"}}
  Update your post
{{/afModal}}

##Usage## Use afModal template to create a link that will trigger the modal. The required attributes of this template are collection & operation.

Collection should be the name of the global collection object e.g. Posts.

Operation can be insert,update or remove.

If operation="update or operation="remove" you also need to set the doc property to the _id of the document.

Customisation

It is possible to customize the modals by adding additional attributes to the afModal template.

  • title will be the title of the modal (default to html of the button clicked)
  • buttonContent is the html content of the modals' button (default to html of the button clicked)
  • buttonCancelContent is the html content of the modals' cancel button (default to html of the button clicked)
  • fields is a comma separated list of the only fields that should be in the form. See the autoform docs.
  • omitFields is a comma separated list of fields to omit. See the autoform docs.
  • buttonClasses allows you to add different classes to the buttons. Default is waves-effect btn-flat modal-action
  • buttonSubmitClasses allows you to add different classes to the submit button. Inherits from buttonClasses by default.
  • buttonCancelClasses allows you to add different classes to the cancel button. Inherits from buttonClasses by default.
  • prompt a paragraph appears above the form / delete button. Defaults to 'Are you sure?' on delete.