aerogel-media 1.4.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: fe40bd030f53130426c4a1fe9dfcf65922bf190b
+  data.tar.gz: 74bbe19b21e6499bdada92860a42ff56edb72f1c
+SHA512:
+  metadata.gz: b11fb5a178b46a6b4cbe8e1fa0fcbea9a42e548fc412915a48cdc7086f7f8e0a812fbc4da5e4feef3cf14749ba1edd32012af53f0d85c0640861f14e3d953fa9
+  data.tar.gz: 8b802f2413779029e8a02e8c2e2c0f4f62e606fd237fc197b43c39e19b57a14b3a127b662de55bf0cbe4ed06984e8da70c5720fdd5522550f7e5d4b0891fe317

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in aerogel-module123.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Alex Kukushkin
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,14 @@
+# Aerogel::Media
+
+File attachments for aerogel models.
+
+## Usage
+
+
+In your application's config.ru:
+```ruby
+require 'aerogel/core'
+require 'aerogel/media' #
+
+run Aerogel::Application.load
+```

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/aerogel-media.gemspec

@@ -0,0 +1,26 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'aerogel/media/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "aerogel-media"
+  spec.version       = Aerogel::Media::VERSION
+  spec.authors       = ["Alex Kukushkin"]
+  spec.email         = ["alex@kukushk.in"]
+  spec.description   = %q{File attachments for aerogel models}
+  spec.summary       = %q{File attachments for aerogel models}
+  spec.homepage      = ""
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency "aerogel-core", "~> 1.4"
+  spec.add_dependency "dragonfly"
+
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+end

data/app/helpers/README.md

@@ -0,0 +1,7 @@
+Module helpers go there. Suggested format is:
+
+```ruby
+def my_helper_name1
+...
+end
+```

data/app/helpers/image_tag.rb

@@ -0,0 +1,26 @@
+# Renders an IMG tag using given Dragonfly job:
+#
+#  <%= image_tag @user.avatar.thumb('100x100') %> # => <img src="..." width="..." height="..." .../>
+#
+def image_tag( src, opts = {} )
+  if ( src.try(:image?) rescue false )
+    tag :img, { src: src.url, width: src.width, height: src.height }.merge(opts)
+  else
+    h "<not an image!>"
+  end
+end
+
+
+# Renders an IMG for a given +thumb+ enclosed in A.fancybox
+#
+#  <%= image_thumb_tag @user.avatar, '100x100' %>
+#
+def image_thumb_tag( src, thumb, opts = {} )
+  if ( src.try(:image?) rescue false )
+    tag :a, { href: src.url, class: 'fancybox', title: src.description }.merge(opts) do
+      image_tag src.thumb(thumb)
+    end
+  else
+    h "<not an image!>"
+  end
+end

data/app/routes/README.md

@@ -0,0 +1,7 @@
+Module routes go there. Suggested format is:
+
+```ruby
+get "/route/to/my/module" do
+...
+end
+```

data/assets/README.md

@@ -0,0 +1 @@
+All subfolders of this one will be served by Sprockets pipeline. Exact names, i.e. ```css/``` and ```scripts/```, are irrelevant and serve only for better organization of assets.

data/assets/javascripts/aerogel-media.js.coffee

@@ -0,0 +1,4 @@
+#= require fancybox2
+#= require_tree ./aerogel-media
+
+console?.log "** aerogel-media: initialized"

data/assets/javascripts/aerogel-media/enable-fancybox.js.coffee

@@ -0,0 +1,36 @@
+fancybox_options =
+    padding: 0
+    openSpeed: 100
+    closeSpeed: 50
+    helpers:
+        title:
+            type: 'outside'
+
+
+# Opens fancybox attached to <A HREF=...> tag specified by +el+ element .
+#
+fancybox_open_a_href = (el) ->
+    href = $(el).attr 'href'
+    title = $(el).attr 'title'
+    $.fancybox.open([{ href: href, title: title }], fancybox_options )
+    console?.log "** fancybox: called handler on A HREF:#{href}, title:#{title}"
+
+# Opens fancybox attached to <IMG SRC=...> tag specified by +el+ element .
+#
+fancybox_open_img_src = (el) ->
+    href = $(el).attr 'src'
+    title = $(el).attr 'title'
+    $.fancybox.open([{ href: href, title: title }], fancybox_options )
+    console?.log "** fancybox: called handler on IMG SRC title:#{title}"
+
+$ ->
+    $("body").on 'click', "A.fancybox", (e) ->
+        fancybox_open_a_href this
+        e.preventDefault()
+    $("body").on 'click', "IMG.fancybox", (e) ->
+        fancybox_open_img_src this
+        e.preventDefault()
+    $("body").on 'mouseenter', "IMG.fancybox", (e) ->
+        $(this).css('cursor', 'pointer')
+
+    console?.log "** fancybox: event handlers installed"

