dgw_gallery 0.2.4 → 0.2.5

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.
Files changed (9) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +34 -0
  3. data/app/assets/stylesheets/dgw_gallery/dgw_gallery_style.css +89 -36624
  4. data/app/views/gallery/_form.html.erb +1 -1
  5. data/app/views/gallery/index.html.erb +7 -3
  6. data/app/views/gallery/manage.html.erb +26 -8
  7. data/app/views/gallery/new.html.erb +3 -0
  8. data/lib/dgw_gallery/version.rb +1 -1
  9. metadata +2 -2
data/app/views/gallery/_form.html.erb CHANGED
@@ -21,7 +21,7 @@
21
21
  </div>
22
22
  </div>
23
23
  <div class="actions ">
24
- <%= form.submit 'Create Gallery', class: 'btn btn-info border-radius-md' %>
24
+ <%= form.submit 'Create Gallery', class: 'btn btn-primary border-radius-md' %>
25
25
  </div>
26
26
  </section>
27
27
  <% end %>
data/app/views/gallery/index.html.erb CHANGED
@@ -1,4 +1,7 @@
1
+ <%= stylesheet_link_tag "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" %>
1
2
  <%= stylesheet_link_tag "dgw_gallery/dgw_gallery_style.css" %>
3
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
4
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
2
5
  <script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
3
6
  <div class="container mt-3">
4
7
  <div class="row mb-4">
@@ -29,15 +32,16 @@
29
32
  <div class="row justify-space-between py-2 text-center">
30
33
  <h4 class="text-center">Existing Galleries</h4>
31
34
  <hr class="">
32
- <%= link_to gallery_new_path, class: 'text-end text-info' do %>
35
+ <%= link_to gallery_new_path, class: 'text-end text-primary' do %>
33
36
  <span class="mb-5 text-end"><i class="fa fa-plus"></i> New Gallery</span>
34
37
  <% end %>
35
38
  <% @galleries.each do |gallery| %>
36
39
  <div class="col-12 col-md-3 mt-3 mx-auto mb-5 move-on-hover d-flex align-items-stretch" id="<%= gallery.id.to_s %>">
37
40
  <div class="card border-1 shadow-lg mt-3 border-radius-xl">
38
- <div class="card-header mt-n3 mx-3 p-0 bg-transparent position-relative z-index-2">
41
+ <div class="card-header mt-4 mx-3 p-0 bg-transparent position-relative z-index-2">
42
+ <span class="text-black text-sm">Gallery ID: <%= gallery.id.to_s %></span>
39
43
  <span class="d-block blur-shadow-image">
40
- <%= image_tag ((!gallery.gallery_images.blank? && gallery.gallery_images.first.image.attached?)? gallery.gallery_images.first.image.variant(resize_to_fill: [300, 300]) : "no_gallery_images.png"), class: "img-fluid border-radius-xl" %>
44
+ <%= image_tag ((!gallery.gallery_images.blank? && gallery.gallery_images.first.image.attached?)? gallery.gallery_images.first.image.variant(resize_to_fill: [300, 300]) : "no_gallery_images.png"), class: "mt-2 img-fluid border-radius-xl" %>
41
45
  </span>
42
46
  </div>
43
47
  <div class="card-body p-1 text-center">
data/app/views/gallery/manage.html.erb CHANGED
@@ -1,8 +1,11 @@
1
+ <%= stylesheet_link_tag "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" %>
1
2
  <%= stylesheet_link_tag "dgw_gallery/dgw_gallery_style.css" %>
3
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
4
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
2
5
  <script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
3
6
  <div class="container mt-3">
4
7
  <div class="row mb-4">
5
- <div class="card card-body bg-gradient-gallery border-radius-xl shadow-lg border-top-0 col-12">
8
+ <div class="card card-body bg-gradient-gallery border-radius-xl shadow-lg border-top-0 col-12 shadow-lg">
6
9
  <div class="row justify-content-center">
7
10
  <div class="col-6 justify-content-center d-flex align-items-center">
8
11
  <div class="col-2 d-flex align-items-center">
