trusty-clipped-extension 1.0.0

data/spec/models/asset_type_spec.rb

@@ -0,0 +1,70 @@
+require File.expand_path('../../spec_helper', __FILE__)
+
+module Paperclip
+  class Dummy < Processor
+    def initialize file, options = {}, attachment = nil
+      super
+      something = options[:something]
+    end
+    def make
+      @file
+    end
+  end
+end
+
+AssetType.new :simple, :mime_types => %w[test/this test/that]
+AssetType.new :complex, :processors => [:dummy], :styles => {:something => "99x99>"}, :mime_types => %w[test/complex], :icon => 'document'
+AssetType.new :configured, :processors => [:dummy], :mime_types => %w[test/configured]
+AssetType.new :unstandard, :extensions => %w[unstandard nomimetype]
+
+describe AssetType do
+  context 'without thumbnails' do
+    subject{ AssetType.find(:simple) }
+    its(:plural) { should == "simples" }
+    its(:mime_types) { should == ["test/this", "test/that"] }
+    its(:condition) { should == ["asset_content_type IN (?,?)", "test/this", "test/that"] }
+    its(:non_condition) { should == ["NOT asset_content_type IN (?,?)", "test/this", "test/that"] }
+    its(:paperclip_processors) { should be_empty}
+    its(:paperclip_styles) { should be_empty}
+    its(:icon) { should == "/images/admin/assets/simple_icon.png"}
+    its(:icon_path) { should == Rails.root + "public/images/admin/assets/simple_icon.png"}
+  end
+  
+  context 'with initialized thumbnail sizes' do
+    before { TrustyCms.config["assets.create_complex_thumbnails?"] = true }
+    subject{ AssetType.find(:complex) }
+    its(:paperclip_processors) { should == [:dummy] }
+    its(:paperclip_styles) { should_not be_empty }
+    its(:paperclip_styles) { should == {:something => {:geometry => "99x99>"}} }
+    its(:icon) { should == "/images/admin/assets/document_icon.png"}
+  end
+
+  context 'with configured thumbnail sizes' do
+    before { 
+      TrustyCms.config["assets.create_configured_thumbnails?"] = true
+      TrustyCms.config["assets.thumbnails.configured"] = "special:size=800x800>,format=jpg|tiny:size=10x10#,format=png|custom:size=1x1,convert_options=-quality 33 -interlace Plane"
+    }
+    subject{ AssetType.find(:configured) }
+    its(:paperclip_processors) { should == [:dummy] }
+    its(:paperclip_styles) { should == {
+      :special => {:geometry => "800x800>", :format => 'jpg'},
+      :tiny => {:geometry => "10x10#", :format => 'png'},
+      :custom => {:geometry => "1x1", :convert_options => '-quality 33 -interlace Plane'}
+    }}
+  end
+
+  context 'AssetType class methods' do
+    describe '.slice' do
+      AssetType.slice('simple', 'complex').should =~ [AssetType.find(:simple), AssetType.find(:complex)]
+    end
+
+    describe '.from_extension' do
+      AssetType.from_extension('nomimetype').should == AssetType.find(:unstandard)
+    end
+
+    describe '.from_mimetype' do
+      AssetType.from_mimetype('test/this').should == AssetType.find(:simple)
+    end
+  end
+
+end

data/spec/models/post_processing_spec.rb

@@ -0,0 +1,62 @@
+require File.expand_path('../../spec_helper', __FILE__)
+
+describe Asset do
+  dataset :assets
+
+  # these are here to check that paperclip and our various add-ons are all working together.
+  # most of the components are also tested individually but in more abstract ways.
+
+  let(:asset) {
+    asset = assets(:test1)
+    asset.asset = File.new(File.join(File.dirname(__FILE__), "..", "fixtures", "5k.png"))
+    asset
+  }
+  
+  describe "on assigning a file to an asset" do
+    before do
+      TrustyCms.config["assets.create_image_thumbnails?"] = true
+      TrustyCms.config["assets.thumbnails.configured"] = "special:size=800x800>,format=jpg|tiny:size=#10x10,format=png"
+    end
+  
+    it "should have saved the asset" do
+      asset.new_record?.should be_false
+    end
+
+    it "should have calculated asset type" do
+      asset.asset_type.should == AssetType[:image]
+    end
+
+    it "should have recorded width and height and original extension" do
+      asset.original_width.should == 434
+      asset.original_height.should == 66
+      asset.original_extension.should == 'png'
+    end
+
+    it "should respond to original geometry" do
+      asset.original_geometry.should == Paperclip::Geometry.new(434,66)
+    end
+
+    it "should calculate thumbnail geometry" do
+      original_geometry = Paperclip::Geometry.new(434,66)
+      asset.geometry.should == original_geometry
+      asset.geometry(:icon).should == original_geometry * Paperclip::Geometry.parse("42x42#")
+    end
+
+    it "should respond to image dimension methods" do
+      asset.width.should == 434
+      asset.height.should == 66
+      asset.width(:icon).should == 42
+      asset.height(:icon).should == 42
+    end
+
+    it "should respond to image shape methods" do
+      asset.horizontal?.should be_true
+      asset.vertical?.should be_false
+      asset.square?.should be_false
+      asset.square?(:icon).should be_true
+      asset.orientation.should == 'horizontal'
+      asset.aspect.should == 434.0/66.0
+    end
+
+  end
+end

