pablovallejo/gillie

Javascript Microframework inspired in BackboneJS

gillie's Issues

The links of models/views/handlers are invalid in project page

Nice work! I found the models/views/handlers/events links in the first paragraph are not correct. I guess they might be http://pablovallejo.github.io/gillie/xx/ instead of http://pablovallejo.github.io/xx。

Add Travis-ci

because you do not add integration continues with travis-ci?

AJAX requests: let's choose the URL to call

Hi,

Got a form with a specific action, I would like to get this action with .attr('action'). Then I have something like "http://domain.com/action".

I don't want to hard code the URL in the JS files.

But Gillie adds also the base URL, even if I put url: '/' in the model. So my URL becomes : "http://domain.com/http://domain.com/action".

Is there any way to avoid this?

Thank's!

Lack of understanding with controller <=> others and model <=> view

Hi,

I think there is a lack of examples in your doc. I'm a bit of lost. Here is my test code:

Controller (handler)

'use strict';

// Handlers are used to listen for DOM events, get data from them
// and then route that data to a controller, view or model.

var Controller = Gillie.Handler.extend({

    initialize: function() {
        console.log('controller ok');
    },

    events: {
        'click .intro-text': 'showPost'
    },

    showPost: function(e) {
        console.log('showPost'); // OK
    }

});

var demoController = new Controller();

Model

'use strict';

// Models take care of talking to the server by making AJAX requests
// and then triggering events so that views that are listening to them
// can do actions with the returned data.

var Model = Gillie.Model.extend({
    // Default attributes (use get(), set(), unset())
    defaults: {
        'alias': 'none',
        'picture': 'default.jpg'
    },

    url: '/',

    // Run on instantiation
    initialize: function() {
        console.log('model ok');

        this.save();
    },

    save: function() {
        this.Post('person/', 'post.create');
    }
});

var demoModel = new Model();

View

'use strict';

// In Gillie, views are taken care of affecting DOM elements,
// that means, they subscribe to models events, when these events
// are triggered, views print the new data, of show feedback, etc.

var View = Gillie.View.extend({
    initialize: function() {
        console.log('view ok');

        // Listen for model 'post.create' event
        demoModel.on('post.create', this.onCreate);
    },

    onCreate: function( modelInstance, response ) {
        console.log('onCreate');
    }
});

var demoView = new View();

So,

1. I don't understand how to communicate between the controller and the model or view.
2. My 'post.create' event in the model doesn't fire the listener (in the view), why?

I appreciate your work and I'd like to use Gillie!

Bests

Add Bower support

Hi,

In order to use with package manager Bower.

To help you : http://bower.io/

Regards.

Make an example on TodoMVC?

It could be cool to have a TodoMVC version of Gillie.

http://todomvc.com/

Converting circular structure to JSON: Post request triggered manually

Hi,

My view:

/**
* Constructor
*/
initialize: function() {
    /**
    * Client-side validation on the sign-in form
    */
    $('#contact_form').parsley().subscribe('parsley:form:validate', function (formInstance) {
        formInstance.submitEvent.preventDefault();

        if(formInstance.isValid()) {
            HomeModel.sendMessage();
        }
    });

    HomeModel.on('messageSent', this.messageSent);
},

My model:

/**
* Sends a message
*/
sendMessage: function() {
    this.Post('contact/send-message', 'messageSent');
}

Got Converting circular structure to JSON error on line: 399 (on JSON.stringify());

I'm stuck here.

By the way, how to tell to the POST request which data I wan to send?

Thank's!

Data sent over HTTP: deal with both string and object

Hi @PabloVallejo,

Sometimes you want to send all your form by HTTP, so this is correct:

submit: function () {
    this.Post('/something', 'form.sent', { data: $('form').serialize() });
}

Sometimes you want to send specific values:

submit: function () {
    // Option 1
    // ------------------------------

    var data = {
        a: 'b',
        c: 'd'
    };

    // The idea is to skip this:
    data = decodeURIComponent($.param(data));

    // Option 2
    // ------------------------------

    var data = 'a=b&c=d',

    this.Post('/something', 'form.sent', { data: data });
}

The Option 1 is more clear especially if your values are not statics. This could be achieved by checking the variable type.

What do you think?

Bests

Is it possible to get the AJAX status code (jQuery native)

Hi,

I'd like to know if we can access to the response HTTP code. Here is the snippet from the jQuery AJAX documentation.

$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

Thx!