quadro 0.5.0

data/app/views/quadro/shared/_toolbar.html.haml

@@ -0,0 +1,55 @@
+#quadro-toolbar.navbar.navbar-fixed-bottom
+  #quadro-gallery.well.well-sm.collapsed
+    #quadro-uploader.asset-dropper(data-assetable-type='Quadro::Page' data-assetable-id="#{page.id}" data-type='Quadro::Asset::Image' data-path="#{page_assets_path(page_id: page.id)}")
+    #quadro-images.asset-list.clearfix(data-assetable-type='Quadro::Page' data-assetable-id="#{page.id}")
+      - page.images.each do |image|
+        = render 'quadro/assets/image/image', asset: image, page: page
+  #quadro-controls.well.well-sm.clearfix
+    .pull-left
+      = link_to root_path, class: "quadro-brand" do
+        = image_tag 'quadro/quadro-logo-mini.png'
+      = link_to new_page_path(parent_id: page.id), remote: true, class: "btn btn-default btn-sm hidden-xs" do
+        %i.fa.fa-plus
+        New sub page
+      = link_to edit_page_path(page.slug), remote: true, class: "btn btn-default btn-sm hidden-xs" do
+        %i.fa.fa-cog
+        Edit current page
+      = link_to page_path(page.slug), remote: true, method: "delete", confirm: "Are you sure of delete this page?", class: "btn btn-default btn-sm hidden-xs" do
+        %i.fa.fa-trash-o
+        Delete current page
+      .btn-group.visible-xs-inline-block(role='group')
+        = link_to new_page_path(parent_id: page.id), remote: true, class: "btn btn-default btn-sm" do
+          %i.fa.fa-plus
+        = link_to edit_page_path(page.slug), remote: true, class: "btn btn-default btn-sm" do
+          %i.fa.fa-cog
+        = link_to page_path(page.slug), remote: true, method: "delete", confirm: "Are you sure of delete this page?", class: "btn btn-default btn-sm" do
+          %i.fa.fa-trash-o
+    .pull-right
+      %a#quadro-save.btn.btn-default.btn-sm.hide
+        %i.fa.fa-floppy-o
+        Save changes
+      %a#quadro-gallery-toggle.btn.btn-default.btn-sm.hidden-xs.hidden-sm
+        %i.fa.fa-picture-o
+        Image gallery
+      %span.hidden-xs.hidden-sm Editor advanced:
+      .btn-group.hidden-xs.hidden-sm(role='group')
+        %button#quadro-airmode-off.btn.btn-default.btn-sm(type='button')
+          %i.fa.fa-eye
+        %button#quadro-airmode-on.btn.btn-default.btn-sm(type='button')
+          %i.fa.fa-eye-slash
+      .btn-group.dropup.hidden-xs
+        %button.btn.btn-default.btn-sm.dropdown-toggle(type='button' data-toggle='dropdown')
+          = gravatar_image_tag(current_user.email, alt: current_user.email, title: current_user.email, gravatar: { size: 16 }, class: 'img-rounded')
+          = current_user.email
+          %b.caret
+        %ul.dropdown-menu
+          %li
+            = link_to edit_user_path, remote: true do
+              %i.fa.fa-user
+              Edit user
+          %li
+            = link_to destroy_user_session_path, method: :delete do
+              %i.fa.fa-sign-out
+              Sign Out
+      = link_to destroy_user_session_url, method: :delete, class: "btn btn-default btn-sm visible-xs-inline-block hidden-sm" do
+        Sign Out

data/app/views/quadro/shared/templates/_blank.html.haml

@@ -0,0 +1,11 @@
+= render 'quadro/shared/navigation'
+
+.container
+  = render_crumbs
+
+  .page-header
+    %h1= page.title
+
+  %p.lead= page.summary
+
+  = widget_for :content

data/app/views/quadro/shared/templates/_demo.html.haml

@@ -0,0 +1,22 @@
+= render 'quadro/shared/navigation'
+
+.container
+  = render_crumbs
+
+  .page-header
+    %h1= page.title
+
+  %p.lead= page.summary
+
+  = widget_for :content
+
+  = widget_for :slider, type: :slider
+
+  = widget_for :gallery, type: :gallery
+
+  = widget_for :map, type: :map
+
+  = widget_for :form, type: :form
+
+  .row
+    = render subpages

data/app/views/quadro/shared/templates/_jumbotron.html.haml

@@ -0,0 +1,10 @@
+= render 'quadro/shared/navigation'
+
+.container
+  .jumbotron(style="background-image: url(#{page.cover.url(:large)})")
+    %h1= page.title
+    %p= page.summary
+
+  = render_crumbs
+
+  = widget_for :content

