integral 1.0.0

data/app/views/integral/backend/shared/cards/_welcome.haml

@@ -0,0 +1,29 @@
+.card
+  .card-section
+    %h2= t('.title')
+    %p.subtitle= t('.get_started')
+    %hr
+    .grid-x.actions
+      .cell.shrink
+        .grid-y
+          .cell.shrink
+            = link_to backend_account_url do
+              = icon('edit')
+              = t('integral.actions.edit_profile')
+          - if policy(Integral::Page).manager?
+            .cell.shrink
+              = link_to new_backend_page_url do
+                = icon('plus')
+                = t('integral.actions.new_page')
+      .cell.shrink
+        .grid-y
+          - if policy(Integral::Post).manager? && Integral.blog_enabled?
+            .cell.shrink
+              = link_to new_backend_post_url do
+                = icon('plus')
+                = t('integral.actions.new_post')
+          .cell.shrink
+            = link_to root_path do
+              = icon('eye')
+              = t('integral.actions.view_main_site')
+

data/app/views/integral/backend/shared/graphs/_donut.haml

@@ -0,0 +1,5 @@
+%canvas{ data: { chart: true, 'chart-type' => 'donut' }}
+  %ul
+    - dataset.each_with_index do |item, index|
+      %li{ data: { value: data[index] }} = #{item[:label]}: #{data[index]}
+

data/app/views/integral/backend/shared/graphs/_line.haml

@@ -0,0 +1,5 @@
+%canvas{ data: { chart: true, 'chart-type' => 'line', 'chart-labels' => labels }}
+  - dataset.each_with_index do |item, index|
+    %ul{ data: { 'chart-label' => item[:label] }}
+      - data[index].each do |item|
+        %li{ data: { value: item }}

data/app/views/integral/backend/shared/graphs/_no_data_available.haml

@@ -0,0 +1,2 @@
+%p= t('integral.backend.charts.no_data_available')
+= image_tag image_path('integral/backend/data-unavailable.png'), class: 'data-unavailable'

data/app/views/integral/backend/shared/record_selector/_collection.haml

@@ -0,0 +1,13 @@
+.placeholder
+  = render partial: 'integral/backend/shared/record_selector/record', locals: { list_item: { image: '', title: '', subtitle: '' }}
+
+- if collection.empty?
+  %p.text-center.no-records
+    = t('integral.backend.tables.no_data_available')
+    = image_tag image_path('integral/backend/data-unavailable.png')
+- else
+  .grid-x
+    - collection.each do |obj|
+      = render partial: 'integral/backend/shared/record_selector/record', locals: { list_item: obj.to_list_item }
+    .cell.text-center
+      = will_paginate collection, renderer: FoundationPagination::Rails

data/app/views/integral/backend/shared/record_selector/_modal.haml

@@ -0,0 +1,42 @@
+- classes ||= ''
+- initialize = defined?(initialize) ? initialize : true
+- data_attributes ||= {}
+
+.reveal.record-selector.fixed.large{ class: classes, data: { reveal: true, record_selector_path: search_path, record_selector_name: name, record_selector_initialize: initialize, 'multiple-opened' => 'true' }.merge!(data_attributes) }
+  .modal-header
+    %button.close-button{ type: 'button', data: { close: '' }, aria: { label: "Close Search" }}
+      %span{ aria: { hidden: 'true' } } ×
+    %h2= title
+  .modal-content
+    .grid-x.grid-padding-x
+      .cell.medium-9
+        = form_tag search_path, method: :get, remote: true, format: :json , data: {'type' => 'json'} do
+          .top-bar
+            .top-bar-left
+              .filter.search
+                = text_field_tag :search, '', class: 'search-field', placeholder: 'Search..'
+              = hidden_field_tag :page, '', class: 'page-field', value: 1
+
+            - if defined?(create_modal)
+              .top-bar-right
+                %button.button.create-button{ data: { 'target' => create_modal }}
+                  = icon('cloud-upload')
+                  = t('integral.actions.upload')
+        .loader.text-center
+          = icon('spinner', class: 'fa-pulse fa-3x fa-fw')
+          %span.sr-only Loading..
+
+        .records
+          .placeholder
+            = render partial: 'integral/backend/shared/record_selector/record', locals: { list_item: { image: '', title: '', subtitle: '' }}
+
+      .cell.medium-3
+        .sidebar
+          %h2 Details
+          %img
+          %p.title
+          %p.description
+  .modal-footer
+    %ul.menu.align-right
+      %li
+        %button.button.select= t('integral.actions.select')

