From cea00d7c1672f4ea3e7c87dc9ef785403e4b80bc Mon Sep 17 00:00:00 2001
From: velasquez <andres@mapalesoftware.com>
Date: Sun, 13 Apr 2014 12:48:42 -0500
Subject: [PATCH 1/2] stripe integration

---
 board/templates/board.html   | 45 ++++++++++++++++++++++++++++++++++++
 board/views.py               | 31 +++++++++++++++++++++++--
 requirements.txt             |  1 +
 static/css/home.css          |  2 +-
 static/js/application.js     | 10 ++++++--
 static/js/application.min.js |  4 ++--
 6 files changed, 86 insertions(+), 7 deletions(-)

diff --git a/board/templates/board.html b/board/templates/board.html
index e6e9849..6609829 100644
--- a/board/templates/board.html
+++ b/board/templates/board.html
@@ -60,6 +60,9 @@
         <i id="clear_lines_tool" class="fa fa-trash-o fa-2x"></i>
         <i id="undo-tool" class="fa fa-undo fa-2x"></i>
         <i id="save-tool" class="fa fa-download fa-2x"></i>
+        {% if not user.is_authenticated and not user.get_profile.is_premium %}
+            <i id="premium-tool" class="fa fa-shopping-cart fa-2x"></i>
+        {% endif %}
     </div>
     <div id="dialog" title="Cleaning drawings..." style="display: none;">
         Are you sure about this?
@@ -99,6 +102,48 @@ <h4 class="modal-title">{% trans "Set this boardino as private ..." %}</h4>
             </div><!-- /.modal-content -->
         </div><!-- /.modal-dialog -->
     </div><!-- /.modal -->
+    <div class="modal fade" id="get-premium-modal">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                    <h4 class="modal-title">{% trans "Get Boardino Premium" %}</h4>
+                </div>
+                <div class="modal-body">
+                    <div id="get-prmium-error" class="alert alert-danger" style="display: none">
+                        <span id="get-premium-error-msg">{% trans "Couldn't get premium" %}</span>
+                    </div>
+                    {% if user.is_authenticated and user.get_profile.is_premium %}
+                        <p>{% trans "You are already Premium user" %}</p>
+                    {% else %}
+                        {% if user.is_authenticated %}
+                            <form action="" method="POST">
+                                 {% csrf_token %}
+                                <script
+                                    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
+                                    data-key="pk_test_cClDior095M0UPHu3cTHIwkx"
+                                    data-email="{{ user.email }}"
+                                    data-amount="100"
+                                    data-name="Boardino.com"
+                                    data-description="Boardino Premium ($1.00)"
+                                    data-image="/128x128.png">
+                                </script>
+                            </form>
+                        {% else %}
+                            <p>{% trans "Please register and login before get premium." %}</p>
+                        {% endif %}
+                    {% endif %}
+                </div>
+                <div class="modal-footer">
+                    {% if user.is_authenticated and user.get_profile.is_premium %}
+                        <button type="button" class="btn btn-default" data-dismiss="modal">{% trans "Cancel" %}</button>
+                    {% else %}
+                        <button type="button" class="btn btn-primary" data-dismiss="modal">{% trans "Accept" %}</button>
+                    {% endif %}
+                </div>
+            </div><!-- /.modal-content -->
+        </div><!-- /.modal-dialog -->
+    </div><!-- /.modal -->
     <div class="modal fade" id="set-public-modal">
         <div class="modal-dialog">
             <div class="modal-content">
diff --git a/board/views.py b/board/views.py
index 46b0c87..9ac4625 100644
--- a/board/views.py
+++ b/board/views.py
@@ -16,6 +16,7 @@
 from board.models import Board, PostIt, Line, Text
 from board.serializers import PostitSerializer, LineSerializer, BoardSerializer, UserProfileSerializer, TextSerializer
 from accounts.models import UserProfile
+import stripe
 
 
 # Main Page where you can see the created boards if you're authenticated
@@ -144,7 +145,10 @@ def board(request, board_hash):
     board.last_visit = datetime.now()
     board.save()
 
-    return render_to_response('board.html',{'board': board, 'postits':board.postit_set.all()}, context_instance=RequestContext(request))
+    if 'stripeToken' in request.POST:
+        payment(request)
+
+    return render_to_response('board.html', {'board': board, 'postits':board.postit_set.all()}, context_instance=RequestContext(request))
 
 # Clear all drawed lines of the board
 @csrf_exempt
@@ -188,6 +192,29 @@ def download(request, board_hash):
     response['Content-Disposition'] = 'attachment; filename=boardino_%s.png' % board_hash
     return response
 
+def payment(request):
+    # Set your secret key: remember to change this to your live secret key in production
+    # See your keys here https://manage.stripe.com/account
+    stripe.api_key = "sk_test_Ikylm2T3IkWrhIUVRqj1eV4f"
+
+    # Get the credit card details submitted by the form
+    token = request.POST['stripeToken']
+
+    # Create the charge on Stripe's servers - this will charge the user's card
+    try:
+        charge = stripe.Charge.create(
+            amount=100, # amount in cents, again
+            currency="usd",
+            card=token,
+            description=request.user.email
+        )
+        up = request.user.get_profile()
+        up.is_premium = True
+        up.save()
+    except stripe.CardError, e:
+        # The card has been decline
+        pass
+
 # API
 @api_view(['GET'])
 def api_root(request, format=None):
@@ -276,4 +303,4 @@ def get_object(self):
         if not self.request.user.is_authenticated():
             return None
         profile = get_object_or_404(UserProfile, user=self.request.user)
-        return profile
\ No newline at end of file
+        return profile
diff --git a/requirements.txt b/requirements.txt
index 168af95..0cd7953 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -15,3 +15,4 @@ pyyaml
 django-userena
 mock
 django-simple-captcha
