short 0.2.1

data/lib/shortener/server/views/add.haml

@@ -0,0 +1,22 @@
+#shortener.row(style="margin-top: 40px;")
+  %form{:id => 'add-form',:name => "shortener", :action => "/add", :method => "post", :class => 'offset3 form'}
+    %label{:for => "shortener[url]"} Url to Shorten:
+    %input{:type => "text", :name => "shortener[url]", :class => "text"}
+    %input{:type => "submit", :value => "Shorten", :class => "btn primary"}
+    %a{:onClick => '$(".advanced").fadeIn();'} Show Advanced Options
+    %br
+    %label{:for => 'shortener[expire]', :class => 'advanced'} Time till Expired:
+    %input{:type => 'text', :name => 'shortener[expire]', :class => 'text advanced'}
+    %br
+    %label{:for => 'shortener[max-clicks]', :class => 'advanced'} Max Clicks:
+    %input{:type => 'text', :name => 'shortener[max-clicks]', :class => 'text advanced'}
+    %br
+    %label{:for => 'shortener[desired-short]', :class => 'advanced'} Desired Short:
+    %input{:type => 'text', :name => 'shortener[desired-short]', :class => 'text advanced'}
+    %br
+    %label{:for => 'shortener[allow-override]', :class => 'advanced'} Allow Random Override:
+    %input{:type => 'checkbox', :name => 'shortener[allow-override]', :class => 'text advanced', :value => 'true'}
+    :javascript
+      $(function(){
+        $('.advanced').hide();
+      })

data/lib/shortener/server/views/display.haml

@@ -0,0 +1,5 @@
+#link_display.row
+  %div.offset5.span4
+    %h4= @url
+  %div.span2
+    = clippy(@url)

data/lib/shortener/server/views/index.haml

@@ -0,0 +1,25 @@
+#shorterner-index
+  %table
+    %thead
+      %tr
+        %th Shortened
+        %th Full Url
+        %th Set Count
+        %th Click Count
+        %th TTL
+        %th Max Clicks
+    %tbody
+      - @shortens.each do |short|
+        %tr
+          %td= short['shortened']
+          %td
+            %a{href: short['url']}= short['url'][0..50] + ((short['url'].length > 50) ? '...' : '')
+          %td= short['set-count']
+          %td= short['click-count'] || 0
+          %td= ttl_display(short['expire'])
+          %td= short['max-clicks'] || "∞"
+          %td
+            %a{href: "/delete/#{short['shortened']}", class: 'delete-button'}
+              %img{src: 'delete-icon.png', alt: 'delete!', width: '16px', height: '16px'}
+          %td= clippy("#{base_url}/#{short['shortened']}")
+

data/lib/shortener/server/views/layout.haml

@@ -0,0 +1,21 @@
+!!!
+%html
+  %head
+    %title Shortener
+    %link{rel: 'stylesheet', type: 'text/css', href: '/patched.bootstrap.min.css'}
+    %script{src: '/jquery.min.js', type: 'text/javascript'}
+    %script{src: 'site.js', type: 'text/javascript'}
+  %body{:'padding-top' => '60px'}
+
+    %div.topbar
+      %div.topbar-inner
+        %div.container
+          %a{class: 'brand', href: "/"} Shortener
+          %ul.nav
+            %li
+              %a{href: '/index'} Index
+            %li
+              %a{href: '/add'} Add
+
+    #main.container(style="margin-top: 40px;")
+      = yield

data/lib/shortener/server/views/s3/audio.haml

@@ -0,0 +1,75 @@
+%link{href: "skin/blue.monday/jplayer.blue.monday.css", rel: 'stylesheet', type: 'text/css'}
+%script{src: 'jquery.jplayer.min.js', type: 'text/javascript'}
+
+%br
+%br
+.row
+  #jquery_jplayer_1.jp-jplayer.center
+  #jp_container_1.jp-audio.center
+    .jp-type-single
+      .jp-gui.jp-interface
+        %ul.jp-controls
+          %li
+            %a.jp-play{:href => "javascript:;", :tabindex => "1"} play
+          %li
+            %a.jp-pause{:href => "javascript:;", :tabindex => "1"} pause
+          %li
+            %a.jp-stop{:href => "javascript:;", :tabindex => "1"} stop
+          %li
+            %a.jp-mute{:href => "javascript:;", :tabindex => "1", :title => "mute"} mute
+          %li
+            %a.jp-unmute{:href => "javascript:;", :tabindex => "1", :title => "unmute"} unmute
+          %li
+            %a.jp-volume-max{:href => "javascript:;", :tabindex => "1", :title => "max volume"} max volume
+        .jp-progress
+          .jp-seek-bar
+            .jp-play-bar
+        .jp-volume-bar
+          .jp-volume-bar-value
+        .jp-time-holder
+          .jp-current-time
+          .jp-duration
+          %ul.jp-toggles
+            %li
+              %a.jp-repeat{:href => "javascript:;", :tabindex => "1", :title => "repeat"} repeat
+            %li
+              %a.jp-repeat-off{:href => "javascript:;", :tabindex => "1", :title => "repeat off"} repeat off
+      .jp-title
+        %ul
+          %li= @short['name']
+          %li= @short['description']
+      .jp-no-solution
+        %span Update Required
+        To play the media you will need to either update your browser to a recent version or update your
+        = succeed "." do
+          %a{:href => "http://get.adobe.com/flashplayer/", :target => "_blank"} Flash plugin
+
+:javascript
+
+  $("#jquery_jplayer_1").jPlayer({
+    ready: function () {
+      $(this).jPlayer("setMedia", {
+        #{@short['extension']}: "#{@short['url']}",
+      });
+    },
+    play: function() { // To avoid both jPlayers playing together.
+      $(this).jPlayer("pauseOthers");
+    },
+    repeat: function(event) { // Override the default jPlayer repeat event handler
+      if(event.jPlayer.options.loop) {
+        $(this).unbind(".jPlayerRepeat").unbind(".jPlayerNext");
+        $(this).bind($.jPlayer.event.ended + ".jPlayer.jPlayerRepeat", function() {
+          $(this).jPlayer("play");
+        });
+      } else {
+        $(this).unbind(".jPlayerRepeat").unbind(".jPlayerNext");
+        $(this).bind($.jPlayer.event.ended + ".jPlayer.jPlayerNext", function() {
+          $("#jquery_jplayer_2").jPlayer("play", 0);
+        });
+      }
+    },
+    swfPath: "js",
+    supplied: "#{@short['extension']}",
+    wmode: "window"
+  });
+

