Merge branch 'summernote' of github.com:noesya/osuny into summernote

Gemfile

@@ -46,7 +46,8 @@ gem 'jbuilder'
 gem 'kamifusen'#, path: '../kamifusen'
 gem 'bootstrap'
 gem 'sanitize'
-gem 'summernote-rails', git: 'https://github.com/noesya/summernote-rails.git'
+gem 'summernote-rails', git: 'https://github.com/noesya/summernote-rails.git', branch: 'activestorage'
+# gem 'summernote-rails', path: '../summernote-rails'
 
 group :development, :test do
   gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]

Gemfile.lock

 GIT
   remote: https://github.com/noesya/summernote-rails.git
-  revision: 6dcff6c2a0e56492dbbcaf0a91ccc5898e6be922
+  revision: 3581d868bbe303377f37f6e26858176debae51a4
+  branch: activestorage
   specs:
     summernote-rails (0.8.20.1)
       railties (>= 3.1)

app/assets/javascripts/admin/commons/upload_file.js

-const uploadFile = (file) => {
-  // TODO  should be data-direct-upload-url
-  const url = '/rails/active_storage/direct_uploads'
-  const upload = new ActiveStorage.DirectUpload(file, url)
-
-  upload.create((error, blob) => {
-    if (error) {
-      alert(error)
-    } else {
-        console.log(blob)
-      return blob
-    }
-  })
-}

app/assets/javascripts/admin/plugins/summernote.js

 /* eslint no-alert: 'off' */
-/*global $, FormData */
+/*global $, SummernoteAttachmentUpload */
 // window.osuny.summernote.sendFile = function (file, toSummernote) {
 //     'use strict';
 //     var data = new FormData();
@@ -26,10 +26,6 @@
 // };
 //
 
-//
-
-
-
 $(function () {
     'use strict';
 
@@ -58,10 +54,8 @@ $(function () {
             ],
             callbacks: {
                 onImageUpload: function (files) {
-                    var blob = uploadFile(files[0]);
-                    console.log(blob);
-                //     'use strict';
-                //     window.osuny.summernote.sendFile(files[0], $(this));
+                    var attachmentUpload = new SummernoteAttachmentUpload(this, files[0]);
+                    attachmentUpload.start();
                 }
             }
         });

app/assets/javascripts/admin/plugins/summernote_attachment_upload.js

+/*global ActiveStorage */
+var SummernoteAttachmentUpload = function (element, file) {
+    'use strict';
+    this.element = element;
+    this.file = file;
+    this.directUpload = new ActiveStorage.DirectUpload(file, this.getDirectUploadUrl(), this);
+};
+
+SummernoteAttachmentUpload.prototype.start = function () {
+    'use strict';
+    this.directUpload.create(this.directUploadDidComplete.bind(this));
+};
+
+SummernoteAttachmentUpload.prototype.directUploadDidComplete = function (error, attributes) {
+    'use strict';
+    if (error) {
+        throw new Error('Direct upload failed: ' + error);
+    }
+
+    // Insert Blob in Summernote
+    console.log(attributes);
+    console.log({
+        sgid: attributes.attachable_sgid,
+        url: this.createBlobUrl(attributes.signed_id, attributes.filename)
+    });
+};
+
+SummernoteAttachmentUpload.prototype.createBlobUrl = function (signedId, filename) {
+    'use strict';
+    return this.getBlobUrlTemplate()
+        .replace(':signed_id', signedId)
+        .replace(':filename', encodeURIComponent(filename));
+};
+
+SummernoteAttachmentUpload.prototype.getDirectUploadUrl = function () {
+    'use strict';
+    return this.element.dataset.directUploadUrl;
+};
+
+SummernoteAttachmentUpload.prototype.getBlobUrlTemplate = function () {
+    'use strict';
+    return this.element.dataset.blobUrlTemplate;
+};