+stripe
diff --git a/static/css/home.css b/static/css/home.css
index d6ac14e..3237797 100644
--- a/static/css/home.css
+++ b/static/css/home.css
@@ -1 +1 @@
-body{background:url(/static/images/back.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-family:"Walter Turncoat",cursive;height:100%;padding-bottom:20px;padding-top:50px}h2{font-size:2.5em;font-family:"Walter Turncoat",cursive;margin-bottom:1em;text-align:center}img{border-radius:0.5em}small{opacity:0.5}#about a,.col-lg-4 a,.col-lg-6 a{color:#111;text-decoration:underline}.col-lg-6 img{opacity:0.8}.container,.jumbotron{height:100%;min-height:100%}.jumbotron{height:100%;min-height:100%;text-align:center}.jumbotron h2{font-size:1.6em}.jumbotron .container,.row{background:rgba(0,0,0,0.1);border-radius:1em;padding:0.8em}.modal-content{padding:1em}.navbar .navbar-brand{font-size:2em}@media only screen and (min-width: 1281px){#about{margin:12em auto}#features{padding-top:12em}.jumbotron{margin:5em auto}}@media only screen and (max-width: 1280px){#about{margin:8em auto}#features{padding-top:10em}.jumbotron{margin:3em auto}}@media only screen and (max-width: 1024px){#about{margin:3em auto}#features{padding-top:3em}.jumbotron{margin:3em auto}}@media only screen and (max-width: 800px){.navbar-form input{width:120px}}@media only screen and (max-width: 600px){#about{margin-top:5em}#features{padding-top:3em}.jumbotron{margin:3em auto}}@media only screen and (max-width: 320px){#about{margin-top:2em}#features{padding-top:1em}#logo img{width:50%}.jumbotron{margin:1em auto}}
+body{background:url(/static/images/back.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-family:"Walter Turncoat",cursive;height:100%;padding-bottom:20px;padding-top:50px}h2{font-size:2.5em;font-family:"Walter Turncoat",cursive;margin-bottom:1em;text-align:center}small{opacity:0.5}#about a{color:#111;text-decoration:underline}.navbar .navbar-brand{font-size:2em}.container,.jumbotron{height:100%;min-height:100%}.jumbotron{height:100%;min-height:100%;text-align:center}.jumbotron h2{font-size:1.6em}.jumbotron .container,.row{background:rgba(0,0,0,0.1);border-radius:1em;padding:0.8em}.modal-content{padding:1em}@media only screen and (min-width: 1281px){#about{margin:12em auto}#features{padding-top:12em}.jumbotron{margin:5em auto}}@media only screen and (max-width: 1280px){#about{margin:8em auto}#features{padding-top:10em}.jumbotron{margin:3em auto}}@media only screen and (max-width: 1024px){#about{margin:3em auto}#features{padding-top:3em}.jumbotron{margin:3em auto}}@media only screen and (max-width: 800px){.navbar-form input{width:120px}}@media only screen and (max-width: 600px){#about{margin-top:5em}#features{padding-top:3em}.jumbotron{margin:3em auto}}@media only screen and (max-width: 320px){#about{margin-top:2em}#features{padding-top:1em}#logo img{width:50%}.jumbotron{margin:1em auto}}
diff --git a/static/js/application.js b/static/js/application.js
index 9218103..c313d20 100644
--- a/static/js/application.js
+++ b/static/js/application.js
@@ -1431,7 +1431,8 @@ define('app/views/main',[
       "click #set-alias-btn": "setBoardAlias",
       "click #zoom_in": "zoomIn",
       "click #zoom_out": "zoomOut",
-      "click #connected_users_btn": "toggleUsers"
+      "click #connected_users_btn": "toggleUsers",
+      "click #premium-tool": "showGetPremiumModal"
     },
     initialize: function(attrs){
       this.boardView = attrs.boardView;
@@ -1439,6 +1440,7 @@ define('app/views/main',[
       this.menu = $("#menu");
       this.menu.menu();
       var _this = this;
+      $("#get-premium-modal").modal({show:false});
       $("#set-private-modal").modal({show:false});
       $("#set-alias-modal").modal({show:false});
         $( "#zoom-slider" ).slider({
@@ -1564,7 +1566,11 @@ define('app/views/main',[
       toggleUsers: function(e){
           e.preventDefault();
           $("#online_users_container").toggle("slow");
-      }
+      },
+      showGetPremiumModal: function(e) {
+        e.preventDefault();
+        $("#get-premium-modal").modal('show');
+    }
   });
   return MainView;
 });
diff --git a/static/js/application.min.js b/static/js/application.min.js
index 87a78c7..549a236 100644
--- a/static/js/application.min.js
+++ b/static/js/application.min.js
@@ -1,2 +1,2 @@
-requirejs.config({baseUrl:"",paths:{vendor:"static/assets/vendor",jquery:"static/assets/vendor/jquery","jquery-ui":"static/assets/vendor/jquery-ui.min",bootstrap:"static/assets/vendor/bootstrap.min",backbone:"static/assets/vendor/backbone-min",underscore:"static/assets/vendor/underscore-min",json2:"static/assets/vendor/json2",paper:"static/assets/vendor/paper",io:"static/assets/vendor/socket.io.min"},shim:{"jquery-ui":{exports:"$",deps:["jquery"]},bootstrap:{exports:"$",deps:["jquery"]},underscore:{exports:"_"},backbone:{deps:["jquery","underscore","json2"],exports:"Backbone"},paper:{exports:"paper"},io:{exports:"io"}}}),define(["jquery","backbone","app"],function(a,b,c){function d(b){var c=null;if(document.cookie&&""!==document.cookie)for(var d=document.cookie.split(";"),e=0;e<d.length;e++){var f=a.trim(d[e]);if(f.substring(0,b.length+1)===b+"="){c=decodeURIComponent(f.substring(b.length+1));break}}return c}return b._sync=b.sync,b.sync=function(a,c,e){if("create"==a||"update"==a||"delete"==a||"post"==a||"get"==a){var f=d("csrftoken");e.beforeSend=function(a){a.setRequestHeader("X-CSRFToken",f)}}return b._sync(a,c,e)},c.initialize(),console.log("jQuery version: ",a.fn.jquery),a(function(){console.log("Backbone: ",b.VERSION)}),{}}),define("app",["jquery","app/views/main","app/views/board","app/views/canvas","app/boardconnection","app/boardmessagehandler","app/toolbar","app/utils","app/models/board","bootstrap"],function(a,b,c,d,e,f,g,h,i){var j=function(){function d(){var a=h.getBoardId(),d=new f;l=new e(a,d),m=new c({boardConnection:l}),d.setBoardView(m);n=new i({id:a}),n.fetch({success:function(){var a=new b({boardView:m,board:n});a.render()}})}function j(){var b=new g;b.addTool(a("#eraser_tool").tool(b,{action:function(){a("#board").css("cursor","url(/static/images/eraser_disabled.ico),default"),m.selectEraserTool()}})),b.addTool(a("#postit_tool").tool(b,{action:function(){a("#board").css("cursor","url(/static/images/postit_disabled.ico),default"),m.selectPostitTool()}})),b.addTool(a("#pencil_black_tool").tool(b,{action:function(){a("#board").css("cursor","url(/static/images/pencil_disabled.ico),default"),m.selectPencilTool("black")}})),b.addTool(a("#pencil_green_tool").tool(b,{action:function(){a("#board").css("cursor","url(/static/images/pencil_green_disabled.ico),default"),m.selectPencilTool("green"),a("#pencil_black_tool").addClass("tool_enabled")}})),b.addTool(a("#pencil_red_tool").tool(b,{action:function(){a("#board").css("cursor","url(/static/images/pencil_red_disabled.ico),default"),m.selectPencilTool("red"),a("#pencil_black_tool").addClass("tool_enabled")}})),b.addTool(a("#pencil_blue_tool").tool(b,{action:function(){a("#board").css("cursor","url(/static/images/pencil_blue_disabled.ico),default"),m.selectPencilTool("blue"),a("#pencil_black_tool").addClass("tool_enabled")}})),b.addTool(a("#clear_lines_tool").tool(b,{action:function(){m.clearLines()},confirmable:!0,exclusive:!1,keep_selected:!1})),b.addTool(a("#rectline_tool").tool(b,{action:function(){a("#board").css("cursor","crosshair"),m.selectRectLineTool("FF000000")}})),b.addTool(a("#text_tool").tool(b,{action:function(){a("#board").css("cursor","crosshair"),m.selectTextTool()}})),b.addTool(a("#undo-tool").tool(b,{action:function(){m.undo()},exclusive:!1,keep_selected:!1})),b.addTool(a("#save-tool").tool(b,{action:function(){k(function(){document.location.href=document.location.href+".png"})},exclusive:!1,keep_selected:!1}))}function k(a){html2canvas(document.getElementById("board"),{background:"#fff",onrendered:function(b){var c=document.createElement("canvas");c.setAttribute("width",300),c.setAttribute("height",150);var d=c.getContext("2d");d.drawImage(b,0,0,b.width,b.height,0,0,300,150);var e=c.toDataURL();n.save({screenshot:e},{success:function(b){a&&a(b)}})}})}var l,m,n;a(document).ready(function(){d(),j();var b=a("#pencil_tools");b.mouseover(function(){a("#pencil_green_tool").fadeIn("fast"),a("#pencil_red_tool").fadeIn("fast"),a("#pencil_blue_tool").fadeIn("fast")}),b.mouseleave(function(){a("#pencil_green_tool").fadeOut("fast"),a("#pencil_red_tool").fadeOut("fast"),a("#pencil_blue_tool").fadeOut("fast")}),a(window).bind("beforeunload",function(){k(),l.disconnect()})})};return{initialize:j}}),define("app/boardconnection",["jquery","io","app/models/userprofile"],function(a,b,c){"use strict";function d(d,e){this.ws=b.connect("http://"+window.ws_host);var f=this;f.user=new c,this.ws.on("connect",function(){f.user.fetch({success:function(b){if(b.get("user"))f.user=b.get("user");else{var c=Math.floor(1e3*Math.random()+1);f.user={id:c,username:"guess"+c}}f.subscribe(d,f.user),f.ws.on("message",function(b){e.handle(a.parseJSON(b))})}})})}return d.prototype.disconnect=function(){this.ws.disconnect()},d.prototype.send=function(a,b){b.channel_id||(b.channel_id=this.board_id,b.user=this.user),this.ws.send(JSON.stringify({type:a,args:b}))},d.prototype.movePostit=function(a,b,c){this.send("move",{obj:"postit",id:a,x:b,y:c})},d.prototype.moveText=function(a,b,c){this.send("move",{obj:"text",id:a,x:b,y:c})},d.prototype.resizePostit=function(a,b,c){this.send("resize",{obj:"postit",id:a,w:b,h:c})},d.prototype.resizeText=function(a,b,c){this.send("resize",{obj:"text",id:a,w:b,h:c})},d.prototype.updatePostitText=function(a,b){this.send("update",{obj:"postit",id:a,text:b})},d.prototype.updateText=function(a,b){this.send("update",{obj:"text",id:a,text:b})},d.prototype.changePostitColor=function(a,b,c){this.send("change_color",{id:a,color:b,back_color:c})},d.prototype.subscribe=function(a,b){this.board_id=a,this.send("register",{user:b})},d.prototype.newPostit=function(a,b,c,d,e,f){this.send("new",{obj:"postit",id:a,x:b,y:c,w:d,h:e,text:f})},d.prototype.newText=function(a,b,c,d,e,f){this.send("new",{obj:"text",id:a,x:b,y:c,w:d,h:e,text:f})},d.prototype.deletePostit=function(a){this.send("delete",{obj:"postit",id:a})},d.prototype.deleteText=function(a){this.send("delete",{obj:"text",id:a})},d.prototype.deleteLine=function(a){this.send("delete",{obj:"line",id:a})},d.prototype.startPath=function(a,b,c,d){this.send("startPath",{id:a,x:b,y:c,color:d})},d.prototype.addPathPoint=function(a,b,c){this.send("addPathPoint",{id:a,x:b,y:c})},d.prototype.finishPath=function(a){this.send("finishPath",{id:a})},d}),define("app/boardmessagehandler",["jquery"],function(a){var b=function(){var b;this.boardView=null;var c=this;this.handlers={startPath:function(a){c.boardView.startPath(a.id,a.x,a.y,a.color)},addPathPoint:function(a){c.boardView.addPathPoint(a.id,a.x,a.y)},finishPath:function(a){c.boardView.finishPath(a.id)},"new":function(a){"postit"===a.obj?c.boardView.showPostit(a.id):"text"===a.obj&&c.boardView.showText(a.id)},update:function(a){"postit"===a.obj?c.boardView.updatePostitText(a.id,a.text):"text"===a.obj&&c.boardView.updateText(a.id,a.text)},move:function(a){"postit"===a.obj?c.boardView.movePostit(a.id,a.x,a.y):"text"===a.obj&&c.boardView.moveText(a.id,a.x,a.y)},resize:function(a){"postit"===a.obj?c.boardView.resizePostit(a.id,a.w,a.h):"text"===a.obj&&c.boardView.resizeText(a.id,a.w,a.h)},"delete":function(a){"postit"===a.obj?c.boardView.deletePostit(a.id):"line"===a.obj?c.boardView.onDeletedLine(a.id):"text"===a.obj&&c.boardView.deleteText(a.id)},change_color:function(a){c.boardView.changePostitColor(a.id,a.back_color)},info:function(c){b=c.connected_users+1,a("#connected_users").text(b);for(var d in c.users){var e=c.users[d];a("#online_users").append("guess"===e.username.substring(0,5)?'<a href="#" id="user_'+e.username+"_"+e.id+'">'+e.username+"</a><br/>":'<a href="/accounts/'+e.username+'" id="user_'+e.username+"_"+e.id+'" target="_blank">'+e.username+"</a><br/>")}},register:function(c){b++,a("#connected_users").text(b),a("<div/>").addClass("user_connected").appendTo(a("#notifications")).text(c.user.username+" has joined!").show("slow").hide(4e3,function(){a(this).remove()}),a("#online_users").append("guess"===c.user.username.substring(0,5)?'<a href="#" id="user_'+c.user.username+"_"+c.user.id+'">'+c.user.username+"</a><br/>":'<a href="/accounts/'+c.user.username+'" id="user_'+c.user.username+"_"+c.user.id+'" target="_blank">'+c.user.username+"</a><br/>")},disconnect:function(c){b--,a("#connected_users").text(b),a("<div/>").addClass("user_disconnected").appendTo(a("#notifications")).text(c.username+" has left!").show("slow").hide(4e3,function(){a(this).remove()}),a("#user_"+c.username+"_"+c.id).hide(2e3,function(){a(this).next().remove(),a(this).remove()})}}};return b.prototype.handle=function(a){var b=a.type;this.handlers[b]&&this.handlers[b](a.args)},b.prototype.setBoardView=function(a){this.boardView=a},b}),define("app/collections/lines",["backbone","app/models/line","app/utils"],function(a,b,c){var d=c.getBoardId(),e=a.Collection.extend({model:b,url:"api/boards/"+d+"/lines/"});return e}),define("app/collections/postits",["backbone","app/models/postit","app/utils"],function(a,b,c){var d=c.getBoardId(),e=a.Collection.extend({model:b,url:"api/boards/"+d+"/postits/"});return e}),define("app/collections/texts",["backbone","app/models/text","app/utils"],function(a,b,c){var d=c.getBoardId(),e=a.Collection.extend({model:b,url:"api/boards/"+d+"/texts/"});return e}),define("app/history",["app/models/postit","app/models/text","app/models/line"],function(a,b,c){var d=function(a){this.boardView=a,this.size=10,this.stacker=new Array(this.size),this.pointer=0};return d.prototype.push=function(a){return this.stacker[this.pointer]=a,this.pointer++,!0},d.prototype.pop=function(){return this.isEmpty!==!0?(this.pointer--,this.stacker[this.pointer]):!1},d.prototype.isEmpty=function(){return 0===this.pointer},d.prototype.isFull=function(){return this.pointer===this.size},d.prototype.add=function(a,b){this.push({action:a,data:b})},d.prototype.undo=function(){var d=this.pop();if(d)switch(d.action){case"removed_postit":var e=new a({x:d.data.get("x"),y:d.data.get("y"),width:d.data.get("width"),height:d.data.get("height"),back_color:d.data.get("back_color"),text:d.data.get("text")});this.boardView.addPostit(e);break;case"removed_text":var f=new b({text:d.data.get("text"),x:d.data.get("x"),y:d.data.get("y"),width:d.data.get("width"),height:d.data.get("height")});this.boardView.addText(f);break;case"added_line":var g=d.data;this.boardView.deleteLine(g);break;case"deleted_line":var h=d.data,i=new c({path:h.get("path"),color_l:h.get("color_l"),stroke_w:h.get("stroke_w")});i.type=h.type,this.boardView.canvas.drawLine(i);var j=this;this.boardView.canvas.saveLine(i,{x:1,y:1},function(){j.boardView.boardConnection.finishPath(i.get("id"))});break;case"added_postit":var k=d.data;k.destroy();break;case"changed_postit_color":var l=d.data.postit,m=d.data.prevColor,n=this;l.save({back_color:m},{success:function(){n.boardView.boardConnection.changePostitColor(l.get("id"),m,m)}})}},d}),define("app/models/board",["backbone"],function(a){var b=a.Model.extend({urlRoot:"api/boards/"});return b}),define("app/models/line",["backbone","app/utils"],function(a,b){var c=b.getBoardId(),d=a.Model.extend({urlRoot:"api/boards/"+c+"/lines/",initialize:function(){this.zoom=1},setZoom:function(a){this.zoom=a,this.trigger("change:zoom")}});return d}),define("app/models/postit",["backbone","app/utils"],function(a,b){var c=b.getBoardId(),d=a.Model.extend({urlRoot:"api/boards/"+c+"/postits/",initialize:function(){this.zoom=1},setZoom:function(a){this.zoom=a,this.trigger("change:zoom")}});return d}),define("app/models/text",["backbone","app/utils"],function(a,b){var c=b.getBoardId(),d=a.Model.extend({urlRoot:"api/boards/"+c+"/texts/",initialize:function(){this.zoom=1},setZoom:function(a){this.zoom=a,this.trigger("change:zoom")}});return d}),define("app/models/userprofile",["backbone"],function(a){var b=a.Model.extend({urlRoot:"api/profile/"});return b}),define("app/toolbar",["jquery"],function(){var a=function(){this.tools=[]};return a.prototype.addTool=function(a){this.tools.push(a)},function(a){a.fn.tool=function(b,c){var d=a.extend({element:this,exclusive:!0,keep_selected:!0},c);return this.click(function(){d.exclusive&&a.each(b.tools,function(a,b){b.element.removeClass("tool_enabled")}),d.keep_selected&&a(this).addClass("tool_enabled"),d.confirmable?a("#dialog").dialog({buttons:{Confirm:function(){a(this).dialog("close"),d.action()},Cancel:function(){a(this).dialog("close")}}}):d.action()}),d}}(jQuery),a}),define("app/utils",["backbone","app/models/userprofile"],function(){function a(){var a=window.location.pathname.replace(/^\/([^\/]*).*$/,"$1");return a?a:""}return{getBoardId:a}}),define("app/views/board",["jquery","backbone","app/history","app/views/postit","app/views/canvas","app/views/text","app/models/board","app/models/postit","app/models/text","app/collections/postits","app/collections/texts"],function(a,b,c,d,e,f,g,h,i,j,k){var l=b.View.extend({el:a("#board"),events:{"mousedown #board-canvas":"mousedown",mousemove:"mouseMove",mouseup:"mouseUp"},initialize:function(b){this.history=new c(this),this.boardConnection=b.boardConnection,this.zoom=1,this.tool="postits",this.canvas=new e({boardConnection:this.boardConnection,zoom:this.zoom,history:this.history}),this.canvas.render(),this.postits=new j,this.postits.bind("add",this.addOne,this),this.postits.bind("reset",this.addAll,this),this.postits.bind("all",this.render,this),this.postits.fetch(),this.texts=new k,this.texts.bind("add",this.addOneText,this),this.texts.bind("reset",this.addAllTexts,this),this.texts.bind("all",this.render,this),this.texts.fetch(),a("#connected_users_btn").popover({container:"#online_users"})},mousedown:function(a){"drawing"===this.tool&&this.canvas.startLine(a.pageX,a.pageY,"free"),"rectDrawing"===this.tool&&this.canvas.startLine(a.pageX,a.pageY,"rect"),"eraser"===this.tool&&this.canvas.tryToErase(a.pageX,a.pageY);var b=this;if("postits"===this.tool){var c=new h({x:Math.round(a.pageX/b.zoom),y:Math.round(a.pageY/b.zoom),width:120,height:120,text:""});this.addPostit(c,function(a){b.history.add("added_postit",a)})}if("text"===this.tool){var d=new i({text:"",x:Math.round(a.pageX/b.zoom),y:Math.round(a.pageY/b.zoom),width:150,height:50});this.addText(d)}return!1},mouseMove:function(a){("drawing"===this.tool||"rectDrawing"===this.tool)&&this.canvas.mouseMove(a)},mouseUp:function(a){("drawing"===this.tool||"rectDrawing"===this.tool)&&this.canvas.finishLine(a)},showPostit:function(a){var b=new h({id:a});b.fetch(),b.setZoom(this.zoom),this.postits.add(b)},showText:function(a){var b=this,c=new i({id:a});c.setZoom(this.zoom),c.fetch({success:function(){b.texts.add(c)}})},addAll:function(){this.postits.each(this.addOne,this)},addAllTexts:function(){this.texts.each(this.addOneText,this)},addPostit:function(a,b){var c=this;a.setZoom(this.zoom),this.postits.add(a),a.save(null,{success:function(d){c.boardConnection.newPostit(d.get("id"),a.get("x"),a.get("y"),a.get("width"),a.get("height"),a.get("text")),b&&b(d)}}),a.trigger("focus")},addOne:function(b){var c=new d({model:b,boardConnection:this.boardConnection,zoom:this.zoom,history:this.history});a("#board").append(c.render().el)},addText:function(b){var c=this;b.setZoom(this.zoom),this.texts.add(b);var d=new f({model:b,boardConnection:this.boardConnection,zoom:c.zoom,history:this.history});a("#board").append(d.render().el),b.save(null,{success:function(a){c.boardConnection.newText(a.get("id"),b.get("x"),b.get("y"),b.get("width"),b.get("height"),b.get("text"))}})},addOneText:function(b){var c=new f({model:b,boardConnection:this.boardConnection,zoom:this.zoom,history:this.history});a("#board").append(c.render().el)},movePostit:function(a,b,c){this.postits.get(a).set({x:b,y:c})},moveText:function(a,b,c){this.texts.get(a).set({x:b,y:c})},resizePostit:function(a,b,c){this.postits.get(a).set({width:b,height:c})},resizeText:function(a,b,c){this.texts.get(a).set({width:b,height:c})},changePostitColor:function(a,b){this.postits.get(a).set("back_color",b)},deletePostit:function(a){this.postits.remove(a)},deleteText:function(a){this.texts.remove(a)},updatePostitText:function(a,b){this.postits.get(a).set("text",b)},updateText:function(a,b){this.texts.get(a).set("text",b)},startPath:function(a,b,c,d){this.canvas.startPath(a,b,c,d)},addPathPoint:function(a,b,c){this.canvas.addPathPoint(a,b,c)},finishPath:function(a){this.canvas.finishPath(a)},selectPostitTool:function(){this.tool="postits"},selectPencilTool:function(a){this.tool="drawing",this.canvas.setStrokeColor(a)},selectRectLineTool:function(){this.tool="rectDrawing",this.canvas.setStrokeColor("black")},selectEraserTool:function(){this.tool="eraser"},selectTextTool:function(){this.tool="text"},clearLines:function(){this.canvas.clearLines()},deleteLine:function(a){this.canvas.deleteLine(a)},onDeletedLine:function(a){this.canvas.onDeletedLine(a)},zoomIn:function(a){return a.preventDefault(),this.zoom<2&&this.setZoom(this.zoom+.1),this.zoom},zoomOut:function(a){return a.preventDefault(),this.zoom>.25&&this.setZoom(this.zoom-.1),this.zoom},setZoom:function(b){this.zoom=b,this.postits.each(function(a){a.setZoom(b)}),this.texts.each(function(a){a.setZoom(b)}),this.canvas.setZoom(this.zoom),a("#zoom_value").text(Math.round(100*b)+"%"),this.render()},render:function(){a("#board").css("height",1500*this.zoom).css("width",3e3*this.zoom),a("#board-canvas").css("height",1500*this.zoom).css("width",3e3*this.zoom).height(1500*this.zoom).width(3e3*this.zoom)},undo:function(){this.history.undo()}});return l}),define("app/views/canvas",["jquery","backbone","underscore","paper","app/models/line","app/collections/lines"],function(a,b,c,d,e,f){var g=b.View.extend({el:a("#board-canvas"),lines:new f,initialize:function(a){this.boardConnection=a.boardConnection,this.zoom=a.zoom,this.history=a.history,this.strokeColor="black";var b=this,e=this.el;d.setup(e),d.view.viewSize=new d.Size(3e3*this.zoom,1500*this.zoom),d.view.draw(),this.lines.fetch({success:function(a){c.each(a.models,function(a){b.drawLine(a)})}})},render:function(){d.view.draw()},startLine:function(a,b,c){var f=new e;f.set("color_l",this.strokeColor),f.type=c;var g=new d.Path;g.model=f,g.strokeColor=f.get("color_l");var h=new d.Point(a,b);g.add(h),f.path=g,this.shadowPath=new d.Path,this.shadowPath.strokeColor=this.strokeColor,this.shadowPath.dashArray=[10,12],this.shadowPath.add(h);var i=this;this.saveLine(f,h,function(a){i.line=a})},saveLine:function(a,b,c){var e=this;a.save({stroke_w:1,path:this.serialize(a.path)},{success:function(a){e.lines.add(a),d.view.draw(),e.boardConnection.startPath(a.get("id"),b.x/e.zoom,b.y/e.zoom,a.get("color_l")),c&&c(a)}})},mouseMove:function(a){var b=this;setTimeout(function(){b.line&&1===a.which&&("free"===b.line.type?(b.line.path.add(new d.Point(a.pageX,a.pageY)),b.boardConnection.addPathPoint(b.line.get("id"),a.pageX/b.zoom,a.pageY/b.zoom)):(b.shadowPath.removeSegment(1),b.shadowPath.add(new d.Point(a.pageX,a.pageY)))),d.view.draw()},0)},finishLine:function(a){if(this.line){"rect"===this.line.type?(this.shadowPath.remove(),this.line.path.add(new d.Point(a.pageX,a.pageY)),this.boardConnection.addPathPoint(this.line.get("id"),a.pageX/this.zoom,a.pageY/this.zoom)):this.line.path.simplify(10),d.view.draw(),this.boardConnection.finishPath(this.line.get("id"));var b=this;this.line.save({path:this.serialize(this.line.path)},{success:function(a){b.history.add("added_line",a)}}),this.lines.add(this.line),this.line=null}},serialize:function(b){var c=[],d=this;return a.each(b.getSegments(),function(a,b){var e={point:{x:b.getPoint().x/d.zoom,y:b.getPoint().y/d.zoom},handleIn:{x:b.getHandleIn().x/d.zoom,y:b.getHandleIn().y/d.zoom},handleOut:{x:b.getHandleOut().x/d.zoom,y:b.getHandleOut().y/d.zoom}};c.push(e)}),JSON.stringify(c)},drawLine:function(a){a.get("path")&&(a.path=this.drawLinePath(a),a.path.model=a),d.view.draw()},drawLinePath:function(b){var c=this,e=new d.Path;return e.strokeColor=b.get("color_l"),a.each(a.parseJSON(b.get("path")),function(a,b){b.point.x=b.point.x*c.zoom,b.point.y=b.point.y*c.zoom,b.handleIn.x=b.handleIn.x*c.zoom,b.handleOut.y=b.handleOut.y*c.zoom,e.add(new d.Segment(b.point,b.handleIn,b._handleOut))}),e},startPath:function(a,b,c){var f=new e({id:a}),g=new d.Path;g.add(new d.Point(b*this.zoom,c*this.zoom)),f.path=g,f.path.model=f,f.fetch({success:function(a){g.strokeColor=a.get("color_l")}}),this.lines.add(f)},addPathPoint:function(a,b,c){this.lines.get(a).path.add(new d.Point(b*this.zoom,c*this.zoom)),d.view.draw()},finishPath:function(a){var b=this;this.lines.get(a).path.simplify(10),this.lines.get(a).fetch({success:function(a){a.path.remove(),a.path=b.drawLinePath(a),a.path.model=a,d.view.draw()}})},setStrokeColor:function(a){this.strokeColor=a},clearLines:function(){var a=this;c.chain(this.lines.models).clone().each(function(b){b.path&&b.path.remove(),b.destroy(),a.boardConnection.deleteLine(b.get("id"))}),d.view.draw()},tryToErase:function(a,b){var c={segments:!0,stroke:!0,fill:!0,tolerance:5},e=d.project.hitTest(new d.Point(a,b),c);e&&(this.deleteLine(e.item.model),this.history.add("deleted_line",e.item.model))},deleteLine:function(a){a.path.remove(),this.boardConnection.deleteLine(a.get("id")),a.destroy(),d.view.draw()},onDeletedLine:function(a){var b=this.lines.get(a);b&&b.path&&(b.path.remove(),d.view.draw())},setZoom:function(b){var e=this;this.zoom=b,c.each(this.lines.models,function(b){if(b.path){var c=b.path.getSegments();b.get("path")&&a.each(a.parseJSON(b.get("path")),function(a,b){var d=c[a];if(d){var f=d.getPoint(),g=d.getHandleIn(),h=d.getHandleOut();f.x=b.point.x*e.zoom,f.y=b.point.y*e.zoom,g.x=b.handleIn.x*e.zoom,g.y=b.handleIn.y*e.zoom,h.x=b.handleOut.x*e.zoom,h.y=b.handleOut.y*e.zoom}})}}),d.view.viewSize=new d.Size(3e3*this.zoom,1500*this.zoom),d.view.draw()}});return g}),define("app/views/main",["jquery","backbone","app/views/postit","app/views/canvas","app/models/board","app/models/postit","app/collections/postits"],function(a,b){var c=b.View.extend({el:a("body"),events:{"mouseover #menu_tool":"showMenu","mouseleave #menu_tool":"leaveMenuTool","mouseleave #menu":"leaveMenu","mouseenter #menu":"enteredMenu","click #set-private":"showSetPrivateModal","click #set-public":"showSetPublicModal","click #set-alias":"showSetAliasModal","click #set-private-btn":"setPrivate","click #set-public-btn":"setPublic","click #set-alias-btn":"setBoardAlias","click #zoom_in":"zoomIn","click #zoom_out":"zoomOut","click #connected_users_btn":"toggleUsers"},initialize:function(b){this.boardView=b.boardView,this.board=b.board,this.menu=a("#menu"),this.menu.menu();var c=this;a("#set-private-modal").modal({show:!1}),a("#set-alias-modal").modal({show:!1}),a("#zoom-slider").slider({orientation:"vertical",min:.2,max:2,value:1,step:.1,slide:function(a,b){c.boardView.setZoom(b.value)}})},render:function(){this.boardView.render()},showMenu:function(){clearTimeout(this.menu.data("timeoutId")),this.menu.show()},leaveMenu:function(){this.menu.fadeOut("fast")},enteredMenu:function(){clearTimeout(this.menu.data("timeoutId"))},leaveMenuTool:function(){var a=this.menu,b=setTimeout(function(){a.fadeOut("fast")},200);this.menu.data("timeoutId",b)},showSetPrivateModal:function(b){b.preventDefault(),a("#set-private-modal").modal("show")},showSetPublicModal:function(b){b.preventDefault(),a("#set-public-modal").modal("show")},showSetAliasModal:function(b){b.preventDefault(),a("board-alias").val(this.board.get("hash")),a("#set-alias-modal").modal("show")},setPrivate:function(b){b.preventDefault(),a("#set-private-btn").attr("disabled","disabled"),this.board.save({is_private:!0},{success:function(b){console.log(b),a("#set-private-error-msg").hide(),a("#set-private-modal").modal("hide"),a("#set-private-btn").removeAttr("disabled"),a("#set-private").hide(),a("#set-public").show()},error:function(){a("#set-private-error-msg").show()}})},setPublic:function(b){b.preventDefault(),a("#set-public-btn").attr("disabled","disabled"),this.board.save({is_private:!1},{success:function(){a("#set-public-error-msg").hide(),a("#set-public-modal").modal("hide"),a("#set-public-btn").removeAttr("disabled"),a("#set-private").show(),a("#set-public").hide()},error:function(){a("#set-public-error-msg").show()}})},setBoardAlias:function(b){b.preventDefault(),a("#set-alias-btn").attr("disabled","disabled");var c=a("#board-alias").val();/[^a-zA-Z0-9]/.test(c)?(a("#set-alias-error").fadeOut().fadeIn(),a("#set-alias-btn").removeAttr("disabled")):(this.board.set("hash",c),this.board.save({},{success:function(){a("#set-alias-modal").modal("hide"),a("#set-alias-btn").removeAttr("disabled"),a("set-alias-error").hide(),window.location.href="/"+c},error:function(b,c){var d=a.parseJSON(c.responseText);a("#set-alias-error-msg").html(d.hash?d.hash[0]:"There was an unknown error. Try again."),a("#set-alias-btn").removeAttr("disabled"),a("#set-alias-error").fadeOut().fadeIn()}}))},zoomIn:function(b){var c=this.boardView.zoomIn(b);a("#zoom-slider").slider("value",c)},zoomOut:function(b){var c=this.boardView.zoomOut(b);a("#zoom-slider").slider("value",c)},toggleUsers:function(b){b.preventDefault(),a("#online_users_container").toggle("slow")}});return c}),define("app/views/postit",["jquery-ui","backbone"],function(a,b){var c=b.View.extend({tagName:"div",events:{mouseover:"showToolbar",mouseout:"hideToolbar","click .postit_close_image":"deletePostit","mouseover .postit_color_image":"showColors","keyup .postit_input":"updateText"},initialize:function(b){this.boardConnection=b.boardConnection,this.zoom=b.zoom,this.history=b.history,this.model.bind("change",this.render,this),this.model.bind("destroy",this.doRemove,this),this.model.bind("remove",this.doRemove,this),this.model.bind("focus",this.focus,this),this.model.bind("change:zoom",this.render,this);var c=this;this.$el.attr("id","postit"+this.model.id).addClass("postit").css("position","absolute").css("top",this.model.get("y")+"px").css("left",this.model.get("x")+"px").css("width",this.model.get("width")+"px").css("height",this.model.get("height")+"px").css("padding","22px 2px 2px 2px").css("background-color",this.model.get("back_color")).draggable({stack:".postit",cursor:"move",containment:"parent",drag:function(){var b=a(this).position();c.boardConnection.movePostit(c.model.get("id"),b.left/c.model.zoom,b.top/c.model.zoom)},stop:function(){var b=a(this).position();c.model.save({x:Math.round(b.left/c.model.zoom),y:Math.round(b.top/c.model.zoom)})}}).resizable({resize:function(){var b=a(this).width(),d=a(this).height();c.boardConnection.resizePostit(c.model.get("id"),b/c.model.zoom,d/c.model.zoom)},stop:function(a,b){var d=b.size.width,e=b.size.height;c.model.save({width:Math.round(d/c.model.zoom),height:Math.round(e/c.model.zoom)})}}),this.createPostitCloseElement().appendTo(this.$el),this.createPostitColorTool().appendTo(this.$el),this.createPostitTextArea().appendTo(this.$el),this.createChangePostitColorTool().appendTo(this.$el),this.input=this.$(".postit_input"),this.$el.fadeIn("fast")},focus:function(){this.input.focus()},render:function(){return this.$el.css("top",this.model.get("y")*this.model.zoom+"px").css("left",this.model.get("x")*this.model.zoom+"px").css("width",this.model.get("width")*this.model.zoom+"px").css("height",this.model.get("height")*this.model.zoom+"px").css("background-color",this.model.get("back_color")),this.input.css("background-color",this.model.get("back_color")).css("font-size",12*this.model.zoom+"px"),this.input.val(this.model.get("text")),this},createPostitCloseElement:function(){return a("<img/>").addClass("postit_close_image").attr("src","/static/images/close.png")},deletePostit:function(){this.model.destroy(),this.history.add("removed_postit",this.model)},createPostitTextArea:function(){var b=a("<textarea/>").addClass("postit_input").css("background-color",this.model.get("back_color"));return b.val(this.model.get("text")),b},updateText:function(){var a=this.input.val();this.model.save({text:a},{silent:!0}),this.boardConnection.updatePostitText(this.model.get("id"),a)},createPostitColorTool:function(){var b=a("<img/>").addClass("postit_color_image").attr("src","/static/images/colors.png");return b},showColors:function(){this.$el.find(".postit_color_tool").show()},createChangePostitColorTool:function(){var b=a("<div />").addClass("postit_color_tool");return b.mouseleave(function(){b.fadeOut("fast")}),this.createColorSelectionElement("#FFFF33","left").appendTo(b),this.createColorSelectionElement("#FF69B4","right").appendTo(b),this.createColorSelectionElement("#ADFF2F","left").appendTo(b),this.createColorSelectionElement("gold","right").appendTo(b),b.hide()},createColorSelectionElement:function(b,c){var d=this;return a("<div class='postit_color'/>").css("background-color",b).css("float",c).click(function(){var a=d.model.get("back_color");d.changePostitColor(b,function(){d.history.add("changed_postit_color",{postit:d.model,prevColor:a})})})},changePostitColor:function(a,b){this.model.save({back_color:a},{success:function(a){b&&b(a)}}),this.boardConnection.changePostitColor(this.model.get("id"),a,a)},showToolbar:function(){this.$el.find(".postit_close_image").show(),this.$el.find(".postit_color_image").show(),this.$el.css("padding-top","2px"),this.$el.css("padding-bottom","20px")},hideToolbar:function(){this.$el.find(".postit_close_image").hide(),this.$el.find(".postit_color_image").hide(),this.$el.css("padding-top","22px"),this.$el.css("padding-bottom","2px")},doRemove:function(){this.$el.fadeOut("fast",function(){this.remove()}),this.boardConnection.deletePostit(this.model.get("id"))}});return c}),define("app/views/text",["jquery-ui","backbone"],function(a,b){var c=b.View.extend({tagName:"div",events:{mouseover:"showToolbar",mouseout:"hideToolbar","click .postit_close_image":"deleteText","keyup .text_input":"updateText"},initialize:function(b){this.boardConnection=b.boardConnection,this.zoom=b.zoom,this.history=b.history,this.model.bind("change",this.render,this),this.model.bind("remove",this.remove,this),this.model.bind("change:zoom",this.render,this);var c=this;this.$el.attr("id","text"+this.model.id).addClass("text"),this.$el.css("top",this.model.get("y")+"px").css("position","absolute").css("left",this.model.get("x")+"px").css("padding","22px 2px 2px 2px").css("width",this.model.get("width")+"px").css("height",this.model.get("height")+"px"),this.$el.draggable({cursor:"move",containment:"parent",drag:function(){var b=a(this).position();c.boardConnection.moveText(c.model.get("id"),b.left/c.model.zoom,b.top/c.model.zoom)},stop:function(){var b=a(this).position();c.model.save({x:Math.round(b.left/c.model.zoom),y:Math.round(b.top/c.model.zoom)})}}).resizable({autoHide:!0,resize:function(){var b=a(this).width(),d=a(this).height();c.boardConnection.resizeText(c.model.get("id"),b/c.model.zoom,d/c.model.zoom)},stop:function(a,b){var d=b.size.width,e=b.size.height;c.model.save({width:Math.round(d/c.model.zoom),height:Math.round(e/c.model.zoom)})}}),this.createCloseElement().appendTo(this.$el),this.createTextArea().appendTo(this.$el),this.input=this.$(".text_input")},render:function(){return this.$el.css("top",this.model.get("y")*this.model.zoom+"px").css("left",this.model.get("x")*this.model.zoom+"px").css("width",this.model.get("width")*this.model.zoom+"px").css("height",this.model.get("height")*this.model.zoom+"px"),this.input.val(this.model.get("text")).css("font-size",12*this.model.zoom+"px"),this},createCloseElement:function(){return a("<img/>").addClass("postit_close_image").attr("src","/static/images/close.png")},createTextArea:function(){var b=a("<textarea/>").addClass("text_input");return b.val(this.model.get("text")),b.attr("placeholder","Write your text"),b},showToolbar:function(){this.$el.find(".postit_close_image").show(),this.$el.css("padding-top","2px"),this.$el.css("padding-bottom","20px")},hideToolbar:function(){this.$el.find(".postit_close_image").hide(),this.$el.css("padding-top","22px"),this.$el.css("padding-bottom","2px")},updateText:function(){var a=this.input.val(),b=this;this.model.save({text:a},{silent:!0,success:function(){b.boardConnection.updateText(b.model.get("id"),a)}})},deleteText:function(){this.remove(),this.history.add("removed_text",this.model),this.model.destroy(),this.boardConnection.deleteText(this.model.get("id"))
-}});return c});
\ No newline at end of file
+requirejs.config({baseUrl:"",paths:{vendor:"static/assets/vendor",jquery:"static/assets/vendor/jquery","jquery-ui":"static/assets/vendor/jquery-ui.min",bootstrap:"static/assets/vendor/bootstrap.min",backbone:"static/assets/vendor/backbone-min",underscore:"static/assets/vendor/underscore-min",json2:"static/assets/vendor/json2",paper:"static/assets/vendor/paper",io:"static/assets/vendor/socket.io.min"},shim:{"jquery-ui":{exports:"$",deps:["jquery"]},bootstrap:{exports:"$",deps:["jquery"]},underscore:{exports:"_"},backbone:{deps:["jquery","underscore","json2"],exports:"Backbone"},paper:{exports:"paper"},io:{exports:"io"}}}),define(["jquery","backbone","app"],function(a,b,c){function d(b){var c=null;if(document.cookie&&""!==document.cookie)for(var d=document.cookie.split(";"),e=0;e<d.length;e++){var f=a.trim(d[e]);if(f.substring(0,b.length+1)===b+"="){c=decodeURIComponent(f.substring(b.length+1));break}}return c}return b._sync=b.sync,b.sync=function(a,c,e){if("create"==a||"update"==a||"delete"==a||"post"==a||"get"==a){var f=d("csrftoken");e.beforeSend=function(a){a.setRequestHeader("X-CSRFToken",f)}}return b._sync(a,c,e)},c.initialize(),console.log("jQuery version: ",a.fn.jquery),a(function(){console.log("Backbone: ",b.VERSION)}),{}}),define("app",["jquery","app/views/main","app/views/board","app/views/canvas","app/boardconnection","app/boardmessagehandler","app/toolbar","app/utils","app/models/board","bootstrap"],function(a,b,c,d,e,f,g,h,i){var j=function(){function d(){var a=h.getBoardId(),d=new f;l=new e(a,d),m=new c({boardConnection:l}),d.setBoardView(m),n=new i({id:a}),n.fetch({success:function(){var a=new b({boardView:m,board:n});a.render()}})}function j(){var b=new g;b.addTool(a("#eraser_tool").tool(b,{action:function(){a("#board").css("cursor","url(/static/images/eraser_disabled.ico),default"),m.selectEraserTool()}})),b.addTool(a("#postit_tool").tool(b,{action:function(){a("#board").css("cursor","url(/static/images/postit_disabled.ico),default"),m.selectPostitTool()}})),b.addTool(a("#pencil_black_tool").tool(b,{action:function(){a("#board").css("cursor","url(/static/images/pencil_disabled.ico),default"),m.selectPencilTool("black")}})),b.addTool(a("#pencil_green_tool").tool(b,{action:function(){a("#board").css("cursor","url(/static/images/pencil_green_disabled.ico),default"),m.selectPencilTool("green"),a("#pencil_black_tool").addClass("tool_enabled")}})),b.addTool(a("#pencil_red_tool").tool(b,{action:function(){a("#board").css("cursor","url(/static/images/pencil_red_disabled.ico),default"),m.selectPencilTool("red"),a("#pencil_black_tool").addClass("tool_enabled")}})),b.addTool(a("#pencil_blue_tool").tool(b,{action:function(){a("#board").css("cursor","url(/static/images/pencil_blue_disabled.ico),default"),m.selectPencilTool("blue"),a("#pencil_black_tool").addClass("tool_enabled")}})),b.addTool(a("#clear_lines_tool").tool(b,{action:function(){m.clearLines()},confirmable:!0,exclusive:!1,keep_selected:!1})),b.addTool(a("#rectline_tool").tool(b,{action:function(){a("#board").css("cursor","crosshair"),m.selectRectLineTool("FF000000")}})),b.addTool(a("#text_tool").tool(b,{action:function(){a("#board").css("cursor","crosshair"),m.selectTextTool()}})),b.addTool(a("#undo-tool").tool(b,{action:function(){m.undo()},exclusive:!1,keep_selected:!1})),b.addTool(a("#save-tool").tool(b,{action:function(){k(function(){document.location.href=document.location.href+".png"})},exclusive:!1,keep_selected:!1}))}function k(a){html2canvas(document.getElementById("board"),{background:"#fff",onrendered:function(b){var c=document.createElement("canvas");c.setAttribute("width",300),c.setAttribute("height",150);var d=c.getContext("2d");d.drawImage(b,0,0,b.width,b.height,0,0,300,150);var e=c.toDataURL();n.save({screenshot:e},{success:function(b){a&&a(b)}})}})}var l,m,n;a(document).ready(function(){d(),j();var b=a("#pencil_tools");b.mouseover(function(){a("#pencil_green_tool").fadeIn("fast"),a("#pencil_red_tool").fadeIn("fast"),a("#pencil_blue_tool").fadeIn("fast")}),b.mouseleave(function(){a("#pencil_green_tool").fadeOut("fast"),a("#pencil_red_tool").fadeOut("fast"),a("#pencil_blue_tool").fadeOut("fast")}),a(window).bind("beforeunload",function(){k(),l.disconnect()})})};return{initialize:j}}),define("app/boardconnection",["jquery","io","app/models/userprofile"],function(a,b,c){"use strict";function d(d,e){this.ws=b.connect("http://"+window.ws_host);var f=this;f.user=new c,this.ws.on("connect",function(){f.user.fetch({success:function(b){if(b.get("user"))f.user=b.get("user");else{var c=Math.floor(1e3*Math.random()+1);f.user={id:c,username:"guess"+c}}f.subscribe(d,f.user),f.ws.on("message",function(b){e.handle(a.parseJSON(b))})}})})}return d.prototype.disconnect=function(){this.ws.disconnect()},d.prototype.send=function(a,b){b.channel_id||(b.channel_id=this.board_id,b.user=this.user),this.ws.send(JSON.stringify({type:a,args:b}))},d.prototype.movePostit=function(a,b,c){this.send("move",{obj:"postit",id:a,x:b,y:c})},d.prototype.moveText=function(a,b,c){this.send("move",{obj:"text",id:a,x:b,y:c})},d.prototype.resizePostit=function(a,b,c){this.send("resize",{obj:"postit",id:a,w:b,h:c})},d.prototype.resizeText=function(a,b,c){this.send("resize",{obj:"text",id:a,w:b,h:c})},d.prototype.updatePostitText=function(a,b){this.send("update",{obj:"postit",id:a,text:b})},d.prototype.updateText=function(a,b){this.send("update",{obj:"text",id:a,text:b})},d.prototype.changePostitColor=function(a,b,c){this.send("change_color",{id:a,color:b,back_color:c})},d.prototype.subscribe=function(a,b){this.board_id=a,this.send("register",{user:b})},d.prototype.newPostit=function(a,b,c,d,e,f){this.send("new",{obj:"postit",id:a,x:b,y:c,w:d,h:e,text:f})},d.prototype.newText=function(a,b,c,d,e,f){this.send("new",{obj:"text",id:a,x:b,y:c,w:d,h:e,text:f})},d.prototype.deletePostit=function(a){this.send("delete",{obj:"postit",id:a})},d.prototype.deleteText=function(a){this.send("delete",{obj:"text",id:a})},d.prototype.deleteLine=function(a){this.send("delete",{obj:"line",id:a})},d.prototype.startPath=function(a,b,c,d){this.send("startPath",{id:a,x:b,y:c,color:d})},d.prototype.addPathPoint=function(a,b,c){this.send("addPathPoint",{id:a,x:b,y:c})},d.prototype.finishPath=function(a){this.send("finishPath",{id:a})},d}),define("app/boardmessagehandler",["jquery"],function(a){var b=function(){var b;this.boardView=null;var c=this;this.handlers={startPath:function(a){c.boardView.startPath(a.id,a.x,a.y,a.color)},addPathPoint:function(a){c.boardView.addPathPoint(a.id,a.x,a.y)},finishPath:function(a){c.boardView.finishPath(a.id)},"new":function(a){"postit"===a.obj?c.boardView.showPostit(a.id):"text"===a.obj&&c.boardView.showText(a.id)},update:function(a){"postit"===a.obj?c.boardView.updatePostitText(a.id,a.text):"text"===a.obj&&c.boardView.updateText(a.id,a.text)},move:function(a){"postit"===a.obj?c.boardView.movePostit(a.id,a.x,a.y):"text"===a.obj&&c.boardView.moveText(a.id,a.x,a.y)},resize:function(a){"postit"===a.obj?c.boardView.resizePostit(a.id,a.w,a.h):"text"===a.obj&&c.boardView.resizeText(a.id,a.w,a.h)},"delete":function(a){"postit"===a.obj?c.boardView.deletePostit(a.id):"line"===a.obj?c.boardView.onDeletedLine(a.id):"text"===a.obj&&c.boardView.deleteText(a.id)},change_color:function(a){c.boardView.changePostitColor(a.id,a.back_color)},info:function(c){b=c.connected_users+1,a("#connected_users").text(b);for(var d in c.users){var e=c.users[d];"guess"===e.username.substring(0,5)?a("#online_users").append('<a href="#" id="user_'+e.username+"_"+e.id+'">'+e.username+"</a><br/>"):a("#online_users").append('<a href="/accounts/'+e.username+'" id="user_'+e.username+"_"+e.id+'" target="_blank">'+e.username+"</a><br/>")}},register:function(c){b++,a("#connected_users").text(b),a("<div/>").addClass("user_connected").appendTo(a("#notifications")).text(c.user.username+" has joined!").show("slow").hide(4e3,function(){a(this).remove()}),"guess"===c.user.username.substring(0,5)?a("#online_users").append('<a href="#" id="user_'+c.user.username+"_"+c.user.id+'">'+c.user.username+"</a><br/>"):a("#online_users").append('<a href="/accounts/'+c.user.username+'" id="user_'+c.user.username+"_"+c.user.id+'" target="_blank">'+c.user.username+"</a><br/>")},disconnect:function(c){b--,a("#connected_users").text(b),a("<div/>").addClass("user_disconnected").appendTo(a("#notifications")).text(c.username+" has left!").show("slow").hide(4e3,function(){a(this).remove()}),a("#user_"+c.username+"_"+c.id).hide(2e3,function(){a(this).next().remove(),a(this).remove()})}}};return b.prototype.handle=function(a){var b=a.type;this.handlers[b]&&this.handlers[b](a.args)},b.prototype.setBoardView=function(a){this.boardView=a},b}),define("app/collections/lines",["backbone","app/models/line","app/utils"],function(a,b,c){var d=c.getBoardId(),e=a.Collection.extend({model:b,url:"api/boards/"+d+"/lines/"});return e}),define("app/collections/postits",["backbone","app/models/postit","app/utils"],function(a,b,c){var d=c.getBoardId(),e=a.Collection.extend({model:b,url:"api/boards/"+d+"/postits/"});return e}),define("app/collections/texts",["backbone","app/models/text","app/utils"],function(a,b,c){var d=c.getBoardId(),e=a.Collection.extend({model:b,url:"api/boards/"+d+"/texts/"});return e}),define("app/history",["app/models/postit","app/models/text","app/models/line"],function(a,b,c){var d=function(a){this.boardView=a,this.size=10,this.stacker=new Array(this.size),this.pointer=0};return d.prototype.push=function(a){return this.stacker[this.pointer]=a,this.pointer++,!0},d.prototype.pop=function(){return this.isEmpty!==!0?(this.pointer--,this.stacker[this.pointer]):!1},d.prototype.isEmpty=function(){return 0===this.pointer},d.prototype.isFull=function(){return this.pointer===this.size},d.prototype.add=function(a,b){this.push({action:a,data:b})},d.prototype.undo=function(){var d=this.pop();if(d)switch(d.action){case"removed_postit":var e=new a({x:d.data.get("x"),y:d.data.get("y"),width:d.data.get("width"),height:d.data.get("height"),back_color:d.data.get("back_color"),text:d.data.get("text")});this.boardView.addPostit(e);break;case"removed_text":var f=new b({text:d.data.get("text"),x:d.data.get("x"),y:d.data.get("y"),width:d.data.get("width"),height:d.data.get("height")});this.boardView.addText(f);break;case"added_line":var g=d.data;this.boardView.deleteLine(g);break;case"deleted_line":var h=d.data,i=new c({path:h.get("path"),color_l:h.get("color_l"),stroke_w:h.get("stroke_w")});i.type=h.type,this.boardView.canvas.drawLine(i);var j=this;this.boardView.canvas.saveLine(i,{x:1,y:1},function(){j.boardView.boardConnection.finishPath(i.get("id"))});break;case"added_postit":var k=d.data;k.destroy();break;case"changed_postit_color":var l=d.data.postit,m=d.data.prevColor,n=this;l.save({back_color:m},{success:function(){n.boardView.boardConnection.changePostitColor(l.get("id"),m,m)}})}},d}),define("app/models/board",["backbone"],function(a){var b=a.Model.extend({urlRoot:"api/boards/"});return b}),define("app/models/line",["backbone","app/utils"],function(a,b){var c=b.getBoardId(),d=a.Model.extend({urlRoot:"api/boards/"+c+"/lines/",initialize:function(){this.zoom=1},setZoom:function(a){this.zoom=a,this.trigger("change:zoom")}});return d}),define("app/models/postit",["backbone","app/utils"],function(a,b){var c=b.getBoardId(),d=a.Model.extend({urlRoot:"api/boards/"+c+"/postits/",initialize:function(){this.zoom=1},setZoom:function(a){this.zoom=a,this.trigger("change:zoom")}});return d}),define("app/models/text",["backbone","app/utils"],function(a,b){var c=b.getBoardId(),d=a.Model.extend({urlRoot:"api/boards/"+c+"/texts/",initialize:function(){this.zoom=1},setZoom:function(a){this.zoom=a,this.trigger("change:zoom")}});return d}),define("app/models/userprofile",["backbone"],function(a){var b=a.Model.extend({urlRoot:"api/profile/"});return b}),define("app/toolbar",["jquery"],function(){var a=function(){this.tools=[]};return a.prototype.addTool=function(a){this.tools.push(a)},function(a){a.fn.tool=function(b,c){var d=a.extend({element:this,exclusive:!0,keep_selected:!0},c);return this.click(function(){d.exclusive&&a.each(b.tools,function(a,b){b.element.removeClass("tool_enabled")}),d.keep_selected&&a(this).addClass("tool_enabled"),d.confirmable?a("#dialog").dialog({buttons:{Confirm:function(){a(this).dialog("close"),d.action()},Cancel:function(){a(this).dialog("close")}}}):d.action()}),d}}(jQuery),a}),define("app/utils",["backbone","app/models/userprofile"],function(){function a(){var a=window.location.pathname.replace(/^\/([^\/]*).*$/,"$1");return a?a:""}return{getBoardId:a}}),define("app/views/board",["jquery","backbone","app/history","app/views/postit","app/views/canvas","app/views/text","app/models/board","app/models/postit","app/models/text","app/collections/postits","app/collections/texts"],function(a,b,c,d,e,f,g,h,i,j,k){var l=b.View.extend({el:a("#board"),events:{"mousedown #board-canvas":"mousedown",mousemove:"mouseMove",mouseup:"mouseUp"},initialize:function(b){this.history=new c(this),this.boardConnection=b.boardConnection,this.zoom=1,this.tool="postits",this.canvas=new e({boardConnection:this.boardConnection,zoom:this.zoom,history:this.history}),this.canvas.render(),this.postits=new j,this.postits.bind("add",this.addOne,this),this.postits.bind("reset",this.addAll,this),this.postits.bind("all",this.render,this),this.postits.fetch(),this.texts=new k,this.texts.bind("add",this.addOneText,this),this.texts.bind("reset",this.addAllTexts,this),this.texts.bind("all",this.render,this),this.texts.fetch(),a("#connected_users_btn").popover({container:"#online_users"})},mousedown:function(a){"drawing"===this.tool&&this.canvas.startLine(a.pageX,a.pageY,"free"),"rectDrawing"===this.tool&&this.canvas.startLine(a.pageX,a.pageY,"rect"),"eraser"===this.tool&&this.canvas.tryToErase(a.pageX,a.pageY);var b=this;if("postits"===this.tool){var c=new h({x:Math.round(a.pageX/b.zoom),y:Math.round(a.pageY/b.zoom),width:120,height:120,text:""});this.addPostit(c,function(a){b.history.add("added_postit",a)})}if("text"===this.tool){var d=new i({text:"",x:Math.round(a.pageX/b.zoom),y:Math.round(a.pageY/b.zoom),width:150,height:50});this.addText(d)}return!1},mouseMove:function(a){("drawing"===this.tool||"rectDrawing"===this.tool)&&this.canvas.mouseMove(a)},mouseUp:function(a){("drawing"===this.tool||"rectDrawing"===this.tool)&&this.canvas.finishLine(a)},showPostit:function(a){var b=new h({id:a});b.fetch(),b.setZoom(this.zoom),this.postits.add(b)},showText:function(a){var b=this,c=new i({id:a});c.setZoom(this.zoom),c.fetch({success:function(){b.texts.add(c)}})},addAll:function(){this.postits.each(this.addOne,this)},addAllTexts:function(){this.texts.each(this.addOneText,this)},addPostit:function(a,b){var c=this;a.setZoom(this.zoom),this.postits.add(a),a.save(null,{success:function(d){c.boardConnection.newPostit(d.get("id"),a.get("x"),a.get("y"),a.get("width"),a.get("height"),a.get("text")),b&&b(d)}}),a.trigger("focus")},addOne:function(b){var c=new d({model:b,boardConnection:this.boardConnection,zoom:this.zoom,history:this.history});a("#board").append(c.render().el)},addText:function(b){var c=this;b.setZoom(this.zoom),this.texts.add(b);var d=new f({model:b,boardConnection:this.boardConnection,zoom:c.zoom,history:this.history});a("#board").append(d.render().el),b.save(null,{success:function(a){c.boardConnection.newText(a.get("id"),b.get("x"),b.get("y"),b.get("width"),b.get("height"),b.get("text"))}})},addOneText:function(b){var c=new f({model:b,boardConnection:this.boardConnection,zoom:this.zoom,history:this.history});a("#board").append(c.render().el)},movePostit:function(a,b,c){this.postits.get(a).set({x:b,y:c})},moveText:function(a,b,c){this.texts.get(a).set({x:b,y:c})},resizePostit:function(a,b,c){this.postits.get(a).set({width:b,height:c})},resizeText:function(a,b,c){this.texts.get(a).set({width:b,height:c})},changePostitColor:function(a,b){this.postits.get(a).set("back_color",b)},deletePostit:function(a){this.postits.remove(a)},deleteText:function(a){this.texts.remove(a)},updatePostitText:function(a,b){this.postits.get(a).set("text",b)},updateText:function(a,b){this.texts.get(a).set("text",b)},startPath:function(a,b,c,d){this.canvas.startPath(a,b,c,d)},addPathPoint:function(a,b,c){this.canvas.addPathPoint(a,b,c)},finishPath:function(a){this.canvas.finishPath(a)},selectPostitTool:function(){this.tool="postits"},selectPencilTool:function(a){this.tool="drawing",this.canvas.setStrokeColor(a)},selectRectLineTool:function(){this.tool="rectDrawing",this.canvas.setStrokeColor("black")},selectEraserTool:function(){this.tool="eraser"},selectTextTool:function(){this.tool="text"},clearLines:function(){this.canvas.clearLines()},deleteLine:function(a){this.canvas.deleteLine(a)},onDeletedLine:function(a){this.canvas.onDeletedLine(a)},zoomIn:function(a){return a.preventDefault(),this.zoom<2&&this.setZoom(this.zoom+.1),this.zoom},zoomOut:function(a){return a.preventDefault(),this.zoom>.25&&this.setZoom(this.zoom-.1),this.zoom},setZoom:function(b){this.zoom=b,this.postits.each(function(a){a.setZoom(b)}),this.texts.each(function(a){a.setZoom(b)}),this.canvas.setZoom(this.zoom),a("#zoom_value").text(Math.round(100*b)+"%"),this.render()},render:function(){a("#board").css("height",1500*this.zoom).css("width",3e3*this.zoom),a("#board-canvas").css("height",1500*this.zoom).css("width",3e3*this.zoom).height(1500*this.zoom).width(3e3*this.zoom)},undo:function(){this.history.undo()}});return l}),define("app/views/canvas",["jquery","backbone","underscore","paper","app/models/line","app/collections/lines"],function(a,b,c,d,e,f){var g=b.View.extend({el:a("#board-canvas"),lines:new f,initialize:function(a){this.boardConnection=a.boardConnection,this.zoom=a.zoom,this.history=a.history,this.strokeColor="black";var b=this,e=this.el;d.setup(e),d.view.viewSize=new d.Size(3e3*this.zoom,1500*this.zoom),d.view.draw(),this.lines.fetch({success:function(a){c.each(a.models,function(a){b.drawLine(a)})}})},render:function(){d.view.draw()},startLine:function(a,b,c){var f=new e;f.set("color_l",this.strokeColor),f.type=c;var g=new d.Path;g.model=f,g.strokeColor=f.get("color_l");var h=new d.Point(a,b);g.add(h),f.path=g,this.shadowPath=new d.Path,this.shadowPath.strokeColor=this.strokeColor,this.shadowPath.dashArray=[10,12],this.shadowPath.add(h);var i=this;this.saveLine(f,h,function(a){i.line=a})},saveLine:function(a,b,c){var e=this;a.save({stroke_w:1,path:this.serialize(a.path)},{success:function(a){e.lines.add(a),d.view.draw(),e.boardConnection.startPath(a.get("id"),b.x/e.zoom,b.y/e.zoom,a.get("color_l")),c&&c(a)}})},mouseMove:function(a){var b=this;setTimeout(function(){b.line&&1===a.which&&("free"===b.line.type?(b.line.path.add(new d.Point(a.pageX,a.pageY)),b.boardConnection.addPathPoint(b.line.get("id"),a.pageX/b.zoom,a.pageY/b.zoom)):(b.shadowPath.removeSegment(1),b.shadowPath.add(new d.Point(a.pageX,a.pageY)))),d.view.draw()},0)},finishLine:function(a){if(this.line){"rect"===this.line.type?(this.shadowPath.remove(),this.line.path.add(new d.Point(a.pageX,a.pageY)),this.boardConnection.addPathPoint(this.line.get("id"),a.pageX/this.zoom,a.pageY/this.zoom)):this.line.path.simplify(10),d.view.draw(),this.boardConnection.finishPath(this.line.get("id"));var b=this;this.line.save({path:this.serialize(this.line.path)},{success:function(a){b.history.add("added_line",a)}}),this.lines.add(this.line),this.line=null}},serialize:function(b){var c=[],d=this;return a.each(b.getSegments(),function(a,b){var e={point:{x:b.getPoint().x/d.zoom,y:b.getPoint().y/d.zoom},handleIn:{x:b.getHandleIn().x/d.zoom,y:b.getHandleIn().y/d.zoom},handleOut:{x:b.getHandleOut().x/d.zoom,y:b.getHandleOut().y/d.zoom}};c.push(e)}),JSON.stringify(c)},drawLine:function(a){a.get("path")&&(a.path=this.drawLinePath(a),a.path.model=a),d.view.draw()},drawLinePath:function(b){var c=this,e=new d.Path;return e.strokeColor=b.get("color_l"),a.each(a.parseJSON(b.get("path")),function(a,b){b.point.x=b.point.x*c.zoom,b.point.y=b.point.y*c.zoom,b.handleIn.x=b.handleIn.x*c.zoom,b.handleOut.y=b.handleOut.y*c.zoom,e.add(new d.Segment(b.point,b.handleIn,b._handleOut))}),e},startPath:function(a,b,c){var f=new e({id:a}),g=new d.Path;g.add(new d.Point(b*this.zoom,c*this.zoom)),f.path=g,f.path.model=f,f.fetch({success:function(a){g.strokeColor=a.get("color_l")}}),this.lines.add(f)},addPathPoint:function(a,b,c){this.lines.get(a).path.add(new d.Point(b*this.zoom,c*this.zoom)),d.view.draw()},finishPath:function(a){var b=this;this.lines.get(a).path.simplify(10),this.lines.get(a).fetch({success:function(a){a.path.remove(),a.path=b.drawLinePath(a),a.path.model=a,d.view.draw()}})},setStrokeColor:function(a){this.strokeColor=a},clearLines:function(){var a=this;c.chain(this.lines.models).clone().each(function(b){b.path&&b.path.remove(),b.destroy(),a.boardConnection.deleteLine(b.get("id"))}),d.view.draw()},tryToErase:function(a,b){var c={segments:!0,stroke:!0,fill:!0,tolerance:5},e=d.project.hitTest(new d.Point(a,b),c);e&&(this.deleteLine(e.item.model),this.history.add("deleted_line",e.item.model))},deleteLine:function(a){a.path.remove(),this.boardConnection.deleteLine(a.get("id")),a.destroy(),d.view.draw()},onDeletedLine:function(a){var b=this.lines.get(a);b&&b.path&&(b.path.remove(),d.view.draw())},setZoom:function(b){var e=this;this.zoom=b,c.each(this.lines.models,function(b){if(b.path){var c=b.path.getSegments();b.get("path")&&a.each(a.parseJSON(b.get("path")),function(a,b){var d=c[a];if(d){var f=d.getPoint(),g=d.getHandleIn(),h=d.getHandleOut();f.x=b.point.x*e.zoom,f.y=b.point.y*e.zoom,g.x=b.handleIn.x*e.zoom,g.y=b.handleIn.y*e.zoom,h.x=b.handleOut.x*e.zoom,h.y=b.handleOut.y*e.zoom}})}}),d.view.viewSize=new d.Size(3e3*this.zoom,1500*this.zoom),d.view.draw()}});return g}),define("app/views/main",["jquery","backbone","app/views/postit","app/views/canvas","app/models/board","app/models/postit","app/collections/postits"],function(a,b){var c=b.View.extend({el:a("body"),events:{"mouseover #menu_tool":"showMenu","mouseleave #menu_tool":"leaveMenuTool","mouseleave #menu":"leaveMenu","mouseenter #menu":"enteredMenu","click #set-private":"showSetPrivateModal","click #set-public":"showSetPublicModal","click #set-alias":"showSetAliasModal","click #set-private-btn":"setPrivate","click #set-public-btn":"setPublic","click #set-alias-btn":"setBoardAlias","click #zoom_in":"zoomIn","click #zoom_out":"zoomOut","click #connected_users_btn":"toggleUsers","click #premium-tool":"showGetPremiumModal"},initialize:function(b){this.boardView=b.boardView,this.board=b.board,this.menu=a("#menu"),this.menu.menu();var c=this;a("#get-premium-modal").modal({show:!1}),a("#set-private-modal").modal({show:!1}),a("#set-alias-modal").modal({show:!1}),a("#zoom-slider").slider({orientation:"vertical",min:.2,max:2,value:1,step:.1,slide:function(a,b){c.boardView.setZoom(b.value)}})},render:function(){this.boardView.render()},showMenu:function(){clearTimeout(this.menu.data("timeoutId")),this.menu.show()},leaveMenu:function(){this.menu.fadeOut("fast")},enteredMenu:function(){clearTimeout(this.menu.data("timeoutId"))},leaveMenuTool:function(){var a=this.menu,b=setTimeout(function(){a.fadeOut("fast")},200);this.menu.data("timeoutId",b)},showSetPrivateModal:function(b){b.preventDefault(),a("#set-private-modal").modal("show")},showSetPublicModal:function(b){b.preventDefault(),a("#set-public-modal").modal("show")},showSetAliasModal:function(b){b.preventDefault(),a("board-alias").val(this.board.get("hash")),a("#set-alias-modal").modal("show")},setPrivate:function(b){b.preventDefault(),a("#set-private-btn").attr("disabled","disabled"),this.board.save({is_private:!0},{success:function(b){console.log(b),a("#set-private-error-msg").hide(),a("#set-private-modal").modal("hide"),a("#set-private-btn").removeAttr("disabled"),a("#set-private").hide(),a("#set-public").show()},error:function(){a("#set-private-error-msg").show()}})},setPublic:function(b){b.preventDefault(),a("#set-public-btn").attr("disabled","disabled"),this.board.save({is_private:!1},{success:function(){a("#set-public-error-msg").hide(),a("#set-public-modal").modal("hide"),a("#set-public-btn").removeAttr("disabled"),a("#set-private").show(),a("#set-public").hide()},error:function(){a("#set-public-error-msg").show()}})},setBoardAlias:function(b){b.preventDefault(),a("#set-alias-btn").attr("disabled","disabled");var c=a("#board-alias").val();/[^a-zA-Z0-9]/.test(c)?(a("#set-alias-error").fadeOut().fadeIn(),a("#set-alias-btn").removeAttr("disabled")):(this.board.set("hash",c),this.board.save({},{success:function(){a("#set-alias-modal").modal("hide"),a("#set-alias-btn").removeAttr("disabled"),a("set-alias-error").hide(),window.location.href="/"+c},error:function(b,c){var d=a.parseJSON(c.responseText);d.hash?a("#set-alias-error-msg").html(d.hash[0]):a("#set-alias-error-msg").html("There was an unknown error. Try again."),a("#set-alias-btn").removeAttr("disabled"),a("#set-alias-error").fadeOut().fadeIn()}}))},zoomIn:function(b){var c=this.boardView.zoomIn(b);a("#zoom-slider").slider("value",c)},zoomOut:function(b){var c=this.boardView.zoomOut(b);a("#zoom-slider").slider("value",c)},toggleUsers:function(b){b.preventDefault(),a("#online_users_container").toggle("slow")},showGetPremiumModal:function(b){b.preventDefault(),a("#get-premium-modal").modal("show")}});return c}),define("app/views/postit",["jquery-ui","backbone"],function(a,b){var c=b.View.extend({tagName:"div",events:{mouseover:"showToolbar",mouseout:"hideToolbar","click .postit_close_image":"deletePostit","mouseover .postit_color_image":"showColors","keyup .postit_input":"updateText"},initialize:function(b){this.boardConnection=b.boardConnection,this.zoom=b.zoom,this.history=b.history,this.model.bind("change",this.render,this),this.model.bind("destroy",this.doRemove,this),this.model.bind("remove",this.doRemove,this),this.model.bind("focus",this.focus,this),this.model.bind("change:zoom",this.render,this);var c=this;this.$el.attr("id","postit"+this.model.id).addClass("postit").css("position","absolute").css("top",this.model.get("y")+"px").css("left",this.model.get("x")+"px").css("width",this.model.get("width")+"px").css("height",this.model.get("height")+"px").css("padding","22px 2px 2px 2px").css("background-color",this.model.get("back_color")).draggable({stack:".postit",cursor:"move",containment:"parent",drag:function(){var b=a(this).position();c.boardConnection.movePostit(c.model.get("id"),b.left/c.model.zoom,b.top/c.model.zoom)},stop:function(){var b=a(this).position();c.model.save({x:Math.round(b.left/c.model.zoom),y:Math.round(b.top/c.model.zoom)})}}).resizable({resize:function(){var b=a(this).width(),d=a(this).height();c.boardConnection.resizePostit(c.model.get("id"),b/c.model.zoom,d/c.model.zoom)},stop:function(a,b){var d=b.size.width,e=b.size.height;c.model.save({width:Math.round(d/c.model.zoom),height:Math.round(e/c.model.zoom)})}}),this.createPostitCloseElement().appendTo(this.$el),this.createPostitColorTool().appendTo(this.$el),this.createPostitTextArea().appendTo(this.$el),this.createChangePostitColorTool().appendTo(this.$el),this.input=this.$(".postit_input"),this.$el.fadeIn("fast")},focus:function(){this.input.focus()},render:function(){return this.$el.css("top",this.model.get("y")*this.model.zoom+"px").css("left",this.model.get("x")*this.model.zoom+"px").css("width",this.model.get("width")*this.model.zoom+"px").css("height",this.model.get("height")*this.model.zoom+"px").css("background-color",this.model.get("back_color")),this.input.css("background-color",this.model.get("back_color")).css("font-size",12*this.model.zoom+"px"),this.input.val(this.model.get("text")),this},createPostitCloseElement:function(){return a("<img/>").addClass("postit_close_image").attr("src","/static/images/close.png")},deletePostit:function(){this.model.destroy(),this.history.add("removed_postit",this.model)},createPostitTextArea:function(){var b=a("<textarea/>").addClass("postit_input").css("background-color",this.model.get("back_color"));return b.val(this.model.get("text")),b},updateText:function(){var a=this.input.val();this.model.save({text:a},{silent:!0}),this.boardConnection.updatePostitText(this.model.get("id"),a)},createPostitColorTool:function(){var b=a("<img/>").addClass("postit_color_image").attr("src","/static/images/colors.png");return b},showColors:function(){this.$el.find(".postit_color_tool").show()},createChangePostitColorTool:function(){var b=a("<div />").addClass("postit_color_tool");return b.mouseleave(function(){b.fadeOut("fast")}),this.createColorSelectionElement("#FFFF33","left").appendTo(b),this.createColorSelectionElement("#FF69B4","right").appendTo(b),this.createColorSelectionElement("#ADFF2F","left").appendTo(b),this.createColorSelectionElement("gold","right").appendTo(b),b.hide()},createColorSelectionElement:function(b,c){var d=this;return a("<div class='postit_color'/>").css("background-color",b).css("float",c).click(function(){var a=d.model.get("back_color");d.changePostitColor(b,function(){d.history.add("changed_postit_color",{postit:d.model,prevColor:a})})})},changePostitColor:function(a,b){this.model.save({back_color:a},{success:function(a){b&&b(a)}}),this.boardConnection.changePostitColor(this.model.get("id"),a,a)},showToolbar:function(){this.$el.find(".postit_close_image").show(),this.$el.find(".postit_color_image").show(),this.$el.css("padding-top","2px"),this.$el.css("padding-bottom","20px")},hideToolbar:function(){this.$el.find(".postit_close_image").hide(),this.$el.find(".postit_color_image").hide(),this.$el.css("padding-top","22px"),this.$el.css("padding-bottom","2px")},doRemove:function(){this.$el.fadeOut("fast",function(){this.remove()}),this.boardConnection.deletePostit(this.model.get("id"))}});return c}),define("app/views/text",["jquery-ui","backbone"],function(a,b){var c=b.View.extend({tagName:"div",events:{mouseover:"showToolbar",mouseout:"hideToolbar","click .postit_close_image":"deleteText","keyup .text_input":"updateText"},initialize:function(b){this.boardConnection=b.boardConnection,this.zoom=b.zoom,this.history=b.history,this.model.bind("change",this.render,this),this.model.bind("remove",this.remove,this),this.model.bind("change:zoom",this.render,this);var c=this;this.$el.attr("id","text"+this.model.id).addClass("text"),this.$el.css("top",this.model.get("y")+"px").css("position","absolute").css("left",this.model.get("x")+"px").css("padding","22px 2px 2px 2px").css("width",this.model.get("width")+"px").css("height",this.model.get("height")+"px"),this.$el.draggable({cursor:"move",containment:"parent",drag:function(){var b=a(this).position();c.boardConnection.moveText(c.model.get("id"),b.left/c.model.zoom,b.top/c.model.zoom)},stop:function(){var b=a(this).position();c.model.save({x:Math.round(b.left/c.model.zoom),y:Math.round(b.top/c.model.zoom)})}}).resizable({autoHide:!0,resize:function(){var b=a(this).width(),d=a(this).height();c.boardConnection.resizeText(c.model.get("id"),b/c.model.zoom,d/c.model.zoom)},stop:function(a,b){var d=b.size.width,e=b.size.height;c.model.save({width:Math.round(d/c.model.zoom),height:Math.round(e/c.model.zoom)})}}),this.createCloseElement().appendTo(this.$el),this.createTextArea().appendTo(this.$el),this.input=this.$(".text_input")},render:function(){return this.$el.css("top",this.model.get("y")*this.model.zoom+"px").css("left",this.model.get("x")*this.model.zoom+"px").css("width",this.model.get("width")*this.model.zoom+"px").css("height",this.model.get("height")*this.model.zoom+"px"),this.input.val(this.model.get("text")).css("font-size",12*this.model.zoom+"px"),this},createCloseElement:function(){return a("<img/>").addClass("postit_close_image").attr("src","/static/images/close.png")},createTextArea:function(){var b=a("<textarea/>").addClass("text_input");return b.val(this.model.get("text")),b.attr("placeholder","Write your text"),b},showToolbar:function(){this.$el.find(".postit_close_image").show(),this.$el.css("padding-top","2px"),this.$el.css("padding-bottom","20px")},hideToolbar:function(){this.$el.find(".postit_close_image").hide(),this.$el.css("padding-top","22px"),this.$el.css("padding-bottom","2px")
+},updateText:function(){var a=this.input.val(),b=this;this.model.save({text:a},{silent:!0,success:function(){b.boardConnection.updateText(b.model.get("id"),a)}})},deleteText:function(){this.remove(),this.history.add("removed_text",this.model),this.model.destroy(),this.boardConnection.deleteText(this.model.get("id"))}});return c});
\ No newline at end of file

From 9f7e089d9e1f8189029cc3ce00c7fbef3caaf6de Mon Sep 17 00:00:00 2001
From: velasquez <andres@mapalesoftware.com>
Date: Sun, 13 Apr 2014 22:48:33 -0500
Subject: [PATCH 2/2] set stripe api key in settings and get from env var:
 STRIPE_API_KEY

---
 board/views.py | 3 ++-
 settings.py    | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/board/views.py b/board/views.py
index 9ac4625..7fddbbc 100644
--- a/board/views.py
+++ b/board/views.py
@@ -195,7 +195,8 @@ def download(request, board_hash):
 def payment(request):
     # Set your secret key: remember to change this to your live secret key in production
     # See your keys here https://manage.stripe.com/account
-    stripe.api_key = "sk_test_Ikylm2T3IkWrhIUVRqj1eV4f"
+    from settings import STRIPE_API_KEY
+    stripe.api_key = STRIPE_API_KEY
 
     # Get the credit card details submitted by the form
     token = request.POST['stripeToken']
diff --git a/settings.py b/settings.py
index 9b27051..dd73ade 100644
--- a/settings.py
+++ b/settings.py
@@ -205,3 +205,5 @@ def env(key, default = None):
         },
     }
 }
+
+STRIPE_API_KEY = env('STRIPE_API_KEY', 'sk_test_Ikylm2T3IkWrhIUVRqj1eV4f')