TemplateController w/o TemplateController :) #30

comerc · 2016-05-05T02:52:50Z

Template.hello.onCreated(function helloOnCreated() {
  this.schema(
    new SimpleSchema({
      test: { type: String }
    })
  );
  this.states({ counter: 777 });
  this.events({
    'click button'() {
      // increment the counter when button is clicked
      this.state.counter++;
    },
  });
});

<body>
  <h1>Welcome to Meteor!</h1>

  {{> hello test='123'}}
</body>

<template name="hello">
  {{props.test}}
  <button>Click Me</button>
  <p>You've pressed the button {{counter}} times.</p>
</template>

comerc · 2016-05-08T00:37:44Z

Released!

key features

compatible with Blaze.Template

minimum changes for migration your great project to template2

one time declaration of variables to model - inside input fields attribute

validate input data and get form data without excess coding

support of model type as SimpleSchema

may be extended for support any other model type (Astronomy etc.)

head
  title simple

body
  +demo(test='123')

template(name="demo")
  div props: 
    = props.test
  div 
    a.node(href="#") NEW
  form
    input(type="text" value-bind="fieldHead|throttle:500") 
    = state.fieldHead
    input(type="text" value-bind="fieldBody|debounce:500") 
    = state.fieldBody
    button(type="submit") SUBMIT
    button#reset RESET
    = state.submitMessage
  = state.errorMessages
  ul
    +each node in nodes
      li 
        a.node(href="#" data-node-id=node._id)  
          = node.fieldHead  
          | / 
          = node.fieldBody

Template.demo.onCreated ->
  @propsSchema new SimpleSchema(test: type: String)
  @modelSchema Nodes.simpleSchema()
  @states
    nodeId: false
    submitMessage: ''
  @helpers
    nodes: ->
      Nodes.find()
  @events
    'click a.node': (e) ->
      e.preventDefault()
      @state.nodeId = $(e.target).data('node-id') or false
    'submit form': (e) ->
      e.preventDefault()
      @viewDoc (error, doc) ->
        return if error
        # save data
        if @state.nodeId
          Nodes.update @state.nodeId, $set: doc,
            => @state.submitMessage = 'updated'
        else
          @state.nodeId = Nodes.insert doc,
            => @state.submitMessage = 'inserted'

# old school of declaration with context of Template.instance()
Template.demo.eventsByInstance
  'click #reset': (e) ->
    e.preventDefault()
    @modelDoc false
    @state.submitMessage = ''

Template.demo.onRendered ->
  @modelMap() # magic here :)
  @autorun =>
    if @state.nodeId
      @modelDoc Nodes.findOne @state.nodeId
    else
      @modelDoc false
    @state.submitMessage = ''

@Nodes = new (Mongo.Collection)('nodes')

@NodeSchema = new SimpleSchema
  fieldHead:
    type: String
    label: 'My Head'
    max: 3
    defaultValue: '111'
  fieldBody:
    type: String
    label: 'My Body'
    min: 3
    defaultValue: '777'

Nodes.attachSchema(NodeSchema)

comerc · 2016-05-12T21:33:22Z

I want continue our coloboration! :)

DominikGuzei · 2016-05-13T07:23:53Z

@comerc it's fine if you just use or create another MVVM package but this package intentionally tries not to tap into that water and stay as close to the official Blaze guide as possible, while supporting best practices and clean code. IMO splitting up view code into separate different styles and files or introducing the overloaded term "model" there is not at all best practices nor would i recommend this.

comerc · 2016-05-14T10:51:35Z

OK, core - wo MVVM. And mixin may be separated.

DominikGuzei · 2016-05-14T11:40:36Z

Thanks for the core implementation @comerc, i opened issue #33 for adding this into the lib 😉

comerc closed this as completed May 8, 2016

comerc reopened this May 12, 2016

DominikGuzei closed this as completed May 13, 2016

DominikGuzei added question feature labels May 14, 2016

DominikGuzei self-assigned this May 14, 2016

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

TemplateController w/o TemplateController :) #30

TemplateController w/o TemplateController :) #30

comerc commented May 5, 2016 •

edited

Loading

comerc commented May 8, 2016

comerc commented May 12, 2016

DominikGuzei commented May 13, 2016

comerc commented May 14, 2016 •

edited

Loading

DominikGuzei commented May 14, 2016

TemplateController w/o TemplateController :) #30

TemplateController w/o TemplateController :) #30

Comments

comerc commented May 5, 2016 • edited Loading

comerc commented May 8, 2016

comerc commented May 12, 2016

DominikGuzei commented May 13, 2016

comerc commented May 14, 2016 • edited Loading

DominikGuzei commented May 14, 2016

comerc commented May 5, 2016 •

edited

Loading

comerc commented May 14, 2016 •

edited

Loading