data/spec/spec.opts

@@ -0,0 +1,7 @@
+--colour
+--format
+progress
+--loadby
+mtime
+--reverse
+--backtrace

data/spec/spec_helper.rb

@@ -0,0 +1,36 @@
+unless defined? RADIANT_ROOT
+  ENV["RAILS_ENV"] = "test"
+  case
+  when ENV["RADIANT_ENV_FILE"]
+    require ENV["RADIANT_ENV_FILE"]
+  when File.dirname(__FILE__) =~ %r{vendor/radiant/vendor/extensions}
+    require "#{File.expand_path(File.dirname(__FILE__) + "/../../../../../../")}/config/environment"
+  else
+    require "#{File.expand_path(File.dirname(__FILE__) + "/../../../../")}/config/environment"
+  end
+end
+require "#{RADIANT_ROOT}/spec/spec_helper"
+
+Dataset::Resolver.default << (File.dirname(__FILE__) + "/datasets")
+
+if File.directory?(File.dirname(__FILE__) + "/matchers")
+  Dir[File.dirname(__FILE__) + "/matchers/*.rb"].each {|file| require file }
+end
+
+Spec::Runner.configure do |config|
+  # config.use_transactional_fixtures = true
+  # config.use_instantiated_fixtures  = false
+  # config.fixture_path = Rails.root + '/spec/fixtures'
+
+  # You can declare fixtures for each behaviour like this:
+  #   describe "...." do
+  #     fixtures :table_a, :table_b
+  #
+  # Alternatively, if you prefer to declare them only once, you can
+  # do so here, like so ...
+  #
+  #   config.global_fixtures = :table_a, :table_b
+  #
+  # If you declare global fixtures, be aware that they will be declared
+  # for all of your examples, even those that don't use them.
+end

data/trusty-clipped-extension.gemspec

@@ -0,0 +1,29 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "trusty-clipped-extension"
+
+Gem::Specification.new do |s|
+  s.name        = "trusty-clipped-extension"
+  s.version     = TrustyCmsClippedExtension::VERSION
+  s.platform    = Gem::Platform::RUBY
+  s.authors     = TrustyCmsClippedExtension::AUTHORS
+  s.email       = TrustyCmsClippedExtension::EMAIL
+  s.homepage    = TrustyCmsClippedExtension::URL
+  s.summary     = TrustyCmsClippedExtension::SUMMARY
+  s.description = TrustyCmsClippedExtension::DESCRIPTION
+
+  s.add_dependency "acts_as_list", "0.4.0"
+  s.add_dependency "paperclip",    "~> 4.2.0"
+  s.add_dependency "uuidtools",    "~> 2.1.2"
+  s.add_dependency "cocaine",      "~> 0.5.3"
+
+  ignores = if File.exist?('.gitignore')
+    File.read('.gitignore').split("\n").inject([]) {|a,p| a + Dir[p] }
+  else
+    []
+  end
+  s.files         = Dir['**/*'] - ignores
+  s.test_files    = Dir['test/**/*','spec/**/*','features/**/*'] - ignores
+  # s.executables   = Dir['bin/*'] - ignores
+  s.require_paths = ["lib"]
+end

data/wireframes/edit-page-assets-2.bmml

