statixite 1.0.0

data/app/views/statixite/deployments/_modal.html.haml

@@ -0,0 +1,18 @@
+= bootstrap_form_for [@site, @deployment], html: { 'v-on': 'submit: addDeployment($event)' } do |f|
+  #deploymentModal.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "boldLabel", :role => "dialog", :tabindex => "-1"}
+    .modal-dialog
+      .modal-content
+        .modal-header
+          %button.close{"aria-label" => "Close", "data-dismiss" => "modal", :type => "button"}
+            %span{"aria-hidden" => "true"} ×
+          %h4#boldLabel.modal-title Create Deployment
+        .modal-body
+          .form-group
+            %h3 Push your site live
+            = fields_for @site do |s|
+              = s.label :domain_name
+              = s.text_field :domain_name, placeholder: 'example.com', class: 'form-control'
+          %p.help-block Every site is entitled to a statixite.com subdomain.  Yours is <strong>#{@site.statixite_name}</strong>.  In order for your custom domain to work, you will need to create a CNAME record.  A hostname will be created after the first deployment which you can find on the #{link_to("settings page", settings_site_path(@site))}.  If you would like to use a naked domain, then you may use <a href="https://dnsimple.com" target="_blank">DNSimple</a>, or use a naked domain redirect service provided by <a href="http://wwwizer.com/" target="_blank">wwwizer.com</a>
+        .modal-footer
+          %button.btn.btn-default{"data-dismiss" => "modal", :type => "button"} Cancel
+          %button.btn.btn-primary{"data-dismiss" => "modal", type: "submit", 'v-on': 'click: addDeployment($event, true)'} Deploy

data/app/views/statixite/deployments/index.html.haml

@@ -0,0 +1,39 @@
+= bootstrap_form_flash(@site)
+- if @site.domain_name.present?
+  %h1
+    Deployments for #{@site.domain_name}
+    %small
+      = link_to "http://#{@site.domain_name}", target: "_blank" do
+        %span.glyphicon.glyphicon-new-window
+- else
+  %h1
+    Deployments for #{@site.statixite_name}
+    %small
+      = link_to "http://#{@site.statixite_name}", target: "_blank" do
+        %span.glyphicon.glyphicon-new-window
+%hr
+%table.table
+  %caption Your Deployments
+  %thead
+    %tr
+      %th Date
+      %th Version
+      %th= link_to 'New Deployment <i class="glyphicon glyphicon-plus"></i>'.html_safe, '#deploymentModal', class: 'btn btn-primary', "data-toggle": "modal", "data-target": "#deploymentModal"
+  %tbody
+    - @site.deployments.order(created_at: 'DESC').each_with_index do |deployment, i|
+      %tr
+        %td{:scope => "row"}= deployment.created_at
+        %td= deployment.version
+        %td
+          = link_to(site_deployment_export_path(@site, deployment, format: :zip), class: 'btn btn-default') do
+            %span.glyphicon.glyphicon-download{"aria-hidden" => "true"}
+            Export Files
+          - if i == 0
+            %button.btn.btn-success{ disabled: 'disabled' }
+              %span.glyphicon.glyphicon-check.right
+              Current
+          -# else TODO: refresh version
+            = link_to("/#", class: 'btn btn-default') do
+              %span.glyphicon.glyphicon-refresh{"aria-hidden" => "true"}
+              Restore
+= render 'modal'

data/app/views/statixite/kaminari/_first_page.html.haml

@@ -0,0 +1,2 @@
+%li
+  = link_to_unless current_page.first?, raw(t 'views.pagination.first'), url, :remote => remote

data/app/views/statixite/kaminari/_gap.html.haml

@@ -0,0 +1,2 @@
+%li.disabled
+  = content_tag :a, raw(t 'views.pagination.truncate')

data/app/views/statixite/kaminari/_last_page.html.haml

@@ -0,0 +1,2 @@
+%li
+  = link_to_unless current_page.last?, raw(t 'views.pagination.last'), url, {:remote => remote}

