cessna 0.0.4 → 0.1.0

data/views/browse.haml

@@ -16,9 +16,9 @@
           =folder.name  
     - @videos.each do |video|
       %li
-        %i{class: 'icon-facetime-video'}
+        %i{class: 'icon-film'}
         %a{href: "/play/#{Base64.encode64(video.location)}"}
-          ="#{video.name}"      
+          = "#{video.name}"      
 - else          
   %div{class: 'alert alert-info'}
-    ="There are no folders or supported video formats in this folder..."
+    = 'There were no folders or supported video formats found in this folder...'

data/views/error.haml

@@ -1,7 +1,7 @@
 %div{class: 'alert alert-error'}
   %p
     %strong
-      ="Something went wrong!" 
-  =@error_message
+      = 'Something went wrong!'
+  = @error_message
   
 %a{href: '/', class: 'btn'}="back"

data/views/index.haml

@@ -13,4 +13,6 @@
       %input{type: 'password', name: 'password', placeholder: 'Password'}
   %div.control-group
     %div.controls
-      %button{type: 'submit', class: 'btn'} Send
+      %button{type: 'submit', class: 'btn'} Send
+
+

data/views/layout.haml

@@ -1,17 +1,38 @@
 !!!
 %html
   %head
-    %title Cessna
+    %title= 'Cessna'
     %link{:rel => 'stylesheet', :href => '/assets/css/bootstrap.css', :type => "text/css"}
     %link{:rel => 'stylesheet', :href => '/assets/css/bootstrap-responsive.css', :type => "text/css"}
     %link{:rel => 'stylesheet', :href => '/assets/css/docs.css', :type => "text/css"}
+    %script{type: 'text/javascript', src: '/assets/js/jquery.js'}        
+    %script{type: 'text/javascript', src: '/assets/js/bootstrap.js'}        
   %body
-    .container
-      .row
-        %h3{class: 'muted'} 
-          Cessna
+    .container-narrow
+      .header
+        %ul{class: 'nav nav-pills pull-right'}
+          %li
+            %a{href: '/servers'}
+              = 'Servers'
           - if @hostname
-            %small="@#{@hostname}"
-        %hr
-      .row
-        =yield
+            %li{class: 'dropdown'}
+              %a{href: '#', class: 'dropdown-toggle', data: {toggle: 'dropdown'}} 
+                = "@#{@hostname}"
+                %b{class: 'caret'}
+                
+              %ul{class: 'dropdown-menu'}
+                %li
+                  %a{href: '/browse'}
+                    = 'Browse shared folders'
+                %li{class: 'divider'}
+                %li    
+                  %a{href: '/disconnect'}
+                    = 'Disconnect'
+        %h3{class: 'muted'}
+          = 'Cessna'
+            
+      %hr
+            
+      .row-fluid
+        .span12
+          =yield

data/views/play.haml

@@ -1,7 +1,7 @@
 %ul{class: 'breadcrumb'}
   %li
     %a{href: "/browse/#{Base64.encode64(@parent_location)}"}
-      =".."
+      = '..'
     %span{class: 'divider'}='/'
   %li{class: 'active'}
     =@video_name
@@ -11,11 +11,11 @@
 
 - unless format_is_supported?(@video_name)
   %div{class: 'alert alert-info'}
-    ="The playback of this video format ist not really supported by HTML5 video and therefore the playback is disabled."
+    = 'The playback of this video format ist not really supported by HTML5 video and therefore the playback is disabled.'
 - else
-  %div
-    %video{ width: 640, controls: true, autoplay: true, class: 'img-polaroid'}
+  %div{class: 'center'}
+    %video{ width: '98%', controls: true, autoplay: true, class: 'img-polaroid'}
       %source{src: @video_stream_url}
 
 %a{href: @video_stream_url, class: 'btn btn-small'}
-  ="Download this video"
+  = 'Download'

data/views/servers.haml

@@ -0,0 +1,72 @@
+- if @servers.empty?
+  %div{class: 'alert alert-info'}
+    ="There were no AirVideo Servers found in your local network."
+
+- else 
+  %table{class: 'table table-condensed'}
+    %thead
+      %tr
+        %th= 'Hostname'
+        %th= 'IP address'
+        %th= 'Port'
+    %tbody
+      - @servers.each do |server|
+        %tr
+          %td= server.hostname
+          %td= server.ip
+          %td= server.port
+          %td{class: 'right'}
+            %a{href: '#connect', class: 'open-dialog', role: 'button', data: { hostname: "#{server.hostname}", ip: "#{server.ip}", port: "#{server.port}", toggle: 'modal', target: '#connect' }}
+              = 'Connect'
+              
+  %div{id: 'connect', class: 'modal hide fade', tabindex: '-1', role: 'dialog', aria: { labelledby: 'connectLabel', hidden: 'true' } }  
+    %div{class: 'modal-header'}
+      %button{type: 'button', class: 'close', data: { dismiss: 'modal' }, aria: { hidden: 'true'}}
+        = 'x'
+      %h3{id: 'connectLabel'}
+        %span{id: 'hostname-label'}
+    %div{class: 'modal-body'}
+      %form{ action: '/session', method: 'post', id: 'connect-form', class: 'form-horizontal'}
+        %input{type: 'text', class: 'hide', name: 'hostname', id: 'hostname'}
+        %div.control-group
+          %label.control-label{for: 'ipaddr'}
+            = 'IP address:'
+          %div.controls
+            %input{type: 'text', name: 'ipaddr', id: 'ipaddr'}
+        %div.control-group
+          %label.control-label{for: 'port'} 
+            = 'Port:'
+          %div.controls
+            %input{type: 'text', name: 'port', id: 'port'}
+        %div.control-group
+          %label.control-label{for: 'password'}
+            = 'Password:'
+          %div.controls
+            %input{type: 'password', name: 'password', placeholder: 'Password'}
+    %div{class: 'modal-footer'}
+      %div.control-group
+        %div.controls
+          %button{type: 'submit', class: 'btn btn-primary', id: 'submit'}
+            = 'Connect'
+                        
+  :javascript
+    $(document).on('click', '.open-dialog', function() {
+      var hostname = $(this).data('hostname');
+      var ip = $(this).data('ip');
+      var port = $(this).data('port');
+      
+      $('#hostname-label').html(hostname);
+      $('#hostname').val(hostname);
+      $('#ipaddr').val(ip);
+      $('#port').val(port);     
+    });
+    
+    $('#submit').on('click', function() {
+      $('#connect-form').submit();
+    });
+    
+    $('#connect').on('keypress', function(e) {
+      if (e.which === 13) {
+        $('#connect-form').submit();
+      }
+    });

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: cessna
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.1.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-02-20 00:00:00.000000000 Z
+date: 2013-02-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sinatra
@@ -59,6 +59,22 @@ dependencies:
     - - ! '>='
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: dnssd
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 description: A web client for the AirVideo Server
 email:
 - mettler.fabian@gmail.com
@@ -75,17 +91,22 @@ files:
 - bin/cessna
 - cessna.gemspec
 - lib/cessna.rb
+- lib/cessna/bonjour.rb
+- lib/cessna/bonjour/server.rb
 - lib/cessna/version.rb
 - public/assets/css/bootstrap-responsive.css
 - public/assets/css/bootstrap.css
 - public/assets/css/docs.css
 - public/assets/img/glyphicons-halflings-white.png
 - public/assets/img/glyphicons-halflings.png
+- public/assets/js/bootstrap.js
+- public/assets/js/jquery.js
 - views/browse.haml
 - views/error.haml
 - views/index.haml
 - views/layout.haml
 - views/play.haml
+- views/servers.haml
 homepage: https://github.com/maveonair/cessna
 licenses: []
 post_install_message: