proforma-html-renderer 1.0.1 → 1.0.2

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 (7) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/Gemfile.lock +4 -1
  4. data/lib/proforma/html_renderer/version.rb +1 -1
  5. data/spec/fixtures/snapshot/output/0.User List.html +55 -48
  6. data/templates/prototype.html.erb +26 -19
  7. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 8e1e224c8644cde3fe550f2d4d4f6da92a65c6dca9f233e7131b42686dd74f33
4
- data.tar.gz: abac419e39206d169a0110c592b2f536473d4f2dc3fe618158e9e41768d006b4
3
+ metadata.gz: 0724ac52181a7f2c4d3ac2f73fcfdafbd4a79c57b80e197a404d7a2fc485e3bd
4
+ data.tar.gz: 8886d7881f38f112e0f80022a894bf756eec81ee2a5819fd3a15ab39b363bde5
5
5
  SHA512:
6
- metadata.gz: e12d0e54825e88283d14d688d8ab222eee3064eb4d3e645bb7f9c12ddc88c9ee7055708f1dde3d565a1e8abdb0e85b562b58c2bba1cfc876233dd525161c02ad
7
- data.tar.gz: 3cafa744445dbed65639d89f46b5802db3a22d8dd2e9e6153bd22072efd228d513f1e25b5b2f198056dc5bb91cd37dd16c88eb9706e26286e837188aebc9a29f
6
+ metadata.gz: '009a43dfd219ecc040f106cda039799fcda49cef90a81bea2d936803055b4ba8475648e6d4a514316a1ec0e5842c424efef70b09c44f78a48ab9a20866db0c96'
7
+ data.tar.gz: 161fb3337c60cccb6ad84aead24a69acdabada0ff6c4f8ced0a31528521a9c77e324352b795ddf258164639d720da1789e99ba519e849b96de1bbd3fadfce25f
data/CHANGELOG.md CHANGED
@@ -1,3 +1,7 @@
1
+ # 1.0.2 (June 14th, 2019)
2
+
3
+ * Added surrounding <div> element encapsulating all child elements. This should help with embedding the contents inside consumer web applications while still using the provided custom styles while preventing cross-contamination.
4
+
1
5
  # 1.0.1 (June 6th, 2019)
2
6
 
3
7
  * Added additional right padding to middle pane value cells.
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- proforma-html-renderer (1.0.1)
4
+ proforma-html-renderer (1.0.2)
5
5
  proforma (~> 1)
6
6
 
7
7
  GEM
@@ -109,3 +109,6 @@ DEPENDENCIES
109
109
  rubocop (~> 0.63.1)
110
110
  simplecov (~> 0.16.1)
111
111
  simplecov-console (~> 0.4.2)
112
+
113
+ BUNDLED WITH
114
+ 2.0.1
data/lib/proforma/html_renderer/version.rb CHANGED
@@ -9,6 +9,6 @@
9
9
 
10
10
  module Proforma
11
11
  class HtmlRenderer
12
- VERSION = '1.0.1'
12
+ VERSION = '1.0.2'
13
13
  end
14
14
  end
data/spec/fixtures/snapshot/output/0.User List.html CHANGED
@@ -3,8 +3,12 @@
3
3
  <html lang="en">
4
4
  <head>
5
5
  <meta charset="utf-8">
