refinerycms-videojs 0.5.5

data/app/assets/javascripts/refinery/admin/wymeditor_monkeypatch.js

@@ -0,0 +1,13 @@
+$insert_video_link = "<ul id='add_video'><li><a href='/refinery/videos/insert?dialog=true'>Add Video</a></li></ul>";
+window.onload = function ()
+{
+    if ($.wymeditors(0)) {
+        $('.wym_area_top').append($insert_video_link);
+        init_modal_dialogs();
+    }
+};
+
+onCloseDialog = function(){
+   $('iframe#dialog_iframe').attr('src', '');
+};
+

data/app/assets/stylesheets/refinery/admin/video.css

@@ -0,0 +1,95 @@
+#add_video {
+    padding-top: 3px;
+    padding-left: 10px
+}
+
+#add_video li a{
+    height: 20px;
+    background-image: url('/assets/refinery/admin/add_video_icon.png');
+    background-repeat: no-repeat;
+    padding-left: 20px;
+}
+
+label.inline{
+    display: inline-block;
+    margin-bottom: 10px;
+    margin-top: 0
+}
+
+div.inline{
+    display: inline-block;
+    vertical-align: top;
+    margin: 1px 10px 0 0;
+    padding-left: 5px
+}
+
+div.parent{
+    margin-bottom: 20px
+}
+
+div.video_container{
+    margin: 10px;
+}
+
+div.tips{
+    margin: 10px 0 10px 0;
+    font-style: italic;
+}
+
+div.use_file{
+    padding-bottom: 5px;
+    padding-top: 2px;
+}
+a.select_video_type{
+    font-size: 12px;
+    margin: 10px 10px 10px 0
+}
+
+a.select_video_type.selected{
+    font-weight: bold;}
+
+
+textarea.embed_tag{
+    height: 100px
+}
+
+span.short_info{
+    color: grey
+}
+
+div.add_remove_buttons{
+    margin-top: 10px
+}
+
+div#dialog_list{
+    width: 60%; float: left; min-height: 300px
+}
+
+div#dialog_list li.selected{
+    border: 4px solid #22A7F2
+}
+
+div#dialog_preview{
+    width:35%; float: right
+}
+
+div#preview_form{
+    width:35%; float: right
+}
+
+div#preview_form div.dimensions{
+    width:50%; float:left;
+}
+
+div#preview_form div.dimensions input{
+    width:70%;
+}
+
+div#preview_form div.options{
+    width:50%; float:right;
+}
+
+div#dialog_list #records{
+    width: 100%
+}
+

data/app/controllers/refinery/videos/admin/video_files_controller.rb

@@ -0,0 +1,16 @@
+module Refinery
+  module Videos
+    module Admin
+      class VideoFilesController < ::Refinery::AdminController
+
+        def destroy
+          @video_file = VideoFile.find(params[:id])
+          @video = @video_file.video
+          @video_file.destroy
+          redirect_to refinery.edit_videos_admin_video_path(@video), :notice => "#{@video_file.file_name} was successfully removed."
+        end
+
+      end
+    end
+  end
+end

data/app/controllers/refinery/videos/admin/videos_controller.rb

@@ -0,0 +1,59 @@
+module Refinery
+  module Videos
+    module Admin
+      class VideosController < ::Refinery::AdminController
+
+        crudify :'refinery/videos/video',
+                :title_attribute => 'title',
+                :xhr_paging => true,
+                :order => 'position ASC',
+                :sortable => true
+
+        before_filter :set_embedded, :only => [:new, :create]
+
+        def show
+          @video = Video.find(params[:id])
+        end
+
+        def new
+          @video = Video.new
+          @video.video_files.build
+        end
+
+        def insert
+          search_all_videos if searching?
+          find_all_videos
+          paginate_videos
+        end
+
+        def append_to_wym
+          @video = Video.find(params[:video_id])
+          params['video'].each do |key, value|
+            @video.config[key.to_sym] = value
+          end
+          @html_for_wym = @video.to_html
+        end
+
+        def dialog_preview
+          @video = Video.find(params[:id].delete('video_'))
+          w, h = @video.config[:width], @video.config[:height]
+          @video.config[:width], @video.config[:height] = 300, 200
+          @preview_html = @video.to_html
+          @video.config[:width], @video.config[:height] = w, h
+          @embedded = true if @video.use_shared
+        end
+
+        private
+
+        def paginate_videos
+          @videos = @videos.paginate(:page => params[:page], :per_page => Video.per_page(true))
+        end
+
+        def set_embedded
+          @embedded = true if params['embedded']
+        end
+
+      end
+    end
+  end
+end