data/app/views/statixite/kaminari/_next_page.html.haml

@@ -0,0 +1,2 @@
+%li
+  = link_to_unless current_page.last?, raw(t 'views.pagination.next'), url, :rel => 'next', :remote => remote

data/app/views/statixite/kaminari/_page.html.haml

@@ -0,0 +1,6 @@
+- if page.current?
+  %li.active
+    = content_tag :a, page, remote: remote, rel: (page.next? ? 'next' : (page.prev? ? 'prev' : nil))
+- else
+  %li
+    = link_to page, url, remote: remote, rel: (page.next? ? 'next' : (page.prev? ? 'prev' : nil))

data/app/views/statixite/kaminari/_paginator.html.haml

@@ -0,0 +1,11 @@
+= paginator.render do
+  %ul.pagination
+    = first_page_tag unless current_page.first?
+    = prev_page_tag unless current_page.first?
+    - each_page do |page|
+      - if page.left_outer? || page.right_outer? || page.inside_window?
+        = page_tag page
+      - elsif !page.was_truncated?
+        = gap_tag
+    = next_page_tag unless current_page.last?
+    = last_page_tag unless current_page.last?

data/app/views/statixite/kaminari/_prev_page.html.haml

@@ -0,0 +1,2 @@
+%li
+  = link_to_unless current_page.first?, raw(t 'views.pagination.previous'), url, :rel => 'prev', :remote => remote

data/app/views/statixite/media/_index.html.haml

@@ -0,0 +1,13 @@
+.row
+  - @media_index.each do |media|
+    .col-md-2.col-sm-3.col-xs-6
+      .media
+        .media-left
+          %a{:href => "/statixite#{media.file.url}", :target => '_blank', :data => { :toggle => 'tooltip', :placement => 'top' }, :title => 'Click to View Full Image' }
+            %img.media-object{:alt => "", :src => "/statixite#{media.file.thumb.url}"}
+        .media-body
+          = link_to site_medium_path(@site, media), :data => { method: 'delete', confirm: 'Are You Sure?' } do
+            %i.text-danger.glyphicon.glyphicon-remove
+      %br
+.text-center
+  = paginate @media_index, :remote => true

data/app/views/statixite/media/_paginate.html.haml

@@ -0,0 +1 @@
+= paginate @media_index, :remote => true, :params => { :controller => 'media', :action => 'index', :site_id => @site.id}

data/app/views/statixite/media/index.html.haml

@@ -0,0 +1,39 @@
+- content_for :inline_javascript do
+  = javascript_include_tag "dropzone"
+  :javascript
+    $(document).ready(function() {
+      Dropzone.autoDiscover = false;
+      var mediaDropzone;
+      mediaDropzone = new Dropzone("#media-dropzone", {
+        addRemoveLinks: false
+      });
+      return mediaDropzone.on("success", function(file, responseText) {
+        this.removeFile(file);
+        $.getScript("/statixite/sites/#{@site.id}/media")
+      });
+    });
+/ Image
+- content_for :stylesheets do
+  = stylesheet_link_tag "dropzone/dropzone"
+%h1 Manage Media
+%hr
+.row
+  .col-sm-12
+    .pull-right
+      %button.btn.btn-default{"aria-label" => "Picture", :type => "button", "data-toggle": "modal", "data-target": "#imageModal"}
+        New Media
+%br
+.index
+  = render "index"
+/ Image
+#imageModal.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "imageLabel", :role => "dialog", :tabindex => "-1"}
+  .modal-dialog
+    .modal-content
+      .modal-header
+        %button.close{"aria-label" => "Close", "data-dismiss" => "modal", :type => "button", 'v-on': 'click: cancelModal'}
+          %span{"aria-hidden" => "true"} ×
+        %h4#imageLabel.modal-title Drag & Drop Image(s)
+      .modal-body
+        = form_tag site_media_path(@site, @media), class: 'dropzone', id: 'media-dropzone', :multipart => true do
+          .fallback
+            = file_field_tag 'media[file]', multiple: true

