thecore_ui_commons 2.2.3 → 2.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 9f924dcad192b5d24f2fc3a0be94d15e912cb941b5b0dfb4ce7cba3882874e2b
4
- data.tar.gz: 38f19553b375388a0b60a95a43fe9d919088a42def92988beac0a64120f98053
3
+ metadata.gz: f510ad3fa384e9d3a3598f949d7a71bd233c690c72022244df397108ac0224cc
4
+ data.tar.gz: 1bb0f13df31b05f4c9953b050cbcef0b16a827dc6dd950d694dd919fd57fb16d
5
5
  SHA512:
6
- metadata.gz: 5219728df9a71e358b3c40c102413c34cd785875e0a92ee022f4d7968ae32ec685110480359a8a914721048adfa6a28cce9dec69bf44de26523117d9164f9321
7
- data.tar.gz: 902b74b25da44917554def41bcdadb41dfc979784233b29ab11e99c30c31c0621678cf9a46b3770b2a48c3b7c8cc7e5ffd09c3ce3dc00e778160f2d7d8fa91b3
6
+ metadata.gz: 40d0ddc4c4992240d4e0e5b1a9cbc6b9baf98a7708fa76cadbb7e30c364d2338a3965890a4c59fc259b29fc6dfcf5d68f1d8ace41eea8443142a53496498501e
7
+ data.tar.gz: baf89f83fca413e37606f7ca6dd40e414d5a5a7cae102f18cdcd4e3f83f2d78aea903a22c894df9799cbe39a84390e6cd575f3f15a578eab2d7a237ae0a6c714
@@ -0,0 +1,110 @@
1
+ <%
2
+ =begin%>
3
+ Call using, for example:
4
+ <%=render "thecore_utils/drag_drop_uploader", target: "drop-zone", file_upload_desc: I18n.t(:file_upload), file_upload_sub: I18n.t(:file_upload_subtitle, extensions: exts), url: rails_admin.send("#{action_name}_path")%>
5
+
6
+ All the parameters are mandatory:
7
+ - target (The HTML element which will inherid the D&D functionality)
8
+ - file_upload_desc (Description of the upload functionality)
9
+ - file_upload_sub (Subtitle to the description -> A space where to put extra info)
10
+ - url (the action to perform async when files are dropped on the element.)
11
+ <%
12
+ =end%>
13
+
14
+ <style>
15
+ /* layout.css Style */
16
+ .upload-drop-zone {
17
+ height: 200px;
18
+ border-width: 2px;
19
+ margin-bottom: 20px;
20
+ }
21
+
22
+ /* skin.css Style*/
23
+ .upload-drop-zone {
24
+ color: #ccc;
25
+ border-style: dashed;
26
+ border-color: #ccc;
27
+ line-height: 200px;
28
+ text-align: center
29
+ }
30
+
31
+ .upload-drop-zone.drop {
32
+ color: #222;
33
+ border-color: #222;
34
+ }
35
+ </style>
36
+
37
+ <div class="panel panel-default">
38
+ <div class="panel-heading">
39
+ <strong><%=file_upload_desc%></strong>
40
+ <small><%=file_upload_sub%></small>
41
+ <div class="pull-right" id="<%=target%>-upload-drop-zone-feedback">
42
+
43
+ </div>
44
+ </div>
45
+ <div class="panel-body">
46
+
47
+ <!-- Drop Zone -->
48
+ <div class="upload-drop-zone" id="<%=target%>">
49
+ <%=I18n.t :please_drag_and_drop_here%>
50
+ </div>
51
+
52
+ <div id="upload-status">
53
+ </div>
54
+ </div>
55
+ </div>
56
+
57
+ <script>
58
+ var fileupload = {
59
+ init: function () {
60
+ $('#<%=target%>').on("drop", this.ondrop);
61
+ $('#<%=target%>').on("dragover", this.ondragover);
62
+ $('#<%=target%>').on("dragleave", this.ondragleave);
63
+ },
64
+
65
+ beforeSuccess: function(){
66
+ console.log("beforeSuccess");
67
+ },
68
+
69
+ ondrop: function (e) {
70
+ // console.log(e)
71
+ e.preventDefault();
72
+ $('#<%=target%>').removeClass('drop');
73
+ $("#<%=target%>-upload-drop-zone-feedback").html("<i class='fa fa-spinner fa-spin '></i>");
74
+
75
+ // console.log(e.dataTransfer.files);
76
+ var fd = new FormData();
77
+ $.each(e.originalEvent.dataTransfer.files, function (i, file) {
78
+ fd.append('files[]', file);
79
+ });
80
+
81
+ $.ajax({
82
+ url: '<%=url%>',
83
+ data: fd,
84
+ processData: false,
85
+ contentType: false,
86
+ type: 'POST',
87
+ success: function () {
88
+ fileupload.beforeSuccess();
89
+ $("#<%=target%>-upload-drop-zone-feedback").html($('<i class="fa fa-check-square-o" aria-hidden="true"></i>').delay(3000).fadeOut(400));
90
+ },
91
+ error: function () {
92
+ $("#<%=target%>-upload-drop-zone-feedback").html($('<i class="fa fa-exclamation-circle" aria-hidden="true"></i>').delay(3000).fadeOut(400));
93
+ }
94
+ });
95
+ // startUpload(e.dataTransfer.files)
96
+ },
97
+
98
+ ondragover: function () {
99
+ $('#<%=target%>').addClass('drop');
100
+ return false;
101
+ },
102
+
103
+ ondragleave: function () {
104
+ $('#<%=target%>').removeClass('drop');
105
+ return false;
106
+ }
107
+
108
+ };
109
+ fileupload.init();
110
+ </script>
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: thecore_ui_commons
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.2.3
4
+ version: 2.2.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Gabriele Tassoni
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-01-26 00:00:00.000000000 Z
11
+ date: 2021-02-08 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: thecore_background_jobs
@@ -125,6 +125,7 @@ files:
125
125
  - app/views/layouts/mailer.html.erb
126
126
  - app/views/layouts/mailer.text.erb
127
127
  - app/views/layouts/thecore.html.erb
128
+ - app/views/thecore_utils/_drag_drop_uploader.html.erb
128
129
  - config/initializers/charts_helper.rb
129
130
  - config/initializers/thecore_ui_commons_application_config.rb
130
131
  - config/initializers/thecore_ui_commons_helper.rb