data/app/views/quadro/shared/templates/_sidebar.html.haml

@@ -0,0 +1,15 @@
+= render 'quadro/shared/navigation'
+
+.container
+  = render_crumbs
+
+  .row
+    .col-md-3
+      = navigation_for page, class: "nav nav-pills nav-stacked"
+    .col-md-9
+      .page-header
+        %h1= page.title
+
+      %p.lead= page.summary
+
+      = widget_for :content

data/app/views/quadro/shared/templates/page/_list.html.haml

@@ -0,0 +1,9 @@
+.media
+  .media-left
+    = link_to page_path(page), class: "media-object img-thumbnail" do
+      = image_tag page.cover.url(:thumb), alt: page.title
+  .media-body
+    %h4.media-heading
+      = link_to page.title, page_path(page)
+    %small.text-muted= l(page.created_at, format: :short)
+    %p= page.summary

data/app/views/quadro/shared/templates/page/_thumbnail.html.haml

@@ -0,0 +1,9 @@
+.col-sm-6.col-md-4.col-lg-3
+  .thumbnail
+    = link_to page_path(page) do
+      = image_tag page.cover.url(:small), alt: page.title
+    .caption
+      %h2
+        = link_to page.title, page_path(page)
+      %small.text-muted= l(page.created_at, format: :short)
+      %p= page.summary

data/app/views/quadro/users/_edit.html.haml

@@ -0,0 +1,15 @@
+.modal-header
+  %button.close(data-dismiss="modal" type="button")
+    %span(aria-hidden="true") ×
+    %span.sr-only Close
+  %h4.modal-title Edit user
+.modal-body
+  = simple_form_for user, multipart: true, remote: true do |form|
+    .row
+      .col-md-12
+        = form.input :name, input_html: { class: 'form-control' }
+        = form.input :password, input_html: { class: 'form-control' }
+        = form.input :password_confirmation, input_html: { class: 'form-control' }
+        = form.input :current_password, input_html: { class: 'form-control' }
+    .text-right
+      = form.submit class: 'btn btn-primary'

data/app/views/quadro/users/edit.js.erb

@@ -0,0 +1,2 @@
+$("#quadro-modal .modal-content").html("<%= escape_javascript(render('quadro/users/edit', user: user)) %>");
+$("#quadro-modal").modal("show");

data/app/views/quadro/users/update.js.erb

@@ -0,0 +1,7 @@
+<% if user.errors.size > 0 %>
+  $("#quadro-modal .modal-content").html("<%= escape_javascript(render('quadro/users/edit', user: user)) %>");
+  new Message('User not updated');
+<% else %>
+  $("#quadro-modal").modal('hide');
+  new Message('User updated');
+<% end %>

data/app/views/quadro/widgets/form/_empty.html.haml

@@ -0,0 +1,4 @@
+= form.input :name
+= form.input :email
+= form.input :message, as: :text, input_html: { rows: 3 }
+= form.button :submit

data/app/views/quadro/widgets/form/_fields.html.haml

@@ -0,0 +1 @@
+= hidden_field_tag :widget_id, widget.id

data/app/views/quadro/widgets/form/_signed_off.html.haml

@@ -0,0 +1,6 @@
+= render("quadro/widgets/form/fields", widget: widget, options: options, content: content, form: form)
+
+- if content.blank?
+  = render("quadro/widgets/form/empty", widget: widget, options: options, content: content, form: form)
+- else
+  = render("quadro/widgets/form/widget", widget: widget, options: options, content: content, form: form)

data/app/views/quadro/widgets/form/_signed_on.html.haml

@@ -0,0 +1,14 @@
+=# render("quadro/widgets/form/toolbar", widget: widget)
+= render("quadro/widgets/form/fields", widget: widget, options: options, content: content, form: form)
+
+- if content.blank?
+  = render("quadro/widgets/form/empty", widget: widget, options: options, content: content, form: form)
+- else
+  = render("quadro/widgets/form/widget", widget: widget, options: options, content: content, form: form)
+
+- unless widget.interactions.blank?
+  .page-header
+    %h3 Interactions
+
+  %ul
+    = render widget.interactions

data/app/views/quadro/widgets/form/_toolbar.html.haml

@@ -0,0 +1,7 @@
+.well.well-sm.clearfix
+  .pull-left
+    .btn.btn-link.btn-xs
+      .text-muted.text-uppercase Form
+  .pull-right
+    %button.btn.btn-link.btn-xs
+      %i.fa.fa-cog.text-muted