data/app/views/statixite/media/index.js.haml

@@ -0,0 +1,2 @@
+$(".index").html("#{escape_javascript(render('index'))}");
+$(".media-paginate").html("#{escape_javascript(render('paginate'))}");

data/app/views/statixite/posts/_form.html.haml

@@ -0,0 +1,65 @@
+- content_for :pre_javascript do
+  = javascript_include_tag "https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.2/marked.min.js"
+- content_for :stylesheets do
+  = stylesheet_link_tag "dropzone/dropzone"
+  = stylesheet_link_tag "jsoneditor/dist/jsoneditor"
+- content_for :inline_javascript do
+  = javascript_include_tag "jsoneditor/dist/jsoneditor-minimalist.min"
+  = javascript_include_tag "statixite/editor"
+  :javascript
+    $(document).ready(function() {
+      $.ajax({
+        url: "/statixite/sites/#{@site.id}/media.json",
+        success: function(response) {
+          mdEditor.$data.photos = response;
+        }
+      });
+    });
+.row
+  .col-sm-12
+    %h3 Front Matter Values
+    #jsoneditor{ "v-on": "change: watchJSON()" }
+    %br
+#editor
+  = bootstrap_form_for [@site, @post], html: { id: 'postForm', 'v-on': 'submit: addPost($event)' } do |f|
+    .form-group
+      .row
+        .col-md-6
+          = f.hidden_field :title, "v-model": "title"
+      .form-group
+        .row
+          .col-md-12
+            .panel.panel-primary
+              .panel-heading.panel-icons
+                .btn-group{ role: 'group', "aria-label": '...' }
+                  %button.btn.btn-default{"aria-label" => "Bold", :type => "button", "data-toggle": "modal", "data-target": "#boldText"}
+                    %span.glyphicon.glyphicon-bold{"aria-hidden" => "true"}
+                  %button.btn.btn-default{"aria-label" => "Italics", :type => "button", "data-toggle": "modal", "data-target": "#italicText"}
+                    %span.glyphicon.glyphicon-italic{"aria-hidden" => "true"}
+                  %button.btn.btn-default{"aria-label" => "List", :type => "button", "data-toggle": "modal", "data-target": "#listModal"}
+                    %span.glyphicon.glyphicon-list{"aria-hidden" => "true"}
+                  %button.btn.btn-default{"aria-label" => "Link", :type => "button", "data-toggle": "modal", "data-target": "#linkModal"}
+                    %span.glyphicon.glyphicon-link{"aria-hidden" => "true"}
+                  %button.btn.btn-default{"aria-label" => "Video", :type => "button", "data-toggle": "modal", "data-target": "#videoModal"}
+                    %span.glyphicon.glyphicon-facetime-video{"aria-hidden" => "true"}
+                  %button.btn.btn-default{"aria-label" => "Picture", :type => "button", "data-toggle": "modal", "data-target": "#imageModal"}
+                    %span.glyphicon.glyphicon-picture{"aria-hidden" => "true"}
+                  -# %button.btn.btn-default{"aria-label" => "Left Align", :type => "button"}
+                    %span.glyphicon.glyphicon-align-left{"aria-hidden" => "true"}
+                  -# %button.btn.btn-default{"aria-label" => "Right Align", :type => "button"}
+                    %span.glyphicon.glyphicon-align-right{"aria-hidden" => "true"}
+                  -# %button.btn.btn-default{"aria-label" => "Center Align", :type => "button"}
+                    %span.glyphicon.glyphicon-align-center{"aria-hidden" => "true"}
+                  -# %button.btn.btn-default{"aria-label" => "Justify", :type => "button"}
+                    %span.glyphicon.glyphicon-align-justify{"aria-hidden" => "true"}
+                  -# %button.btn.btn-default{"aria-label" => "Help", :type => "button"}
+                    %span.glyphicon.glyphicon-question-sign{"aria-hidden" => "true"}
+              .panel-body#editor
+                .form_group
+                  = text_area(:post, :content, "v-model" => "input", debounce: "300", skip_label: true, class: '')
+                  %div{ class: 'preview', "v-html": "input | marked" }
+              .panel-footer
+                = f.submit 'Save', class: 'btn btn-primary btn-tny', 'v-on': "click: addPost($event, true)"
+    #frontMatterData{data: { 'front-matter': @post.front_matter.to_json}}
+  = render 'statixite/posts/modals'
+  = render 'statixite/posts/image_modal'

data/app/views/statixite/posts/_image_modal.html.haml

@@ -0,0 +1,21 @@
+- content_for :inline_javascript do
+  = javascript_include_tag "dropzone"
+/ Image
+#imageModal.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "imageLabel", :role => "dialog", :tabindex => "-1"}
+  .modal-dialog
+    .modal-content
+      .modal-header
+        %button.close{"aria-label" => "Close", "data-dismiss" => "modal", :type => "button"}
+          %span{"aria-hidden" => "true"} ×
+        %h4#imageLabel.modal-title Drag & Drop Image(s)
+      .modal-body
+        = form_tag site_media_path(@site, @media), class: 'dropzone', id: 'media-dropzone', :multipart => true do
+          .fallback
+            = file_field_tag 'media[file]', multiple: true
+        %h4 Or select from existing Media
+        .row
+          .col-md-2.col-sm-2.col-xs-3{ "v-repeat": "media in photos"}
+            %a{:href => "#", :title => 'Click to Insert', 'v-on': "click: insertMedia($event, media)" }
+              %img.img-responsive{:alt => "", "v-attr": "src: '/statixite' + media.file.thumb.url" }
+        .text-center.media-paginate
+          = paginate @media_index, :remote => true, :params => { :controller => 'media', :action => 'index', :site_id => @site.id}

data/app/views/statixite/posts/_modals.html.haml