6
- <style>
7
- * {
6
+ <style title="Basic Payslip Styles">
7
+ body {
8
+ margin: 15px;
9
+ }
10
+
11
+ .payslip-view * {
8
12
  box-sizing: border-box;
9
13
  font-family: sans-serif;
10
14
  font-size: 13px;
@@ -14,59 +18,61 @@
14
18
  padding: 0;
15
19
  }
16
20
 
17
- strong {
21
+ .payslip-view strong {
18
22
  font-weight: bold;
19
23
  }
20
24
 
21
- p, h1, table {
25
+ .payslip-view p,
26
+ .payslip-view h1,
27
+ .payslip-view table {
22
28
  margin: 8px 0;
23
29
  }
24
30
 
25
- hr {
31
+ .payslip-view hr {
26
32
  border-top: 1px solid black;
27
33
  }
28
34
 
29
- h1 {
35
+ .payslip-view h1 {
30
36
  font-size: 18px;
31
37
  font-weight: bold;
32
38
  }
33
39
 
34
- body {
35
- margin: 15px;
36
- }
37
-
38
- table {
40
+ .payslip-view table {
39
41
  border-collapse: collapse;
40
42
  border-spacing: 0;
41
43
  width: 100%;
42
44
  }
43
45
 
44
- td, th {
46
+ .payslip-view td,
47
+ .payslip-view th {
45
48
  vertical-align: top;
46
49
  text-align: left;
47
50
  padding: 5px;
48
51
  }
49
52
 
50
- table.table th {
53
+ .payslip-view table.table th {
51
54
  border-bottom: 1px solid black;
52
55
  }
53
56
 
54
- table.table tbody td {
57
+ .payslip-view table.table tbody td {
55
58
  border-bottom: 1px solid black;
56
59
  }
57
60
 
58
- table.table tfoot td, table.table th {
61
+ .payslip-view table.table tfoot td,
62
+ .payslip-view table.table th {
59
63
  background-color: #D3D3D3;
60
64
  font-weight: bold;
61
65
  }
62
66
 
63
- table.pane td, table.pane th {
67
+ .payslip-view table.pane td,
68
+ .payslip-view table.pane th {
64
69
  padding: 5px 5px 5px 0;
65
70
  }
66
71
  </style>
67
72
  </head>
68
73
  <body>
69
-
74
+ <div class="payslip-view">
75
+
70
76
 
71
77
  <table class="banner">
72
78
  <tbody>
@@ -1764,14 +1770,14 @@ Chicago, IL 62626
1764
1770
  </tr>
1765
1771
  </tbody>
1766
1772
  </table>
1767
- <br>
1768
- <h1>User List</h1>
1773
+ <br>
1774
+ <h1>User List</h1>
1769
1775
 
1770
- <hr>
1771
- <p>The following is a list of users</p>
1776
+ <hr>
1777
+ <p>The following is a list of users</p>
1772
1778
 
1773
- <br>
1774
-
1779
+ <br>
1780
+
1775
1781
 
1776
1782
  <table class="table">
1777
1783
  <thead>
@@ -1817,11 +1823,11 @@ Chicago, IL 62626
1817
1823
  </tfoot>
1818
1824
  </table>
1819
1825
 
1820
- <br>
1821
- <h1>User Details</h1>
1826
+ <br>
1827
+ <h1>User Details</h1>
1822
1828
 
1823
- <hr>
1824
-
1829
+ <hr>
1830
+
1825
1831
 
1826
1832
  <table class="pane">
1827
1833
  <tbody>
@@ -1839,10 +1845,10 @@ Chicago, IL 62626
1839
1845
  <tr>
1840
1846
  </tbody>
1841
1847
  </table>
1842
- <br>
1843
- <h1>Phone Numbers</h1>
1848
+ <br>
1849
+ <h1>Phone Numbers</h1>
1844
1850
 
1845
-
1851
+
1846
1852
 
1847
1853
  <table class="table">
1848
1854
  <thead>
@@ -1865,12 +1871,12 @@ Chicago, IL 62626
1865
1871
  </tfoot>
1866
1872
  </table>
1867
1873
 
1868
- <br>
1869
- <br>
1870
- <h1>User Details</h1>
1874
+ <br>
1875
+ <br>
1876
+ <h1>User Details</h1>
1871
1877
 
1872
- <hr>
1873
-
1878
+ <hr>
1879
+
1874
1880
 
1875
1881
  <table class="pane">
1876
1882
  <tbody>
@@ -1888,10 +1894,10 @@ Chicago, IL 62626
1888
1894
  <tr>
1889
1895
  </tbody>
1890
1896
  </table>
1891
- <br>
1892
- <h1>Phone Numbers</h1>
1897
+ <br>
1898
+ <h1>Phone Numbers</h1>
1893
1899
 
1894
-
1900
+
1895
1901
 
1896
1902
  <table class="table">
1897
1903
  <thead>
@@ -1910,12 +1916,12 @@ Chicago, IL 62626
1910
1916
  </tfoot>
1911
1917
  </table>
1912
1918
 
1913
- <br>
1914
- <br>
1915
- <h1>User Details</h1>
1919
+ <br>
1920
+ <br>
1921
+ <h1>User Details</h1>
1916
1922
 
1917
- <hr>
1918
-
1923
+ <hr>
1924
+
1919
1925
 
1920
1926
  <table class="pane">
1921
1927
  <tbody>
@@ -1933,11 +1939,12 @@ Chicago, IL 62626
1933
1939
  <tr>
1934
1940
  </tbody>
1935
1941
  </table>
1936
- <br>
1937
- <h1>Phone Numbers</h1>
1942
+ <br>
1943
+ <h1>Phone Numbers</h1>
1938
1944
 
1939
- <p>No phone numbers.</p>
1945
+ <p>No phone numbers.</p>
1940
1946
 
1941
- <br>
1942
- </body>
1947
+ <br>
1948
+ </div>
1949
+ </body>
1943
1950
  </html>
data/templates/prototype.html.erb CHANGED
@@ -3,8 +3,12 @@
3
3
  <html lang="en">
4
4
  <head>
5
5
  <meta charset="utf-8">
6
- <style>
7
- * {
6
+ <style title="Basic Payslip Styles">
7
+ body {
8
+ margin: 15px;
9
+ }
10
+
11
+ .payslip-view * {
8
12
  box-sizing: border-box;
9
13
  font-family: <%= options.font_family %>;
10
14
  font-size: <%= options.text_font_size %>px;
@@ -14,60 +18,63 @@
14
18
  padding: 0;
15
19
  }
16
20
 
17
- strong {
21
+ .payslip-view strong {
18
22
  font-weight: <%= options.bold_weight %>;
19
23
  }
20
24
 
21
- p, h1, table {
25
+ .payslip-view p,
26
+ .payslip-view h1,
27
+ .payslip-view table {
22
28
  margin: 8px 0;
23
29
  }
24
30
 
25
- hr {
31
+ .payslip-view hr {
26
32
  border-top: 1px solid black;
27
33
  }
28
34
 
29
- h1 {
35
+ .payslip-view h1 {
30
36
  font-size: <%= options.header_font_size %>px;
31
37
  font-weight: <%= options.bold_weight %>;
32
38
  }
33
39
 
34
- body {
35
- margin: 15px;
36
- }
37
-
38
- table {
40
+ .payslip-view table {
39
41
  border-collapse: collapse;
40
42
  border-spacing: 0;
41
43
  width: 100%;
42
44
  }
43
45
 
44
- td, th {
46
+ .payslip-view td,
47
+ .payslip-view th {
45
48
  vertical-align: top;
46
49
  text-align: left;
47
50
  padding: 5px;
48
51
  }
49
52
 
50
- table.table th {
53
+ .payslip-view table.table th {
51
54
  border-bottom: 1px solid black;
52
55
  }
53
56
 
54
- table.table tbody td {
57
+ .payslip-view table.table tbody td {
55
58
  border-bottom: 1px solid black;
56
59
  }
57
60
 
58
- table.table tfoot td, table.table th {
61
+ .payslip-view table.table tfoot td,
62
+ .payslip-view table.table th {
59
63
  background-color: #D3D3D3;
60
64
  font-weight: <%= options.bold_weight %>;
61
65
  }
62
66
 
63
- table.pane td, table.pane th {
67
+ .payslip-view table.pane td,
68
+ .payslip-view table.pane th {
64
69
  padding: 5px 5px 5px 0;
65
70
  }
66
71
  </style>
67
72
  </head>
68
73
  <body>
69
- <% object.children.each do |child| -%>
70
- <%= ProformaWriter.render(child, options) %>
71
- <% end -%>
74
+ <div class="payslip-view">
75
+ <% object.children.each do |child| -%>
76
+ <%= ProformaWriter.render(child, options) %>
77
+ <% end -%>
78
+ </div>
72
79
  </body>
73
80
  </html>
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: proforma-html-renderer
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.1
4
+ version: 1.0.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Matthew Ruggio
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-06-06 00:00:00.000000000 Z
11
+ date: 2019-06-14 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: proforma