kuji-mercury-rails 0.3.2 → 0.3.3

data/app/views/mercury/modals/character.html

@@ -1,4 +1,4 @@
-<form id="mercury_character" class="mercury-form" style="width:456px">
+<form id="mercury_character" style="width:456px">
 
   <div class="mercury-display-pane-container">
     <div class="mercury-display-pane">

data/app/views/mercury/modals/htmleditor.html

@@ -1,4 +1,4 @@
-<form id="mercury_html_editor" class="mercury-form" style="width:650px">
+<form id="mercury_html_editor" style="width:650px">
 
   <textarea class="mercury-display-pane-container" rows="5" style="width:100%"></textarea>
 

data/app/views/mercury/modals/link.html

@@ -1,4 +1,4 @@
-<form id="mercury_link" class="mercury-form" style="width:600px">
+<form id="mercury_link" style="width:600px">
 
   <div class="mercury-display-pane-container">
     <div class="mercury-display-pane">

data/app/views/mercury/modals/media.html

@@ -1,4 +1,4 @@
-<form id="mercury_media" class="mercury-form" style="width:600px">
+<form id="mercury_media" style="width:600px">
 
   <div class="mercury-display-pane-container">
     <div class="mercury-display-pane">

data/app/views/mercury/modals/table.html

@@ -1,4 +1,4 @@
-<form id="mercury_table" class="mercury-form" style="width:700px">
+<form id="mercury_table" style="width:700px">
 
   <div class="mercury-display-pane-container">
     <div class="mercury-display-pane">

data/app/views/mercury/snippets/example/options.html.erb

@@ -1,4 +1,4 @@
-<%= form_for 'options', { :html => { :class => 'mercury-form', :style => 'width:600px' } } do |f| %>
+<%= form_for 'options', { :html => { :style => 'width:600px' } } do |f| %>
 
   <div class="mercury-display-pane-container">
     <div class="mercury-display-pane">

data/config/engine.rb

@@ -4,7 +4,7 @@ module Mercury
   class Engine < Rails::Engine
 
     # Additional application configuration to include precompiled assets.
-    initializer :assets, :group => :all do |app|
+    initializer :assets do |app|
       app.config.assets.precompile += %w( mercury.js mercury.css mercury_overrides.css )
     end
 

data/features/loading/loading.feature

@@ -19,4 +19,4 @@ Feature:
 
 
   Scenario: A user can expect to see the status bar
-    Then I should see "Mercury Editor v0.3.1" within the statusbar
+    Then I should see "Mercury Editor v0.3.0" within the statusbar

data/features/regions/editable/inserting_snippets.feature

@@ -25,7 +25,7 @@ Feature:
     And fill in "Favorite Beer" with "Stella"
     And press "Insert Snippet"
     Then the modal window should not be visible
-    And the contents of the editable region should be "this is <div data-version='1' data-snippet='snippet_14' class='mercury-snippet example-snippet' contenteditable='false'><strong>Jeremy</strong> likes Stella</div><span>simple</span> <b>content</b>"
+    And the contents of the editable region should be "this is <div data-version='1' data-snippet='snippet_14' class='mercury-snippet' contenteditable='false'><strong>Jeremy</strong> likes Stella</div><span>simple</span> <b>content</b>"
 
 
   Scenario: A user can use the snippet toolbar to remove a snippet
@@ -52,7 +52,7 @@ Feature:
     When I fill in "First Name" with "Jeremy"
     And fill in "Favorite Beer" with "Stella"
     And press "Insert Snippet"
-    Then the contents of the editable region should be "<div data-version='2' data-snippet='snippet_42' class='mercury-snippet example-snippet' contenteditable='false'><strong>Jeremy</strong> likes Stella</div> <b>content</b>"
+    Then the contents of the editable region should be "<div data-version='2' data-snippet='snippet_42' class='mercury-snippet' contenteditable='false'><strong>Jeremy</strong> likes Stella</div> <b>content</b>"
 
 
   Scenario: A user can make changes to a snippets options, and they'll be versioned for undo and redo
@@ -63,7 +63,7 @@ Feature:
     And I fill in "First Name" with "Jeremy"
     And fill in "Favorite Beer" with "Stella"
     And press "Insert Snippet"