@@ -0,0 +1,111 @@
+/ Bold Text
+#boldText.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "boldLabel", :role => "dialog", :tabindex => "-1"}
+  .modal-dialog
+    .modal-content
+      .modal-header
+        %button.close{"aria-label" => "Close", "data-dismiss" => "modal", :type => "button", 'v-on': 'click: cancelModal'}
+          %span{"aria-hidden" => "true"} ×
+        %h4#boldLabel.modal-title Add Bold Text
+      .modal-body
+
+        %input#boldInput{ type: 'text', 'v-model': 'boldText', class: 'form-control', 'v-on': 'keyup: addBoldText | key enter' }
+      .modal-footer
+        %button.btn.btn-default{"data-dismiss" => "modal", :type => "button", 'v-on': 'click: cancelModal'} Cancel
+        %button.btn.btn-primary{"data-dismiss" => "modal", :type => "button", "v-on": "click: addBoldText"} Save Changes
+
+/ Italic Text
+#italicText.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "italicLabel", :role => "dialog", :tabindex => "-1"}
+  .modal-dialog
+    .modal-content
+      .modal-header
+        %button.close{"aria-label" => "Close", "data-dismiss" => "modal", :type => "button", 'v-on': 'click: cancelModal'}
+          %span{"aria-hidden" => "true"} ×
+        %h4#italicLabel.modal-title Add Italic Text
+      .modal-body
+
+        %input#italicInput{ type: 'text', 'v-model': 'italicText', class: 'form-control', 'v-on': 'keyup: addItalicText | key enter' }
+      .modal-footer
+        %button.btn.btn-default{"data-dismiss" => "modal", :type => "button", 'v-on': 'click: cancelModal'} Cancel
+        %button.btn.btn-primary{"data-dismiss" => "modal", :type => "button", "v-on": "click: addItalicText"} Save Changes
+
+/ List
+#listModal.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "listLabel", :role => "dialog", :tabindex => "-1"}
+  .modal-dialog
+    .modal-content
+      .modal-header
+        %button.close{"aria-label" => "Close", "data-dismiss" => "modal", :type => "button", 'v-on': 'click: cancelModal'}
+          %span{"aria-hidden" => "true"} ×
+        %h4#listLabel.modal-title Add List
+      .modal-body
+        %ul
+          %li{ 'v-repeat': 'listItems' } {{$value}}
+        .row
+          .col-sm-8
+            %input#listInput{ type: 'text', 'v-model': 'listItem', class: 'form-control', 'v-on': 'keyup: addListItem | key enter' }
+          .col-sm-4
+            %button{ class: 'btn btn-default', 'v-on': 'click: addListItem' }
+              %i.glyphicon.glyphicon-plus
+
+      .modal-footer
+        %button.btn.btn-default{"data-dismiss" => "modal", :type => "button", 'v-on': 'click: cancelModal'} Cancel
+        %button.btn.btn-primary{"data-dismiss" => "modal", :type => "button", "v-on": "click: addList"} Save Changes
+
+/ Link
+#linkModal.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "linkLabel", :role => "dialog", :tabindex => "-1"}
+  .modal-dialog
+    .modal-content
+      .modal-header
+        %button.close{"aria-label" => "Close", "data-dismiss" => "modal", :type => "button", 'v-on': 'click: cancelModal'}
+          %span{"aria-hidden" => "true"} ×
+        %h4#linkLabel.modal-title Add Link
+      .modal-body
+        .form-group
+          .row
+            .col-sm-6
+              %label{ for: 'linkInput' } Url
+              %input#linkInput.form-control{type: 'text', 'v-model': 'link.url' }
+            .col-sm-6
+              %label{ for: 'linkTextInput' } Text
+              %input#linkInput.form-control{type: 'text', 'v-model': 'link.text', 'v-on': 'keyup: addLink | key enter'}
+
+      .modal-footer
+        %button.btn.btn-default{"data-dismiss" => "modal", :type => "button", 'v-on': 'click: cancelModal'} Cancel
+        %button.btn.btn-primary{"data-dismiss" => "modal", :type => "button", "v-on": "click: addLink"} Save Changes
+
+/ Video
+#videoModal.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "videoLabel", :role => "dialog", :tabindex => "-1"}
+  .modal-dialog
+    .modal-content
+      .modal-header
+        %button.close{"aria-label" => "Close", "data-dismiss" => "modal", :type => "button", 'v-on': 'click: cancelModal'}
+          %span{"aria-hidden" => "true"} ×
+        %h4#videoLabel.modal-title Add Video
+      .modal-body
+        %p Youtube and Vimeo urls are supported for videos.  You can also paste in any embed code directly into your posts.
+        .form-group
+          %label{ for: 'videoInput' } Video Url
+          %input#videoInput.form-control{type: 'text', 'v-model': 'video.url', 'v-on': 'keyup: addVideo | key enter' }
+
+      .modal-footer
+        %button.btn.btn-default{"data-dismiss" => "modal", :type => "button", 'v-on': 'click: cancelModal'} Cancel
+        %button.btn.btn-primary{"data-dismiss" => "modal", :type => "button", "v-on": "click: addVideo"} Save Changes
+
+= content_for :inline_javascript do
+  :javascript
+    $(document).ready(function() {
+      $('#boldText').on('shown.bs.modal', function () {
+        $('#boldInput').focus()
+      });
+      $('#italicText').on('shown.bs.modal', function () {
+        $('#italicInput').focus()
+      });
+      $('#listModal').on('shown.bs.modal', function () {
+        $('#listInput').focus()
+      });
+      $('#linkModal').on('shown.bs.modal', function () {
+        $('#linkInput').focus()
+      });
+      $('#videoModal').on('shown.bs.modal', function () {
+        $('#videoInput').focus()
+      });
+    });