data/lib/shortener/server/views/s3/image.haml

@@ -0,0 +1,27 @@
+%br
+%br
+:css
+  img {
+    max-width: 100%;
+  }
+
+.row
+  %a.center{href: @short['url']}
+    %img{src: @short['url']}
+
+.row
+  %p
+    %b Name: 
+    = @short['name']
+
+.row
+  %p
+    %b Descrtiption: 
+    %br
+    = @short['description']
+
+:css
+  .center {
+    margin: 0 auto;
+    padding: 0;
+  }

data/lib/shortener/server/views/s3/layout.haml

@@ -0,0 +1,23 @@
+!!!
+%html
+  %head
+    %title Shortener
+    %link{rel: 'stylesheet', type: 'text/css', href: '/patched.bootstrap.min.css'}
+    %script{src: 'http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js', type: 'text/javascript'}
+    %script{src: 'site.js', type: 'text/javascript'}
+  %body{:'padding-top' => '60px'}
+
+    #main.container(style="margin-top: 40px;")
+      = yield
+      .row
+        %a.center{href: "#{@short['url']}"} Download
+:css
+  body {
+    background-color: #787171;
+  }
+
+  .center {
+    margin: 0 auto;
+    padding: 0;
+  }
+

data/lib/shortener/server/views/s3/video.haml