-    Then the contents of the editable region should be "<div data-version='2' data-snippet='snippet_42' class='mercury-snippet example-snippet' contenteditable='false'><strong>Jeremy</strong> likes Stella</div> <b>content</b>"
+    Then the contents of the editable region should be "<div data-version='2' data-snippet='snippet_42' class='mercury-snippet' contenteditable='false'><strong>Jeremy</strong> likes Stella</div> <b>content</b>"
 
     When I edit the snippet
     Then the "First Name" field should contain "Jeremy"
@@ -72,10 +72,10 @@ Feature:
     When fill in "First Name" with "Diesel"
     And fill in "Favorite Beer" with "Bells Hopslam"
     And press "Insert Snippet"
-    Then the content of the editable region should be "<div data-version='3' data-snippet='snippet_42' class='mercury-snippet example-snippet' contenteditable='false'><strong>Diesel</strong> likes Bells Hopslam</div> <b>content</b>"
+    Then the content of the editable region should be "<div data-version='3' data-snippet='snippet_42' class='mercury-snippet' contenteditable='false'><strong>Diesel</strong> likes Bells Hopslam</div> <b>content</b>"
 
     When I click on the "Undo" button
-    Then the contents of the editable region should be "<div data-version='2' data-snippet='snippet_42' class='mercury-snippet example-snippet' contenteditable='false'><strong>Jeremy</strong> likes Stella</div> <b>content</b>"
+    Then the contents of the editable region should be "<div data-version='2' data-snippet='snippet_42' class='mercury-snippet' contenteditable='false'><strong>Jeremy</strong> likes Stella</div> <b>content</b>"
 
     When I edit the snippet
     # todo: this is a bug
@@ -84,7 +84,7 @@ Feature:
 
     When I close the modal
     When I click on the "Redo" button
-    Then the contents of the editable region should be "<div data-version='3' data-snippet='snippet_42' class='mercury-snippet example-snippet' contenteditable='false'><strong>Diesel</strong> likes Bells Hopslam</div> <b>content</b>"
+    Then the contents of the editable region should be "<div data-version='3' data-snippet='snippet_42' class='mercury-snippet' contenteditable='false'><strong>Diesel</strong> likes Bells Hopslam</div> <b>content</b>"
 
     When I edit the snippet
     Then the "First Name" field should contain "Diesel"
@@ -93,7 +93,7 @@ Feature:
     When I fill in "First Name" with "Jen"
     And fill in "Favorite Beer" with "Miller High Life"
     And press "Insert Snippet"
-    Then the contents of the editable region should be "<div data-version='4' data-snippet='snippet_42' class='mercury-snippet example-snippet' contenteditable='false'><strong>Jen</strong> likes Miller High Life</div> <b>content</b>"
+    Then the contents of the editable region should be "<div data-version='4' data-snippet='snippet_42' class='mercury-snippet' contenteditable='false'><strong>Jen</strong> likes Miller High Life</div> <b>content</b>"
 
 
 #  Scenario: When a user saves, the snippets should be gone from the html, but the options are serialized

data/spec/javascripts/mercury/page_editor_spec.js.coffee

@@ -36,9 +36,9 @@ describe "Mercury.PageEditor", ->
       expect(window.mercuryInstance).toEqual(@pageEditor)
 
     it "accepts a saveUrl, and options", ->
-      @pageEditor = new Mercury.PageEditor('/foo/1', {foo: 'bar', saveDataType: 'text'})
+      @pageEditor = new Mercury.PageEditor('/foo/1', {foo: 'bar'})
       expect(@pageEditor.saveUrl).toEqual('/foo/1')
-      expect(@pageEditor.options).toEqual({foo: 'bar', saveDataType: 'text', visible: true})
+      expect(@pageEditor.options).toEqual({foo: 'bar', visible: true})
 
     it "sets the visible option to true unless it's set", ->
       @pageEditor = new Mercury.PageEditor('/foo/1', {foo: 'bar', visible: false})
@@ -650,12 +650,12 @@ describe "Mercury.PageEditor", ->
         expect(@ajaxSpy.argsForCall[0][0]).toEqual('/foo/bar')
 
         @pageEditor.saveUrl = null
-        Mercury.saveUrl = '/foo/bit'
+        Mercury.saveURL = '/foo/bit'
         @pageEditor.save()
         expect(@ajaxSpy.argsForCall[1][0]).toEqual('/foo/bit')
 
         @pageEditor.saveUrl = null
