cas-cms 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 9b88802ff9371e54ee620c776c90e53077379d80
+  data.tar.gz: c5df9bfa6966724c9c87fcff5d44116a60d95910
+SHA512:
+  metadata.gz: e75b570c8b02a11c99a2239cdb0024107498169ff1fe1152f7c296837c72409a0453d09aaec614b52ad1934e86559af06389ae68311f084ce19a51e2102a7ed4
+  data.tar.gz: 920b28f837047f0539179e7a3bb0f0e512bae04975a9f8ac3ff69d3ec94ec0b0f48f40da9317627d9ea92396a9a876c48fc83de2dd4834343a9809175a2ce81a

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2017 Thayná de Oliveira
+
+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,43 @@
+# Cas
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'cas'
+```
+
+### Setup
+
+**Engine:** Cas is mounted in your main Rails application. Say your application
+is called MyBlog, you make can make it accessible at `myblog.com/admin`
+by setting the following in the `config/routes.rb` file in your main
+application:
+
+```ruby
+Rails.application.routes.draw do
+   mount Cas::Engine, at: "/admin"
+
+   # ... other routes
+end
+```
+
+**S3:** you need S3 credentials to use Cas (for file uploads). Set the
+following ENV vars (e.g paste in your `~/.bash_profile` or use the `dotenv`
+gem in your main Rails application):
+
+    export S3_ACCESS_KEY_ID="value"
+    export S3_SECRET_ACCESS_KEY="value"
+    export S3_REGION="value"
+    export S3_BUCKET="value"
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,37 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Cas'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../spec/test_app/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+load 'rails/tasks/statistics.rake'
+
+
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/app/assets/config/cas_manifest.js

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

data/app/assets/images/cas/black-star.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="100pt" height="100pt" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+ <path d="m50 25l8.1133 16.348 17.887 2.75-12.871 12.855 2.9375 18.047-16.07-8.4023-16.07 8.4023 2.9375-18.047-12.871-12.855 17.887-2.75z"/>
+</svg>

data/app/assets/images/cas/check.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg fill="#FFFFFF" width="100pt" height="100pt" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+ <path d="m35.418 80.832l-17.5-17.5 5.832-5.832 11.668 11.668 40.832-40.836 5.832 5.8359z"/>
+</svg>

data/app/assets/images/cas/dropzone-in.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg fill="#FFFFFF" width="100pt" height="100pt" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+ <path d="m69.535 95.832h-4.1016c-1.1484 0-2.082 0.93359-2.082 2.082 0 1.1484 0.93359 2.082 2.082 2.082h4.1016c1.1484 0 2.082-0.93359 2.082-2.082 0-1.1484-0.92969-2.082-2.082-2.082zm21.352-54.027c1 0.21094 1.9453 0.67969 2.7266 1.3398 0.39453 0.33203 0.875 0.49609 1.3516 0.49609 0.58984 0 1.1758-0.25 1.5859-0.73438 0.74609-0.875 0.63672-2.1914-0.23828-2.9375-1.3086-1.1133-2.8828-1.8906-4.5586-2.2461-1.0977-0.23047-2.2344 0.48047-2.4766 1.6055-0.23047 1.1289 0.48828 2.2383 1.6094 2.4766zm-33.656 54.027h-4.1016c-1.1484 0-2.082 0.93359-2.082 2.082 0 1.1484 0.93359 2.082 2.082 2.082h4.1016c1.1484 0 2.082-0.93359 2.082-2.082 0-1.1484-0.92969-2.082-2.082-2.082zm-15.562-8.4531v-4.1055c0-1.1484-0.93359-2.082-2.082-2.082-1.1523 0-2.0859 0.93359-2.0859 2.082v4.1055c0 1.1484 0.93359 2.082 2.082 2.082 1.1523 0 2.0859-0.92578 2.0859-2.082zm4.0547 8.0586c-0.95703-0.35938-1.8242-0.95703-2.5039-1.7344-0.75781-0.86719-2.0742-0.94922-2.9375-0.19141-0.86719 0.75781-0.95312 2.0742-0.19531 2.9414 1.1289 1.293 2.5703 2.2891 4.1719 2.8867 0.24609 0.085937 0.48828 0.13281 0.73438 0.13281 0.83984 0 1.6367-0.51562 1.9492-1.3555 0.39844-1.0742-0.14844-2.2812-1.2188-2.6797zm52.195-24.02c-1.1484 0-2.082 0.93359-2.082 2.082v4.1016c0 1.1484 0.93359 2.082 2.082 2.082 1.1484 0 2.082-0.93359 2.082-2.082v-4.1016c0-1.1484-0.93359-2.082-2.082-2.082zm0-12.305c-1.1484 0-2.082 0.93359-2.082 2.082v4.1016c0 1.1484 0.93359 2.082 2.082 2.082 1.1484 0 2.082-0.93359 2.082-2.082v-4.1016c0-1.1523-0.93359-2.082-2.082-2.082zm0-12.309c-1.1484 0-2.082 0.93359-2.082 2.082v4.1016c0 1.1484 0.93359 2.082 2.082 2.082 1.1484 0 2.082-0.93359 2.082-2.082v-4.1016c0-1.1484-0.93359-2.082-2.082-2.082zm0 36.918c-1.1484 0-2.082 0.93359-2.082 2.082l-0.007813 4.0195 2.082 0.078125 2.0898-0.32031v-3.7773c0-1.1523-0.93359-2.082-2.082-2.082zm-5.0859 11.203c-0.875 0.53516-1.875 0.84766-2.8984 0.89844-1.1484 0.0625-2.0273 1.043-1.9727 2.1914 0.058593 1.1133 0.97656 1.9766 2.0781 1.9766h0.10938c1.7109-0.089844 3.3906-0.61328 4.8555-1.5078 0.98438-0.60156 1.293-1.8828 0.69141-2.8672-0.59766-0.98828-1.8906-1.2891-2.8633-0.69141zm-10.984 0.90625h-4.1016c-1.1484 0-2.082 0.93359-2.082 2.082 0 1.1484 0.93359 2.082 2.082 2.082h4.1016c1.1484 0 2.082-0.93359 2.082-2.082 0-1.1484-0.93359-2.082-2.082-2.082zm-8.9297-56.25c0-1.1484-0.93359-2.082-2.0859-2.082h-1.4453c-0.35938-0.41406-0.64844-0.87109-1.0391-1.2617l-5.8477-5.8516v-19.969c0-5.7422-4.6719-10.418-10.418-10.418h-41.668c-5.7422 0-10.414 4.6758-10.414 10.418v41.668c0 5.7383 4.6719 10.414 10.418 10.414h20.832c1.1484 0 2.082-0.93359 2.082-2.082 0-1.1523-0.93359-2.0859-2.082-2.0859h-20.832c-3.4453 0-6.25-2.8047-6.25-6.25v-31.25h54.168v7.2969c-2.0156-0.3125-4.1484 0.16406-5.6406 1.6484-0.74609 0.74609-1.293 1.6406-1.6016 2.6172-2.2891-0.78516-4.9844-0.20312-6.7344 1.5508-0.93359 0.93359-1.5469 2.0977-1.793 3.3672-1.9961-0.28906-4.0586 0.39453-5.5 1.8398-1.2305 1.2266-1.9023 2.8633-1.9023 4.6016 0 0.15234 0.003907 0.30469 0.015626 0.45312-1.4023 0.1875-2.6953 0.82812-3.7148 1.8477-2.5352 2.5352-2.5352 6.6641 0 9.1953l1.8672 1.8633v7.4727c0 3.3945 1.6523 6.3828 4.1758 8.2891 0 0.011719-0.007812 0.023438-0.007812 0.042969v2.082c0 1.1484 0.93359 2.082 2.082 2.082 1.1523 0 2.0859-0.93359 2.0859-2.082v-0.21094c0.67188 0.13672 1.3711 0.21094 2.082 0.21094h8.543c12.52 0 22.707-10.188 22.707-22.707 0-3.9492-1.0977-7.6953-2.9766-11.047 0.52734-0.375 0.89453-0.96094 0.89453-1.6641zm-62.5-27.082c-1.1523 0-2.0859-0.93359-2.0859-2.082 0-1.1523 0.93359-2.0859 2.0859-2.0859 1.1484 0 2.082 0.93359 2.082 2.0859 0 1.1484-0.93359 2.082-2.082 2.082zm8.332 0c-1.1484 0-2.082-0.93359-2.082-2.082 0-1.1523 0.93359-2.0859 2.082-2.0859s2.082 0.93359 2.082 2.0859c0 1.1484-0.93359 2.082-2.082 2.082zm8.332 0c-1.1484 0-2.082-0.93359-2.082-2.082 0-1.1523 0.93359-2.0859 2.082-2.0859 1.1523 0 2.0859 0.93359 2.0859 2.0859 0 1.1484-0.93359 2.082-2.0859 2.082zm56.055 25h-4.1016c-1.1484 0-2.082 0.93359-2.082 2.082 0 1.1484 0.93359 2.082 2.082 2.082h4.1016c1.1484 0 2.082-0.93359 2.082-2.082 0.003906-1.1484-0.92969-2.082-2.082-2.082z"/>
+</svg>

data/app/assets/images/cas/white-star.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg fill="#FFFFFF" width="100pt" height="100pt" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+ <path d="m50 25l8.1133 16.348 17.887 2.75-12.871 12.855 2.9375 18.047-16.07-8.4023-16.07 8.4023 2.9375-18.047-12.871-12.855 17.887-2.75z"/>
+</svg>

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

@@ -0,0 +1,51 @@
+//= require jquery
+//= require jquery_ujs
+//= require tinymce-jquery
+//= require cas/vendor/selectize.min
+//= require_self
+
+$(document).ready(function() {
+  $(".js-tags").selectize({
+    plugins: ['restore_on_backspace', 'remove_button'],
+    delimiter: ',',
+    persist: true,
+    preload: false,
+    render: {
+      option_create: function(item, escape) {
+        var input = item.input;
+        return '<div class="create">' +
+          (input ? '<span class="caption">Criar <b>' + escape(input) + '</b></span>' : '') +
+          '</div>';
+      },
+    },
+    create: function(input) {
+      return {
+        value: input,
+        text: input
+      }
+    },
+    onInitialize: function(){
+      var selectize = this;
+      var data = this.$input.data('autocomplete');
+      selectize.addOption(data);
+    }
+  });
+
+  tinyMCE.init({
+    selector: 'textarea.editor',
+    mode : "exact",
+    relative_urls : false,
+    convert_urls : 0, // default 1
+    pagebreak_separator : '<br clear="all" class="pagebreak" />',
+    height : '350',
+    convert_fonts_to_spans : true,
+    font_size_style_values : "8pt,10pt,12pt,14pt,18pt,24pt,36pt",
+    inline_styles: false,
+    extended_valid_elements: "embed,param,object,iframe[src|title|width|height|allowfullscreen|frameborder]",
+    language : "pt_BR",
+    plugins : 'image,imagetools,code,paste,pagebreak,table,wordcount,link',
+    default_link_target: "_blank",
+    images_upload_url: paths.fileUpload.path,
+    images_upload_credentials: true
+  });
+});

data/app/assets/javascripts/cas/fileupload_manifest.js

@@ -0,0 +1,269 @@
+// jquery already loaded
+//= require jquery-ui/widgets/sortable
+//= require cas/vendor/jquery.ui.touch-punch.min.js
+//
+// widget needs only when jquery ui is not included
+// require cas/vendor/file_upload/jquery.ui.widget
+//= require cas/vendor/file_upload/load-image.all.min
+//= require cas/vendor/file_upload/canvas-to-blob.min
+//= require cas/vendor/file_upload/jquery.iframe-transport
+//= require cas/vendor/file_upload/jquery.fileupload
+//= require cas/vendor/file_upload/jquery.fileupload-process
+//= require cas/vendor/file_upload/jquery.fileupload-image
+//= require cas/plugins/cas_image_gallery
+//= require_self
+var gallery;
+
+/**
+ * Shared functions
+ *
+ * These are functions that are used for both images and generic attachments.
+ */
+var UploadSharedFunctions = {
+  progress: function(e, data) {
+    var progress = parseInt(data.loaded / data.total * 100, 10);
+    var percentage = progress.toString() + '%'
+    data.progressBar.find(".progress-bar").css("width", percentage);
+    data.progressBar.find(".name").html(percentage);
+  },
+  fail: function(e, data) {
+    console.log("error", e);
+    console.log("data", data);
+    data.progressBar.remove();
+    alert('Falha ao enviar arquivo: '+data.files[0].name);
+  }
+};
+
+/**
+ * Image gallery upload functions
+ *
+ * These functions are only used by the upload mechanism intented for the upload
+ * of images for the gallery, not general attachments.
+ */
+var ImageGalleryUploadFunctions = {
+  add: function(e, data) {
+    var acceptFileTypes = /^image\/(gif|jpe?g|png|tiff)$/i;
+
+    for (var index in data.originalFiles) {
+      var file = data.originalFiles[index];
+      if(file['type'].length && !acceptFileTypes.test(file['type'])) {
+        alert('O arquivo enviado não é uma imagem.');
+        return false;
+      }
+    }
+
+    var that = this;
+
+    data.progressBar = $('<div class="progress-status"><span class="name">&nbsp;</span><div class="progress-bar"></div></div>');
+    $(this).after(data.progressBar);
+
+    var options = {
+      extension: data.files[0].name.match(/(\.\w+)?$/)[0], // set extension
+      _: Date.now(),                                       // prevent caching
+    }
+
+    $.getJSON('/admin/files/cache/presign', options, function(result) {
+      console.log("image: presign result", result);
+      console.log("image: now will submit file to S3 URL: ", result["url"]);
+      data.formData = result['fields'];
+      data.url = result['url'];
+      data.paramName = 'file';
+      $.blueimp.fileupload.prototype.options.add.call(that, e, data);
+      data.submit();
+    });
+  },
+  done: function(e, data) {
+    console.log("Image: upload done! Now posting to /admin/api/files", data.formData);
+    data.progressBar.remove();
+
+    var file = {
+      original: {
+        id: data.formData.key.match(/cache\/(.+)/)[1], // we have to remove the prefix part
+        storage: 'cache',
+        metadata: {
+          size:      data.files[0].size,
+          filename:  data.files[0].name.match(/[^\/\\]*$/)[0], // IE returns full path
+          mime_type: data.files[0].type
+        }
+      }
+    }
+
+    var fileInput = $(this);
+    var fileInputName = $(this).attr("name");
+    var fileImagesGallery = $(fileInput.data("images"));
+
+    console.log("image: posting to /admin/api/files");
+    $.ajax("/admin/api/files", {
+      method: 'POST',
+      data: {
+        data: {
+          attributes: {
+            metadata: file,
+            media_type: 'image'
+          },
+          relationships: {
+            attachable: {
+              data: {
+                type: gallery.attachable().type,
+                id:   gallery.attachable().id
+              }
+            }
+          }
+        }
+      }
+    }).done(function(response) {
+      var id = response.data.id;
+      var url = response.data.attributes.url;
+      var filename = response.data.attributes["original-name"];
+      gallery.addImage({
+        url: url,
+        id: id,
+        filename: filename,
+        orderBy: "filename"
+      });
+    });
+  }
+};
+
+var AttachmentUploadFunctions = {
+  add: function(e, data) {
+    data.progressBar = $('<div class="progress-status"><span class="name">&nbsp;</span><div class="progress-bar"></div></div>');
+    $(this).after(data.progressBar);
+
+    var options = {
+      extension: data.files[0].name.match(/(\.\w+)?$/)[0], // set extension
+      _: Date.now(),                                       // prevent caching
+    }
+
+    $.getJSON('/admin/files/cache/presign', options, function(result) {
+      console.log("Attachment presign result", result);
+      data.formData = result['fields'];
+      data.url = result['url'];
+      data.paramName = 'file';
+      data.submit();
+    });
+  },
+  done: function(e, data) {
+    console.log("Attachment upload done! Now posting to /admin/api/files");
+    data.progressBar.remove();
+
+    var file = {
+      original: {
+        id: data.formData.key.match(/cache\/(.+)/)[1], // we have to remove the prefix part
+        storage: 'cache',
+        metadata: {
+          size:      data.files[0].size,
+          filename:  data.files[0].name.match(/[^\/\\]*$/)[0], // IE returns full path
+          mime_type: data.files[0].type
+        }
+      }
+    }
+
+    var fileInput = $(this);
+    var fileInputName = $(this).attr("name");
+    var fileImagesGallery = $(fileInput.data("images"));
+
+    console.log("Attachment: posting to /admin/api/files");
+    $.ajax("/admin/api/files", {
+      method: 'POST',
+      data: {
+        data: {
+          attributes: {
+            metadata: file,
+            media_type: 'attachment'
+          },
+          relationships: {
+            attachable: {
+              data: {
+                type: gallery.attachable().type,
+                id:   gallery.attachable().id
+              }
+            }
+          }
+        }
+      }
+    }).done(function(response) {
+      var id = response.data.id;
+      var url = response.data.attributes.url;
+      var filename = response.data.attributes["original-name"];
+      var itemTemplate = $("#cas-attachments-template").html();
+      var finalHtml = $(itemTemplate);
+
+      finalHtml.attr("data-id", id);
+      finalHtml.find(".filename").html(filename);
+
+      $("#attachments-list").append(finalHtml);
+      /**
+       * order is set to 0 all for now
+       */
+      $("#attachments-list").append("<input type='hidden' name='attachments[files][0][id]' class='js-attachment-input' value='"+id+"' />");
+    });
+  }
+};
+
+function deleteFiles(ids) {
+  if (confirm("Tem certeza disso?")) {
+    return $.ajax("" + paths.deleteFile.path + "/" + ids.join(), {
+      method: paths.deleteFile.method
+    });
+  } else {
+    return false;
+  }
+}
+
+$(function() {
+  gallery = new CasImageGallery({
+    element: $(".cas-image-gallery"),
+    selectionEnabled: false,
+    preloadedImagesElements: $(".cas-image-gallery .cas-gallery-preloaded"),
+    onDelete: deleteFiles
+  });
+  gallery.init();
+
+  $(".cas-image-gallery .images").sortable({
+    stop: function() {
+      gallery.resetImagesOrder();
+    }
+  });
+
+  $('.cas-image-gallery [type=file]').fileupload({
+    maxChunkSize: 10000000, // 10000000 = 10mb
+    dropZone: $('.cas-image-gallery.dropzone'),
+    dataType: 'json',
+    disableImageResize: /Android(?!.*Chrome)|Opera/.test(window.navigator && navigator.userAgent),
+    imageMaxWidth:  1920,
+    imageMaxHeight: 1920,
+    imageOrientation: true,
+    prependFiles: true,
+
+    // callbacks
+    add: ImageGalleryUploadFunctions.add,
+    progress: UploadSharedFunctions.progress,
+    fail: UploadSharedFunctions.fail,
+    done: ImageGalleryUploadFunctions.done
+  });
+
+  $('.cas-attachments [type=file]').fileupload({
+    maxChunkSize: 10000000, // 10000000 = 10mb
+    dropZone: $('.cas-attachments.dropzone'),
+    dataType: 'json',
+
+    // callbacks
+    add: AttachmentUploadFunctions.add,
+    progress: UploadSharedFunctions.progress,
+    fail: UploadSharedFunctions.fail,
+    done: AttachmentUploadFunctions.done
+  });
+
+  // DELETING ATTACHMENTS
+  $('.cas-attachments').on('click', '.js-delete-file', function(el) {
+    var fileEl = $(this).parents("[data-id]");
+    var id = [fileEl.attr('data-id')];
+    var response = deleteFiles(id);
+    if (response) {
+      response.done(function() {
+        fileEl.remove();
+      });
+    }
+  });
+});