calling the shortener view from the share button

Author: fabiomcosta

myimgat/apps/wall/static/wall/js/crop-popin.js

@@ -6,19 +6,28 @@
         initialize: function(){
             this.parent.apply(this, arguments);
             this.bindEvents();
+            this.createRequest();
+        },
+
+        createRequest: function(){
+            this.request = new Request.JSON({
+                url: settings.urls.shorten
+            });
         },
 
         bindEvents: function() {
             this.shareButton = this.element.getElement('.share-button');
+            this.token = this.element.getElement('[name="csrfmiddlewaretoken"]');
             this.shareButton.addEvent('click', this.share.bind(this));
         },
 
         share: function(e) {
             e.preventDefault();
-            new Request.JSON({
-                url: settings.urls.shorten
-            });
-            //this.shareButton.
+            var data = Object.clone(this.shareButton.retrieve('crop-info'));
+            data[this.token.get('name')] = this.token.get('value');
+            this.request.addEvent('success', function() {
+                console.log('sucesso');
+            }).post(data);
         },
 
         show: function(tab) {

myimgat/apps/wall/static/wall/js/init.js

@@ -14,24 +14,18 @@
             var photo = new Element('img', {
                 events: {
                     load: function(){
-                        var size = this.getSize();
-                        new MooCrop(this, {
-                            initialCrop: {
-                                top: 0,
-                                left: 0,
-                                width: size.x - 2,
-                                height: size.y - 2 
-                            },
+                        var moocrop = new MooCrop(this, {
                             min: {width: 50, height: 50},
                             maskColor: '#ddd',
                             maskOpacity: 0.2,
                             constrainRatio: false,
                             handleColor: '#ccc',
                             cropBorder: 'dashed 1px #000',
-                            onComplete: function(){
-
+                            onComplete: function(a, info){
+                                cropPopin.shareButton.store('crop-info', info);
                             }
                         });
+                        cropPopin.shareButton.store('crop-info', moocrop.getCropInfo());
                     }
                 }
             });

myimgat/apps/wall/templates/wall/popin.html

@@ -14,6 +14,7 @@
         <h2>image title</h2>
         <div class="photo"></div>
         <a class="share-button" href="#">share photo</a>
+        {% csrf_token %}
     </div>
     <div class="share">
     </div>