data/app/views/integral/backend/shared/record_selector/_record.haml

@@ -0,0 +1,6 @@
+.cell.large-2.medium-3.small-4
+  .record{ data: list_item }
+    - if list_item[:image].respond_to?(:url)
+      %img{ src: list_item[:image].url(:small) }
+    - else
+      %img{ src: list_item[:image] }

data/app/views/integral/backend/static_pages/_card.haml

@@ -0,0 +1,24 @@
+.card.object
+  - if record.present?
+    .card-section
+      %h2= title
+      - if record.to_card[:image].present?
+        = image_tag record.to_card[:image]
+      - else
+        = image_tag image_url('integral/defaults/no_image_available.jpg')
+      %p.description= record.to_card[:description]
+      - record.to_card[:attributes].each do |attr|
+        .info-item
+          %span.attr= attr[:key]
+          %span.val= attr[:value]
+    = link_to record.to_card[:url], class: 'button' do
+      = icon('eye')
+      = t('integral.actions.view')
+  - else
+    .card-section
+      %h2= title
+      = t('integral.backend.graphs.data_unavailable')
+      = image_tag image_path('integral/backend/data-unavailable.png'), class: 'data-unavailable'
+
+
+

data/app/views/integral/backend/static_pages/dashboard.haml

@@ -0,0 +1,20 @@
+.grid-x
+  .cell.large-6
+    .grid-x.grid-padding-x
+      .cell.small-12
+        = render partial: 'integral/backend/shared/cards/welcome'
+      .cell.small-12.medium-6.flex-container
+        = render partial: 'integral/backend/static_pages/card', locals: { title: t('.recent_post'), record: Integral::Post.first }
+      .cell.small-12.medium-6.flex-container
+        = render partial: 'integral/backend/static_pages/card', locals: { title: t('.recent_page'), record: Integral::Page.first }
+  .cell.large-6
+    .grid-x.grid-padding-x
+      .cell.small-12
+        = render partial: 'integral/backend/shared/cards/at_a_glance', locals: { dataset: dataset_dashboard_atg }
+
+      .cell.small-12
+        .card
+          .card-section
+            %h2= t('integral.backend.cards.last_week')
+            = render_line_chart(dataset_dashboard_last_week)
+

data/app/views/integral/backend/users/_form.haml

@@ -0,0 +1,58 @@
+= simple_form_for [:backend, @user], validate: true, html: { id: 'user_form', class: 'are-you-sure' } do |f|
+  = f.input :lock_version, as: :hidden
+  .grid-x.grid-padding-x
+    .cell.small-12.medium-8.large-9
+      .grid-y
+        .cell
+          .card
+            .card-section
+              = f.input :name
+        .cell
+          .card
+            .card-section
+              = f.input :email
+        - if policy(current_user).manager?
+          .cell
+            .card
+              .card-section
+                - roles = Integral::Role.all.map { |role| [role.name, role.id ] }.to_h
+                = hidden_field_tag 'user[role_ids][]'
+                %table.table-striped.centered.js-table--user-roles
+                  %thead
+                    %th Role
+                    %th Reader
+                    %th Contributer
+                    %th Editor
+                    %th Manager
+                  %tbody
+                    - for object_name in ['Page', 'Post', 'List', 'Image', 'User']
+                      %tr
+                        %th= object_name
+                        - for role_type in ['Reader', 'Contributer', 'Editor', 'Manager']
+                          - if roles["#{object_name}#{role_type}"].present?
+                            %td
+                              %span.checkbox
+                                = check_box_tag 'user[role_ids][]', roles["#{object_name}#{role_type}"], @user.role_ids.include?(roles["#{object_name}#{role_type}"]), id: "#{object_name}#{role_type}", class: 'filled-in'
+                                = label_tag "#{object_name}#{role_type}", '&nbsp'.html_safe
+                          - else
+                            %td
+
+    .cell.small-12.medium-4.large-3
+      .grid-y
+        .cell
+          .card
+            .card-section
+              %h2= t('integral.records.attributes.avatar')
+              %hr.dark
+              - if @user.avatar.present?
+                = image_tag @user.avatar.url(:medium)
+                = f.input :avatar, as: :string, disabled: true, label: false
+              = f.input :avatar, label: false
+        .cell
+          .card
+            .card-section
+              = f.input :locale, collection: Integral::User.available_locales, prompt: t('integral.backend.users.prompts.select_language'), include_blank: false
+
+    .cell.small-12
+      = f.button :button
+

data/app/views/integral/backend/users/_grid.haml

@@ -0,0 +1,19 @@
+= render_data_grid do
+  = render layout: 'integral/backend/shared/grid', locals: { grid: @grid, options: { columns: [:name, :email, :updated_at, :actions], order: true }} do |grid|
+    - if grid.assets.any?
+      - grid.assets.decorate.each do |record|
+        %tr
+          %td
+            = image_tag record.avatar.url(:thumbnail), class: :avatar
+            = record.name.truncate(30)
+          %td= record.email
+          %td= l(record.updated_at, format: :long)
+          %td.actions
+            = link_to backend_user_url(record) do
+              = icon('eye')
+            = link_to edit_backend_user_url(record) do
+              = icon('edit')
+            = link_to backend_user_url(record), method: :delete, data: { confirm: t('integral.actions.confirm.deletion') } do
+              = icon('remove')
+    - else
+      = render partial: 'integral/backend/shared/empty_grid'

data/app/views/integral/backend/users/edit.haml

@@ -0,0 +1,3 @@
+= content_for :title, t('.title', name: @user.name)
+= render 'form'
+

data/app/views/integral/backend/users/index.haml

@@ -0,0 +1,18 @@
+.card.listing
+  .card-section
+    %h2.show-for-small-only= t('.title')
+    = link_to t('integral.actions.create'), new_backend_user_url, class: 'button hollow show-for-small-only create'
+    .top-bar
+      .top-bar-left.hide-for-small-only
+        = link_to t('integral.actions.create'), new_backend_user_url, class: 'button hollow'
+      .top-bar-right
+        = simple_form_for :grid, url: backend_users_url, method: :get, remote: true, html: { id: :grid_form, 'data-type' => :json } do |f|
+          = hidden_field_tag(:gridview, true)
+          = f.hidden_field(:descending, value: @grid.descending, class: 'desc-field')
+          = f.hidden_field(:order, value: @grid.order, class: 'order-field')
+          = f.hidden_field(:page, value: grid_options[:page], class: 'page-field')
+
+          %ul.align-right.menu.filters
+            %li= f.input :name, placeholder: t('integral.actions.search'), wrapper_html: { class: 'filter search' }, hint: false, label: false
+
+    = render partial: 'grid'

data/app/views/integral/backend/users/new.haml

@@ -0,0 +1,2 @@
+= render 'form'
+

data/app/views/integral/backend/users/show.haml

@@ -0,0 +1,36 @@
+= content_for :title, t('.title', name: @user.name)
+.grid-x.grid-padding-x
+  .cell.small-12.medium-6
+    .grid-y
+      .cell
+        .card.profile
+          .card-section
+            .grid-x.grid-padding-x
+              .cell.medium-4
+                = image_tag @user.avatar.url(:small), class: :avatar
+              .cell.medium-8
+                = link_to edit_backend_user_url(@user), class: :settings do
+                  = icon('cog')
+                %h2= @user.name
+                -# TODO: Implement title/position for Integral::User
+                -#%h3 Director
+                %p
+                  = icon('envelope')
+                  = @user.email
+                %p
+                  = icon('calendar')
+                  = t('.member_since', start_date: l(@user.created_at))
+
+                .roles
+                  - @user.roles.each do |role|
+                    .label= role.label
+      -# .cell
+      -#   .card
+      -#     .card-section
+      -#       Creates Graph
+  -# .cell.small-12.medium-6
+  -#   .grid-y
+  -#     .cell
+  -#       .card
+  -#         .card-section
+  -#           %h2 Activity

data/app/views/integral/contact_mailer/auto_reply.html.haml

@@ -0,0 +1,16 @@
+- if @enquiry.name.present?
+  %p= t('.salutations_with_name', name: @enquiry.name)
+- else
+  %p= t('.salutations_without_name', name: @enquiry.name)
+
+%spacer{ size: 16 }
+%p= t('.thank_you')
+
+%p= t('.sent_automatically')
+
+%p= t('.closing', reference: @enquiry.reference)
+
+%spacer{ size: 16 }
+%p= t('.regards')
+
+%p= t('.sign_off')

data/app/views/integral/contact_mailer/auto_reply.text.erb

@@ -0,0 +1,15 @@
+<%- if @enquiry.name.present? %>
+<%= t('.salutations_with_name', name: @enquiry.name) %>
+<%- else %>
+<%= t('.salutations_without_name', name: @enquiry.name) %>
+<%- end %>
+
+<%= t('.thank_you') %>
+
+<%= t('.sent_automatically') %>
+
+<%= t('.closing', reference: @enquiry.reference) %>
+
+<%= t('.regards') %>
+
+<%= t('.sign_off') %>

data/app/views/integral/contact_mailer/forward_enquiry.haml

@@ -0,0 +1,12 @@
+%p= @enquiry.name
+%p= @enquiry.email
+
+- if @enquiry.subject.present?
+  %spacer{ size: 16 }
+  %p
+    Re: 
+    = @enquiry.subject
+
+%spacer{ size: 16 }
+%p= @enquiry.message
+

data/app/views/integral/contact_mailer/forward_enquiry.text.erb

@@ -0,0 +1,9 @@
+<%= @enquiry.name %>
+<%= @enquiry.email %>
+
+<% if @enquiry.subject.present? %>
+Re: <%= @enquiry.subject %>
+<% end %>
+
+<%= @enquiry.message %>
+

data/app/views/integral/pages/_demo.haml