@@ -0,0 +1,71 @@
+%link{href: "skin/blue.monday/jplayer.blue.monday.css", rel: 'stylesheet', type: 'text/css'}
+%script{src: 'jquery.jplayer.min.js', type: 'text/javascript'}
+
+#jp_container_1.jp-video.jp-video-360p.center
+  .jp-type-single
+    #jquery_jplayer_1.jp-jplayer
+    .jp-gui
+      .jp-video-play
+        %a.jp-video-play-icon{:href => "javascript:;", :tabindex => "1"} play
+      .jp-interface
+        .jp-progress
+          .jp-seek-bar
+            .jp-play-bar
+        .jp-current-time
+        .jp-duration
+        .jp-controls-holder
+          %ul.jp-controls
+            %li
+              %a.jp-play{:href => "javascript:;", :tabindex => "1"} play
+            %li
+              %a.jp-pause{:href => "javascript:;", :tabindex => "1"} pause
+            %li
+              %a.jp-stop{:href => "javascript:;", :tabindex => "1"} stop
+            %li
+              %a.jp-mute{:href => "javascript:;", :tabindex => "1", :title => "mute"} mute
+            %li
+              %a.jp-unmute{:href => "javascript:;", :tabindex => "1", :title => "unmute"} unmute
+            %li
+              %a.jp-volume-max{:href => "javascript:;", :tabindex => "1", :title => "max volume"} max volume
+          .jp-volume-bar
+            .jp-volume-bar-value
+          %ul.jp-toggles
+            %li
+              %a.jp-full-screen{:href => "javascript:;", :tabindex => "1", :title => "full screen"} full screen
+            %li
+              %a.jp-restore-screen{:href => "javascript:;", :tabindex => "1", :title => "restore screen"} restore screen
+            %li
+              %a.jp-repeat{:href => "javascript:;", :tabindex => "1", :title => "repeat"} repeat
+            %li
+              %a.jp-repeat-off{:href => "javascript:;", :tabindex => "1", :title => "repeat off"} repeat off
+        .jp-title
+          %ul
+            %li= @short['name']
+            %li= @short['description']
+    .jp-no-solution
+      %span Update Required
+      To play the media you will need to either update your browser to a recent version or update your
+      = succeed "." do
+        %a{:href => "http://get.adobe.com/flashplayer/", :target => "_blank"} Flash plugin
+
+
+:javascript
+
+  $("#jquery_jplayer_1").jPlayer({
+    ready: function () {
+      $(this).jPlayer("setMedia", { #{@short['extension']}: "#{@short['url']}" });
+    },
+    swfPath: "js",
+    supplied: "#{@short['extension']}",
+    size: {
+      width: "640px",
+      height: "360px",
+      cssClass: "jp-video-360p"
+    }
+  });
+
+:css
+  .center {
+    margin: 0 auto;
+    padding: 0;
+  }

data/lib/shortener/server/views/upload.haml

@@ -0,0 +1,130 @@
+%script{src: "swfupload.js"}
+%script{src: "jquery-swfupload-min.js"}
+:erb
+  <script>
+  $(function(){
+      $('#swfupload-control').swfupload({
+          // Backend Settings
+          upload_url: "<%= @upload_url %>",    // Relative to the SWF file (or you can use absolute paths)
+          http_success : [ 200, 201, 204 ],     // FOR AWS
+
+          // File Upload Settings
+          file_size_limit : "102400", // 100MB
+          file_types : "*.*",
+          file_types_description : "All Files",
+          file_upload_limit : "10",
+          file_queue_limit : "0",
+          file_post_name : "file",        // FOR AWS
+
+          // Button settings
+          button_image_url : "/images/XPButtonUploadText_61x22.png",
+          button_placeholder_id : "span-button-placeholder",
+          button_width: 61,
+          button_height: 22,
+
+          // Flash Settings
+          flash_url : "/flash/swfupload.swf",
+          //debug: true,
+          post_params: <%= @post.to_json %>   // FOR AWS
+
+      })
+          .bind('fileQueued', function(event, file){
+            // start the upload since it's queued
+            //$(this).swfupload('startUpload');
+            $(this).swfupload('setButtonDisabled', true);
+            $('#file-name-placeholder').text(file.name);
+          })
+          .bind('fileQueueError', function(event, file, errorCode, message){
+            //$('#log').append('<li>File queue error - '+message+'</li>');
+            //$(this).show();
+          })
+          .bind('uploadStart', function(event, file){
+            $('#progressbar').show();
+          })
+          .bind('uploadProgress', function(event, file, bytesLoaded){
+            var avg = bytesLoaded / file.size * 100;
+            //$('#log').append('<li>Upload progress - '+bytesLoaded+ ' ' + avg + '</li>');
+            $('#progressbar .bar').css('width', avg + '%' );
+          })
+          .bind('uploadSuccess', function(event, file, serverData){
+            //$('#log').append('<li>Upload success - '+file.name+'</li>');
+          })
+          .bind('uploadComplete', function(event, file){
+            //$('#log').append('<li>Upload complete - '+file.name+'</li>');
+            $('#progressbar .active').removeClass('active');
+
+            var values = $('#upload-form').serialize();
+            values += '&shortener%5bfile_name%5d=' + file.name;
+            // Change this callback function to suite your needs
+            // $.ajax({
+            //   type: "POST",
+            //   url: '/upload',
+            //   data: "name=" + file.name,
+            //   async: false,
+            // });
+            $.post('/upload', values, function(data){
+              $('#shortener-display').text(data.url)
+                .removeClass('hide');
+            });
+
+            // upload has completed, lets try the next one in the queue
+            $(this).swfupload('startUpload');
+          })
+          .bind('uploadError', function(event, file, errorCode, message){
+            //$('#log').append('<li>Upload error - '+message+'</li>');
+          });
+
+  });
+  </script>
+
+.row
+  #progressbar.span8{style: 'display:none;'}
+    .progress.danger.active.striped
+      .bar{style: "width: 0%"}
+
+.row
+  %div.offset1{:id=> "swfupload-control"}
+    %ol{:id=> "log"}
+    %span{:id=> "span-button-placeholder"}
+    %span{id: 'file-name-placeholder'}
+%br
+
+.row
+  %form.form{id: 'upload-form', action: '/upload', method: 'post'}
+    .row
+      %ul.offset2
+        %li.radio
+          %input{name: 'shortener[type]', type: 'radio', value: 'video'} Video
+        %li.radio
+          %input{name: 'shortener[type]', type: 'radio', value: 'audio'} Audio
+        %li.radio
+          %input{name: 'shortener[type]', type: 'radio', value: 'image'} Image
+        %li.radio
+          %input{name: 'shortener[type]', type: 'radio', value: 'download'} Download
+      .row
+        %label.offset8.hide{id: 'shortener-display'}
+      .field
+        %label{for: 'shorterner[name]'} Name
+        %input{type: 'text', name: 'shortener[name]'}
+      .field
+        %label{for: 'shorterner[description]'} Description
+        %input{type: 'text', name: 'shortener[description]'}
+    .row
+      .actions
+        %input.btn.primary{type: 'submit', value: 'Shorten'}
+
+.row
+
+:css
+  .radio {
+    display: inline;
+    margin-right: 20px;
+  }
+
+:javascript
+  $('#upload-form').submit(function(e){
+    e.preventDefault();
+    $('#swfupload-control').swfupload('startUpload');
+  });
+
+