data/app/views/statixite/posts/_posts.html.haml

@@ -0,0 +1,15 @@
+%table.table
+  %caption Your Posts
+  %thead
+    %tr
+      %th Post Title
+      %th= link_to "New Post <i class='glyphicon glyphicon-plus'></i>".html_safe, new_site_post_path, class: 'btn btn-primary'
+  %tbody
+    - @posts.each do |post|
+      %tr
+        %th{:scope => "row"}= post.title
+        %td
+          = link_to(edit_site_post_path(@site, post), class: 'btn btn-default') do
+            %span.glyphicon.glyphicon-pencil{"aria-hidden" => "true"}
+            Edit Post
+= paginate @posts, :remote => true

data/app/views/statixite/posts/edit.html.haml

@@ -0,0 +1,6 @@
+.row
+  .col-md-12
+    %h1 Edit Post
+    %hr
+    = render 'form'
+

data/app/views/statixite/posts/index.html.haml

@@ -0,0 +1,4 @@
+%h1 Posts for #{@site.statixite_name}
+%hr
+.posts-index
+  = render 'posts'

data/app/views/statixite/posts/index.js.haml

@@ -0,0 +1 @@
+$('.posts-index').html('#{escape_javascript(render('posts'))}');

data/app/views/statixite/posts/new.html.haml

@@ -0,0 +1,5 @@
+.row
+  .col-md-12
+    %h1 New Post
+    %hr
+    = render 'form'

data/app/views/statixite/sites/_sites.html.haml

@@ -0,0 +1,27 @@
+%table.table
+  %caption Your Sites
+  %thead
+    %tr
+      %th Site Name 
+      %th= link_to 'New Site <i class="glyphicon glyphicon-plus"></i>'.html_safe, new_site_path, class: 'btn btn-primary'
+  %tbody
+    - @sites.each do |site|
+      %tr
+        %th{:scope => "row"}= site.site_name
+        %td
+          = link_to(build_and_preview_site_path(site), class: 'btn btn-default') do
+            %span.glyphicon.glyphicon-eye-open{"aria-hidden" => "true"}
+            Preview Site
+          &nbsp;
+          = link_to(settings_site_path(site), class: 'btn btn-default') do
+            %span.glyphicon.glyphicon-cog{"aria-hidden" => "true"}
+            Settings
+          &nbsp;
+          = link_to(site_deployments_path(site), class: 'btn btn-default') do
+            %span.glyphicon.glyphicon-open{"aria-hidden" => "true"}
+            Deploy
+          &nbsp;
+          = link_to site_path(site), :method => 'delete', data: { :confirm => 'Are you sure? This will remove all files and deactivate and hosting services used for this site!' }, class: 'btn btn-danger' do
+            %span.glyphicon.glyphicon-remove{"aria-hidden" => "true"}
+            Delete
+= paginate @sites, :remote => true

data/app/views/statixite/sites/_templates.html.haml

@@ -0,0 +1,26 @@
+%h3 Pick a Template
+%hr
+.row
+  - @templates.each do |template|
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          - if template['title'] == 'Jekyll Default'
+            = image_tag('statixite/jekyll.png', class: 'img-responsive')
+          - else
+            = image_tag("https://raw.githubusercontent.com/mattvh/jekyllthemes/master/thumbnails/#{template['thumbnail']}", class: 'img-responsive')
+          .caption
+            %h3= template['title']
+        %table.table{:style => "padding: 0; margin: 0;"}
+          %tbody
+            %tr
+              - author_link_array = template['homepage'].split("/")
+              - author_link_array.pop
+              %td Author 
+              %td= link_to template['author'], author_link_array.join("/") 
+            %tr
+              %td Demo
+              %td= link_to "<i class='glyphicon glyphicon-new-window'></i>".html_safe, template['demo'], target: '_blank'
+            %tr
+              %td Select
+              %td= radio_button_tag 'site[template]', template['title'], label: "Select"