@@ -0,0 +1,188 @@
+%section.hero
+  .grid-container
+    .grid-x.grid-padding-x
+      .cell.medium-6.large-5
+        %h1 A Rails CMS which just works.
+        %p Create a website (which does stuff) within minutes powered by Rails 5.
+        = link_to 'GET STARTED', 'https://github.com/yamasolutions/integral', class: 'button', target: :blank
+        %p
+          %small
+            = icon('check', class: 'text-primary')
+            100% free and open source.
+            = icon('check', class: 'text-primary')
+            Easy to get started.
+      .cell.medium-6.large-7.pos-rel
+        = image_tag image_url('integral/demo/integral-presentation.png', skip_pipeline: true)
+
+%section.anchors{ 'data-smooth-scroll' => true }
+  .grid-container
+    .grid-x.grid-padding-x.text-center
+      .cell.medium-2
+        = link_to 'Features', '#features', { 'data-turbolinks' => 'false' }
+      .cell.medium-2
+        = link_to 'Easy Setup', '#setup', { 'data-turbolinks' => 'false' }
+      .cell.medium-2
+        = link_to 'Partners', '#partners', { 'data-turbolinks' => 'false' }
+      .cell.medium-2
+        = link_to 'Heroku Ready', '#heroku-ready', { 'data-turbolinks' => 'false' }
+      .cell.medium-2
+        = link_to 'Production Ready', '#production-ready', { 'data-turbolinks' => 'false' }
+      .cell.medium-2
+        = link_to 'Frontend framework', '#frontend-framework', { 'data-turbolinks' => 'false' }
+
+%section.summary
+  .grid-container
+    .grid-x.grid-padding-x.align-center
+      .cell.medium-6
+        = image_tag image_url('integral/demo/integral-cms-without-hassle.jpg', skip_pipeline: true), class: 'image--shadow'
+      .cell.medium-6
+        %h2 Deploy a professional website without all the hassle
+        %p Integral CMS combines all the tools necessary to create a website which stands up to the elements, whether you’re creating that niche blog you’ve always wanted or developing a complex application for a client.
+        %p Don’t worry there are no fancy over complicated methodologies to learn, so long as you have a basic grasp of Rails then you’ll be up and running in no time - with the ability to easily customise Integral to exactly what you want.
+      .cell.medium-6.large-4.flex-container
+        .card
+          %hr
+          %h3 Content focused
+          %p Create fascinating blog posts and interesting pages using Integrals sleek backend. Integrated SEO gives you full control of your online presence.
+      .cell.medium-6.large-4.flex-container
+        .card
+          %hr
+          %h3 Simple setup & customisation
+          %p Integral follows convention over configuration allowing you to get started within minutes whilst providing flexibility through configurable settings
+      .cell.medium-6.large-4.flex-container
+        .card
+          %hr
+          %h3 Production Ready
+          %p Powers websites & applications big and small. Actively maintained & tested by the community to improve features as well as develop new functionality.
+
+%section#features.features
+  .grid-container
+    .grid-x.grid-padding-x
+      .cell.medium-6.large-5
+        %h2 Features including...
+        %ul#feature-tabs.tabs{ 'data-tabs' => true }
+          %li.tabs-title.is-active
+            = link_to 'Professional UI', '#feature-professional-ui'
+          %li.tabs-title
+            = link_to 'User management', '#feature-user-management'
+          %li.tabs-title
+            = link_to 'Integrated blog', '#feature-integrated-blog'
+          %li.tabs-title
+            = link_to 'Dynamic pages', '#feature-dynamic-pages'
+          %li.tabs-title
+            = link_to 'List managment', '#feature-list-management'
+          %li.tabs-title
+            = link_to 'Activity tracking', '#feature-activity-tracking'
+          %li.tabs-title
+            = link_to 'Image management', '#feature-image-management'
+          %li.tabs-title
+            = link_to 'SEO ready', '#feature-seo-ready'
+          %li.tabs-title
+            = link_to 'Contact form processing w/ HTML emails', '#feature-contact-form'
+      .cell.medium-6.large-7.pos-rel
+        .tabs-content{ 'data-tabs-content' => 'feature-tabs' }
+          #feature-professional-ui.tabs-panel.is-active
+            = image_tag image_url('integral/demo/integral-features-design.jpg', skip_pipeline: true)
+          #feature-user-management.tabs-panel
+            = image_tag image_url('integral/demo/integral-features-user-management.jpg', skip_pipeline: true)
+          #feature-integrated-blog.tabs-panel
+            = image_tag image_url('integral/demo/integral-features-integrated-blog.jpg', skip_pipeline: true)
+          #feature-dynamic-pages.tabs-panel
+            = image_tag image_url('integral/demo/integral-features-dynamic-pages.jpg', skip_pipeline: true)
+          #feature-list-management.tabs-panel
+            = image_tag image_url('integral/demo/integral-features-list-management.jpg', skip_pipeline: true)
+          #feature-activity-tracking.tabs-panel
+            = image_tag image_url('integral/demo/integral-features-activity-tracking.jpg', skip_pipeline: true)
+          #feature-image-management.tabs-panel
+            = image_tag image_url('integral/demo/integral-features-image-management.jpg', skip_pipeline: true)
+          #feature-seo-ready.tabs-panel
+            = image_tag image_url('integral/demo/integral-features-seo-ready.jpg', skip_pipeline: true)
+          #feature-contact-form.tabs-panel
+            = image_tag image_url('integral/demo/integral-features-contact-form.png', skip_pipeline: true), class: 'image--no-shadow'
+
+%section#partners.partners
+  .grid-container
+    .grid-x.grid-padding-x.text-center.align-center
+      .cell
+        %h2 Standing on the shoulders of giants
+        %p.paragraph--summary Integral wouldn't be possible without all those individuals who have spent time and effort to create great software and then make it freely available through open source, to name a couple...
+      .cell.small-6.medium-3
+        = icon('users')
+        %h5 Devise
+        %p User Authentication
+      .cell.small-6.medium-3
+        = icon('picture-o')
+        %h5 Carrierwave
+        %p Image Management
+      .cell.small-6.medium-3
+        = icon('history')
+        %h5 Papertrail
+        %p Activity Tracking
+      .cell.small-6.medium-3
+        = icon('ellipsis-h')
+        %h5 Plus lots more...
+
+%section#setup.section--setup
+  .grid-container
+    .grid-x.grid-padding-x
+      .cell.large-5
+        %h2 Super easy setup
+      .cell.large-7
+        %p Add the gem to your Rails application.
+        %pre
+          %code
+            gem 'integral'
+        %p Run Integral’s installer
+        %pre
+          %code
+            rake integral:install
+        %p
+          Visit
+          %code localhost:3000
+          and voila! Check out
+          %code /admin
+          to edit the example page or create your first blog post.
+        = link_to 'Documentation', 'https://github.com/yamasolutions/integral', class: 'button'
+
+%section#frontend-framework.section--frontend-framework
+  .grid-container
+    .grid-x.grid-padding-x
+      .cell.medium-6
+        %h2 Built with Foundation
+        %h3 Responsive front-end framework
+        %p Foundation makes it easy to design beautiful responsive websites that look amazing on any device. Integral uses it as the default front-end framework because it’s flexible, readable and jam-packed with features to help people rapidly build content-focused websites.
+        %p
+          = link_to 'Learn More', 'https://foundation.zurb.com/sites.html', class: 'button hollow', target: :blank
+      .cell.medium-6
+        = image_tag image_url('integral/demo/foundation-frontend-framework.jpg', skip_pipeline: true)
+
+%section#heroku-ready.section--heroku-ready
+  .grid-container
+    .grid-x.grid-padding-x
+      .cell.medium-6
+        %h2 Heroku Ready
+        %h3 Super fast deployment
+        %p Deploy in no time with Heroku using facilities such as GitHub integration, pipelines, review apps as well as code and data rollbacks.
+        %h3 Management, simplified
+        %p Heroku handles the developer operations side of things so you can focus on creating amazing websites. Scaling, metrics, add ons and continuous delivery and all provided by Heroku.
+      .cell.medium-6
+        = image_tag image_url('integral/demo/heroku.png', skip_pipeline: true), class: 'image--shadow'
+
+%section#production-ready.section--production-ready
+  .grid-container
+    .grid-x.grid-padding-x
+      .cell.medium-6.medium-order-2
+        %h2 Production Ready
+        %h3 Battle Tested
+        %p Used to power applications from the smallest blog to multi-language sites with 1000s of pages, Integral is ready for almost any use case
+        %h3 CI Enabled
+        %p Tests, code quality and coverage checks are carried out automatically whenever any changes are made to Integral to ensure good development practise and code is functioning properly
+      .cell.medium-6.medium-order-1
+        = image_tag image_url('integral/demo/continous-integration.png', skip_pipeline: true)
+
+%section.section--banner
+  .grid-container.text-center
+    %h2 A Rails CMS which will knock your socks off
+    %p Creating a professional website on Rails has never been easier
+    = link_to 'Get Started', 'https://github.com/yamasolutions/integral', class: 'button white hollow', target: :blank
+