including urls on the template

Author: fabiomcosta

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

@@ -28,7 +28,7 @@
     margin-bottom: 16px;
 }
 
-.crop-popin .crop .share-crop {
+.crop-popin .crop .share-button {
     display: block;
     font-size: 26px;
     border-top: 2px solid #ab17a4;
@@ -48,11 +48,11 @@
     background: linear-gradient(top, #8f1c93 0%,#541051 100%);
 }
 
-.crop-popin .crop .share-crop:hover {
+.crop-popin .crop .share-button:hover {
     background: #8f1c93;
 }
 
-.crop-popin .crop .share-crop:active {
+.crop-popin .crop .share-button:active {
     border-top: 2px solid #481c46;
     border-bottom: 2px solid #ab17a4;
 }

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

@@ -3,6 +3,24 @@
     var CropPopin = global.CropPopin = new Class({
         Extends: Popin,
 
+        initialize: function(){
+            this.parent.apply(this, arguments);
+            this.bindEvents();
+        },
+
+        bindEvents: function() {
+            this.shareButton = this.element.getElement('.share-button');
+            this.shareButton.addEvent('click', this.share.bind(this));
+        },
+
+        share: function(e) {
+            e.preventDefault();
+            new Request.JSON({
+                url: settings.urls.shorten
+            });
+            //this.shareButton.
+        },
+
         show: function(tab) {
             this.fireEvent('show');
             if (tab) {

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

@@ -51,7 +51,7 @@
             username = global.settings.defaultUsername;
         }
         var request = new Request.JSON({
-            url: '/api/'+ username +'.json'
+            url: settings.urls.userAlbums.substitute({username: username})
         });
     }
 

myimgat/apps/wall/templates/wall/base.html

@@ -46,7 +46,11 @@ <h1>myimg.at</h1>
     {% block js %}
     <script>
         settings = this.settings || {};
-        settings.defaultUsername = "{{ username }}";
+        settings.defaultUsername = '{{ username }}';
+        settings.urls = {
+        shorten: '{% url wall.views.save_cropped_photo %}',
+            userAlbums: '/api/{username}.json'
+        };
     </script>
     <script src="{{ STATIC_URL }}wall/js/mootools-core-1.3.2-compat.js"></script>
     <script src="{{ STATIC_URL }}wall/js/mootools-more-1.3.2.1.js"></script>

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

@@ -13,7 +13,7 @@
     <div class="crop">
         <h2>image title</h2>
         <div class="photo"></div>
-        <a class="share-crop" href="#">share photo</a>
+        <a class="share-button" href="#">share photo</a>
     </div>
     <div class="share">
     </div>