-        Mercury.saveUrl = null
+        Mercury.saveURL = null
         @pageEditor.save()
         expect(@ajaxSpy.argsForCall[2][0]).toEqual('/foo/baz')
 
@@ -711,21 +711,14 @@ describe "Mercury.PageEditor", ->
       describe "on failed ajax request", ->
 
         beforeEach ->
-          @ajaxSpy.andCallFake((url, options) => options.error({'response': 'object'}) )
+          @ajaxSpy.andCallFake((url, options) => options.error() )
 
-        it "alerts and triggers save_failed with the url", ->
-          alert_spy = spyOn(window, 'alert').andCallFake(=>)
-          trigger_spy = spyOn(Mercury, 'trigger').andCallFake(=>)
-          
+        it "alerts with the url", ->
+          spy = spyOn(window, 'alert').andCallFake(=>)
           @pageEditor.saveUrl = '/foo/bar'
           @pageEditor.save()
-
-          expect(alert_spy.callCount).toEqual(1)
-          expect(alert_spy.argsForCall[0]).toEqual(['Mercury was unable to save to the url: /foo/bar'])
-          
-          expect(trigger_spy.callCount).toEqual(1)
-          expect(trigger_spy.argsForCall[0][0]).toEqual('save_failed')
-          expect(trigger_spy.argsForCall[0][1]).toBeDefined()
+          expect(spy.callCount).toEqual(1)
+          expect(spy.argsForCall[0]).toEqual(['Mercury was unable to save to the url: /foo/bar'])
 
     describe "PUT", ->
 

data/spec/javascripts/mercury/panel_spec.js.coffee

@@ -22,7 +22,7 @@ describe "Mercury.Panel", ->
       html = $('<div>').html(@panel.element).html()
       expect(html).toContain('class="mercury-panel loading"')
       expect(html).toContain('style="display:none;"')
-      expect(html).toContain('<h1><span>foo panel</span></h1><div class="mercury-panel-pane"></div>')
+      expect(html).toContain('<h1>foo panel</h1><div class="mercury-panel-pane"></div>')
       expect(html).not.toContain('class="mercury-panel-close"')
 
     it "appends to any element", ->
@@ -159,14 +159,16 @@ describe "Mercury.Panel", ->
     it "sets the element html to be the data passed to it", ->
       @panel.loadContent('<span>hello world!</span>')
       html = @panel.element.html()
+      expect(html).toContain('<h1>foo panel</h1>')
       expect(html).toContain('class="mercury-panel-pane"')
       expect(html).toContain('style="visibility: hidden;')
       expect(html).toContain('hello world!')
 
-    it "sets the element html to be the data passed to it -- translated", ->
+    it "sets the element html to be the data passed to it", ->
       Mercury.config.localization.enabled = true
       @panel.loadContent('<span>hello world!</span>')
       html = @panel.element.html()
+      expect(html).toContain('<h1>foo panel</h1>')
       expect(html).toContain('class="mercury-panel-pane"')
       expect(html).toContain('style="visibility: hidden;')
       expect(html).toContain('bork! bork!')

data/spec/javascripts/mercury/regions/snippetable_spec.js.coffee

@@ -312,7 +312,7 @@ describe "Mercury.Regions.Snippetable.actions", ->
 
       it "finds the snippet by it's identity and replaces it with the new snippet", ->
         @actions['insertSnippet'].call(@region, {value: Mercury.Snippet.find('snippet_1')})
-        expect($('#snippetable_region2').html()).toContain('class="mercury-snippet example-snippet"')
+        expect($('#snippetable_region2').html()).toContain('class="mercury-snippet"')
         expect($('#snippetable_region2').html()).toContain('contenteditable="false"')
         expect($('#snippetable_region2').html()).toContain('data-version="1"')
         expect($('#snippetable_region2').html()).toContain('data-snippet="snippet_1"')

data/spec/javascripts/mercury/snippet_spec.js.coffee

@@ -35,7 +35,7 @@ describe "Mercury.Snippet", ->
     it "builds an element (in whatever context is provided", ->
       ret = @snippet.getHTML($(document))
       html = $('<div>').html(ret).html()