@@ -24,8 +27,22 @@
24
27
  </div>
25
28
  </div>
26
29
  </div>
27
- <div class="row">
28
- <div class="card card-body border-1 shadow-xl border-radius-xl col-12">
30
+ <div class="row mt-2">
31
+ <div class="card card-body border-radius-xl col-12 text-black shadow-lg" id="galleryCodeSection">
32
+ <div class="row">
33
+ <h4 class="text-center">Gallery Preview</h4>
34
+ </div>
35
+ <div class="row justify-content-center align-items-evenly">
36
+ <div class="col-5 bg-light rounded mx-5 h-100">
37
+ <div class="card-header mt-3 border-radius-xl bg-transparent position-relative z-index-2 blur-shadow-image dark-shadow">
38
+ <%= render 'gallery/carousel' %>
39
+ </div>
40
+ </div>
41
+ </div>
42
+ </div>
43
+ </div>
44
+ <div class="row mt-2">
45
+ <div class="card card-body border-1 shadow-xl border-radius-xl col-12 shadow-lg">
29
46
  <div class="row text-center justify-content-center">
30
47
  <h4>Add Image to Gallery</h4>
31
48
  </div>
@@ -52,8 +69,9 @@
52
69
  </figure>
53
70
  </div>
54
71
  <div class="col-2">
55
- <div class="input-group input-group-static mb-2">
56
- <%= text_field_tag "caption", nil, class: "form-control text-center", placeholder: "Enter caption for image", required: false %><br>
72
+ <div class="form-group input-group-static p-0">
73
+ <label class="mb-2">Image Caption</label>
74
+ <%= text_field_tag "caption", nil, class: "form-control", required: false %><br>
57
75
  </div>
58
76
  <p>
59
77
  <button type="submit" class="w-auto mt-2 btn btn-sm btn-primary">Add to Gallery</button>
@@ -67,7 +85,7 @@
67
85
  </div>
68
86
  </div>
69
87
  <div class="row mt-2">
70
- <div class="card card-body border-1 shadow-xl border-radius-xl col-12">
88
+ <div class="card card-body border-1 shadow-xl border-radius-xl col-12 shadow-lg">
71
89
  <% if @gallery.gallery_images.count > 0 %>
72
90
  <div class="row justify-space-between py-2 text-center">
73
91
  <h4 class="text-center">Images in gallery: <%= @gallery.title %></h4>
@@ -75,9 +93,9 @@
75
93
  <% @gallery.gallery_images.each do |gImage| %>
76
94
  <div class="col-12 col-md-3 mx-auto mb-5 move-on-hover d-flex align-items-stretch" id="<%= gImage.id %>">
77
95
  <div class="card border-1 shadow-lg mt-3 border-radius-xl">
78
- <div class="card-header mt-n3 mx-3 p-0 bg-transparent position-relative z-index-2">
96
+ <div class="card-header mt-4 mx-3 p-0 bg-transparent position-relative z-index-2">
79
97
  <span class="d-block blur-shadow-image">
80
- <%= image_tag gImage.image.variant(resize_to_fill: [300, 300]), class: "img-fluid border-radius-xl" %>
98
+ <%= image_tag gImage.image.variant(resize_to_fill: [500, 350]), class: "img-fluid border-radius-xl" %>
81
99
  </span>
82
100
  </div>
83
101
  <div class="card-body p-1 text-center">
data/app/views/gallery/new.html.erb CHANGED
@@ -1,4 +1,7 @@
1
+ <%= stylesheet_link_tag "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" %>
1
2
  <%= stylesheet_link_tag "dgw_gallery/dgw_gallery_style.css" %>
3
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
4
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
2
5
  <script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
3
6
  <div class="container mt-3">
4
7
  <div class="row mb-4">
data/lib/dgw_gallery/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module DgwGallery
2
- VERSION = '0.2.4'
2
+ VERSION = '0.2.5'
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dgw_gallery
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.4
4
+ version: 0.2.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dev Ghost Writers
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-02-11 00:00:00.000000000 Z
11
+ date: 2022-02-14 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails