lato_blog 2.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: d458228c2534ab38377611c32c79dc316e6a2af5
+  data.tar.gz: 0f16e5fdecc84317b3479ddf6e3e8ec1a00292fb
+SHA512:
+  metadata.gz: 15c718bacb4756e2e76a42fb5fc4e21781474d952945728dbc996400d85bb9a28da580a4d3e4ed3eb51b565248566f3abc51d623d3eccce5727051e04f29e14d
+  data.tar.gz: 356c7f952826ee180415c8a688924d7ac0244fa6acd7a9316837f4608af594cdc03fb830af6dd0d251d049db4704d2b1c8254a0d200a4571d07dca2c378a84d0

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2017 Gregorio
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,27 @@
+# Lato Blog
+
+## Installation
+
+Add the lato_blog gem on your Gemfile
+
+```ruby
+gem 'lato_blog'
+```
+
+Install the gem
+
+```console
+bundle install
+```
+
+Copy the migrations
+
+```console
+rails lato_blog:install:migrations
+```
+
+Exec migrations
+
+```console
+bundle exec rake db:migrate
+```

data/Rakefile

@@ -0,0 +1,5 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end

data/app/assets/config/lato_blog_manifest.js

@@ -0,0 +1,2 @@
+//= link_directory ../javascripts/lato_blog .js
+//= link_directory ../stylesheets/lato_blog .css

data/app/assets/javascripts/lato_blog/application.js

@@ -0,0 +1,19 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require_tree ./initializers
+
+
+$(window).load(function () {
+  BlogFieldsInitializer.init()
+  BlogPostsInitializer.init()
+})

data/app/assets/javascripts/lato_blog/initializers/Fields.js

@@ -0,0 +1,56 @@
+var BlogFieldsInitializer = (function () {
+
+  function initializeRelayNewButton () {
+    $('.fields-relay__menu-add').click(function (e) {
+      // save current status with form submit
+      _relaySubmitUpdateBeforeAction()
+      // open - close menu
+      var parent = $(this).parent()
+      var menu = $(parent).find('.fields-relay__menu')
+      $(menu).toggleClass('fields-relay__menu--active')
+      e.preventDefault()
+    })
+  }
+
+  function initializeRelayDestroy () {
+    $('.fields-relay__sortableblock .js-sortable__main-container').each(function (i, el) {
+      $(el).find('.js-sortable__element').each(function (index, element) {
+        var fieldId = $(element).find('.fields__container').data('field-id')
+        var destroyButton = $('.js-related-field__destroy.is-first')
+        var href = destroyButton.attr('href')
+        var newHref = href + '?id=' + fieldId
+        var cloneButton = destroyButton.clone(true)
+        $(cloneButton).removeClass('is-first').attr('href', newHref)
+        $(element).find('.c-sortable__handle').after(cloneButton)
+        // listen onclick to save current status
+        $(cloneButton).click(function () {
+          _relaySubmitUpdateBeforeAction()
+        })
+      })
+    })
+  }
+
+  function _relaySubmitUpdateBeforeAction () {
+    var formInput = $('.posts__form-autosave')
+    var form = $(formInput).parent()
+    if ($(formInput).val('false')) {
+      $(formInput).val('true')
+      $(form).attr('data-remote', true)
+      $.rails.handleRemote($(form))
+      $(formInput).val('false')
+      $(form).attr('data-remote', false)
+    }
+  }
+
+  // Init:
+
+  function init () {
+    initializeRelayNewButton()
+    initializeRelayDestroy()
+  }
+
+  return {
+    init: init
+  }
+
+})()

data/app/assets/javascripts/lato_blog/initializers/Posts.js

@@ -0,0 +1,54 @@
+var BlogPostsInitializer = (function () {
+
+  function initializeAutosave () {
+    var formInput = $('.posts__form-autosave')
+
+    if (formInput) {
+      var form = $(formInput).parent()
+      setInterval(function () {
+        if ($(formInput).val('false')) {
+          $(formInput).val('true')
+          $(form).attr('data-remote', true)
+          $.rails.handleRemote($(form))
+          $(formInput).val('false')
+          $(form).attr('data-remote', false)
+        }
+      }, 10000)
+    }
+  }
+
+  function initializeCategoriesAutosave () {
+    var form = $('.posts__edit-categories').find('form')
+    $(form).find('input').change(function () {
+      $(form).submit()
+    })
+  }
+
+  function initializePublicationDatetimeAutosave () {
+    var form = $('.posts__edit-publication-datetime').find('form')
+    $(form).find('input').change(function () {
+      $(form).submit()
+    })
+  }
+
+  function initializeStatusSwitchAutosave () {
+    var form = $('.posts__edit-status-switch').find('form')
+    $(form).find('select').change(function () {
+      $(form).submit()
+    })
+  }
+
+  // Init:
+
+  function init () {
+    initializeAutosave()
+    initializeCategoriesAutosave()
+    initializePublicationDatetimeAutosave()
+    initializeStatusSwitchAutosave()
+  }
+
+  return {
+    init: init
+  }
+
+})()

data/app/assets/stylesheets/lato_blog/_helpers.scss