data/assets/javascripts/aerogel-media/smart-file-input.js.coffee

@@ -0,0 +1,132 @@
+# Enables smart-file-input widget on element, specified by +widget+
+#
+# Suggested markup:
+#
+# <div class="smart-file-input">
+#
+#   <input type="file" name="..."/>
+#   <input class="file-remove-field" type="..." name="..."/>
+#
+#   <div class="file-empty">
+#      ...no file selected...
+#      <button class="btn-file-select">Choose file...</button>
+#   </div>
+#
+#   <div class="file-exists">
+#     <div class="file-old">
+#       ...previously uploaded file...
+#     </div>
+#     <div class="file-new">
+#       ...preview or name for selected file...
+#     </div>
+#     <button class="btn-file-change">Change</button>
+#     <button class="btn-file-remove">Remove</button>
+#   </div>
+#
+# </div>
+#
+@smart_file_input = (widget) ->
+    if widget.hasClass 'smart-file-input-applied'
+        console?.log "** smart-file-input: already applied, aborting", widget
+        return
+    widget.addClass "smart-file-input-applied"
+    input_tag = widget.find 'input[type=file]'
+    input_remove_tag = widget.find 'input.file-remove-field'
+    btn_select = widget.find '.btn-file-select'
+    btn_change = widget.find '.btn-file-change'
+    btn_remove = widget.find '.btn-file-remove'
+    el_file_empty = widget.find '.file-empty'
+    el_file_exists = widget.find '.file-exists'
+    el_file_exists_old = widget.find '.file-old'
+    has_old_file = el_file_exists_old.length > 0
+    el_file_exists_new = widget.find '.file-new'
+    input_tag.hide()
+    el_file_exists_new.hide()
+    if has_old_file
+        el_file_empty.hide()
+    else
+        el_file_exists.hide()
+    btn_select.on 'click', (e) ->
+        e.preventDefault()
+        input_tag.trigger 'click'
+    btn_change.on 'click', (e) ->
+        e.preventDefault()
+        input_tag.trigger 'click'
+    btn_remove.on 'click', (e) ->
+        e.preventDefault()
+        on_file_remove()
+    input_tag.on 'change', (e) ->
+        numFiles = ( if input_tag.get(0).files then input_tag.get(0).files.length else 1 )
+        file = input_tag.get(0).files[0] if numFiles > 0
+        re = new RegExp '\\\\', 'g'
+        label = input_tag.val().replace(re, '/').replace(/.*\//, '')
+        console?.log "** smart-file-input: selected #{numFiles}, '#{label}'"
+        if numFiles
+            # file selected, show new file
+            on_file_selected( file, numFiles, label )
+        else
+            # file selection cancelled, show previous state
+            on_file_cancelled()
+
+    on_file_remove = ->
+        el_file_empty.show()
+        el_file_exists.hide()
+        has_old_file = false
+        input_remove_tag.val('1')
+        input_tag_reset()
+        console?.log "** smart-file-input: remove file, selected or old"
+
+    on_file_selected = ( file, num, label ) ->
+        input_remove_tag.val('') # cancel remove
+        el_file_empty.hide()
+        el_file_exists_old.hide() # if has_old_file
+        el_file_exists_new.find('.file-label').text label
+        show_file_preview file, label
+        el_file_exists_new.show()
+        el_file_exists.show()
+
+    on_file_cancelled = ->
+        if has_old_file
+            # file selection cancelled, show old file
+            el_file_empty.hide()
+            el_file_exists_old.show()
+            el_file_exists_new.hide()
+            el_file_exists.show()
+        else
+            # file selection cancelled, no old file
+            input_remove_tag.val('1') # re-enable remove
+            el_file_empty.show()
+            el_file_exists.hide()
+
+    input_tag_reset = ->
+        input_tag.wrap('<form>').parent('form').trigger('reset')
+        input_tag.unwrap()
+
+    show_file_preview = (file, label) ->
+        file_ext = file.name.split('.')[-1..][0] if file.name?
+        el_file_preview = el_file_exists_new.find '.file-preview'
+        if ( el_file_preview.length &&
+            file.type? && file.type.match('image.*') &&
+            file_ext? && file_ext.match(/^(gif|png|jpe?g)$/i) &&
+            FileReader?
+        )
+            reader = new FileReader()
+            reader.onload = (e) ->
+                el_file_preview.get(0).src = e.target.result
+            reader.readAsDataURL file
+            el_file_preview.attr 'title', label
+            el_file_preview.show()
+            console?.log "** smart-file-input: show file preview"
+        else
+            el_file_preview.hide()
+            console?.log "** smart-file-input: hide file preview"
+
+    console?.log "** smart-file-input: applied to element"
+
+
+# Apply on ready
+$ ->
+    $(".smart-file-input").each ->
+        smart_file_input $(@)
+    console?.log "** smart-file-input: loaded"
+

data/assets/stylesheets/aerogel-media.css.scss

@@ -0,0 +1,2 @@
+//= require fancybox2
+//= require_tree ./aerogel-media

data/assets/stylesheets/aerogel-media/smart-file-input.css.scss

@@ -0,0 +1,12 @@
+.smart-file-input {
+    .file-empty .btn-file-select,
+    .file-exists .btn-file-change,
+    .file-exists .btn-file-remove {
+        margin-top: 5px;
+    }
+
+    .file-label {
+        color: #aaa;
+        font-size: 0.9em;
+    }
+}

data/assets/vendor/fancybox2.css.scss

@@ -0,0 +1 @@
+@import "./fancybox2/jquery.fancybox";

data/assets/vendor/fancybox2.js.coffee

@@ -0,0 +1 @@
+#= require fancybox2/jquery.fancybox

data/assets/vendor/fancybox2/helpers/jquery.fancybox-buttons.css

@@ -0,0 +1,97 @@
+#fancybox-buttons {
+	position: fixed;
+	left: 0;
+	width: 100%;
+	z-index: 8050;
+}
+
+#fancybox-buttons.top {
+	top: 10px;
+}
+
+#fancybox-buttons.bottom {
+	bottom: 10px;
+}
+
+#fancybox-buttons ul {
+	display: block;
+	width: 166px;
+	height: 30px;
+	margin: 0 auto;
+	padding: 0;
+	list-style: none;
+	border: 1px solid #111;
+	border-radius: 3px;
+	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
+	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
+	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
+	background: rgb(50,50,50);
+	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
+	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
+	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
+	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
+	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
+}
+
+#fancybox-buttons ul li {
+	float: left;
+	margin: 0;
+	padding: 0;
+}
+
+#fancybox-buttons a {
+	display: block;
+	width: 30px;
+	height: 30px;
+	text-indent: -9999px;
+	background-color: transparent;
+	background-image: url('fancybox_buttons.png');
+	background-repeat: no-repeat;
+	outline: none;
+	opacity: 0.8;
+}
+
+#fancybox-buttons a:hover {
+	opacity: 1;
+}
+
+#fancybox-buttons a.btnPrev {
+	background-position: 5px 0;
+}
+
+#fancybox-buttons a.btnNext {
+	background-position: -33px 0;
+	border-right: 1px solid #3e3e3e;
+}
+
+#fancybox-buttons a.btnPlay {
+	background-position: 0 -30px;
+}
+
+#fancybox-buttons a.btnPlayOn {
+	background-position: -30px -30px;
+}
+
+#fancybox-buttons a.btnToggle {
+	background-position: 3px -60px;
+	border-left: 1px solid #111;
+	border-right: 1px solid #3e3e3e;
+	width: 35px
+}
+
+#fancybox-buttons a.btnToggleOn {
+	background-position: -27px -60px;
+}
+
+#fancybox-buttons a.btnClose {
+	border-left: 1px solid #111;
+	width: 35px;
+	background-position: -56px 0px;
+}
+
+#fancybox-buttons a.btnDisabled {
+	opacity : 0.4;
+	cursor: default;
+}