data/app/views/quadro/widgets/form/_widget.html.haml

@@ -0,0 +1 @@
+= content

data/app/views/quadro/widgets/gallery/_empty.html.haml

@@ -0,0 +1,20 @@
+.widget.widget-gallery
+  .row
+    .col-xs-6.col-sm-3.col-md-2
+      = link_to "http://placehold.it/800x600", class: "thumbnail", data: { lightbox: "example" } do
+        = image_tag "http://placehold.it/200x200"
+    .col-xs-6.col-sm-3.col-md-2
+      = link_to "http://placehold.it/800x600", class: "thumbnail", data: { lightbox: "example" } do
+        = image_tag "http://placehold.it/200x200"
+    .col-xs-6.col-sm-3.col-md-2
+      = link_to "http://placehold.it/800x600", class: "thumbnail", data: { lightbox: "example" } do
+        = image_tag "http://placehold.it/200x200"
+    .col-xs-6.col-sm-3.col-md-2
+      = link_to "http://placehold.it/800x600", class: "thumbnail", data: { lightbox: "example" } do
+        = image_tag "http://placehold.it/200x200"
+    .col-xs-6.col-sm-3.col-md-2
+      = link_to "http://placehold.it/800x600", class: "thumbnail", data: { lightbox: "example" } do
+        = image_tag "http://placehold.it/200x200"
+    .col-xs-6.col-sm-3.col-md-2
+      = link_to "http://placehold.it/800x600", class: "thumbnail", data: { lightbox: "example" } do
+        = image_tag "http://placehold.it/200x200"

data/app/views/quadro/widgets/gallery/_signed_off.html.haml

@@ -0,0 +1,6 @@
+- if content.blank? && widget.images.blank?
+  = render "quadro/widgets/gallery/empty"
+- elsif widget.images.blank?
+  = content.html_safe
+- else
+  = render "quadro/widgets/gallery/widget", widget: widget

data/app/views/quadro/widgets/gallery/_signed_on.html.haml

@@ -0,0 +1,10 @@
+=# render("quadro/widgets/gallery/toolbar", widget: widget)
+
+- if content.blank? && widget.images.blank?
+  = render("quadro/widgets/gallery/empty")
+- elsif widget.images.blank?
+  = content.html_safe
+- else
+  = render("quadro/widgets/gallery/widget", widget: widget)
+
+= render("quadro/widgets/gallery/uploader", widget: widget)

data/app/views/quadro/widgets/gallery/_toolbar.html.haml

@@ -0,0 +1,7 @@
+.well.well-sm.clearfix
+  .pull-left
+    .btn.btn-link.btn-xs
+      .text-muted.text-uppercase Gallery
+  .pull-right
+    %button.btn.btn-link.btn-xs
+      %i.fa.fa-cog.text-muted

data/app/views/quadro/widgets/gallery/_uploader.html.haml

@@ -0,0 +1,5 @@
+.asset-uploader
+  .asset-dropper(data-assetable-type='Quadro::Widget::Gallery' data-assetable-id="#{widget.id}" data-type='Quadro::Asset::Image' data-path="#{page_widget_assets_path(page_id: widget.page.id, widget_id: widget.id)}")
+  .asset-list.clearfix(data-assetable-type='Quadro::Widget::Gallery' data-assetable-id="#{widget.id}")
+    - widget.images.each do |image|
+      = render 'quadro/assets/image/image', asset: image, widget: widget, page: page

data/app/views/quadro/widgets/gallery/_widget.html.haml

@@ -0,0 +1,6 @@
+.widget.widget-gallery
+  .row
+    - widget.images.each do |image|
+      .col-xs-6.col-sm-3.col-md-2
+        = link_to image.url(:large), class: "thumbnail", data: { lightbox: widget.name } do
+          = image_tag image.url(:thumb), alt: image.alt

data/app/views/quadro/widgets/html/_empty.html.haml

@@ -0,0 +1,2 @@
+%h2 Lorem ipsum dolor sit amet
+%p Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

data/app/views/quadro/widgets/html/_signed_off.html.haml

@@ -0,0 +1,6 @@
+- if content.blank? && widget.content.blank?
+  = render "quadro/widgets/html/empty"
+- elsif widget.content.blank?
+  = content.html_safe
+- else
+  = render "quadro/widgets/html/widget", widget: widget

data/app/views/quadro/widgets/html/_signed_on.html.haml

