Contents

## require menu.coffee and menu_item.coffee to be loaded first !!
# Need the page content to be in #content


# available layouts
layouts = {
  smartphone_portrait: 320,
  smartphone_landscape: 480,
  tablet_port: 768,
  tablet_land: 1024,
  none: null
}

window.resize_page = (width) ->
  if width == null || isNaN(width)
    $('#overlay_me_page_container').css { width: 'auto' }
  else
    $('#overlay_me_page_container').css { width: "#{width}px" }

  _.each layouts, (_width, name) ->
    if width == _width
      $('body').addClass name
    else
      $('body').removeClass name
  localStorage.setItem "layout-width", width

#load previous state (or null if empty)
window.resize_page parseInt(localStorage.getItem("layout-width"))

# add the buttons to the menu_item
layout_menu = new OverlayMe.MenuItem({id: "layout-buttons", title: "Layout Resizing" })
_.each layouts, (width, name) ->
  button = (new Backbone.View).make 'button', {}, name
  $(button).addClass name
  $(button).bind 'click', (e) ->
    window.resize_page "#{width}"
  layout_menu.append button

# add the element to the page menu
$(OverlayMe.Menu).append layout_menu.render()

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
overlay_me-0.12.0	javascripts/addons/layout_resizer.js.coffee