data/app/models/refinery/videos/video.rb

@@ -0,0 +1,119 @@
+require 'dragonfly'
+
+module Refinery
+  module Videos
+    class Video < Refinery::Core::BaseModel
+
+      self.table_name = 'refinery_videos'
+      acts_as_indexed :fields => [:title]
+
+      validates :title, :presence => true
+      validate :one_source
+
+      has_many :video_files, :dependent => :destroy
+      accepts_nested_attributes_for :video_files
+
+      belongs_to :poster, :class_name => '::Refinery::Image'
+      accepts_nested_attributes_for :poster
+
+      ################## Video config options
+      serialize :config, Hash
+      CONFIG_OPTIONS = {
+          :autoplay => "false", :width => "400", :height => "300",
+          :controls => "true", :preload => "true", :loop => "true"
+      }
+
+      attr_accessible :title, :poster_id, :video_files_attributes,
+                      :position, :config, :embed_tag, :use_shared,
+                      *CONFIG_OPTIONS.keys
+
+      # Create getters and setters
+      CONFIG_OPTIONS.keys.each do |option|
+        define_method option do
+          self.config[option]
+        end
+        define_method "#{option}=" do |value|
+          self.config[option] = value
+        end
+      end
+      #######################################
+
+      ########################### Callbacks
+      after_initialize :set_default_config
+      #####################################
+
+      def to_html
+        if use_shared
+          update_from_config
+          return embed_tag.html_safe
+        end
+
+        data_setup = []
+        CONFIG_OPTIONS.keys.each do |option|
+          if option && (option != :width && option != :height)
+            data_setup << "\"#{option}\": #{config[option] || '\"auto\"'}"
+          end
+        end
+
+        data_setup << "\"poster\": \"#{poster.url}\"" if poster
+        sources = []
+        video_files.each do |file|
+          if file.use_external
+            sources << ["<source src='#{file.external_url}' type='#{file.file_mime_type}'/>"]
+          else
+            sources << ["<source src='#{file.url}' type='#{file.file_mime_type}'/>"]
+          end if file.exist?
+        end
+        html = %Q{<video id="video_#{self.id}" class="video-js vjs-default-skin" width="#{config[:width]}" height="#{config[:height]}" data-setup=' {#{data_setup.join(',')}}'>#{sources.join}</video>}
+
+        html.html_safe
+      end
+
+
+      def short_info
+        return [['.shared_source', embed_tag.scan(/src=".+?"/).first]] if use_shared
+        info = []
+        video_files.each do |file|
+          info << file.short_info
+        end
+
+        info
+      end
+
+      ####################################class methods
+      class << self
+        def per_page(dialog = false)
+          dialog ? Videos.pages_per_dialog : Videos.pages_per_admin_index
+        end
+      end
+      #################################################
+
+      private
+
+      def set_default_config
+        if new_record? && config.empty?
+          CONFIG_OPTIONS.each do |option, value|
+            self.send("#{option}=", value)
+          end
+        end
+      end
+
+      def update_from_config
+        embed_tag.gsub!(/width="(\d*)?"/, "width=\"#{config[:width]}\"")
+        embed_tag.gsub!(/height="(\d*)?"/, "height=\"#{config[:height]}\"")
+        #fix iframe overlay
+        if embed_tag.include? 'iframe'
+          embed_tag =~ /src="(\S+)"/
+          embed_tag.gsub!(/src="\S+"/, "src=\"#{$1}?wmode=transparent\"")
+        end
+      end
+
+      def one_source
+        errors.add(:embed_tag, 'Please embed video') if use_shared && embed_tag.nil?
+        errors.add(:video_files, 'Please select at least one source') if !use_shared && video_files.empty?
+      end
+
+    end
+
+  end
+end

data/app/models/refinery/videos/video_file.rb

@@ -0,0 +1,63 @@
+require 'dragonfly'
+
+module Refinery
+  module Videos
+    class VideoFile < Refinery::Core::BaseModel
+
+      self.table_name = 'refinery_video_files'
+      acts_as_indexed :fields => [:file_name, :file_ext]
+      attr_accessible :file, :file_mime_type, :position, :use_external, :external_url
+      belongs_to :video
+
+      MIME_TYPES = {'.mp4' => 'mp4', '.flv' => 'flv', '.webm' => 'webm', '.ogg' => 'ogg', '.ogv' => 'ogg'}
+
+      ############################ Dragonfly
+      ::Refinery::Videos::Dragonfly.setup!
+      video_accessor :file
+
+      delegate :ext, :size, :mime_type, :url,
+               :to        => :file,
+               :allow_nil => true
+
+      #######################################
+
+      ########################### Validations
+      validates :file, :presence => true, :unless => :use_external?
+      validates :mime_type, :inclusion => { :in =>  Refinery::Videos.config[:whitelisted_mime_types],
+                                            :message => "Wrong file mime_type" }, :if => :file_name?
+      validates :external_url, :presence => true, :if => :use_external?
+      #######################################
+
+      before_save :set_mime_type
+      before_update :set_mime_type
+
+      def exist?
+        use_external ? external_url.present? : file.present?
+      end
+
+      def short_info
+        if use_external
+           ['.link', external_url]
+        else
+           ['.file', file_name]
+        end
+      end
+
+      private
+
+      def set_mime_type
+        if use_external
+          type = external_url.scan(/\.\w+$/)
+          if type.present? && MIME_TYPES.has_key?(type.first)
+            self.file_mime_type = "video/#{MIME_TYPES[type.first]}"
+          else
+            self.file_mime_type = 'video/mp4'
+          end
+        end
+
+      end
+
+
+    end
+  end
+end

data/app/views/refinery/admin/dashboard/_additional_dashboard_menu_items.html.erb

@@ -0,0 +1,4 @@
+<li>
+  <%= link_to t('.create_new'), refinery.new_videos_admin_video_path,
+              :class => "add_icon" %>
+</li>

data/app/views/refinery/videos/admin/videos/_actions.html.erb

@@ -0,0 +1,23 @@
+<ul>
+    <li>
+      <%= render '/refinery/admin/search', :url => refinery.videos_admin_videos_path %>
+    </li>
+  <li>
+    <%= link_to t('.create_new'), refinery.new_videos_admin_video_path,
+                 :class => "add_icon" %>
+  </li>
+<% if !searching? && ::Refinery::Videos::Admin::VideosController.sortable? && ::Refinery::Videos::Video.any? %>
+  <li>
+    <%= link_to t('.reorder', :what => "Videos"),
+                 refinery.videos_admin_videos_path,
+                 :id => "reorder_action",
+                 :class => "reorder_icon" %>
+
+    <%= link_to t('.reorder_done', :what => "Videos"),
+                 refinery.videos_admin_videos_path,
+                 :id => "reorder_action_done",
+                 :style => "display: none;",
+                 :class => "reorder_icon" %>
+  </li>
+<% end %>
+</ul>

data/app/views/refinery/videos/admin/videos/_embed_video_fields.html.erb

@@ -0,0 +1,45 @@
+<div class='field'>
+  <%= f.label t('.copy_embed_tag_here') %>
+  <%= f.text_area :embed_tag, :class => 'embed_tag', :required => true %>
+</div>
+<%= f.hidden_field :use_shared, :value => true %>
+
+<script type="text/javascript">
+    $(function(){
+        $('textarea.embed_tag').on('input', function(e){
+            set_width_and_height($(this))
+        });
+        $('#video_width').on('input', function(){
+            set_in_text_area_width('width', $(this));
+        });
+        $('#video_height').on('input', function(){
+            set_in_text_area_width('height', $(this));
+        });
+
+
+    });
+
+    function set_width_and_height(text_area){
+        var val = text_area.val();
+        var width = val.match(/width="(\d+)"/);
+        if (width) {
+            $('#video_width').val(width[1]);
+        }
+        var height = val.match(/height="(\d+)"/);
+        if (height){
+            $('#video_height').val(height[1]);
+        }
+    }
+
+    function set_in_text_area_width(what, input){
+        var val = input.val();
+        var text = $('textarea.embed_tag').val();
+        var new_text = ''
+        if (what == 'width'){
+            new_text = text.replace(/width="(\d*|\0)"/, 'width="' + val + '"');
+        } else if (what == 'height') {
+            new_text = text.replace(/height="(\d*|\0)"/, 'height="' + val + '"');
+        }
+        $('textarea.embed_tag').val(new_text);
+    }
+</script>

data/app/views/refinery/videos/admin/videos/_file_fields.html.erb

@@ -0,0 +1,94 @@
+<label><%= t('.files') %></label>
+<div class='tips'><%= t('.file_tip') %></div>
+<div id='file_fields'>
+  <%= f.fields_for :video_files do |v| %>
+      <div class="parent">
+        <label class="inline">
+          <%= v.radio_button :use_external, false, {:class => "use_file"}.merge(v.object.use_external ? {} : {:checked => true}) %>
+          <span><%= t('.use_file') %></span>
+        </label>
+        <label class="inline">
+          <%= v.radio_button :use_external, true, {:class => "use_external"}.merge(v.object.use_external ? {:checked => true} : {}) %>
+          <span><%= t('.use_external_source') %></span>
+        </label>
+
+        <div class='field'>
+          <div class="use_file" <%= "style='display: none;'" if v.object.use_external %>>
+            <% if v.object.file.present? %>
+                <% if v.object.url %>
+                    <%= link_to(t('.download_current'), v.object.url,
+                                :title => v.object.file_name) %>
+                    <em><%= t('.or') %> </em><%= t('.replace') %>
+                <% else %>
+                    <span><%= t('.add_file') %></span>
+                <% end %>
+                <%= v.file_field :file %>
+            <% else %>
+                <span><%= t('.add_file') %></span>
+                <%= v.file_field :file, {}.merge(v.object.use_external ? {} : {:required => true}) %>
+            <% end %>
+          </div>
+          <div class="use_external" <%= "style='display: none;'" unless v.object.use_external %>>
+            <span><%= t('.link_to_source') %></span>
+            <%= v.text_field :external_url, {}.merge(v.object.use_external ? {:required => true} : {}) %>
+          </div>
+        </div>
+        <div class='add_remove_buttons'>
+          <% if f.object.video_files.count > 1 %>
+              <% if f.object.persisted? %>
+                  <%= link_to(refinery.videos_admin_video_file_path(v.object),
+                              :class => "cancel confirm-delete",
+                              :title => t('.delete'),
+                              :confirm => t('message', :scope => 'refinery.admin.delete', :title => 'file'),
+                              :method => :delete) do %>
+                      <%= refinery_icon_tag("delete.png") %>
+                      <div class="inline"><%= t('.delete_source') %></div>
+                  <% end %>
+              <% else %>
+                  <a href='#' onclick="remove_field($(this)); return false" class="remove_field" style='display: none'><%= refinery_icon_tag("delete.png")%>
+                    <div class="inline"><%= t('.delete_source') %></div>
+                  </a>
+              <% end %>
+          <% end  %>
+          <a href='#' onclick="add_field($(this)); return false" class="add_field" style='display: none'><%= refinery_icon_tag("add.png") %>
+            <div class="inline"><%= t('.add_source') %></div>
+          </a>
+        </div>
+      </div>
+
+  <% end %>
+</div>
+
+<% @video.video_files.build %>
+<%= render 'new_file_field', :f => f %>
+
+<div class='field' id='maximum_file_size'>
+  <label>
+    <%= t('.maximum_file_size', :bytes => number_to_human_size(Refinery::Videos.max_file_size)) %>
+  </label>
+</div>
+
+<script type="text/javascript">
+    function radio_control(){
+        $('input.use_external').on('change', function(){
+            if ($(this).is(':checked')) {
+                var $parent = $(this).parents('div.parent');
+                $parent.find('div.use_external').show();
+                $parent.find('div.use_file').hide();
+                $parent.find('.use_file input').removeAttr('required');
+                $parent.find('.use_external input').attr('required', 'required');
+            }
+        });
+        $('input.use_file').on('change', function(){
+            if ($(this).is(':checked')) {
+                var $parent = $(this).parents('div.parent');
+                $parent.find('div.use_external').hide();
+                $parent.find('div.use_file').show();
+                $parent.find('.use_file input').attr('required', 'required');
+                $parent.find('.use_external input').removeAttr('required');
+            }
+        });
+    }
+
+
+</script>

data/app/views/refinery/videos/admin/videos/_form.html.erb

@@ -0,0 +1,44 @@
+<% @embedded = true if @video.use_shared  %>
+<%= form_for [refinery, :videos_admin, @video] do |f| %>
+    <%= hidden_field_tag(:embedded, true) if @embedded %>
+    <%= render '/refinery/admin/error_messages',
+               :object              => @video,
+               :include_object_name => true %>
+
+    <div class='field'>
+      <%= f.label t('.title') %>
+      <%= f.text_field :title, :required => true  %>
+    </div>
+
+    <% if @embedded %>
+        <%= render 'embed_video_fields', :f => f %>
+    <% else %>
+        <div class='field'>
+          <%= f.label t('.poster') %>
+          <%= render '/refinery/admin/image_picker',
+                     :f => f,
+                     :field => :poster_id,
+                     :image => @video.poster,
+                     :toggle_image_display => false %>
+
+        </div>
+        <%= render 'file_fields', :f => f %>
+    <% end %>
+
+    <div class='field'>
+      <%= f.label t('.width') %>
+      <%= f.text_field :width %>
+    </div>
+    <div class='field'>
+      <%= f.label t('.height') %>
+      <%= f.text_field :height %>
+    </div>
+
+    <%= render('form_option_fields', :f => f) unless @embedded %>
+
+    <%= render '/refinery/admin/form_actions',
+               :f                   => f,
+               :continue_editing    => false,
+               :delete_title        => t('delete', :scope => 'refinery.videos.admin.videos.video'),
+               :delete_confirmation => t('message', :scope => 'refinery.admin.delete', :title => @video.title) %>
+<% end %>

data/app/views/refinery/videos/admin/videos/_form_option_fields.html.erb

@@ -0,0 +1,17 @@
+<label><%= t('.options') %></label>
+<div class='field'>
+  <%= f.check_box :autoplay, { }, "true", "false" %>
+  <%= f.label :autoplay, t('.autoplay'), :class => 'input_label' %>
+</div>
+<div class='field'>
+  <%= f.check_box :controls, { }, "true", "false" %>
+  <%= f.label :controls, t('.show_ontrols'), :class => 'input_label' %>
+</div>
+<div class='field'>
+  <%= f.check_box :preload, { }, "true", "false" %>
+  <%= f.label :preload, t('.preload_video'), :class => 'input_label' %>
+</div>
+<div class='field'>
+  <%= f.check_box :loop, { }, "true", "false" %>
+  <%= f.label :loop, t('.loop_video'), :class => 'input_label' %>
+</div>

data/app/views/refinery/videos/admin/videos/_new_file_field.html.erb

@@ -0,0 +1,75 @@
+<%= f.fields_for :video_files, @video.video_files.last do |v| %>
+    <div class="new_field" style="display: none">
+      <label class="inline">
+        <%= v.radio_button :use_external, false, :class => "use_file", :checked => true %>
+        <span><%= t('.use_file') %></span>
+      </label>
+      <label class="inline">
+        <%= v.radio_button :use_external, true, :class => "use_external" %>
+        <span><%= t('.use_external_source') %></span>
+      </label>
+      <div class='field'>
+        <div class="use_file">
+          <span><%= t('.add_file') %></span>
+          <%= v.file_field :file, :id => "new_file_field", :required => true %>
+        </div>
+        <div class="use_external" style='display: none'>
+          <span><%= t('.link_to_source') %></span>
+          <%= v.text_field :external_url, :id => "new_external_url_field" %>
+        </div>
+      </div>
+      <div class='add_remove_buttons'>
+        <a href='#' onclick="remove_field($(this)); return false" class="remove_field"><%= refinery_icon_tag("delete.png")%>
+          <div class="inline"><%= t('.delete_source') %></div>
+        </a>
+        <a href='#' onclick="add_field($(this)); return false" class="add_field"><%= refinery_icon_tag("add.png") %>
+          <div class="inline"><%= t('.add_source') %></div>
+        </a>
+      </div>
+    </div>
+<% end %>
+
+<script type="text/javascript">
+    function add_field(plus){
+        plus.parents('div.parent').find('a.add_field').hide();
+        plus.parents('div.parent').find('a.remove_field').show();
+        prepare_new_field();
+        $div = window.new_field.clone();
+        $div.addClass('parent');
+        $div.removeClass('new_field');
+        $('#file_fields').append($div.show());
+        radio_control();
+    }
+
+    function remove_field(minus){
+        minus.parents('div.parent').remove();
+        $('div.parent').last().find('a.add_field').show();
+        if ($('div.parent').length > 1) {
+            $('div.parent').last().find('a.remove_field').show();
+        } else {
+            $('div.parent').find('a.remove_field').hide();
+        }
+    }
+
+    $(function(){
+        radio_control();
+        $('div.parent').last().find('a.add_field').show();
+        $without_first = $('div.parent').not($('div.parent').first());
+        if ($('div.parent').length > 1) {
+            $('div.parent').find('a.remove_field').show();
+        }
+        window.new_field = $('div.new_field').remove();
+        $('input[checked="checked"]').attr('checked', 'checked');
+    });
+
+    function prepare_new_field(){
+        var $inputs = window.new_field.find('input');
+        var date = Number(new Date);
+        $.each($inputs, function(){
+            var new_name = $(this).attr('name').replace(/\[\d+\]/,'['+date+']');
+            $(this).attr('name', new_name);
+            var new_id = $(this).attr('id') + date
+            $(this).attr('id', new_id);
+        });
+    }
+</script>