@@ -0,0 +1,37 @@
+// Clearfix
+@mixin clearfix {
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}
+
+// Center an element (need position: relative to the container)
+@mixin centerElement($xy) {
+  position: absolute;
+  @if $xy == xy {
+    left: 50%;
+    top: 50%;
+    bottom: auto;
+    right: auto;
+    transform: translate(-50%, -50%);
+  }
+  @else if $xy == x {
+    left: 50%;
+    right: auto;
+    transform: translateX(-50%);
+  }
+  @else if $xy == y {
+    top: 50%;
+    bottom: auto;
+    transform: translateY(-50%);
+  }
+}
+
+// Set text to one line.
+@mixin oneLineText {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}

data/app/assets/stylesheets/lato_blog/application.scss

@@ -0,0 +1,20 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ */
+
+@import "theme";
+@import "helpers";
+@import "widgets/widgets";
+@import "fields/fields";
+@import "pages/pages";
+

data/app/assets/stylesheets/lato_blog/fields/_composed.scss

@@ -0,0 +1,7 @@
+.fields-composed {
+  
+}
+
+.fields-composed__label {
+  
+}

data/app/assets/stylesheets/lato_blog/fields/_editor.scss

@@ -0,0 +1,3 @@
+.fields-editor {
+  
+}

data/app/assets/stylesheets/lato_blog/fields/_fields.scss

@@ -0,0 +1,8 @@
+@import "general";
+@import "text";
+@import "datetime";
+@import "editor";
+@import "geolocalization";
+@import "image";
+@import "composed";
+@import "relay";

data/app/assets/stylesheets/lato_blog/fields/_general.scss

@@ -0,0 +1,9 @@
+.fields__container {
+  @include clearfix;
+}
+
+.fields__label {
+  color: $color_black;
+  border-bottom: solid 1px $color_grey;
+  padding-bottom: 3px;
+}

data/app/assets/stylesheets/lato_blog/fields/_geolocalization.scss

@@ -0,0 +1,3 @@
+.fields-geolocalizations {
+  
+}

data/app/assets/stylesheets/lato_blog/fields/_image.scss

@@ -0,0 +1,3 @@
+.fields-image {
+  
+}

data/app/assets/stylesheets/lato_blog/fields/_relay.scss

@@ -0,0 +1,121 @@
+.fields-relay {
+  
+}
+
+.fields-relay__sortableblock {
+  @include clearfix;
+  
+  // fix images height
+  .elements-preview__container {
+    padding-bottom: 40%;
+  }
+}
+
+.fields-relay__menu-container {
+  margin-top: 10px;
+  width: 100%;
+  position: relative;
+}
+
+.fields-relay__menu-add {
+  width: 25px;
+  height: 25px;
+  margin: 0 auto;
+  background: $color_white;
+  border-radius: 50%;
+  color: $color_main;
+  border: 1px solid $color_main;
+  cursor: pointer;
+  text-align: center;
+  position: relative;
+  transition: all 0.3s;
+  &:hover, &:focus {
+    background-color: $color_main;
+    color: $color_white;
+  }
+}
+
+.fields-relay__menu-add-icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 20px;
+  z-index: 10;
+}
+
+.fields-relay__menu {
+  box-shadow: 0px 11px 20px rgba(41,59,90,0.08);
+  display: block;
+  position: absolute;
+  top: 120%;
+  left: 50%;
+  transform: translateX(-50%);
+  min-width: 250px;
+  border: 1px solid $color_grey;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  z-index: 10;
+  display: none;
+  border-radius: 10px;
+  overflow: hidden;
+  margin-bottom: 10px;
+}
+
+.fields-relay__menu--active {
+  display: block;
+}
+
+.fields-relay__menu-item {
+  text-align: center;
+  margin: 0;
+
+  a {
+    font-size: 1em;
+    display: block;
+    padding: 6px;
+    background: $color_white;
+    color: $color_black;
+    text-decoration: none;
+    &:hover {
+      background-color: $color_grey;
+    }
+  }
+}
+
+.js-related-field__destroy {
+  position: absolute;
+  top: 0;
+  left: 35px;
+  opacity: 0;
+  width: 25px;
+  height: 25px;
+  background: #ecf0f1;
+  border-radius: 3px;
+  text-align: center;
+  transition: all 0.3s;
+  svg {
+    display: block;
+    width: 15px;
+    height: 15px;
+    margin: 5px auto 0 auto;
+    path {
+      transition: all 0.3s;
+    }
+  }
+  &:hover {
+    background-color: $color_danger;
+    svg {
+      path {
+        fill: white;
+      }
+    }
+  }
+}
+
+.c-sortable__element:hover {
+  .js-related-field__destroy {
+    opacity: 1;
+  }
+}

data/app/assets/stylesheets/lato_blog/fields/_text.scss

@@ -0,0 +1,3 @@
+.fields-text {
+  
+}

data/app/assets/stylesheets/lato_blog/pages/_categories.scss

@@ -0,0 +1,18 @@
+.categories__edit-child-tree {
+
+  .child-tree-container {
+    background-color: $color_grey;
+    width: 100%;
+    padding: 5px 0;
+
+    ul {
+
+    }
+
+    li {
+      color: darken($color_grey, 50);
+      margin-bottom: 10px;
+      font-size: 0.8em;
+    }
+  }
+}