-      expect(html).toContain('class="mercury-snippet foo-snippet"')
+      expect(html).toContain('class="mercury-snippet"')
       expect(html).toContain('contenteditable="false"')
       expect(html).toContain('data-snippet="identity"')
       expect(html).toContain('data-version="1"')
@@ -218,15 +218,7 @@ describe "Mercury.Snippet class methods", ->
     it "pushes into the collection array", ->
       Mercury.Snippet.create('foo', {foo: 'bar'})
       expect(Mercury.Snippet.all.length).toEqual(1)
-      
-    describe "when an snuppet exist with an identical identity", ->
-      it "generates a unique identity", ->
-        Mercury.Snippet.load
-          snippet_1: {name: 'foo', options: {foo: 'bar'}}
-          snippet_2: {name: 'bar', options: {baz: 'pizza'}}
-
-        ret = Mercury.Snippet.create('noobie', {noobie: 'one'})
-        expect(ret.identity).toEqual('snippet_0')
+
 
   describe ".find", ->
 

data/spec/javascripts/mercury/uploader_spec.js.coffee

@@ -4,8 +4,6 @@ describe "Mercury.uploader", ->
 
   beforeEach ->
     Mercury.config.uploading.enabled = true
-    @fileReaderSupport = spyOn(Mercury.uploader, 'fileReaderSupported')
-    @fileReaderSupport.andCallFake(=> true)
     $.fx.off = true
     @mockFile = {
       size: 1024
@@ -222,7 +220,6 @@ describe "Mercury.uploader", ->
       Mercury.uploader.file = new Mercury.uploader.File(@mockFile)
       Mercury.uploader.build()
       spyOn(FileReader.prototype, 'readAsBinaryString').andCallFake(=>)
-      @fileReaderSupport.andCallFake(=> true)
       @readAsDataURLSpy = spyOn(Mercury.uploader.File.prototype, 'readAsDataURL').andCallFake((callback) => callback('data-url'))
 
     it "calls file.readAsDataURL", ->
@@ -238,19 +235,6 @@ describe "Mercury.uploader", ->
       Mercury.uploader.loadImage()
       expect(spy.callCount).toEqual(1)
 
-  describe "#loadImage without FileReader", ->
-
-    beforeEach ->
-      Mercury.uploader.options = {appendTo: '#test'}
-      Mercury.uploader.file = new Mercury.uploader.File(@mockFile)
-      Mercury.uploader.build()
-      @fileReaderSupport.andCallFake(=> false)
-
-    it "calls upload", ->
-      spy = spyOn(Mercury.uploader, 'upload').andCallFake(=>)
-      Mercury.uploader.loadImage()
-      expect(spy.callCount).toEqual(1)
-
 
   describe "#upload", ->
 

data/vendor/assets/javascripts/mercury.js

@@ -230,9 +230,6 @@ window.Mercury = {
     // By default this is the id attribute but can be changed to a data attribute should you want to use something
     // custom instead.
     //
-    // determineType: This function is called after checking the data-type attribute for the correct field type. Use
-    // it if you want to programatically set the type based on inspection of the region.
-    //
     // dataAttributes: The dataAttributes is an array of data attributes that will be serialized and returned to the
     // server upon saving.  These attributes, when applied to a Mercury region element, will be automatically serialized
     // and submitted with the AJAX request sent when a page is saved.  These are expected to be HTML5 data attributes,
@@ -240,7 +237,6 @@ window.Mercury = {
     regions: {
       className: 'mercury-region',
       identifier: 'id',
-      // determineType: function(region){},
       dataAttributes: []
       },
 

data/vendor/assets/javascripts/mercury/locales/da.locale.js.coffee

@@ -68,10 +68,10 @@ Mercury.I18n['da'] =
 
   # ### General
   # Error Messages
-  "Mercury.Regions.%s is unsupported in this client. Supported browsers are %s.": "Mercury.Regions.%s er ikke understøttet i denne browser. Understøttede browsere er %s."
+  "Mercury.Regions.%s is unsupported in this client. Supported browsers are %s.": "Mercury.Regions.%s er ustøttet i denne klient. Støttede browsere er %s."
   "Mercury.PageEditor can only be instantiated once.": "Mercury.PageEditor kan kun blive instantieret én gang."
-  "Opera isn't a fully supported browser, your results may not be optimal.": "Opera er ikke en fuldt ud understøttet. Dine resultater kan derfor være uoptimale."
-  "Mercury.PageEditor failed to load: %s\n\nPlease try refreshing.": "Mercury.PageEditor kunne ikke starte: %s\n\n Prøv venligst at opdatere siden."
+  "Opera isn't a fully supported browser, your results may not be optimal.": "Opera er ikke en fuldt ud støttet browser. Dine resultater kan derfor være uoptimale."
+  "Mercury.PageEditor failed to load: %s\n\nPlease try refreshing.": "Mercury.PageEditor fejlede med at indlæse: %s\n\n Prøv venligst at opdatere siden."
   "Region type is malformed, no data-type provided, or \"%s\" is unknown for the \"%s\" region.": "Regionstype er forkert formateret. Enten blev ingen datatype angivet, ellers er \"%s\" ukendt for \"%s\"regionen."
   "Mercury was unable to save to the url: %s": "Mercury var ikke i stand til at gemme til addressen: %s"
   # Confirmations
@@ -100,12 +100,12 @@ Mercury.I18n['da'] =
   "Error: Unable to upload the file": "Fejl: Kunne ikke uploade filen"
   "Malformed response from server": "Deform svar fra server"
   "Too large": "For stor"
-  "Unsupported format": "Formatet er ikke understøttet"
+  "Unsupported format": "Formatet er ikke støttet"
   # Statuses
   "Processing...": "Forarbejder..."
   "Uploading...": "Uploader..."
   "Aborted": "Afbrudt"
-  "Successfully uploaded...": "Upload færdig..."
+  "Successfully uploaded...": "Uploadningen lykkedes..."
   "Name: %s": "Navn: %s"
   "Size: %s": "Størrelse: %s"
   "Type: %s": "Type: %s"
@@ -129,7 +129,7 @@ Mercury.I18n['da'] =
   "Existing Links": "Eksisterende links"
   "Bookmark": "Bogmærke"
   "Options": "Indstillinger"
-  "Link Target": "Link Target"
+  "Link Target": "Link mål"
   "Self (the same window or tab)": "Self (det samme vindue eller fane)"
   "Blank (a new window or tab)": "Blank (et nyt vindue eller fane)"
   "Top (removes any frames)": "Top (fjerner eventuelle rammer)"
@@ -141,7 +141,7 @@ Mercury.I18n['da'] =
   # Insert Media Modal (media.html)
   "Images": "Billeder"
   "Videos": "Videoer"
-  "YouTube Share URL": "YouTube del-URL"
+  "YouTube Share URL": "YouTube delnings-URL"
   "Vimeo URL": "Vimeo-URL"
   "Alignment": "Justering"
   "None": "Ingen"

data/vendor/assets/javascripts/mercury/mercury.js.coffee

@@ -34,7 +34,7 @@
 #
 @Mercury ||= {}
 jQuery.extend @Mercury,
-  version: '0.3.1'
+  version: '0.3.0'
 
   # Mercury object namespaces
   Regions: Mercury.Regions || {}

data/vendor/assets/javascripts/mercury/page_editor.js.coffee

@@ -9,7 +9,6 @@ class @Mercury.PageEditor
     throw Mercury.I18n('Mercury.PageEditor can only be instantiated once.') if window.mercuryInstance
 
     @options.visible = true unless (@options.visible == false || @options.visible == 'no')
-    @options.saveDataType = 'json' unless (@options.saveDataType == false || @options.saveDataType)
     @visible = @options.visible
 
     window.mercuryInstance = @
@@ -76,11 +75,7 @@ class @Mercury.PageEditor
     if region.data('region')
       region = region.data('region')
     else
-      type = (
-        region.data('type') ||
-        ( jQuery.type(Mercury.config.regions.determineType) == 'function' && Mercury.config.regions.determineType(region) ) ||
-        'unknown'
-      ).titleize()
+      type = (region.data('type') || 'unknown').titleize()
       throw Mercury.I18n('Region type is malformed, no data-type provided, or "%s" is unknown for the "%s" region.', type, region.attr('id') || 'unknown') if type == 'Unknown' || !Mercury.Regions[type]
       if !Mercury.Regions[type].supported
         Mercury.notify('Mercury.Regions.%s is unsupported in this client. Supported browsers are %s.', type, Mercury.Regions[type].supportedText)
@@ -199,7 +194,7 @@ class @Mercury.PageEditor
 
 
   save: (callback) ->
-    url = @saveUrl ? Mercury.saveUrl ? @iframeSrc()
+    url = @saveUrl ? Mercury.saveURL ? @iframeSrc()
     data = @serialize()
     Mercury.log('saving', data)
     data = jQuery.toJSON(data) unless @options.saveStyle == 'form'
@@ -207,14 +202,13 @@ class @Mercury.PageEditor
     jQuery.ajax url, {
       headers: Mercury.ajaxHeaders()
       type: method || 'POST'
-      dataType: @options.saveDataType,
+      dataType: @options.saveDataType || 'json'
       data: {content: data, _method: method}
       success: =>
         Mercury.changes = false
         Mercury.trigger('saved')
         callback() if typeof(callback) == 'function'
-      error: (response) =>
-        Mercury.trigger('save_failed', response)
+      error: =>
         Mercury.notify('Mercury was unable to save to the url: %s', url)
     }
 

data/vendor/assets/javascripts/mercury/panel.js.coffee

@@ -6,7 +6,7 @@ class @Mercury.Panel extends Mercury.Dialog
 
   build: ->
     @element = jQuery('<div>', {class: 'mercury-panel loading', style: 'display:none;'})
-    @titleElement = jQuery("<h1><span>#{Mercury.I18n(@options.title)}</span></h1>").appendTo(@element)
+    @titleElement = jQuery("<h1>#{Mercury.I18n(@options.title)}</h1>").appendTo(@element)
     @paneElement = jQuery('<div>', {class: 'mercury-panel-pane'}).appendTo(@element)
 
     if @options.closeButton
@@ -100,7 +100,7 @@ class @Mercury.Panel extends Mercury.Dialog
   makeDraggable: ->
     elementWidth = @element.width()
     @element.draggable {
-      handle: 'h1 span',
+      handle: 'h1',
       axis: 'x',
       opacity: 0.70
       scroll: false,

data/vendor/assets/javascripts/mercury/plugins/save_as_xml/mercury/page_editor.js.coffee

@@ -1,7 +1,7 @@
 class Mercury.PageEditor extends Mercury.PageEditor
 
   save: ->
-    url = @saveUrl ? Mercury.saveUrl ? @iframeSrc()
+    url = @saveUrl ? Mercury.saveURL ? @iframeSrc()
     data = @serializeAsXml()
     console.log('saving', data)
     return
@@ -25,4 +25,4 @@ class Mercury.PageEditor extends Mercury.PageEditor
       for snippetName, snippetProperties of regionProperties['snippets']
         snippetNodes.push("<#{snippetName} name=\"#{snippetProperties['name']}\"><![CDATA[#{jQuery.toJSON(snippetProperties['options'])}]]></#{snippetName}>")
       regionNodes.push("<region name=\"#{regionName}\" type=\"#{regionProperties['type']}\"><value>\n<![CDATA[#{regionProperties['value']}]]>\n</value><snippets>#{snippetNodes.join('')}</snippets></region>")
-    return "<regions>#{regionNodes.join('')}</regions>"
+    return "<regions>#{regionNodes.join('')}</regions>"

data/vendor/assets/javascripts/mercury/snippet.js.coffee

@@ -12,13 +12,7 @@ class @Mercury.Snippet
 
 
   @create: (name, options) ->
-    if @all.length > 0
-      identity = "snippet_0"
-      for snippet, i in @all
-        identity = "snippet_#{i+1}" if snippet.identity == identity
-    else
-      identity = "snippet_#{@all.length}"
-    
+    identity = "snippet_#{@all.length}"
     instance = new Mercury.Snippet(name, identity, options)
     @all.push(instance)
     return instance
@@ -44,12 +38,9 @@ class @Mercury.Snippet
 
 
   getHTML: (context, callback = null) ->
-    element = jQuery('<div>', {
-      class: "mercury-snippet #{@name}-snippet"
-      contenteditable: "false"
-      'data-snippet': @identity
-      'data-version': @version
-    }, context)
+    element = jQuery('<div class="mercury-snippet" contenteditable="false">', context)
+    element.attr({'data-snippet': @identity})
+    element.attr({'data-version': @version})
     element.html("[#{@identity}]")
     @loadPreview(element, callback)
     return element