@@ -0,0 +1,9 @@
+=# render("quadro/widgets/html/toolbar", widget: widget)
+
+= content_tag :div, class: 'widget widget-html', data: options do
+  - if content.blank? && widget.content.blank?
+    = render("quadro/widgets/html/empty")
+  - elsif widget.content.blank?
+    = content.html_safe
+  - else
+    = render "quadro/widgets/html/widget", widget: widget

data/app/views/quadro/widgets/html/_toolbar.html.haml

@@ -0,0 +1,7 @@
+.well.well-sm.clearfix
+  .pull-left
+    .btn.btn-link.btn-xs
+      .text-muted.text-uppercase Html
+  .pull-right
+    %button.btn.btn-link.btn-xs
+      %i.fa.fa-cog.text-muted

data/app/views/quadro/widgets/html/_widget.html.haml

@@ -0,0 +1 @@
+= widget.content.html_safe

data/app/views/quadro/widgets/map/_empty.html.haml

@@ -0,0 +1,18 @@
+#mapempty.widget.widget-map.thumbnail
+
+= content_for :javascript do
+  :coffee
+    $ ->
+      imageUrl = GMaps.staticMapURL(
+        size: [640, 640]
+        scale: 2
+        format: 'jpg-baseline'
+        lat: 13.701291
+        lng: -89.224423
+        markers: [
+          lat: 13.701291
+          lng: -89.224423
+        ]
+      )
+
+      $("#mapempty").css('background-image', 'url(' + imageUrl + ')') if imageUrl

data/app/views/quadro/widgets/map/_signed_off.html.haml

@@ -0,0 +1,4 @@
+- if options[:latitude].blank? || options[:longitude].blank?
+  = render("quadro/widgets/map/empty")
+- else
+  = render "quadro/widgets/map/widget", widget: widget, options: options, content: content

data/app/views/quadro/widgets/map/_signed_on.html.haml

@@ -0,0 +1,6 @@
+=# render("quadro/widgets/map/toolbar", widget: widget)
+
+- if options[:latitude].blank? || options[:longitude].blank?
+  = render("quadro/widgets/map/empty")
+- else
+  = render "quadro/widgets/map/widget", widget: widget, options: options, content: content

data/app/views/quadro/widgets/map/_toolbar.html.haml

@@ -0,0 +1,7 @@
+.well.well-sm.clearfix
+  .pull-left
+    .btn.btn-link.btn-xs
+      .text-muted.text-uppercase Map
+  .pull-right
+    %button.btn.btn-link.btn-xs
+      %i.fa.fa-cog.text-muted

data/app/views/quadro/widgets/map/_widget.html.haml

@@ -0,0 +1,45 @@
+.widget.widget-map.thumbnail(id="map#{widget.id}")
+
+= content_for :javascript do
+  - unless options.key?(:static)
+    :coffee
+      $ ->
+        maps = []
+
+        maps["map#{widget.id}"] = new GMaps(
+          div: "#map#{widget.id}"
+          lat: "#{options[:latitude]}"
+          lng: "#{options[:longitude]}"
+        )
+
+        maps["map#{widget.id}"].addMarker(
+          lat: "#{options[:latitude]}"
+          lng: "#{options[:longitude]}"
+          title: "#{options[:title]}"
+          infoWindow:
+            content: "#{content.html_safe}"
+        )
+  - else
+    :coffee
+      $ ->
+        imageUrl = GMaps.staticMapURL(
+          size: [640, 640]
+          scale: 2
+          format: 'jpg-baseline'
+          lat: "#{options[:latitude]}"
+          lng: "#{options[:longitude]}"
+          markers: [
+            lat: "#{options[:latitude]}"
+            lng: "#{options[:longitude]}"
+          ]
+        )
+
+        $("#map#{widget.id}").css('background-image', 'url(' + imageUrl + ')') if imageUrl
+
+    - if options.key?(:width)
+      :coffee
+        $("#map#{widget.id}").css('width', "#{options[:width]}")
+
+    - if options.key?(:height)
+      :coffee
+        $("#map#{widget.id}").css('width', "#{options[:height]}")

data/app/views/quadro/widgets/slider/_empty.html.haml

@@ -0,0 +1,7 @@
+.widget.widget-slider
+  .slide
+    = image_tag "http://placehold.it/800x600"
+  .slide
+    = image_tag "http://placehold.it/800x600"
+  .slide
+    = image_tag "http://placehold.it/800x600"

data/app/views/quadro/widgets/slider/_signed_off.html.haml

@@ -0,0 +1,6 @@
+- if content.blank? && widget.slides.blank?
+  = render "quadro/widgets/slider/empty"
+- elsif widget.slides.blank?
+  = content.html_safe
+- else
+  = render "quadro/widgets/slider/widget", widget: widget