@@ -0,0 +1,453 @@
+<mockup version="1.0" skin="sketch" measuredW="1896" measuredH="1195" mockupW="1891" mockupH="1195">
+  <controls>
+    <control controlID="0" controlTypeID="com.balsamiq.mockups::TabBar" x="322" y="367" w="787" h="400" measuredW="294" measuredH="100" zOrder="1" locked="false" isInGroup="-1">
+      <controlProperties>
+        <borderStyle>square</borderStyle>
+        <selectedIndex>0</selectedIndex>
+        <size>16</size>
+        <text>%20%20body%20%20%20%20%20%20%2C%20%20%20sidebar%20%20%20%20%20</text>
+      </controlProperties>
+    </control>
+    <control controlID="1" controlTypeID="com.balsamiq.mockups::Icon" x="1076" y="367" w="-1" h="-1" measuredW="24" measuredH="24" zOrder="2" locked="false" isInGroup="-1">
+      <controlProperties>
+        <icon>CircledPlusIcon%7Csmall</icon>
+      </controlProperties>
+    </control>
+    <control controlID="2" controlTypeID="com.balsamiq.mockups::TextArea" x="337" y="444" w="757" h="308" measuredW="200" measuredH="140" zOrder="3" locked="false" isInGroup="-1"/>
+    <control controlID="3" controlTypeID="com.balsamiq.mockups::Icon" x="407" y="376" w="-1" h="-1" measuredW="16" measuredH="16" zOrder="4" locked="false" isInGroup="-1">
+      <controlProperties>
+        <icon>CircledXIcon%7Cxsmall</icon>
+      </controlProperties>
+    </control>
+    <control controlID="4" controlTypeID="com.balsamiq.mockups::Icon" x="515" y="376" w="-1" h="-1" measuredW="16" measuredH="16" zOrder="5" locked="false" isInGroup="-1">
+      <controlProperties>
+        <icon>CircledXIcon%7Cxsmall</icon>
+      </controlProperties>
+    </control>
+    <control controlID="5" controlTypeID="com.balsamiq.mockups::ComboBox" x="374" y="412" w="-1" h="-1" measuredW="73" measuredH="23" zOrder="6" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Textile</text>
+      </controlProperties>
+    </control>
+    <control controlID="6" controlTypeID="com.balsamiq.mockups::Label" x="337" y="413" w="-1" h="-1" measuredW="37" measuredH="23" zOrder="7" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Filter</text>
+      </controlProperties>
+    </control>
+    <control controlID="8" controlTypeID="com.balsamiq.mockups::ComboBox" x="322" y="979" w="125" h="-1" measuredW="83" measuredH="23" zOrder="8" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>%3Cinherit%3E</text>
+      </controlProperties>
+    </control>
+    <control controlID="9" controlTypeID="com.balsamiq.mockups::Label" x="322" y="956" w="-1" h="-1" measuredW="45" measuredH="23" zOrder="9" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Layout</text>
+      </controlProperties>
+    </control>
+    <control controlID="10" controlTypeID="com.balsamiq.mockups::ComboBox" x="460" y="979" w="125" h="-1" measuredW="88" measuredH="23" zOrder="10" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Published</text>
+      </controlProperties>
+    </control>
+    <control controlID="11" controlTypeID="com.balsamiq.mockups::Label" x="460" y="956" w="-1" h="-1" measuredW="45" measuredH="23" zOrder="11" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Status</text>
+      </controlProperties>
+    </control>
+    <control controlID="13" controlTypeID="com.balsamiq.mockups::Label" x="600" y="956" w="-1" h="-1" measuredW="82" measuredH="23" zOrder="12" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Published%20On</text>
+      </controlProperties>
+    </control>
+    <control controlID="14" controlTypeID="com.balsamiq.mockups::DateChooser" x="600" y="976" w="163" h="-1" measuredW="136" measuredH="27" zOrder="13" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>March%2022%2C%202011</text>
+      </controlProperties>
+    </control>
+    <control controlID="15" controlTypeID="com.balsamiq.mockups::TabBar" x="300" y="114" w="829" h="55" measuredW="486" measuredH="100" zOrder="14" locked="false" isInGroup="-1">
+      <controlProperties>
+        <borderStyle>none</borderStyle>
+        <selectedIndex>0</selectedIndex>
+        <size>18</size>
+        <text>%20%20Content%20%20%2C%20%20%20Assets%20%20%2C%20%20%20Design%20%20%2C%20%20%20Settings%20%20</text>
+      </controlProperties>
+    </control>
+    <control controlID="16" controlTypeID="com.balsamiq.mockups::BrowserWindow" x="293" y="24" w="843" h="1134" measuredW="450" measuredH="400" zOrder="0" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>TrustyCms%20CMS%20-%20Publishing%20for%20Small%20Teams%0Ahttp%3A//website.com/admin/pages/123/edit</text>
+      </controlProperties>
+    </control>
+    <control controlID="19" controlTypeID="__group__" x="803" y="110" w="301" h="27" measuredW="301" measuredH="27" zOrder="15" locked="false" isInGroup="-1">
+      <groupChildrenDescriptors>
+        <control controlID="0" controlTypeID="com.balsamiq.mockups::PointyButton" x="224" y="0" w="-1" h="-1" measuredW="77" measuredH="27" zOrder="0" locked="false" isInGroup="19">
+          <controlProperties>
+            <direction>center</direction>
+            <text>View%20Site</text>
+          </controlProperties>
+        </control>
+        <control controlID="1" controlTypeID="com.balsamiq.mockups::Label" x="0" y="3" w="-1" h="-1" measuredW="217" measuredH="23" zOrder="1" locked="false" isInGroup="19">
+          <controlProperties>
+            <bold>false</bold>
+            <text>Logged%20in%20as%20%5BAdministrator%5D%20%28%5BLogout%5D%29</text>
+          </controlProperties>
+        </control>
+      </groupChildrenDescriptors>
+    </control>
+    <control controlID="20" controlTypeID="com.balsamiq.mockups::HRule" x="300" y="189" w="829" h="-1" measuredW="100" measuredH="5" zOrder="16" locked="false" isInGroup="-1"/>
+    <control controlID="21" controlTypeID="com.balsamiq.mockups::Title" x="318" y="211" w="-1" h="-1" measuredW="81" measuredH="29" zOrder="18" locked="false" isInGroup="-1">
+      <controlProperties>
+        <size>18</size>
+        <text>Edit%20Page</text>
+      </controlProperties>
+    </control>
+    <control controlID="23" controlTypeID="com.balsamiq.mockups::Canvas" x="309" y="203" w="812" h="42" measuredW="100" measuredH="70" zOrder="17" locked="false" isInGroup="-1">
+      <controlProperties>
+        <borderStyle>none</borderStyle>
+        <color>13421772</color>
+      </controlProperties>
+    </control>
+    <control controlID="24" controlTypeID="com.balsamiq.mockups::TextArea" x="322" y="287" w="787" h="44" measuredW="200" measuredH="140" zOrder="20" locked="false" isInGroup="-1">
+      <controlProperties>
+        <size>28</size>
+        <text>First%20Post</text>
+      </controlProperties>
+    </control>
+    <control controlID="25" controlTypeID="com.balsamiq.mockups::Label" x="322" y="264" w="-1" h="-1" measuredW="66" measuredH="23" zOrder="21" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Page%20Title</text>
+      </controlProperties>
+    </control>
+    <control controlID="26" controlTypeID="com.balsamiq.mockups::PointyButton" x="322" y="327" w="-1" h="-1" measuredW="64" measuredH="27" zOrder="19" locked="false" isInGroup="-1">
+      <controlProperties>
+        <direction>center</direction>
+        <text>More%20%u25BE</text>
+      </controlProperties>
+    </control>
+    <control controlID="27" controlTypeID="com.balsamiq.mockups::Canvas" x="322" y="1022" w="787" h="58" measuredW="100" measuredH="70" zOrder="22" locked="false" isInGroup="-1">
+      <controlProperties>
+        <borderStyle>roundedSolid</borderStyle>
+      </controlProperties>
+    </control>
+    <control controlID="28" controlTypeID="com.balsamiq.mockups::Button" x="337" y="1037" w="-1" h="-1" measuredW="106" measuredH="28" zOrder="23" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Save%20Changes</text>
+      </controlProperties>
+    </control>
+    <control controlID="29" controlTypeID="com.balsamiq.mockups::Button" x="451" y="1037" w="-1" h="-1" measuredW="179" measuredH="28" zOrder="24" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Save%20and%20Continue%20Editing</text>
+      </controlProperties>
+    </control>
+    <control controlID="30" controlTypeID="com.balsamiq.mockups::Button" x="639" y="1037" w="-1" h="-1" measuredW="70" measuredH="28" zOrder="25" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Preview</text>
+      </controlProperties>
+    </control>
+    <control controlID="31" controlTypeID="com.balsamiq.mockups::Label" x="717" y="1039" w="-1" h="-1" measuredW="61" measuredH="23" zOrder="26" locked="false" isInGroup="-1">
+      <controlProperties>
+        <bold>false</bold>
+        <text>or%20%5BCancel%5D</text>
+      </controlProperties>
+    </control>
+    <control controlID="32" controlTypeID="com.balsamiq.mockups::Canvas" x="322" y="780" w="787" h="159" measuredW="100" measuredH="70" zOrder="27" locked="false" isInGroup="-1">
+      <controlProperties>
+        <borderStyle>roundedSolid</borderStyle>
+      </controlProperties>
+    </control>
+    <control controlID="33" controlTypeID="com.balsamiq.mockups::Label" x="336" y="792" w="-1" h="-1" measuredW="103" measuredH="23" zOrder="28" locked="false" isInGroup="-1">
+      <controlProperties>
+        <size>13</size>
+        <text>Attached%20Assets</text>
+      </controlProperties>
+    </control>
+    <control controlID="40" controlTypeID="com.balsamiq.mockups::Image" x="460" y="820" w="110" h="104" measuredW="77" measuredH="79" zOrder="29" locked="false" isInGroup="-1"/>
+    <control controlID="41" controlTypeID="com.balsamiq.mockups::Image" x="583" y="820" w="110" h="104" measuredW="77" measuredH="79" zOrder="30" locked="false" isInGroup="-1"/>
+    <control controlID="42" controlTypeID="com.balsamiq.mockups::Image" x="705" y="820" w="110" h="104" measuredW="77" measuredH="79" zOrder="31" locked="false" isInGroup="-1"/>
+    <control controlID="43" controlTypeID="com.balsamiq.mockups::Image" x="828" y="820" w="110" h="104" measuredW="77" measuredH="79" zOrder="32" locked="false" isInGroup="-1"/>
+    <control controlID="45" controlTypeID="com.balsamiq.mockups::Image" x="951" y="820" w="110" h="104" measuredW="77" measuredH="79" zOrder="33" locked="false" isInGroup="-1"/>
+    <control controlID="47" controlTypeID="com.balsamiq.mockups::Canvas" x="1069" y="820" w="31" h="104" measuredW="100" measuredH="70" zOrder="34" locked="false" isInGroup="-1"/>
+    <control controlID="48" controlTypeID="com.balsamiq.mockups::Canvas" x="1090" y="820" w="10" h="104" measuredW="100" measuredH="70" zOrder="35" locked="false" isInGroup="-1">
+      <controlProperties>
+        <borderStyle>none</borderStyle>
+      </controlProperties>
+    </control>
+    <control controlID="51" controlTypeID="com.balsamiq.mockups::Canvas" x="337" y="820" w="110" h="104" measuredW="100" measuredH="70" zOrder="36" locked="false" isInGroup="-1"/>
+    <control controlID="52" controlTypeID="com.balsamiq.mockups::Label" x="358" y="832" w="-1" h="-1" measuredW="55" measuredH="20" zOrder="37" locked="false" isInGroup="-1">
+      <controlProperties>
+        <size>11</size>
+        <text>image.png</text>
+      </controlProperties>
+    </control>
+    <control controlID="54" controlTypeID="com.balsamiq.mockups::PointyButton" x="351" y="858" w="77" h="-1" measuredW="59" measuredH="27" zOrder="38" locked="false" isInGroup="-1">
+      <controlProperties>
+        <direction>center</direction>
+        <text>Insert</text>
+      </controlProperties>
+    </control>
+    <control controlID="56" controlTypeID="com.balsamiq.mockups::Arrow" x="220" y="805" w="121" h="30" measuredW="150" measuredH="100" zOrder="39" locked="false" isInGroup="-1">
+      <controlProperties>
+        <curvature>0</curvature>
+        <leftArrow>false</leftArrow>
+      </controlProperties>
+    </control>
+    <control controlID="57" controlTypeID="com.balsamiq.mockups::Label" x="87" y="770" w="141" h="67" measuredW="337" measuredH="24" zOrder="40" locked="false" isInGroup="-1">
+      <controlProperties>
+        <bold>false</bold>
+        <size>14</size>
+        <text>Hovering%20over%20an%20asset%20reveals%20it%27s%20name%20and%20actions</text>
+      </controlProperties>
+    </control>
+    <control controlID="58" controlTypeID="com.balsamiq.mockups::Arrow" x="251" y="881" w="93" h="58" measuredW="150" measuredH="100" zOrder="41" locked="false" isInGroup="-1">
+      <controlProperties>
+        <curvature>0</curvature>
+        <direction>bottom</direction>
+        <leftArrow>false</leftArrow>
+      </controlProperties>
+    </control>
+    <control controlID="59" controlTypeID="com.balsamiq.mockups::Label" x="95" y="915" w="156" h="67" measuredW="449" measuredH="24" zOrder="42" locked="false" isInGroup="-1">
+      <controlProperties>
+        <bold>false</bold>
+        <size>14</size>
+        <text>Click%20%22Insert%22%20to%20insert%20the%20tags%20for%20that%20asset%20into%20the%20selected%20part.</text>
+      </controlProperties>
+    </control>
+    <control controlID="76" controlTypeID="com.balsamiq.mockups::Canvas" x="1219" y="203" w="620" h="449" measuredW="100" measuredH="70" zOrder="43" locked="false" isInGroup="-1">
+      <controlProperties>
+        <backgroundAlpha>0.25</backgroundAlpha>
+        <borderColor>10066329</borderColor>
+        <borderStyle>roundedSolid</borderStyle>
+        <color>0</color>
+      </controlProperties>
+    </control>
+    <control controlID="77" controlTypeID="com.balsamiq.mockups::Canvas" x="1229" y="214" w="600" h="430" measuredW="100" measuredH="70" zOrder="44" locked="false" isInGroup="-1"/>
+    <control controlID="78" controlTypeID="com.balsamiq.mockups::HRule" x="1233" y="248" w="591" h="-1" measuredW="100" measuredH="5" zOrder="45" locked="false" isInGroup="-1"/>
+    <control controlID="79" controlTypeID="com.balsamiq.mockups::Label" x="1238" y="221" w="-1" h="-1" measuredW="94" measuredH="27" zOrder="46" locked="false" isInGroup="-1">
+      <controlProperties>
+        <size>16</size>
+        <text>Insert%20Asset</text>
+      </controlProperties>
+    </control>
+    <control controlID="91" controlTypeID="com.balsamiq.mockups::Canvas" x="1257" y="294" w="545" h="270" measuredW="100" measuredH="70" zOrder="48" locked="false" isInGroup="-1"/>
+    <control controlID="98" controlTypeID="com.balsamiq.mockups::SearchBox" x="1655" y="264" w="146" h="-1" measuredW="66" measuredH="25" zOrder="54" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Search</text>
+      </controlProperties>
+    </control>
+    <control controlID="106" controlTypeID="com.balsamiq.mockups::VerticalScrollBar" x="1779" y="302" w="-1" h="256" measuredW="16" measuredH="100" zOrder="86" locked="false" isInGroup="-1"/>
+    <control controlID="115" controlTypeID="com.balsamiq.mockups::Canvas" x="5" y="0" w="1891" h="1195" measuredW="100" measuredH="70" zOrder="47" locked="true" isInGroup="-1">
+      <controlProperties>
+        <backgroundAlpha>0</backgroundAlpha>
+        <borderStyle>none</borderStyle>
+      </controlProperties>
+    </control>
+    <control controlID="118" controlTypeID="com.balsamiq.mockups::Image" x="1279" y="316" w="110" h="104" measuredW="77" measuredH="79" zOrder="83" locked="false" isInGroup="-1"/>
+    <control controlID="119" controlTypeID="com.balsamiq.mockups::Image" x="1408" y="316" w="110" h="104" measuredW="77" measuredH="79" zOrder="49" locked="false" isInGroup="-1"/>
+    <control controlID="120" controlTypeID="com.balsamiq.mockups::Image" x="1535" y="316" w="110" h="104" measuredW="77" measuredH="79" zOrder="50" locked="false" isInGroup="-1"/>
+    <control controlID="122" controlTypeID="com.balsamiq.mockups::Image" x="1279" y="439" w="110" h="104" measuredW="77" measuredH="79" zOrder="51" locked="false" isInGroup="-1"/>
+    <control controlID="123" controlTypeID="com.balsamiq.mockups::Image" x="1408" y="439" w="110" h="104" measuredW="77" measuredH="79" zOrder="52" locked="false" isInGroup="-1"/>
+    <control controlID="124" controlTypeID="com.balsamiq.mockups::Image" x="1535" y="439" w="110" h="104" measuredW="77" measuredH="79" zOrder="53" locked="false" isInGroup="-1"/>
+    <control controlID="136" controlTypeID="com.balsamiq.mockups::PointyButton" x="1293" y="261" w="50" h="-1" measuredW="58" measuredH="27" zOrder="55" locked="false" isInGroup="-1">
+      <controlProperties>
+        <bold>false</bold>
+        <direction>center</direction>
+        <size>12</size>
+        <text>Images</text>
+      </controlProperties>
+    </control>
+    <control controlID="137" controlTypeID="com.balsamiq.mockups::Label" x="1257" y="264" w="-1" h="-1" measuredW="21" measuredH="21" zOrder="56" locked="false" isInGroup="-1">
+      <controlProperties>
+        <bold>false</bold>
+        <size>12</size>
+        <text>All</text>
+      </controlProperties>
+    </control>
+    <control controlID="138" controlTypeID="com.balsamiq.mockups::Label" x="1434" y="264" w="-1" h="-1" measuredW="34" measuredH="21" zOrder="57" locked="false" isInGroup="-1">
+      <controlProperties>
+        <bold>false</bold>
+        <size>12</size>
+        <text>Video</text>
+      </controlProperties>
+    </control>
+    <control controlID="139" controlTypeID="com.balsamiq.mockups::Label" x="1480" y="264" w="-1" h="-1" measuredW="34" measuredH="21" zOrder="58" locked="false" isInGroup="-1">
+      <controlProperties>
+        <bold>false</bold>
+        <size>12</size>
+        <text>Audio</text>
+      </controlProperties>
+    </control>
+    <control controlID="140" controlTypeID="com.balsamiq.mockups::Label" x="1358" y="264" w="-1" h="-1" measuredW="62" measuredH="21" zOrder="59" locked="false" isInGroup="-1">
+      <controlProperties>
+        <bold>false</bold>
+        <size>12</size>
+        <text>Documents</text>
+      </controlProperties>
+    </control>
+    <control controlID="141" controlTypeID="com.balsamiq.mockups::Label" x="1525" y="264" w="-1" h="-1" measuredW="37" measuredH="21" zOrder="60" locked="false" isInGroup="-1">
+      <controlProperties>
+        <bold>false</bold>
+        <size>12</size>
+        <text>Other</text>
+      </controlProperties>
+    </control>
+    <control controlID="142" controlTypeID="com.balsamiq.mockups::Button" x="1655" y="597" w="83" h="28" measuredW="62" measuredH="28" zOrder="61" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Insert</text>
+      </controlProperties>
+    </control>
+    <control controlID="143" controlTypeID="com.balsamiq.mockups::Label" x="1743" y="600" w="-1" h="-1" measuredW="61" measuredH="23" zOrder="62" locked="false" isInGroup="-1">
+      <controlProperties>
+        <bold>false</bold>
+        <text>or%20%5BCancel%5D</text>
+      </controlProperties>
+    </control>
+    <control controlID="144" controlTypeID="com.balsamiq.mockups::HRule" x="1229" y="580" w="595" h="-1" measuredW="100" measuredH="5" zOrder="63" locked="false" isInGroup="-1"/>
+    <control controlID="168" controlTypeID="com.balsamiq.mockups::Arrow" x="544" y="311" w="654" h="100" measuredW="150" measuredH="100" zOrder="64" locked="false" isInGroup="-1">
+      <controlProperties>
+        <curvature>0</curvature>
+        <direction>bottom</direction>
+        <leftArrow>false</leftArrow>
+      </controlProperties>
+    </control>
+    <control controlID="169" controlTypeID="com.balsamiq.mockups::Label" x="896" y="413" w="-1" h="-1" measuredW="198" measuredH="23" zOrder="65" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Reference%20%20%5BFilter%5D%20%5BAvailable%20Tags%5D</text>
+      </controlProperties>
+    </control>
+    <control controlID="170" controlTypeID="com.balsamiq.mockups::Label" x="461" y="413" w="-1" h="-1" measuredW="43" measuredH="23" zOrder="66" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Insert</text>
+      </controlProperties>
+    </control>
+    <control controlID="171" controlTypeID="com.balsamiq.mockups::Icon" x="506" y="411" w="-1" h="-1" measuredW="24" measuredH="24" zOrder="67" locked="false" isInGroup="-1">
+      <controlProperties>
+        <icon>ImageIcon%7Csmall</icon>
+      </controlProperties>
+    </control>
+    <control controlID="173" controlTypeID="com.balsamiq.mockups::Button" x="1256" y="595" w="83" h="28" measuredW="76" measuredH="28" zOrder="68" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Upload...</text>
+      </controlProperties>
+    </control>
+    <control controlID="174" controlTypeID="com.balsamiq.mockups::Canvas" x="1219" y="765" w="372" h="275" measuredW="100" measuredH="70" zOrder="69" locked="false" isInGroup="-1">
+      <controlProperties>
+        <backgroundAlpha>0.25</backgroundAlpha>
+        <borderColor>10066329</borderColor>
+        <borderStyle>roundedSolid</borderStyle>
+        <color>0</color>
+      </controlProperties>
+    </control>
+    <control controlID="175" controlTypeID="com.balsamiq.mockups::Canvas" x="1229" y="776" w="352" h="254" measuredW="100" measuredH="70" zOrder="70" locked="false" isInGroup="-1"/>
+    <control controlID="176" controlTypeID="com.balsamiq.mockups::HRule" x="1229" y="810" w="349" h="-1" measuredW="100" measuredH="5" zOrder="71" locked="false" isInGroup="-1"/>
+    <control controlID="177" controlTypeID="com.balsamiq.mockups::Label" x="1238" y="783" w="-1" h="-1" measuredW="99" measuredH="27" zOrder="72" locked="false" isInGroup="-1">
+      <controlProperties>
+        <size>16</size>
+        <text>Upload%20Asset</text>
+      </controlProperties>
+    </control>
+    <control controlID="178" controlTypeID="com.balsamiq.mockups::Label" x="1247" y="896" w="-1" h="-1" measuredW="163" measuredH="23" zOrder="73" locked="false" isInGroup="-1">
+      <controlProperties>
+        <bold>false</bold>
+        <text>*Alt%20Text%20or%20Title*%20%28optional%29</text>
+      </controlProperties>
+    </control>
+    <control controlID="179" controlTypeID="com.balsamiq.mockups::TextInput" x="1247" y="919" w="316" h="-1" measuredW="79" measuredH="27" zOrder="74" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text/>
+      </controlProperties>
+    </control>
+    <control controlID="180" controlTypeID="com.balsamiq.mockups::Button" x="1370" y="987" w="128" h="28" measuredW="121" measuredH="28" zOrder="75" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Upload%20%26%20Insert</text>
+      </controlProperties>
+    </control>
+    <control controlID="181" controlTypeID="com.balsamiq.mockups::Label" x="1503" y="990" w="-1" h="-1" measuredW="61" measuredH="23" zOrder="76" locked="false" isInGroup="-1">
+      <controlProperties>
+        <bold>false</bold>
+        <text>or%20%5BCancel%5D</text>
+      </controlProperties>
+    </control>
+    <control controlID="182" controlTypeID="com.balsamiq.mockups::TextInput" x="1247" y="858" w="227" h="-1" measuredW="72" measuredH="27" zOrder="77" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>image.png</text>
+      </controlProperties>
+    </control>
+    <control controlID="183" controlTypeID="com.balsamiq.mockups::Label" x="1247" y="833" w="-1" h="-1" measuredW="70" measuredH="23" zOrder="78" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Choose%20File</text>
+      </controlProperties>
+    </control>
+    <control controlID="184" controlTypeID="com.balsamiq.mockups::Button" x="1474" y="858" w="-1" h="-1" measuredW="89" measuredH="28" zOrder="79" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>Choose%20File</text>
+      </controlProperties>
+    </control>
+    <control controlID="185" controlTypeID="com.balsamiq.mockups::HRule" x="1229" y="974" w="347" h="-1" measuredW="100" measuredH="5" zOrder="80" locked="false" isInGroup="-1"/>
+    <control controlID="186" controlTypeID="com.balsamiq.mockups::Arrow" x="1298" y="631" w="20" h="121" measuredW="150" measuredH="100" zOrder="81" locked="false" isInGroup="-1">
+      <controlProperties>
+        <curvature>0</curvature>
+        <direction>top</direction>
+        <leftArrow>false</leftArrow>
+      </controlProperties>
+    </control>
+    <control controlID="187" controlTypeID="com.balsamiq.mockups::Canvas" x="1273" y="306" w="122" h="123" measuredW="100" measuredH="70" zOrder="82" locked="false" isInGroup="-1">
+      <controlProperties>
+        <backgroundAlpha>0.5</backgroundAlpha>
+        <borderStyle>none</borderStyle>
+        <color>7317724</color>
+      </controlProperties>
+    </control>
+    <control controlID="188" controlTypeID="com.balsamiq.mockups::Image" x="1661" y="316" w="110" h="104" measuredW="77" measuredH="79" zOrder="84" locked="false" isInGroup="-1"/>
+    <control controlID="189" controlTypeID="com.balsamiq.mockups::Image" x="1661" y="439" w="110" h="104" measuredW="77" measuredH="79" zOrder="85" locked="false" isInGroup="-1"/>
+    <control controlID="190" controlTypeID="com.balsamiq.mockups::Icon" x="537" y="411" w="-1" h="-1" measuredW="24" measuredH="24" zOrder="87" locked="false" isInGroup="-1">
+      <controlProperties>
+        <icon>DocEmptyIcon%7Csmall</icon>
+      </controlProperties>
+    </control>
+    <control controlID="191" controlTypeID="com.balsamiq.mockups::Icon" x="570" y="411" w="-1" h="-1" measuredW="24" measuredH="24" zOrder="88" locked="false" isInGroup="-1">
+      <controlProperties>
+        <icon>VideoCameraIcon%7Csmall</icon>
+      </controlProperties>
+    </control>
+    <control controlID="192" controlTypeID="com.balsamiq.mockups::Arrow" x="462" y="516" w="753" h="276" measuredW="150" measuredH="100" zOrder="89" locked="false" isInGroup="-1">
+      <controlProperties>
+        <curvature>0</curvature>
+        <direction>top</direction>
+        <leftArrow>true</leftArrow>
+        <rightArrow>false</rightArrow>
+      </controlProperties>
+    </control>
+    <control controlID="193" controlTypeID="com.balsamiq.mockups::Paragraph" x="836" y="545" w="225" h="107" measuredW="200" measuredH="140" zOrder="90" locked="false" isInGroup="-1">
+      <controlProperties>
+        <bold>false</bold>
+        <size>14</size>
+        <text>Inserting%20or%20uploading%20an%20asset%20causes%20the%20appropriate%20radius%20tag%20to%20be%20inserted%20in%20the%20document.%20Also%20the%20asset%20is%20added%20to%20the%20%22attached%20assets%22%20list%20below.</text>
+      </controlProperties>
+    </control>
+    <control controlID="194" controlTypeID="com.balsamiq.mockups::Paragraph" x="1229" y="118" w="225" h="45" measuredW="200" measuredH="140" zOrder="91" locked="false" isInGroup="-1">
+      <controlProperties>
+        <bold>false</bold>
+        <size>14</size>
+        <text>This%20simplified%20flow%20streamlines%20the%20insertion%20process.</text>
+      </controlProperties>
+    </control>
+    <control controlID="195" controlTypeID="com.balsamiq.mockups::PointyButton" x="351" y="888" w="77" h="-1" measuredW="68" measuredH="27" zOrder="92" locked="false" isInGroup="-1">
+      <controlProperties>
+        <direction>center</direction>
+        <text>Detatch</text>
+      </controlProperties>
+    </control>
+    <control controlID="196" controlTypeID="com.balsamiq.mockups::Arrow" x="220" y="658" w="117" h="134" measuredW="150" measuredH="100" zOrder="93" locked="false" isInGroup="-1">
+      <controlProperties>
+        <curvature>0</curvature>
+        <leftArrow>false</leftArrow>
+      </controlProperties>
+    </control>
+    <control controlID="197" controlTypeID="com.balsamiq.mockups::Label" x="108" y="597" w="156" h="67" measuredW="357" measuredH="24" zOrder="94" locked="false" isInGroup="-1">
+      <controlProperties>
+        <bold>false</bold>
+        <size>14</size>
+        <text>This%20section%20is%20only%20revealed%20when%20assets%20are%20attached.</text>
+      </controlProperties>
+    </control>
+  </controls>
+</mockup>