Genesis Columns Advanced - Version 2.0.0

Version Description

  • Complete plugin overhaul to comply with WP standards
  • Plugin is now fully translatable
  • Plugin is now completely standalone, does not require the Genesis Framework
  • Added brand new UI for the TinyMCE popup
  • Added fifths
  • Added id and style attributes to all shortcodes
Download this release

Release Info

Developer ndiego
Plugin Icon 128x128 Genesis Columns Advanced
Version 2.0.0
Comparing to
See all releases

Code changes from version 1.1.0 to 2.0.0

Files changed (102) hide show
  1. css/{gca-optional-styles.css → gca-column-styles.css} +45 -10
  2. gca-shortcodes.php +0 -177
  3. genesis-columns-advanced.php +345 -79
  4. languages/genesis-columns-advanced.pot +192 -0
  5. readme.txt +91 -39
  6. tinymce/css/gca-popup.css +0 -207
  7. tinymce/css/popup.css +330 -0
  8. tinymce/gca-plugin.js +0 -43
  9. tinymce/gca-popup.html +0 -398
  10. tinymce/images/arrows.png +0 -0
  11. tinymce/images/icon.png +0 -0
  12. tinymce/images/layouts/fifth_fifth_fifth_twofifths.png +0 -0
  13. tinymce/images/layouts/fifth_fifth_threefifths.png +0 -0
  14. tinymce/images/layouts/fifth_fifth_twofifths_fifth.png +0 -0
  15. tinymce/images/layouts/fifth_fourfifths.png +0 -0
  16. tinymce/images/layouts/fifth_threefifths_fifth.png +0 -0
  17. tinymce/images/layouts/fifth_twofifths_fifth_fifth.png +0 -0
  18. tinymce/images/layouts/fifth_twofifths_twofifths.png +0 -0
  19. tinymce/images/layouts/fifths.png +0 -0
  20. tinymce/images/layouts/fivesixths_sixth.gif +0 -0
  21. tinymce/images/layouts/fivesixths_sixth.png +0 -0
  22. tinymce/images/layouts/fourfifths_fifth.png +0 -0
  23. tinymce/images/layouts/foursixths_sixth_sixth.gif +0 -0
  24. tinymce/images/layouts/foursixths_sixth_sixth.png +0 -0
  25. tinymce/images/layouts/fourth_fourth_half.gif +0 -0
  26. tinymce/images/layouts/fourth_fourth_half.png +0 -0
  27. tinymce/images/layouts/fourth_half_fourth.gif +0 -0
  28. tinymce/images/layouts/fourth_half_fourth.png +0 -0
  29. tinymce/images/layouts/fourth_threefourths.gif +0 -0
  30. tinymce/images/layouts/fourth_threefourths.png +0 -0
  31. tinymce/images/layouts/fourths.gif +0 -0
  32. tinymce/images/layouts/fourths.png +0 -0
  33. tinymce/images/layouts/half.gif +0 -0
  34. tinymce/images/layouts/half_fourth_fourth.gif +0 -0
  35. tinymce/images/layouts/half_fourth_fourth.png +0 -0
  36. tinymce/images/layouts/halves.png +0 -0
  37. tinymce/images/layouts/sixth_fivesixths.gif +0 -0
  38. tinymce/images/layouts/sixth_fivesixths.png +0 -0
  39. tinymce/images/layouts/sixth_foursixths_sixth.gif +0 -0
  40. tinymce/images/layouts/sixth_foursixths_sixth.png +0 -0
  41. tinymce/images/layouts/sixth_sixth_foursixths.gif +0 -0
  42. tinymce/images/layouts/sixth_sixth_foursixths.png +0 -0
  43. tinymce/images/layouts/sixth_sixth_sixth_sixth_twosixths.gif +0 -0
  44. tinymce/images/layouts/sixth_sixth_sixth_sixth_twosixths.png +0 -0
  45. tinymce/images/layouts/sixth_sixth_sixth_threesixths.gif +0 -0
  46. tinymce/images/layouts/sixth_sixth_sixth_threesixths.png +0 -0
  47. tinymce/images/layouts/sixth_sixth_sixth_twosixths_sixth.gif +0 -0
  48. tinymce/images/layouts/sixth_sixth_sixth_twosixths_sixth.png +0 -0
  49. tinymce/images/layouts/sixth_sixth_threesixths_sixth.gif +0 -0
  50. tinymce/images/layouts/sixth_sixth_threesixths_sixth.png +0 -0
  51. tinymce/images/layouts/sixth_sixth_twosixths_sixth_sixth.gif +0 -0
  52. tinymce/images/layouts/sixth_sixth_twosixths_sixth_sixth.png +0 -0
  53. tinymce/images/layouts/sixth_sixth_twosixths_twosixths.gif +0 -0
  54. tinymce/images/layouts/sixth_sixth_twosixths_twosixths.png +0 -0
  55. tinymce/images/layouts/sixth_threesixths_sixth_sixth.gif +0 -0
  56. tinymce/images/layouts/sixth_threesixths_sixth_sixth.png +0 -0
  57. tinymce/images/layouts/sixth_threesixths_twosixths.png +0 -0
  58. tinymce/images/layouts/sixth_twosixths_sixth_sixth_sixth.gif +0 -0
  59. tinymce/images/layouts/sixth_twosixths_sixth_sixth_sixth.png +0 -0
  60. tinymce/images/layouts/sixth_twosixths_sixth_twosixths.gif +0 -0
  61. tinymce/images/layouts/sixth_twosixths_sixth_twosixths.png +0 -0
  62. tinymce/images/layouts/sixth_twosixths_threesixths.gif +0 -0
  63. tinymce/images/layouts/sixth_twosixths_threesixths.png +0 -0
  64. tinymce/images/layouts/sixth_twosixths_twosixths_sixth.gif +0 -0
  65. tinymce/images/layouts/sixth_twosixths_twosixths_sixth.png +0 -0
  66. tinymce/images/layouts/sixths.gif +0 -0
  67. tinymce/images/layouts/sixths.png +0 -0
  68. tinymce/images/layouts/third_twothirds.gif +0 -0
  69. tinymce/images/layouts/third_twothirds.png +0 -0
  70. tinymce/images/layouts/thirds.gif +0 -0
  71. tinymce/images/layouts/thirds.png +0 -0
  72. tinymce/images/layouts/threefifths_fifth_fifth.png +0 -0
  73. tinymce/images/layouts/threefifths_twofifths.png +0 -0
  74. tinymce/images/layouts/threefourths_fourth.gif +0 -0
  75. tinymce/images/layouts/threefourths_fourth.png +0 -0
  76. tinymce/images/layouts/threesixths_sixth_sixth_sixth.gif +0 -0
  77. tinymce/images/layouts/threesixths_sixth_sixth_sixth.png +0 -0
  78. tinymce/images/layouts/threesixths_sixth_twosixths.gif +0 -0
  79. tinymce/images/layouts/threesixths_sixth_twosixths.png +0 -0
  80. tinymce/images/layouts/threesixths_twosixths_sixth.gif +0 -0
  81. tinymce/images/layouts/threesixths_twosixths_sixth.png +0 -0
  82. tinymce/images/layouts/twofifths_fifth_fifth_fifth.png +0 -0
  83. tinymce/images/layouts/twofifths_fifth_twofifths.png +0 -0
  84. tinymce/images/layouts/twofifths_threefifths.png +0 -0
  85. tinymce/images/layouts/twofifths_twofifths_fifth.png +0 -0
  86. tinymce/images/layouts/twosixths_sixth_sixth_sixth_sixth.gif +0 -0
  87. tinymce/images/layouts/twosixths_sixth_sixth_sixth_sixth.png +0 -0
  88. tinymce/images/layouts/twosixths_sixth_sixth_twosixths.gif +0 -0
  89. tinymce/images/layouts/twosixths_sixth_sixth_twosixths.png +0 -0
  90. tinymce/images/layouts/twosixths_sixth_threesixths.gif +0 -0
  91. tinymce/images/layouts/twosixths_sixth_threesixths.png +0 -0
  92. tinymce/images/layouts/twosixths_sixth_twosixths_sixth.gif +0 -0
  93. tinymce/images/layouts/twosixths_sixth_twosixths_sixth.png +0 -0
  94. tinymce/images/layouts/twosixths_threesixths_sixth.png +0 -0
  95. tinymce/images/layouts/twosixths_twosixths_sixth_sixth.gif +0 -0
  96. tinymce/images/layouts/twosixths_twosixths_sixth_sixth.png +0 -0
  97. tinymce/images/layouts/twothirds_third.gif +0 -0
  98. tinymce/images/layouts/twothirds_third.png +0 -0
  99. tinymce/js/plugin.js +50 -0
  100. tinymce/js/popup.js +223 -0
  101. tinymce/plugin-translations.php +50 -0
  102. tinymce/popup.php +172 -0
css/{gca-optional-styles.css → gca-column-styles.css} RENAMED
@@ -1,54 +1,81 @@
1
- /* An optional CSS file that is loaded for those not running the Genesis Framework
 
 
 
 
 
 
 
 
2
 
3
  /* Column Classes
4
  --------------------------------------------- */
5
- /* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */
6
 
7
  .five-sixths,
 
8
  .four-sixths,
 
9
  .one-fourth,
10
  .one-half,
11
  .one-sixth,
12
  .one-third,
 
13
  .three-fourths,
14
  .three-sixths,
 
15
  .two-fourths,
16
  .two-sixths,
17
  .two-thirds {
18
  float: left;
19
- margin-left: 2.564102564102564%;
20
  }
21
 
22
  .one-half,
23
  .three-sixths,
24
  .two-fourths {
25
- width: 48.717948717948715%;
26
  }
27
 
28
  .one-third,
29
  .two-sixths {
30
- width: 31.623931623931625%;
31
  }
32
 
33
  .four-sixths,
34
  .two-thirds {
35
- width: 65.81196581196582%;
36
  }
37
 
38
  .one-fourth {
39
- width: 23.076923076923077%;
40
  }
41
 
42
  .three-fourths {
43
- width: 74.35897435897436%;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
44
  }
45
 
46
  .one-sixth {
47
- width: 14.52991452991453%;
48
  }
49
 
50
  .five-sixths {
51
- width: 82.90598290598291%;
52
  }
53
 
54
  .first {
@@ -57,16 +84,23 @@
57
  }
58
 
59
 
 
 
 
60
  @media only screen and (max-width: 800px) {
61
 
62
  .five-sixths,
 
63
  .four-sixths,
 
64
  .one-fourth,
65
  .one-half,
66
  .one-sixth,
67
  .one-third,
 
68
  .three-fourths,
69
  .three-sixths,
 
70
  .two-fourths,
71
  .two-sixths,
72
  .two-thirds {
@@ -79,6 +113,7 @@
79
 
80
  /* Utility Classes
81
  --------------------------------------------- */
 
82
  .clearfix:before {
83
  content: " ";
84
  display: table;
1
+ /**
2
+ * The builtin column class CSS file for Genesis Columns Advanced.
3
+ * This file can be disabled using the gca_load_column_styles filter.
4
+ *
5
+ * Width: 100%
6
+ * Gutter: 2.5641025641%
7
+ * Link: http://www.nickdiego.com/plugins/genesis-columns-advanced/
8
+ ----------------------------------------------------------------------------- */
9
+
10
 
11
  /* Column Classes
12
  --------------------------------------------- */
 
13
 
14
  .five-sixths,
15
+ .four-fifths,
16
  .four-sixths,
17
+ .one-fifth,
18
  .one-fourth,
19
  .one-half,
20
  .one-sixth,
21
  .one-third,
22
+ .three-fifths,
23
  .three-fourths,
24
  .three-sixths,
25
+ .two-fifths,
26
  .two-fourths,
27
  .two-sixths,
28
  .two-thirds {
29
  float: left;
30
+ margin-left: 2.5641025641%;
31
  }
32
 
33
  .one-half,
34
  .three-sixths,
35
  .two-fourths {
36
+ width: 48.717948718%;
37
  }
38
 
39
  .one-third,
40
  .two-sixths {
41
+ width: 31.6239316239%;
42
  }
43
 
44
  .four-sixths,
45
  .two-thirds {
46
+ width: 63.2478632479%;
47
  }
48
 
49
  .one-fourth {
50
+ width: 23.0769230769%;
51
  }
52
 
53
  .three-fourths {
54
+ width: 69.2307692308%;
55
+ }
56
+
57
+ .one-fifth {
58
+ width: 17.9487179487%;
59
+ }
60
+
61
+ .two-fifths {
62
+ width: 35.8974358974%;
63
+ }
64
+
65
+ .three-fifths {
66
+ width: 53.8461538462%;
67
+ }
68
+
69
+ .four-fifths {
70
+ width: 71.7948717949%;
71
  }
72
 
73
  .one-sixth {
74
+ width: 14.5299145299%;
75
  }
76
 
77
  .five-sixths {
78
+ width: 72.6495726496%;
79
  }
80
 
81
  .first {
84
  }
85
 
86
 
87
+ /* Media Queries
88
+ --------------------------------------------- */
89
+
90
  @media only screen and (max-width: 800px) {
91
 
92
  .five-sixths,
93
+ .four-fifths,
94
  .four-sixths,
95
+ .one-fifth,
96
  .one-fourth,
97
  .one-half,
98
  .one-sixth,
99
  .one-third,
100
+ .three-fifths,
101
  .three-fourths,
102
  .three-sixths,
103
+ .two-fifths,
104
  .two-fourths,
105
  .two-sixths,
106
  .two-thirds {
113
 
114
  /* Utility Classes
115
  --------------------------------------------- */
116
+
117
  .clearfix:before {
118
  content: " ";
119
  display: table;
gca-shortcodes.php DELETED
@@ -1,177 +0,0 @@
1
- <?php
2
-
3
- defined( 'WPINC' ) or die;
4
-
5
- // Strip content of AutoP
6
- // Courtesy of Mathew Smith (Genesis Easy Columns)
7
- function gca_strip_autop( $content ){
8
- $content = do_shortcode( shortcode_unautop( $content ) );
9
- $content = preg_replace( '#^<\/p>|^<br \/>|<p>$#', '', $content );
10
- return $content;
11
- }
12
-
13
- // Utility Shortcodes
14
-
15
- function gca_clearfix( $atts ) {
16
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
17
- return '<div class="clearfix ' . $atts['class'] . '"></div>';
18
- }
19
- add_shortcode( 'clearfix', 'gca_clearfix' );
20
-
21
- function gca_spacer( $atts ) {
22
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
23
- return '<div class="gca-vertical-spacer ' . $atts['class'] . '" style="clear: both; margin-bottom: 30px"></div>';
24
- }
25
- add_shortcode( 'vertical-spacer', 'gca_spacer' );
26
-
27
- function gca_columns_container( $atts, $content = null ) {
28
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
29
- return '<div class="' . $atts['class'] . '" style="overflow: auto;">' . gca_strip_autop( $content ) . '</div>';
30
- }
31
- add_shortcode( 'columns-container', 'gca_columns_container' );
32
-
33
- // Column Shortcodes - HALVES
34
-
35
- function gca_onehalf_first( $atts, $content = null ) {
36
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
37
- return '<div class="one-half first ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
38
- }
39
- add_shortcode( 'one-half-first', 'gca_onehalf_first' );
40
-
41
- function gca_onehalf( $atts, $content = null ) {
42
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
43
- return '<div class="one-half ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
44
- }
45
- add_shortcode( 'one-half', 'gca_onehalf' );
46
-
47
-
48
-
49
- // Column Shortcodes - THIRDS
50
-
51
- function gca_onethird_first( $atts, $content = null ) {
52
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
53
- return '<div class="one-third first ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
54
- }
55
- add_shortcode( 'one-third-first', 'gca_onethird_first' );
56
-
57
- function gca_onethird( $atts, $content = null ) {
58
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
59
- return '<div class="one-third ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
60
- }
61
- add_shortcode( 'one-third', 'gca_onethird' );
62
-
63
- function gca_twothirds_first( $atts, $content = null ) {
64
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
65
- return '<div class="two-thirds first ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
66
- }
67
- add_shortcode( 'two-thirds-first', 'gca_twothirds_first' );
68
-
69
- function gca_twothirds( $atts, $content = null ) {
70
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
71
- return '<div class="two-thirds ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
72
- }
73
- add_shortcode( 'two-thirds', 'gca_twothirds' );
74
-
75
-
76
-
77
- // Column Shortcodes - FOURTHS
78
-
79
- function gca_onefourth_first( $atts, $content = null ) {
80
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
81
- return '<div class="one-fourth first ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
82
- }
83
- add_shortcode( 'one-fourth-first', 'gca_onefourth_first' );
84
-
85
- function gca_onefourth( $atts, $content = null ) {
86
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
87
- return '<div class="one-fourth ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
88
- }
89
- add_shortcode( 'one-fourth', 'gca_onefourth' );
90
-
91
- function gca_twofourths_first( $atts, $content = null ) {
92
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
93
- return '<div class="two-fourths first ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
94
- }
95
- add_shortcode( 'two-fourths-first', 'gca_twofourths_first');
96
-
97
- function gca_twofourths( $atts, $content = null ) {
98
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
99
- return '<div class="two-fourths ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
100
- }
101
- add_shortcode( 'two-fourths', 'gca_twofourths' );
102
-
103
- function gca_threefourths_first( $atts, $content = null ) {
104
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
105
- return '<div class="three-fourths first ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
106
- }
107
- add_shortcode( 'three-fourths-first', 'gca_threefourths_first' );
108
-
109
- function gca_threefourths( $atts, $content = null ) {
110
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
111
- return '<div class="three-fourths ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
112
- }
113
- add_shortcode( 'three-fourths', 'gca_threefourths' );
114
-
115
-
116
-
117
- // Column Shortcodes - SIXTHS
118
-
119
- function gca_onesixth_first( $atts, $content = null ) {
120
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
121
- return '<div class="one-sixth first ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
122
- }
123
- add_shortcode( 'one-sixth-first', 'gca_onesixth_first' );
124
-
125
- function gca_onesixth( $atts, $content = null ) {
126
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
127
- return '<div class="one-sixth ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
128
- }
129
- add_shortcode( 'one-sixth', 'gca_onesixth' );
130
-
131
- function gca_twosixths_first( $atts, $content = null ) {
132
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
133
- return '<div class="two-sixths first ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
134
- }
135
- add_shortcode( 'two-sixths-first', 'gca_twosixths_first' );
136
-
137
- function gca_twosixths ( $atts, $content = null ) {
138
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
139
- return '<div class="two-sixths ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
140
- }
141
- add_shortcode( 'two-sixths', 'gca_twosixths' );
142
-
143
- function gca_threesixths_first( $atts, $content = null ) {
144
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
145
- return '<div class="three-sixths first ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
146
- }
147
- add_shortcode( 'three-sixths-first', 'gca_threesixths_first' );
148
-
149
- function gca_threesixths( $atts, $content = null ) {
150
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
151
- return '<div class="three-sixths ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
152
- }
153
- add_shortcode( 'three-sixths', 'gca_threesixths' );
154
-
155
- function gca_foursixths_first( $atts, $content = null ) {
156
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
157
- return '<div class="four-sixths first ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
158
- }
159
- add_shortcode( 'four-sixths-first', 'gca_foursixths_first' );
160
-
161
- function gca_foursixths( $atts, $content = null ) {
162
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
163
- return '<div class="four-sixths ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
164
- }
165
- add_shortcode( 'four-sixths', 'gca_foursixths' );
166
-
167
- function gca_fivesixths_first( $atts, $content = null ) {
168
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
169
- return '<div class="five-sixths first ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
170
- }
171
- add_shortcode( 'five-sixths-first', 'gca_fivesixths_first' );
172
-
173
- function gca_fivesixths( $atts, $content = null ) {
174
- $atts = shortcode_atts( array( 'class' => '' ), $atts );
175
- return '<div class="five-sixths ' . $atts['class'] . '">' . gca_strip_autop( $content ) . '</div>';
176
- }
177
- add_shortcode( 'five-sixths', 'gca_fivesixths' );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
genesis-columns-advanced.php CHANGED
@@ -1,90 +1,356 @@
1
  <?php
2
- /*
3
- Plugin Name: Genesis Columns Advanced
4
- Plugin URI: http://www.outermostdesign.com
5
- Description: Generates shortcodes for all 35 possible column layouts when using Genesis column classes.
6
- Version: 1.1.0
7
- Author: Nick Diego
8
- Author URI: http://www.outermostdesign.com
9
- Text Domain: genesis-custom-headers
10
- License: GPLv2
11
- */
12
-
13
- /*
14
- Copyright 2016 Nick Diego
15
-
16
- This program is free software; you can redistribute it and/or modify
17
- it under the terms of the GNU General Public License as published by
18
- the Free Software Foundation; either version 2 of the License, or
19
- (at your option) any later version.
20
-
21
- This program is distributed in the hope that it will be useful,
22
- but WITHOUT ANY WARRANTY; without even the implied warranty of
23
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
24
- GNU General Public License for more details.
25
-
26
- You should have received a copy of the GNU General Public License
27
- along with this program; if not, write to the Free Software
28
- Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
29
- */
30
 
31
  defined( 'WPINC' ) or die;
32
 
33
- include_once dirname( __FILE__ ) . '/gca-shortcodes.php';
34
 
35
- add_action('admin_head', 'gca_mce_button');
36
- /**
37
- * Adds our columns shortcode tinymce button
38
- */
39
- function gca_mce_button() {
40
- // Check user permissions
41
- if ( !current_user_can( 'edit_posts' ) && !current_user_can( 'edit_pages' ) ) {
42
- return;
43
- }
44
- // Check if WYSIWYG is enabled
45
- if ( 'true' == get_user_option( 'rich_editing' ) ) {
46
- add_filter( 'mce_external_plugins', 'gca_add_tinymce_plugin' );
47
- add_filter( 'mce_buttons', 'gca_register_mce_button' );
48
- }
49
- }
50
 
51
- /**
52
- * Declare script for new button
53
- */
54
- function gca_add_tinymce_plugin( $plugin_array ) {
55
- $plugin_array['gca_button'] = plugin_dir_url( __FILE__ ) . 'tinymce/gca-plugin.js';
56
- return $plugin_array;
57
- }
58
 
59
- /**
60
- * Register new button in the tinymce editor
61
- */
62
- function gca_register_mce_button( $buttons ) {
63
- array_push( $buttons, 'gca_button' );
64
- return $buttons;
65
- }
66
 
67
- add_filter( 'the_content', 'gca_shortcode_empty_paragraph_fix' );
68
- /**
69
- * Filters the content to remove any extra paragraph or break tags caused by shortcodes.
70
- */
71
- function gca_shortcode_empty_paragraph_fix( $content ) {
72
- $array = array(
73
- '<p>[' => '[',
74
- ']</p>' => ']',
75
- ']<br />' => ']'
76
- );
77
- return strtr( $content, $array );
78
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
79
 
80
- add_action( 'wp_enqueue_scripts', 'gca_frontend_scripts_enqueue' );
81
- /**
82
- * Loads scripts to the frontend
83
- */
84
- function gca_frontend_scripts_enqueue() {
85
 
86
- // Load our optional stylesheet if the Genesis Framework is not activated. This allows us to use GCA without Genesis
87
- if ( ! function_exists('genesis_pre') ) {
88
- wp_enqueue_style( 'gca-optional-styles', plugin_dir_url( __FILE__ ) . 'css/gca-optional-styles.css' );
89
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
90
  }
 
 
1
  <?php
2
+ /**
3
+ * Plugin Name: Genesis Columns Advanced
4
+ * Plugin URI: http://www.nickdiego.com/plugins/genesis-columns-advanced
5
+ * Description: Adds shortcodes to easily create up to 42 different columned layouts.
6
+ * Version: 2.0.0
7
+ * Author: Nick Diego
8
+ * Author URI: http://www.nickdiego.com
9
+ * Text Domain: genesis-columns-advanced
10
+ * License: GPLv2
11
+ *
12
+ * This program is free software: you can redistribute it and/or modify
13
+ * it under the terms of the GNU General Public License as published by
14
+ * the Free Software Foundation, either version 2 of the License, or
15
+ * any later version.
16
+ *
17
+ * This program is distributed in the hope that it will be useful,
18
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
19
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
20
+ * GNU General Public License for more details.
21
+ *
22
+ * You should have received a copy of the GNU General Public License
23
+ * along with this program. If not, visit <http://www.gnu.org/licenses/>.
24
+ */
 
 
 
 
 
25
 
26
  defined( 'WPINC' ) or die;
27
 
 
28
 
29
+ class Genesis_Columns_Advanced {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
30
 
 
 
 
 
 
 
 
31
 
32
+ /**
33
+ * Constructor
34
+ *
35
+ * @since 2.0.0
36
+ */
37
+ function __construct() {
 
38
 
39
+ add_action( 'wp_loaded', array( $this, 'init') );
40
+ }
41
+
42
+
43
+ /**
44
+ * Initialize plugin.
45
+ *
46
+ * @since 2.0.0
47
+ */
48
+ public function init() {
49
+
50
+ load_plugin_textdomain( 'genesis-columns-advanced', false, dirname( plugin_basename( __FILE__ ) ) . '/languages/' );
51
+
52
+ add_action('admin_init', array( $this, 'add_tinymce_button' ) );
53
+
54
+ add_action( 'admin_enqueue_scripts', array( $this, 'admin_scripts_enqueue' ) );
55
+ add_action( 'wp_enqueue_scripts', array( $this, 'frontend_scripts_enqueue' ) );
56
+
57
+ $this->add_shortcodes();
58
+
59
+ add_filter( 'the_content', array( $this, 'shortcode_empty_paragraph_fix' ) );
60
+
61
+ add_filter( 'plugin_row_meta', array( $this, 'plugin_row_meta' ), 10, 2 );
62
+ }
63
+
64
+
65
+ /**
66
+ * Initialize the columns shortcode tinymce button
67
+ *
68
+ * @since 1.0.0
69
+ */
70
+ public function add_tinymce_button() {
71
+
72
+ // Check user permissions
73
+ if ( ! current_user_can( 'edit_posts' ) && ! current_user_can( 'edit_pages' ) ) {
74
+ return;
75
+ }
76
+ // Check if WYSIWYG is enabled
77
+ if ( 'true' == get_user_option( 'rich_editing' ) ) {
78
+ add_filter( 'mce_external_languages', array( $this, 'add_tinymce_translations' ) );
79
+ add_filter( 'mce_external_plugins', array( $this, 'add_tinymce_plugin' ) );
80
+ add_filter( 'mce_buttons', array( $this, 'register_tinymce_button' ) );
81
+ add_action( 'admin_print_footer_scripts', array( $this, 'tinymce_popup' ), 100 );
82
+ }
83
+ }
84
+
85
+
86
+ /**
87
+ * Declare script for new button
88
+ *
89
+ * @since 1.0.0
90
+ *
91
+ * @param array $plugins An array of all current TinyMCE plugins
92
+ * @return array $plugins Return the plugins array with our plugin added
93
+ */
94
+ public function add_tinymce_plugin( $plugins ) {
95
+ $plugins['gca_plugin'] = plugin_dir_url( __FILE__ ) . 'tinymce/js/plugin.js';
96
+ return $plugins;
97
+ }
98
 
 
 
 
 
 
99
 
100
+ /**
101
+ * Add translations to TinyMCE button
102
+ *
103
+ * @since 2.0.0
104
+ *
105
+ * @param array $locales An array of all current TinyMCE translations
106
+ * @return array $locales Return the translations array with our translations added
107
+ */
108
+ public function add_tinymce_translations( $locales ) {
109
+ $locales['gca_translations'] = plugin_dir_path( __FILE__ ) . 'tinymce/plugin-translations.php';
110
+ return $locales;
111
+ }
112
+
113
+
114
+ /**
115
+ * Register new button in the TinyMCE editor
116
+ *
117
+ * @since 1.0.0
118
+ *
119
+ * @param array $buttons An array of all current TinyMCE buttons
120
+ * @return array $buttons Return the buttons array with our button added
121
+ */
122
+ public function register_tinymce_button( $buttons ) {
123
+ array_push( $buttons, 'gca_plugin' );
124
+ return $buttons;
125
+ }
126
+
127
+
128
+ /**
129
+ * Add the popup and the popup backdrop to the footer of admin page
130
+ *
131
+ * @since 1.0.0
132
+ */
133
+ public function tinymce_popup() {
134
+ include_once dirname( __FILE__ ) . '/tinymce/popup.php';
135
+ }
136
+
137
+
138
+ /**
139
+ * Loads scripts/styles to the admin
140
+ *
141
+ * @since 1.0.0
142
+ */
143
+ function admin_scripts_enqueue() {
144
+
145
+ wp_register_script( 'gca-popup-scripts', plugin_dir_url( __FILE__ ) . 'tinymce/js/popup.js' );
146
+ wp_enqueue_script( 'gca-popup-scripts' );
147
+
148
+ // Used for adding translations to javascript
149
+ wp_localize_script(
150
+ 'gca-popup-scripts',
151
+ 'gca_localize_scripts',
152
+ array(
153
+ 'first_column' => __( 'Place your content for the first column here.', 'genesis-columns-advanced' ),
154
+ 'second_column' => __( 'Place your content for the second column here.', 'genesis-columns-advanced' ),
155
+ 'third_column' => __( 'Place your content for the third column here.', 'genesis-columns-advanced' ),
156
+ 'fourth_column' => __( 'Place your content for the fourth column here.', 'genesis-columns-advanced' ),
157
+ 'fifth_column' => __( 'Place your content for the fifth column here.', 'genesis-columns-advanced' ),
158
+ 'sixth_column' => __( 'Place your content for the sixth column here.', 'genesis-columns-advanced' ),
159
+ 'missing_layout' => __( 'You forgot to select a column layout!', 'genesis-columns-advanced' ),
160
+ 'show_titles' => __( 'Show Titles', 'genesis-columns-advanced' ),
161
+ 'hide_titles' => __( 'Hide Titles', 'genesis-columns-advanced' ),
162
+ )
163
+ );
164
+
165
+ wp_enqueue_style( 'gca-popup-styles', plugin_dir_url( __FILE__ ) . 'tinymce/css/popup.css' );
166
+ }
167
+
168
+
169
+ /**
170
+ * Loads the optional stylesheet to the frontend if Genesis is not active
171
+ *
172
+ * @since 1.0.0
173
+ */
174
+ function frontend_scripts_enqueue() {
175
+
176
+ // Load the columns stylesheet. Use filter to disable and load your own
177
+ if ( apply_filters( 'gca_load_column_styles', true ) ) {
178
+ wp_enqueue_style( 'gca-column-styles', plugin_dir_url( __FILE__ ) . 'css/gca-column-styles.css' );
179
+ }
180
+ }
181
+
182
+
183
+ public function add_shortcodes() {
184
+ foreach ( $this->get_shortcodes() as $shortcode => $atts ) {
185
+ add_shortcode( $shortcode, array( $this, 'shortcodes' ) );
186
+ }
187
+ }
188
+
189
+
190
+ public function get_shortcodes() {
191
+
192
+ static $all_shortcodes;
193
+
194
+ if ( ! empty( $all_shortcodes ) ) {
195
+ return $all_shortcodes;
196
+ }
197
+
198
+ // define shortcodes
199
+ $shortcodes = apply_filters( 'NEED_shortcodes', array(
200
+ 'one-half' => array( 'type' => 'column' ),
201
+ 'one-third' => array( 'type' => 'column' ),
202
+ 'two-thirds' => array( 'type' => 'column' ),
203
+ 'one-fourth' => array( 'type' => 'column' ),
204
+ 'two-fourths' => array( 'type' => 'column' ),
205
+ 'three-fourths' => array( 'type' => 'column' ),
206
+ 'one-fifth' => array( 'type' => 'column' ),
207
+ 'two-fifths' => array( 'type' => 'column' ),
208
+ 'three-fifths' => array( 'type' => 'column' ),
209
+ 'four-fifths' => array( 'type' => 'column' ),
210
+ 'one-sixth' => array( 'type' => 'column' ),
211
+ 'two-sixths' => array( 'type' => 'column' ),
212
+ 'three-sixths' => array( 'type' => 'column' ),
213
+ 'four-sixths' => array( 'type' => 'column' ),
214
+ 'five-sixths' => array( 'type' => 'column' ),
215
+
216
+ 'clearfix' => array( 'type' => 'utility' ),
217
+ 'vertical-spacer' => array( 'type' => 'utility' ),
218
+ 'columns-container' => array( 'type' => 'utility' ),
219
+ ));
220
+
221
+ if ( ! $shortcodes ) {
222
+ return array();
223
+ }
224
+
225
+
226
+ foreach ( $shortcodes as $shortcode => $atts ) {
227
+
228
+ // add prefix
229
+ //$shortcode = $this->prefix . $short;
230
+
231
+ $all_shortcodes[$shortcode] = array(
232
+ 'class' => $shortcode,
233
+ 'type' => $atts['type']
234
+ );
235
+
236
+ // If it's a utlity shortcode, don't add the corresponding first shortcode
237
+ if ( $atts['type'] == 'column' ) {
238
+
239
+ $all_shortcodes[$shortcode . '-first'] = array(
240
+ 'class' => $shortcode . ' first',
241
+ 'type' => $atts['type']
242
+ );
243
+ }
244
+ }
245
+
246
+ return $all_shortcodes;
247
+ }
248
+
249
+
250
+ public function shortcodes( $atts, $content = null, $name ) {
251
+
252
+ $atts = shortcode_atts( array(
253
+ 'id' => '',
254
+ 'class' => '',
255
+ 'style' => '',
256
+ ), $atts );
257
+
258
+ // Get array of all shortcode to retrieve additional attributes
259
+ $all_shortcodes = $this->get_shortcodes();
260
+
261
+ // Determine the type of shortcode we are working with
262
+ $type = $all_shortcodes[$name]['type'];
263
+
264
+ // Setup the markup and identifier (both filterable)
265
+ $markup = ( $type == 'utility' ) ? apply_filters( 'gca_utility_markup', 'div' ) : apply_filters( 'gca_column_markup', 'div' );
266
+ $identifier = ( $type == 'utility' ) ? apply_filters( 'gca_utility_identifier_class', 'gca-utility' ) : apply_filters( 'gca_column_identifier_class', 'gca-column' );
267
+
268
+ // Setup the id
269
+ $id = sanitize_text_field( $atts['id'] );
270
+ $id = ( $id != '' ) ? ' id="' . $id . '"' : '';
271
+
272
+ // Setup the classes
273
+ $class = ' ' . $all_shortcodes[$name]['class'];
274
+ $extra_classes = sanitize_text_field( $atts['class'] ); /* NEED TO CHECK THIS SANITIZATION METHOD */
275
+ $extra_classes = ( $extra_classes != '' ) ? ' ' . $extra_classes : '';
276
+ $class = ' class="' . $identifier . $class . $extra_classes . '"';
277
+
278
+ // Setup the styles
279
+ $style = sanitize_text_field( $atts['style'] ); /* NEED TO CHECK THIS SANITIZATION METHOD */
280
+ $style = ( $style != '' ) ? ' style="' . $style . '"' : '';
281
+
282
+ // Setup the content
283
+ $content = ( $content ) ? $this->content_strip_autop( $content ) : '';
284
+
285
+ // Built output
286
+ $output = '<' . $markup . $id . $class . $style . '>' . $content . '</' . $markup . '>';
287
+
288
+ return $output;
289
+ }
290
+
291
+
292
+ /**
293
+ * Strip content of AutoP
294
+ * Courtesy of Mathew Smith (Genesis Easy Columns)
295
+ */
296
+ public function content_strip_autop( $content ){
297
+ $content = preg_replace( '#^<\/p>|^<br \/>|<p>$#', '', $content );
298
+ $content = do_shortcode( shortcode_unautop( trim( $content ) ) );
299
+ return $content;
300
+ }
301
+
302
+
303
+ /**
304
+ * Filters the content to remove any extra paragraph or break tags caused by shortcodes.
305
+ *
306
+ * @since 1.0.0
307
+ *
308
+ * @param string $content The content entered into each column shortcode
309
+ * @return string A string of filtered content
310
+ */
311
+ function shortcode_empty_paragraph_fix( $content ) {
312
+ $array = array(
313
+ '<p>[' => '[',
314
+ ']</p>' => ']',
315
+ ']<br />' => ']'
316
+ );
317
+ return strtr( $content, $array );
318
+ }
319
+
320
+
321
+ /**
322
+ * Adds additional links to the plugin row meta links
323
+ *
324
+ * @since 2.0.0
325
+ *
326
+ * @param array $links Already defined meta links
327
+ * @param string $file Plugin file path and name being processed
328
+ * @return array $links The new array of meta links
329
+ */
330
+ public function plugin_row_meta( $links, $file ) {
331
+
332
+ // If we are not on the correct plugin, abort
333
+ if ( $file != 'genesis-columns-advanced/genesis-columns-advanced.php' ) {
334
+ return $links;
335
+ }
336
+
337
+ $docs_link = esc_url( add_query_arg( array(
338
+ 'utm_source' => 'gca',
339
+ 'utm_medium' => 'plugin',
340
+ 'utm_campaign' => 'gca_links',
341
+ 'utm_content' => 'plugins-page-link'
342
+ ), 'http://www.nickdiego.com/plugins/genesis-columns-advanced' )
343
+ );
344
+
345
+ $new_links = array(
346
+ '<a href="' . $docs_link . '" target="_blank">' . esc_html__( 'Documentation', 'genesis-columns-advanced' ) . '</a>',
347
+ );
348
+
349
+ $links = array_merge( $links, $new_links );
350
+
351
+ return $links;
352
+ }
353
+
354
  }
355
+
356
+ new Genesis_Columns_Advanced();
languages/genesis-columns-advanced.pot ADDED
@@ -0,0 +1,192 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # Copyright (C) 2016 Genesis Columns Advanced
2
+ # This file is distributed under the same license as the Genesis Columns Advanced package.
3
+ msgid ""
4
+ msgstr ""
5
+ "Project-Id-Version: Genesis Columns Advanced 2.0.0\n"
6
+ "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/genesis-columns-advanced\n"
7
+ "POT-Creation-Date: 2016-06-01 13:20:10+00:00\n"
8
+ "MIME-Version: 1.0\n"
9
+ "Content-Type: text/plain; charset=UTF-8\n"
10
+ "Content-Transfer-Encoding: 8bit\n"
11
+ "PO-Revision-Date: 2016-MO-DA HO:MI+ZONE\n"
12
+ "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
13
+ "Language-Team: LANGUAGE <LL@li.org>\n"
14
+
15
+ #: genesis-columns-advanced.php:153 tinymce/plugin-translations.php:32
16
+ msgid "Place your content for the first column here."
17
+ msgstr ""
18
+
19
+ #: genesis-columns-advanced.php:154 tinymce/plugin-translations.php:33
20
+ msgid "Place your content for the second column here."
21
+ msgstr ""
22
+
23
+ #: genesis-columns-advanced.php:155 tinymce/plugin-translations.php:34
24
+ msgid "Place your content for the third column here."
25
+ msgstr ""
26
+
27
+ #: genesis-columns-advanced.php:156 tinymce/plugin-translations.php:35
28
+ msgid "Place your content for the fourth column here."
29
+ msgstr ""
30
+
31
+ #: genesis-columns-advanced.php:157 tinymce/plugin-translations.php:36
32
+ msgid "Place your content for the fifth column here."
33
+ msgstr ""
34
+
35
+ #: genesis-columns-advanced.php:158 tinymce/plugin-translations.php:37
36
+ msgid "Place your content for the sixth column here."
37
+ msgstr ""
38
+
39
+ #: genesis-columns-advanced.php:159
40
+ msgid "You forgot to select a column layout!"
41
+ msgstr ""
42
+
43
+ #: genesis-columns-advanced.php:160 tinymce/popup.php:91
44
+ msgid "Show Titles"
45
+ msgstr ""
46
+
47
+ #: genesis-columns-advanced.php:161
48
+ msgid "Hide Titles"
49
+ msgstr ""
50
+
51
+ #: genesis-columns-advanced.php:210
52
+ msgid "Documentation"
53
+ msgstr ""
54
+
55
+ #: tinymce/plugin-translations.php:22
56
+ msgid "Insert Columns"
57
+ msgstr ""
58
+
59
+ #: tinymce/plugin-translations.php:23
60
+ msgid "2 Columns"
61
+ msgstr ""
62
+
63
+ #: tinymce/plugin-translations.php:24
64
+ msgid "3 Columns"
65
+ msgstr ""
66
+
67
+ #: tinymce/plugin-translations.php:25
68
+ msgid "4 Columns"
69
+ msgstr ""
70
+
71
+ #: tinymce/plugin-translations.php:26
72
+ msgid "6 Columns"
73
+ msgstr ""
74
+
75
+ #: tinymce/plugin-translations.php:27
76
+ msgid "Advanced Layouts"
77
+ msgstr ""
78
+
79
+ #: tinymce/plugin-translations.php:28
80
+ msgid "Utilities"
81
+ msgstr ""
82
+
83
+ #: tinymce/plugin-translations.php:29
84
+ msgid "Clearfix"
85
+ msgstr ""
86
+
87
+ #: tinymce/plugin-translations.php:30
88
+ msgid "Vertical Spacer"
89
+ msgstr ""
90
+
91
+ #: tinymce/plugin-translations.php:31
92
+ msgid "Columns Container"
93
+ msgstr ""
94
+
95
+ #: tinymce/plugin-translations.php:38
96
+ msgid "Place your columns in this container."
97
+ msgstr ""
98
+
99
+ #: tinymce/popup.php:9 tinymce/popup.php:82
100
+ msgid "Two Columns"
101
+ msgstr ""
102
+
103
+ #: tinymce/popup.php:21 tinymce/popup.php:83
104
+ msgid "Three Columns"
105
+ msgstr ""
106
+
107
+ #: tinymce/popup.php:39 tinymce/popup.php:84
108
+ msgid "Four Columns"
109
+ msgstr ""
110
+
111
+ #: tinymce/popup.php:55 tinymce/popup.php:85
112
+ msgid "Five Columns"
113
+ msgstr ""
114
+
115
+ #: tinymce/popup.php:65 tinymce/popup.php:86
116
+ msgid "Six Columns"
117
+ msgstr ""
118
+
119
+ #: tinymce/popup.php:75
120
+ msgid "Advanced Column Layouts"
121
+ msgstr ""
122
+
123
+ #: tinymce/popup.php:76
124
+ msgid "Close"
125
+ msgstr ""
126
+
127
+ #: tinymce/popup.php:81
128
+ msgid "All Layouts"
129
+ msgstr ""
130
+
131
+ #: tinymce/popup.php:89
132
+ msgid "Filter by the number of columns."
133
+ msgstr ""
134
+
135
+ #: tinymce/popup.php:110
136
+ msgid "Optionally add custom CSS classes to each column. Multiple classes must be space separated."
137
+ msgstr ""
138
+
139
+ #: tinymce/popup.php:115
140
+ msgid "Column One"
141
+ msgstr ""
142
+
143
+ #: tinymce/popup.php:116
144
+ msgid "Column Two"
145
+ msgstr ""
146
+
147
+ #: tinymce/popup.php:117
148
+ msgid "Column Three"
149
+ msgstr ""
150
+
151
+ #: tinymce/popup.php:118
152
+ msgid "Column Four"
153
+ msgstr ""
154
+
155
+ #: tinymce/popup.php:119
156
+ msgid "Column Five"
157
+ msgstr ""
158
+
159
+ #: tinymce/popup.php:120
160
+ msgid "Column Six"
161
+ msgstr ""
162
+
163
+ #: tinymce/popup.php:132
164
+ msgid "Cancel"
165
+ msgstr ""
166
+
167
+ #: tinymce/popup.php:135
168
+ msgid "Reset"
169
+ msgstr ""
170
+
171
+ #: tinymce/popup.php:138
172
+ msgid "Insert Selected Layout"
173
+ msgstr ""
174
+ #. Plugin Name of the plugin/theme
175
+ msgid "Genesis Columns Advanced"
176
+ msgstr ""
177
+
178
+ #. Plugin URI of the plugin/theme
179
+ msgid "http://www.nickdiego.com/genesis-columns-advanced"
180
+ msgstr ""
181
+
182
+ #. Description of the plugin/theme
183
+ msgid "Generates shortcodes for all 37 possible column layouts when using Genesis column classes."
184
+ msgstr ""
185
+
186
+ #. Author of the plugin/theme
187
+ msgid "Nick Diego"
188
+ msgstr ""
189
+
190
+ #. Author URI of the plugin/theme
191
+ msgid "http://www.nickdiego.com"
192
+ msgstr ""
readme.txt CHANGED
@@ -3,35 +3,43 @@ Contributors: ndiego, outermostdesign
3
  Donate Link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=D2LLR72CD82JJ
4
  Tags: columns, shortcode, genesis, Genesis Framework, genesiswp, TinyMCE, admin
5
  Requires at least: 3.6
6
- Tested up to: 4.4.2
7
- Stable tag: 1.1.0
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
11
- Generates shortcodes for all 35 possible column layouts when using Genesis column classes.
12
 
13
  == Description ==
14
 
15
- This plugin generates shortcodes for every column configuration available with the column classes provided by the Genesis Framework by [StudioPress](http://www.studiopress.com). Shortcodes are easily added using a custom button in your Wordpress editor.
 
 
 
 
16
 
17
  = Plugin Highlights =
18
- * **New** All shortcodes now support the "class" attribute
19
- * **New** Added a columns container utility shortcode, see the FAQ for more info
20
- * 35 different responsive column configurations available
21
- * Includes two utility shortcodes to assist with layout
 
 
 
22
  * Only adds one button to your Wordpress editor
23
- * Custom button design integrates seamlessly with the core Wordpress aesthetic
24
- * Developed for Genesis Framework users but usable by all! (See note on Installation page)
25
 
26
  If you have questions or would like to request additional features, such as additional utility shortcodes, please let me know in the plugin support forum.
27
-
28
- **Please Note:** This plugin was not developed by Studiopress, the makers of Genesis, and we have no affiliation with the company. We just love the Framework and like building useful tools for Genesis users.
29
 
30
  = Support This Plugin =
31
 
32
  There are a few ways you can help support the development of this plugin:
33
 
34
- 1. If you spot an error or bug, please let us know in the support forums. The issue will be diagnosed an a new release push out as soon as possible.
 
 
35
  1. [Donate](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=D2LLR72CD82JJ). Time is money, and contributions from users like you really help us dedicate more hours to the continual development and support of this plugin.
36
 
37
 
@@ -41,57 +49,101 @@ There are a few ways you can help support the development of this plugin:
41
  * Go to Plugins->Add New and search for "Genesis Columns Advanced”. Once found, click "Install".
42
  * Download the folder from Wordpress.org and zip the folder. Then upload via Plugins->Add New->Upload.
43
  2. Activate the plugin through the 'Plugins' menu in WordPress.
44
- 3. From the ‘Plugins’ page, head to a post/page and check out the new button in your editor.
45
  4. If you have any implementation questions, please post in the plugin support forum.
46
 
47
- **Please Note:** This plugin was designed for Genesis Framework users. Genesis is a premium product by [StudioPress](http://www.studiopress.com). However, if you are a non-Genesis user, this plugin will still activate. A special stylesheet (gca-optional-styles.css) will be applied to the frontend of your site so that you can generate columns too!
48
-
49
  == Frequently Asked Questions ==
50
 
51
- = Why is there no option for five even columns, or columns broken down by fifths? =
52
 
53
- This was a conscious decision in order for the plugin to stay inline with the column classes offered by the Genesis Framework. The informational page on Genesis’s column classes can be found on [Studiopress.com](http://my.studiopress.com/tutorials/content-column-classes/). As of Genesis v2.1.2, there unfortunately is no option for fifths. If this changes in the future, I will update this plugin.
54
 
55
- = What are the available shortcodes that this plugin generates =
56
 
57
  **Main Column Shortcodes**
58
 
59
- The “first” shortcodes are used for the first column in a row of columns.
60
-
61
- * [one-half-first] …Column Content… [/one-half-first]
62
- * [one-half] …Column Content… [/one-half]
63
- * [one-third-first] …Column Content… [/one-third-first]
64
- * [one-third] …Column Content…[ /one-third]
65
- * [one-fourth-first] …Column Content… [/one-fourth-first]
66
- * [one-fourth] …Column Content… [/one-fourth]
67
- * [one-sixth-first] …Column Content… [/one-sixth-first]
68
- * [one-sixth] …Column Content… [/one-sixth]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
69
 
70
  **Utility Shortcodes**
71
 
72
- * [clearfix] - Adds a clearfix
73
- * [vertical-spacer] – Adds a clear as well as some vertical separation
74
- * [columns-container] …Column Content… [/columns-container] – Useful for wrapping column rows
 
 
 
 
75
 
76
- **Class Attribute**
77
 
78
- All shortcodes accept a "class" attribute. This allows you to add classes to any column or utility function. Classes should be space separated. See below for usage examples:
 
 
 
 
79
 
80
- * [one-half-first class="col1"] …Column Content… [/one-half-first]
81
- * [clearfix class="class1 class2"]
82
- * [columns-container class="wrapper-class"] …Column Content… [/columns-container]
83
 
84
- Have an idea for another utility shortcode? Let us know in the support forums.
 
 
 
 
 
85
 
86
  == Screenshots ==
87
 
88
  1. A screenshot of columns button in editor and available options.
89
- 2. A screenshot of Advanced Options popup were you can select from all 35 column configurations.
90
  3. A screenshot of the frontend featuring a two column and six column layout with all columns evenly spaced.
91
  4. A screenshot of the frontend featuring an advanced three column and an advanced two column layout.
92
 
93
  == Changelog ==
94
 
 
 
 
 
 
 
 
 
95
  = 1.1.0 =
96
  * Added class attributes to all shortcodes
97
  * Added the columns container utility shortcode
3
  Donate Link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=D2LLR72CD82JJ
4
  Tags: columns, shortcode, genesis, Genesis Framework, genesiswp, TinyMCE, admin
5
  Requires at least: 3.6
6
+ Tested up to: 4.5
7
+ Stable tag: 2.0.0
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
11
+ Adds shortcodes to easily create up to 42 different columned layouts.
12
 
13
  == Description ==
14
 
15
+ This plugin was originally designed to generate shortcodes for every column configuration available with the column classes provided by the [Genesis Framework](http://www.studiopress.com), hence the name. We are pleased to announce that as of version 2.0, the plugin is completely standalone and does not require Genesis. The plugin now loads its own CSS styles, which can be disabled if you desire. See the FAQ for more details. By moving away from Genesis, we have been able to add new features, such as the inclusion of fifths, and it opens the door to more enhancements in the future!
16
+
17
+ Shortcodes are easily added using a custom button in your Wordpress editor. They can also be added manually if you so choose. See the FAQ for more details. Check out the video below for a short demo on the plugin.
18
+
19
+ https://www.youtube.com/watch?v=ortnpInn_YE
20
 
21
  = Plugin Highlights =
22
+ * **New** Version 2.0 brings massive UI and UX improvements
23
+ * **New** Plugin is now fully translatable, .pot file included
24
+ * **New** Plugin now loads its own CSS column classes and does not require Genesis
25
+ * **New** Plugin now includes fifths so you can finally add 5 even columns!
26
+ * 42 different responsive column configurations available
27
+ * Add custom CSS classes to any column
28
+ * Includes three utility shortcodes to assist with layout, see the FAQ for more info
29
  * Only adds one button to your Wordpress editor
30
+ * No plugin settings to configure
31
+ * Custom button and TinyMCE popup design integrates seamlessly with the core Wordpress aesthetic
32
 
33
  If you have questions or would like to request additional features, such as additional utility shortcodes, please let me know in the plugin support forum.
34
+
 
35
 
36
  = Support This Plugin =
37
 
38
  There are a few ways you can help support the development of this plugin:
39
 
40
+ 1. Rate this plugin! The best show of support is to leave a review.
41
+ 1. Submit a translation to [info@outermostdesign.com](mailto:info@outermostdesign.com)
42
+ 1. If you spot an error or bug, please let us know in the support forums. The issue will be diagnosed and a new release pushed out as soon as possible.
43
  1. [Donate](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=D2LLR72CD82JJ). Time is money, and contributions from users like you really help us dedicate more hours to the continual development and support of this plugin.
44
 
45
 
49
  * Go to Plugins->Add New and search for "Genesis Columns Advanced”. Once found, click "Install".
50
  * Download the folder from Wordpress.org and zip the folder. Then upload via Plugins->Add New->Upload.
51
  2. Activate the plugin through the 'Plugins' menu in WordPress.
52
+ 3. From the 'Plugins' page, head to a post/page and check out the new button in your editor.
53
  4. If you have any implementation questions, please post in the plugin support forum.
54
 
 
 
55
  == Frequently Asked Questions ==
56
 
57
+ = How do I add columns shortcodes? =
58
 
59
+ **Standard Method** - The easiest way is to click the "Insert Columns" icon that is added to the top bar of your WordPress editor. This will open a dropdown where you can quickly select a standard column layout. You can also choose "Advanced Layouts" to launch a popup window where you can then choose from any one of the 42 available layouts. Click insert, and the correct shortcodes will be added to your editor's content field.
60
 
61
+ **Manual Method** - If you don't want to bother with the popup interface, or want to use the shortcodes outside the editor, you can manually type out the shortcodes. Below is all the available shortcodes that this plugin supports. Note that the "first" shortcodes are used for the first column in a row of columns.
62
 
63
  **Main Column Shortcodes**
64
 
65
+ `
66
+ [one-half-first] …Column Content… [/one-half-first]
67
+ [one-half] …Column Content… [/one-half]
68
+
69
+ [one-third-first] …Column Content… [/one-third-first]
70
+ [one-third] …Column Content…[ /one-third]
71
+ [two-thirds-first] …Column Content… [/two-thirds-first]
72
+ [two-thirds] …Column Content…[ /two-thirds]
73
+
74
+ [one-fourth-first] …Column Content… [/one-fourth-first]
75
+ [one-fourth] …Column Content… [/one-fourth]
76
+ [two-fourths-first] …Column Content… [/two-fourths-first]
77
+ [two-fourths] …Column Content…[ /two-fourths]
78
+ [three-fourths-first] …Column Content… [/three-fourths-first]
79
+ [three-fourths] …Column Content…[ /three-fourths]
80
+
81
+ [one-fifth-first] …Column Content… [/one-fifth-first]
82
+ [one-fifth] …Column Content…[ /one-fifth]
83
+ [two-fifths-first] …Column Content… [/two-fifths-first]
84
+ [two-fifths] …Column Content…[ /two-fifths]
85
+ [three-fifths-first] …Column Content… [/three-fifths-first]
86
+ [three-fifths] …Column Content…[ /three-fifths]
87
+ [four-fifths-first] …Column Content… [/four-fifths-first]
88
+ [four-fifths] …Column Content…[ /four-fifths]
89
+
90
+ [one-sixth-first] …Column Content… [/one-sixth-first]
91
+ [one-sixth] …Column Content… [/one-sixth]
92
+ [two-sixths-first] …Column Content… [/two-sixths-first]
93
+ [two-sixths] …Column Content…[ /two-sixths]
94
+ [three-sixths-first] …Column Content… [/three-sixths-first]
95
+ [three-sixths] …Column Content…[ /three-sixths]
96
+ [four-sixths-first] …Column Content… [/four-sixths-first]
97
+ [four-sixths] …Column Content…[ /four-sixths]
98
+ [five-sixths-first] …Column Content… [/five-sixths-first]
99
+ [five-sixths] …Column Content…[ /five-sixths]
100
+ `
101
 
102
  **Utility Shortcodes**
103
 
104
+ `
105
+ [clearfix] - Adds a clearfix
106
+ [vertical-spacer] – Adds a clear as well as some vertical separation
107
+ [columns-container] …Column Content… [/columns-container] – Useful for wrapping column rows
108
+ `
109
+
110
+ = Can I add attributes to columns? =
111
 
112
+ Yes! All column and utility shortcodes currently support three attributes: id, class, and style. Multiple classes can be specified, but they must be space separated and all style requires proper markup. See below for usage examples:
113
 
114
+ `
115
+ [one-half-first id="main_column" class="col1" style="color:red; border: 1px solid #333"] …Column Content… [/one-half-first]
116
+ [clearfix class="class1 class2"]
117
+ [columns-container class="wrapper-class" style="background-color: green"] …Column Content… [/columns-container]
118
+ `
119
 
120
+ = How do I disable the built-in stylesheet? =
121
+ If you are already using a Genesis theme, it is likely that it includes column classes. In which case you might not want to use the built-in styles that come with this plugin. You can easily disable the stylesheet using the filter below. Just add it to your functions.php file. **Note: Genesis themes do not support fifths, so if you disable this plugin's built-in stylesheet, the fifths shortcodes won't do anything.**
 
122
 
123
+ `
124
+ add_filter( 'gca_load_column_styles', '__return_false' );
125
+ `
126
+
127
+ = Will you be adding more utility shortcodes or additional features? =
128
+ Let us know what you are looking for in the support forums, and we will do our best to make it happen, pending the request is reasonable of course!
129
 
130
  == Screenshots ==
131
 
132
  1. A screenshot of columns button in editor and available options.
133
+ 2. A screenshot of Advanced Options popup where you can select from all 42 column configurations.
134
  3. A screenshot of the frontend featuring a two column and six column layout with all columns evenly spaced.
135
  4. A screenshot of the frontend featuring an advanced three column and an advanced two column layout.
136
 
137
  == Changelog ==
138
 
139
+ = 2.0.0 =
140
+ * Complete plugin overhaul to comply with WP standards
141
+ * Plugin is now fully translatable
142
+ * Plugin is now completely standalone, does not require the Genesis Framework
143
+ * Added brand new UI for the TinyMCE popup
144
+ * Added fifths
145
+ * Added id and style attributes to all shortcodes
146
+
147
  = 1.1.0 =
148
  * Added class attributes to all shortcodes
149
  * Added the columns container utility shortcode
tinymce/css/gca-popup.css DELETED
@@ -1,207 +0,0 @@
1
- /* General Popup Styling - Genesis Columns Advanced -----*/
2
-
3
- html, body {
4
- background-color: #fff;
5
- color: #444;
6
- font-family: 'Open Sans', sans-serif;
7
- font-size: 14px;
8
- font-weight: normal;
9
- padding: 0;
10
- }
11
- h2 {
12
- clear: both;
13
- font-size: 16px;
14
- font-weight: bold;
15
- margin: 0;
16
- }
17
- h4 {
18
- clear: both;
19
- cursor: pointer;
20
- border-bottom: 1px solid #dfdfdf;
21
- font-size: 14px;
22
- line-height: 30px;
23
- margin: 10px 10px 0 0;
24
- }
25
- p {
26
- margin: 10px 10px 0 0;
27
- }
28
- .description {
29
- font-size: 13px;
30
- font-style: italic;
31
- }
32
-
33
-
34
- /* Column Layout Container Styling ----------------------*/
35
-
36
- .column-layout-container {
37
- padding: 10px 10px 80px 10px;
38
- }
39
- .column-layout-general {
40
- height: 110px;
41
- }
42
- .column-layout-selector input {
43
- display: none;
44
- text-align: center;
45
- }
46
- .column-layout-selector input#default-layout {
47
- display: inline;
48
- }
49
- .column-layout-selector label.box {
50
- display: block;
51
- float: left;
52
- margin: 10px 10px 0 0;
53
- text-align: center;
54
- }
55
- .column-layout-selector label.box img {
56
- border: 3px solid transparent;
57
- max-width: 85px;
58
- }
59
- .column-layout-selector label.box img:hover {
60
- border: 3px solid #ddd;
61
- }
62
- .column-layout-selector label.box.selected img {
63
- border: 3px solid #ccc;
64
- }
65
- .column-layout-footer {
66
- clear: both;
67
- background: #fcfcfc;
68
- border-top: 1px solid #dfdfdf;
69
- text-align: right;
70
- padding: 10px;
71
- position: fixed;
72
- bottom: 0;
73
- right: 0;
74
- left: 0;
75
- }
76
- div.clear {
77
- clear: both;
78
- padding-top: 8px;
79
- }
80
-
81
-
82
- /* jQuery UI - Accordion & Tooltip Styling ----------------------*/
83
-
84
- .ui-icon-open {
85
- background-image: url('../images/arrows.png');
86
- background-position: -2px 2px;
87
- background-size: 16px auto;
88
- display: inline-block;
89
- height: 16px;
90
- padding-right: 18px;
91
- }
92
- .ui-icon-closed {
93
- background-image: url('../images/arrows.png');
94
- background-position: -2px -113px;
95
- background-size: 16px auto;
96
- display: inline-block;
97
- height: 16px;
98
- padding-right: 18px;
99
- }
100
- /* Removes "blue blur" on selected items */
101
- .ui-state-focus {
102
- -moz-box-shadow: none !important;
103
- -webkit-box-shadow: none !important;
104
- box-shadow: none !important;
105
- outline: none;
106
- }
107
- .ui-accordion-content {
108
- padding-top: 5px;
109
- }
110
- .ui-tooltip, .arrow:after {
111
- background: black;
112
- position: absolute;
113
- }
114
- .ui-tooltip {
115
- border-radius: 3px;
116
- -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
117
- box-shadow: 0 3px 5px rgba(0,0,0,.2);
118
- color: #fff;
119
- font-size: 12px;
120
- padding: 5px 8px 4px 8px;
121
- text-align: center;
122
- }
123
- .arrow {
124
- width: 70px;
125
- height: 16px;
126
- overflow: hidden;
127
- position: absolute;
128
- left: 50%;
129
- margin-left: -30px;
130
- bottom: -16px;
131
- }
132
- .arrow.top {
133
- top: -16px;
134
- bottom: auto;
135
- }
136
- .arrow.left {
137
- left: 20%;
138
- }
139
- .arrow:after {
140
- content: "";
141
- position: absolute;
142
- left: 20px;
143
- top: -20px;
144
- width: 21px;
145
- height: 21px;
146
- box-shadow: 6px 5px 9px -9px black;
147
- -webkit-transform: rotate(45deg);
148
- -ms-transform: rotate(45deg);
149
- transform: rotate(45deg);
150
- }
151
- .arrow.top:after {
152
- bottom: -20px;
153
- top: auto;
154
- }
155
-
156
-
157
- /* WP Button Styling -----------------------------------*/
158
-
159
- #insert {
160
- background: #2ea2cc;
161
- border-radius: 3px;
162
- border: 1px solid #2ea2cc;
163
- box-shadow: rgba(120, 200, 230, 0.498039) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.14902) 0px 1px 0px 0px;
164
- -webkit-box-shadow: rgba(120, 200, 230, 0.498039) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.14902) 0px 1px 0px 0px;
165
- box-sizing: border-box;
166
- color: rgb(255, 255, 255);
167
- cursor: pointer;
168
- display: inline-block;
169
- font-size: 13px;
170
- font-weight: normal;
171
- height: 30px;
172
- line-height: 28px;
173
- padding: 0 12px 2px;
174
- text-align: center;
175
- text-decoration: none;
176
- }
177
- #insert:hover{
178
- background: #1e8cbe;
179
- border-color: #0074a2;
180
- -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.6);
181
- box-shadow: inset 0 1px 0 rgba(120,200,230,.6);
182
- color: #fff;
183
- }
184
- #cancel {
185
- color: #555;
186
- border: 1px solid #ccc;
187
- border-radius: 3px;
188
- background: #f7f7f7;
189
- -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.08);
190
- box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.08);
191
- vertical-align: top;
192
- box-sizing: border-box;
193
- cursor: pointer;
194
- display: inline-block;
195
- font-size: 13px;
196
- font-weight: normal;
197
- height: 30px;
198
- line-height: 28px;
199
- padding: 0 12px 2px;
200
- text-align: center;
201
- text-decoration: none;
202
- }
203
- #cancel:hover {
204
- background: #fafafa;
205
- border-color: #999;
206
- color: #222;
207
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
tinymce/css/popup.css ADDED
@@ -0,0 +1,330 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* # Styling for the Advanced Layouts TinyMCE popup
2
+
3
+ Plugin: Genesis Columns Advanced
4
+ Author: Nick Diego
5
+ Link: http://www.nickdiego.com/plugins/genesis-columns-advanced
6
+ */
7
+
8
+
9
+ /* # General Popup Styling
10
+ ---------------------------------------------------------------------------------------------------- */
11
+
12
+ /* ## Popup Backdrop + Containers
13
+ -------------------------------------------------------------- */
14
+
15
+ #gca_popup_backdrop {
16
+ background: #000;
17
+ display: none;
18
+ min-height: 360px;
19
+ opacity: 0.7;
20
+ filter: alpha(opacity=70);
21
+ position: fixed;
22
+ top: 0;
23
+ left: 0;
24
+ right: 0;
25
+ bottom: 0;
26
+ z-index: 100100;
27
+ }
28
+
29
+ #gca_popup_wrap {
30
+ background-color: #fff;
31
+ -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
32
+ box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
33
+ display: none;
34
+ margin-top: -265px;
35
+ margin-left: -320px;
36
+ overflow: hidden;
37
+ position: fixed;
38
+ top: 50%;
39
+ left: 50%;
40
+ -webkit-transition: height 0.2s, margin-top 0.2s;
41
+ transition: height 0.2s, margin-top 0.2s;
42
+ width: 640px;
43
+ height: 530px;
44
+ z-index: 100105;
45
+ }
46
+
47
+ #gca_popup_form {
48
+ max-height: 100%;
49
+ overflow: auto;
50
+ }
51
+
52
+ #gca_popup_content_wrap {
53
+ margin-top: 36px;
54
+ padding: 16px 16px 55px;
55
+ }
56
+
57
+
58
+ /* ## Popup Title/Close
59
+ -------------------------------------------------------------- */
60
+
61
+ #gca_popup_title {
62
+ background: #fcfcfc;
63
+ border-bottom: 1px solid #ddd;
64
+ font-size: 18px;
65
+ font-weight: 600;
66
+ height: 36px;
67
+ left: 0;
68
+ right: 0;
69
+ line-height: 36px;
70
+ margin: 0;
71
+ padding: 0 36px 0 16px;
72
+ position: absolute;
73
+ }
74
+
75
+ #gca_popup_close {
76
+ background: none;
77
+ border: none;
78
+ color: #666;
79
+ cursor: pointer;
80
+ padding: 0;
81
+ position: absolute;
82
+ text-align: center;
83
+ top: 0;
84
+ right: 0;
85
+ width: 36px;
86
+ height: 36px;
87
+ }
88
+
89
+ #gca_popup_close:before {
90
+ content: "\f158";
91
+ font: normal 20px/36px dashicons;
92
+ speak: none;
93
+ width: 36px;
94
+ height: 36px;
95
+ vertical-align: top;
96
+ -webkit-font-smoothing: antialiased;
97
+ -moz-osx-font-smoothing: grayscale;
98
+ }
99
+
100
+ #gca_popup_close:hover,
101
+ #gca_popup_close:focus {
102
+ box-shadow: none;
103
+ color: #00a0d2;
104
+ }
105
+
106
+
107
+ /* ## Popup Footer
108
+ -------------------------------------------------------------- */
109
+
110
+ #gca_popup_footer {
111
+ background: #fcfcfc;
112
+ border-top: 1px solid #ddd;
113
+ padding: 8px 16px;
114
+ position: absolute;
115
+ bottom: 0;
116
+ left: 0;
117
+ right: 0;
118
+ }
119
+
120
+ #gca_popup_insert {
121
+ float: right;
122
+ }
123
+
124
+ #gca_popup_cancel {
125
+ float: left;
126
+ }
127
+
128
+ #gca_popup_reset {
129
+ float: left;
130
+ margin-left: 5px;
131
+ }
132
+
133
+
134
+ /* # Popup Content
135
+ ---------------------------------------------------------------------------------------------------- */
136
+
137
+ /* ## Column Layout Styles
138
+ -------------------------------------------------------------- */
139
+
140
+ .gca-column-layouts-container .description {
141
+ color: #666;
142
+ line-height: 28px;
143
+ padding-left: 5px;
144
+ }
145
+
146
+ .gca-column-layouts-container input[type=radio]:focus {
147
+ -webkit-box-shadow: none;
148
+ box-shadow: none;
149
+ }
150
+
151
+ #gca_toggle_titles {
152
+ color: #0073aa;
153
+ text-decoration: underline;
154
+ font-size: 13px;
155
+ line-height: 28px;
156
+ display: inline-block;
157
+ float: right;
158
+ }
159
+
160
+ #gca_toggle_titles:focus {
161
+ outline: none;
162
+ -webkit-box-shadow: none;
163
+ box-shadow: none;
164
+ }
165
+
166
+ .gca-column-layouts {
167
+ border: 1px solid #dfdfdf;
168
+ height: 190px;
169
+ line-height: 0;
170
+ margin-top: 16px;
171
+ overflow: auto;
172
+ padding: 6px 2px 2px 6px;
173
+ }
174
+
175
+ .gca-column-layouts input {
176
+ display: none;
177
+ text-align: center;
178
+ }
179
+
180
+ .gca-column-layouts .layout {
181
+ border: 3px solid transparent;
182
+ display: block;
183
+ float: left;
184
+ margin: 0 2px 2px 0;
185
+ text-align: center;
186
+ background-color: #fff;
187
+ padding: 3px;
188
+ cursor: pointer;
189
+ }
190
+
191
+ .gca-column-layouts .layout:hover {
192
+ border: 3px solid #ddd;
193
+ }
194
+
195
+ .gca-column-layouts .layout.selected {
196
+ border: 3px solid #ffb900;
197
+ }
198
+
199
+ .gca-column-layouts .layout-title {
200
+ display: none;
201
+ font-size: 12px;
202
+ line-height: 1.5em;
203
+ max-width: 85px;
204
+ padding-top: 5px;
205
+ text-align: center;
206
+ white-space: normal;
207
+ }
208
+
209
+ .gca-column-layouts .show-title {
210
+ display: inline-block !important;
211
+ }
212
+
213
+
214
+ /* Column Class Styles
215
+ -------------------------------------------------------------- */
216
+
217
+ .gca-column-classes-container {
218
+ margin-top: 25px;
219
+ }
220
+
221
+ .gca-column-classes-container .description {
222
+ color: #666;
223
+ display: inline-block;
224
+ margin-bottom: 16px;
225
+ }
226
+
227
+ .gca-column-classes {
228
+ overflow: hidden;
229
+ }
230
+
231
+ .gca-column-classes label {
232
+ display: block;
233
+ width: 48%;
234
+ margin-bottom: 8px;
235
+ }
236
+
237
+ .gca-column-classes label:nth-child(2n) {
238
+ float: right;
239
+ text-align: right;
240
+ }
241
+
242
+ .gca-column-classes label:nth-child(2n+1) {
243
+ float: left;
244
+ }
245
+
246
+ .gca-column-classes span {
247
+ display: inline-block;
248
+ width: 95px;
249
+ text-align: right;
250
+ margin-right: 8px;
251
+ max-width: 36%;
252
+ }
253
+
254
+ .gca-column-classes input {
255
+ width: 64%;
256
+ }
257
+
258
+ .gca-column-classes.two-columns .column-three,
259
+ .gca-column-classes.two-columns .column-four,
260
+ .gca-column-classes.two-columns .column-five,
261
+ .gca-column-classes.two-columns .column-six {
262
+ color: #aaaaaa;
263
+ }
264
+
265
+ .gca-column-classes.three-columns .column-four,
266
+ .gca-column-classes.three-columns .column-five,
267
+ .gca-column-classes.three-columns .column-six {
268
+ color: #aaaaaa;
269
+ }
270
+
271
+ .gca-column-classes.four-columns .column-five,
272
+ .gca-column-classes.four-columns .column-six {
273
+ color: #aaaaaa;
274
+ }
275
+
276
+ .gca-column-classes.five-columns .column-six {
277
+ color: #aaaaaa;
278
+ }
279
+
280
+
281
+ /* # Media Queries
282
+ ---------------------------------------------------------------------------------------------------- */
283
+
284
+ @media screen and ( max-width: 782px ) {
285
+ #gca_popup_wrap {
286
+ /*margin-top: -140px;*/
287
+ }
288
+ }
289
+
290
+ @media screen and ( max-width: 660px ) {
291
+ #gca_popup_wrap {
292
+ width: auto;
293
+ margin-left: 0;
294
+ left: 10px;
295
+ right: 10px;
296
+ max-width: 640px;
297
+ }
298
+
299
+ .gca-column-classes label {
300
+ float: left;
301
+ width: 100%;
302
+ text-align: left !important;
303
+ }
304
+ }
305
+
306
+ @media screen and ( max-height: 550px ) {
307
+ #gca_popup_wrap {
308
+ -webkit-transition: none;
309
+ transition: none;
310
+ height: auto;
311
+ margin-top: 0;
312
+ top: 10px;
313
+ bottom: 10px;
314
+ }
315
+ }
316
+
317
+ @media screen and ( max-width: 450px ) {
318
+ #gca_toggle_titles {
319
+ display: none;
320
+ }
321
+ }
322
+
323
+ @media screen and ( max-height: 290px ) {
324
+ #gca_popup_wrap {
325
+ height: auto;
326
+ margin-top: 0;
327
+ top: 10px;
328
+ bottom: 10px;
329
+ }
330
+ }
tinymce/gca-plugin.js DELETED
@@ -1,43 +0,0 @@
1
- /*
2
- * Add our columns shortcode Tinymce button
3
- */
4
- (function() {
5
-
6
- if ( typeof tinymce != 'undefined' ) {
7
-
8
- tinymce.PluginManager.add( 'gca_button', function( editor, url ) {
9
-
10
- editor.addButton( 'gca_button', {
11
- type: 'menubutton',
12
- title: 'Insert Columns',
13
- image: url + '/images/icon.png',
14
- menu: [
15
- { text: '2 Columns', onclick: function() { editor.insertContent( '[one-half-first]' + ( editor.selection.getContent() != '' ? editor.selection.getContent() : 'Place your content for the first column here.' ) + '[/one-half-first]<br>[one-half]Place your content for the second column here.[/one-half]<br>' ); }},
16
- { text: '3 Columns', onclick: function() { editor.insertContent( '[one-third-first]' + ( editor.selection.getContent() != '' ? editor.selection.getContent() : 'Place your content for the first column here.' ) + '[/one-third-first]<br>[one-third]Place your content for the second column here.[/one-third]<br>[one-third]Place your content for the third column here.[/one-third]<br>' ); }},
17
- { text: '4 Columns', onclick: function() { editor.insertContent( '[one-fourth-first]' + ( editor.selection.getContent() != '' ? editor.selection.getContent() : 'Place your content for the first column here.' ) + '[/one-fourth-first]<br>[one-fourth]Place your content for the second column here.[/one-fourth]<br>[one-fourth]Place your content for the third column here.[/one-fourth]<br>[one-fourth]Place your content for the fourth column here.[/one-fourth]<br>' ); }},
18
- { text: '6 Columns', onclick: function() { editor.insertContent( '[one-sixth-first]' + ( editor.selection.getContent() != '' ? editor.selection.getContent() : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]<br>[one-sixth]Place your content for the fifth column here.[/one-sixth]<br>[one-sixth]Place your content for the sixth column here.[/one-sixth]<br>'); }},
19
- { text: 'Advanced Layouts', onclick: function() {
20
- editor.windowManager.open({
21
- title: 'Advanced Column Layouts',
22
- url: url + '/gca-popup.html',
23
- width: 550,
24
- height: 540,
25
- inline: 1
26
- }, {
27
- selectedContent: editor.selection.getContent(),
28
- onInsert: function( layout ) { editor.insertContent( layout ); }
29
- });
30
- }},
31
- { text: 'Utilities', menu: [
32
- { text: 'Clearfix', onclick: function() { editor.insertContent( '[clearfix]' ); } },
33
- { text: 'Vertical Spacer', onclick: function() { editor.insertContent( '[vertical-spacer]' ); } },
34
- { text: 'Columns Container', onclick: function() { editor.insertContent( '[columns-container]' + ( editor.selection.getContent() != '' ? editor.selection.getContent() : 'Place your columns in this container.' ) + '[/columns-container]' ); } },
35
- ]}
36
- ]
37
- }); // end addButton
38
-
39
- }); // end PluginManager
40
-
41
- };
42
-
43
- })();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
tinymce/gca-popup.html DELETED
@@ -1,398 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8" />
5
- <title>Genesis Shortcodes Advanced - Outermost Design</title>
6
-
7
- <script language="javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
8
- <script language="javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
9
- <link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
10
- <link rel="stylesheet" href="css/gca-popup.css" />
11
-
12
- <script type="text/javascript">
13
-
14
- // Create our columns dialog box variable
15
- var ColumnsSelection = {
16
-
17
- insert : function() {
18
-
19
- // Get the selected content, if there is any
20
- var selectedContent = top.tinymce.activeEditor.windowManager.getParams().selectedContent;
21
-
22
- // Set up variable to contain our layout input value
23
- var column_layout = jQuery('input:radio[name=column-layout]:checked').val();
24
-
25
- // Set up output variable
26
- var output = '';
27
-
28
- switch ( column_layout ) {
29
-
30
- // Output for general column configurations
31
- case 'two-column':
32
- output += '[one-half-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-half-first]<br>[one-half]Place your content for the second column here.[/one-half]';
33
- break;
34
- case 'three-column':
35
- output += '[one-third-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-third-first]<br>[one-third]Place your content for the second column here.[/one-third]<br>[one-third]Place your content for the third column here.[/one-third]';
36
- break;
37
- case 'four-column':
38
- output += '[one-fourth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-fourth-first]<br>[one-fourth]Place your content for the second column here.[/one-fourth]<br>[one-fourth]Place your content for the third column here.[/one-fourth]<br>[one-fourth]Place your content for the fourth column here.[/one-fourth]';
39
- break;
40
- case 'six-column':
41
- output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]<br>[one-sixth]Place your content for the fifth column here.[/one-sixth]<br>[one-sixth]Place your content for the sixth column here.[/one-sixth]';
42
- break;
43
-
44
- // Output for advanced Two-Column configurations
45
- case 'twothirds-onethird':
46
- output += '[two-thirds-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/two-thirds-first]<br>[one-third]Place your content for the second column here.[/one-third]';
47
- break;
48
- case 'onethird-twothirds':
49
- output += '[one-third-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-third-first]<br>[two-thirds]Place your content for the second column here.[/two-thirds]';
50
- break;
51
- case 'onefourth-threefourths':
52
- output += '[one-fourth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-fourth-first]<br>[three-fourths]Place your content for the second column here.[/three-fourths]';
53
- break;
54
- case 'threefourths-onefourth':
55
- output += '[three-fourths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/three-fourths-first]<br>[one-fourth]Place your content for the second column here.[/one-fourth]';
56
- break;
57
- case 'onesixth-fivesixths':
58
- output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[five-sixths]Place your content for the second column here.[/five-sixths]';
59
- break;
60
- case 'fivesixths-onesixth':
61
- output += '[five-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/five-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]';
62
- break;
63
-
64
- // Output for advanced Three-Column configurations
65
- case 'onefourth-onefourth-half':
66
- output += '[one-fourth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-fourth-first]<br>[one-fourth]Place your content for the second column here.[/one-fourth]<br>[two-fourths]Place your content for the third column here.[/two-fourths]';
67
- break;
68
- case 'half-onefourth-onefourth':
69
- output += '[two-fourths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/two-fourths-first]<br>[one-fourth]Place your content for the second column here.[/one-fourth]<br>[one-fourth]Place your content for the third column here.[/one-fourth]';
70
- break;
71
- case 'onefourth-half-onefourth':
72
- output += '[one-fourth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-fourth-first]<br>[two-fourths]Place your content for the second column here.[/two-fourths]<br>[one-fourth]Place your content for the third column here.[/one-fourth]';
73
- break;
74
- case 'onesixth-onesixth-foursixths':
75
- output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[four-sixths]Place your content for the third column here.[/four-sixths]';
76
- break;
77
- case 'foursixths-onesixth-onesixth':
78
- output += '[four-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/four-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]';
79
- break;
80
- case 'onesixth-foursixths-onesixth':
81
- output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[four-sixths]Place your content for the second column here.[/four-sixths]<br>[one-sixth]Place your content for the third column here.[/one-sixth]';
82
- break;
83
- case 'onesixth-twosixths-threesixths':
84
- output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[two-sixths]Place your content for the second column here.[/two-sixths]<br>[three-sixths]Place your content for the third column here.[/three-sixths]';
85
- break;
86
- case 'threesixths-twosixths-onesixth':
87
- output += '[three-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/three-sixths-first]<br>[two-sixths]Place your content for the second column here.[/two-sixths]<br>[one-sixth]Place your content for the third column here.[/one-sixth]';
88
- break;
89
- case 'twosixths-onesixth-threesixths':
90
- output += '[two-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/two-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[three-sixths]Place your content for the third column here.[/three-sixths]';
91
- break;
92
- case 'threesixths-onesixth-twosixths':
93
- output += '[three-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/three-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[two-sixths]Place your content for the third column here.[/two-sixths]';
94
- break;
95
-
96
- // Output for advanced Four-Column configurations
97
- case 'onesixth-onesixth-onesixth-threesixths':
98
- output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[three-sixths]Place your content for the fourth column here.[/three-sixths]';
99
- break;
100
- case 'threesixths-onesixth-onesixth-onesixth':
101
- output += '[three-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/three-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]';
102
- break;
103
- case 'onesixth-threesixths-onesixth-onesixth':
104
- output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[three-sixths]Place your content for the second column here.[/three-sixths]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]';
105
- break;
106
- case 'onesixth-onesixth-threesixths-onesixth':
107
- output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[three-sixths]Place your content for the third column here.[/three-sixths]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]';
108
- break;
109
- case 'onesixth-onesixth-twosixths-twosixths':
110
- output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[two-sixths]Place your content for the third column here.[/two-sixths]<br>[two-sixths]Place your content for the fourth column here.[/two-sixths]';
111
- break;
112
- case 'twosixths-twosixths-onesixth-onesixth':
113
- output += '[two-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/two-sixths-first]<br>[two-sixths]Place your content for the second column here.[/two-sixths]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]';
114
- break;
115
- case 'onesixth-twosixths-onesixth-twosixths':
116
- output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[two-sixths]Place your content for the second column here.[/two-sixths]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[two-sixths]Place your content for the fourth column here.[/two-sixths]';
117
- break;
118
- case 'twosixths-onesixth-twosixths-onesixth':
119
- output += '[two-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/two-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[two-sixths]Place your content for the third column here.[/two-sixths]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]';
120
- break;
121
- case 'onesixth-twosixths-twosixths-onesixth':
122
- output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[two-sixths]Place your content for the second column here.[/two-sixths]<br>[two-sixths]Place your content for the third column here.[/two-sixths]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]';
123
- break;
124
- case 'twosixths-onesixth-onesixth-twosixths':
125
- output += '[two-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/two-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[two-sixths]Place your content for the fourth column here.[/two-sixths]';
126
- break;
127
-
128
- // Output for advanced Five-Column configurations
129
- case 'onesixth-onesixth-onesixth-onesixth-twosixths':
130
- output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]<br>[two-sixths]Place your content for the fifth column here.[/two-sixths]';
131
- break;
132
- case 'twosixths-onesixth-onesixth-onesixth-onesixth':
133
- output += '[two-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/two-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]<br>[one-sixth]Place your content for the fifth column here.[/one-sixth]';
134
- break;
135
- case 'onesixth-twosixths-onesixth-onesixth-onesixth':
136
- output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[two-sixths]Place your content for the second column here.[/two-sixths]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]<br>[one-sixth]Place your content for the fifth column here.[/one-sixth]';
137
- break;
138
- case 'onesixth-onesixth-onesixth-twosixths-onesixth':
139
- output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[two-sixths]Place your content for the fourth column here.[/two-sixths]<br>[one-sixth]Place your content for the fifth column here.[/one-sixth]';
140
- break;
141
- case 'onesixth-onesixth-twosixths-onesixth-onesixth':
142
- output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[two-sixths]Place your content for the third column here.[/two-sixths]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]<br>[one-sixth]Place your content for the fifth column here.[/one-sixth]';
143
- break;
144
-
145
- default:
146
- output += 'error';
147
-
148
- } //end switch
149
-
150
- // If a layout has been selected, do stuff
151
- if ( output != 'error' ) {
152
- // Insert the column selection into tinymce
153
- top.tinymce.activeEditor.windowManager.getParams().onInsert( output );
154
-
155
- // Close the window once we have added the output to tinymce
156
- top.tinymce.activeEditor.windowManager.close();
157
- }
158
- },
159
-
160
- cancel : function() {
161
- // Close the window since the cancel button has been clicked
162
- top.tinymce.activeEditor.windowManager.close();
163
- }
164
- };
165
-
166
- </script>
167
-
168
- </head>
169
- <body>
170
-
171
- <form action="/" method="get" accept-charset="utf-8">
172
- <div class="column-layout-container">
173
- <div class="column-layout-selector">
174
-
175
- <div class="description">Select your desired column configuration.</div>
176
- <div id="accordion">
177
- <h4>Two Columns</h4>
178
- <div>
179
- <div id="advanced-two-column">
180
- <label title="1/2 - 1/2" class="box">
181
- <img src="images/layouts/half.gif" alt="1/2 - 1/2"><br>
182
- <input type="radio" name="column-layout" id="two-column" value="two-column">
183
- </label>
184
- <label title="1/3 - 2/3" class="box">
185
- <img src="images/layouts/third_twothirds.gif" alt="1/3 - 2/3"><br>
186
- <input type="radio" name="column-layout" id="onethird-twothirds" value="onethird-twothirds">
187
- </label>
188
- <label title="2/3 - 1/3" class="box">
189
- <img src="images/layouts/twothirds_third.gif" alt="2/3 - 1/3"><br>
190
- <input type="radio" name="column-layout" id="twothirds-onethird" value="twothirds-onethird">
191
- </label>
192
- <label title="1/4 - 3/4" class="box">
193
- <img src="images/layouts/fourth_threefourths.gif" alt="1/4 - 3/4"><br>
194
- <input type="radio" name="column-layout" id="onefourth-threefourths" value="onefourth-threefourths">
195
- </label>
196
- <label title="3/4 - 1/4" class="box">
197
- <img src="images/layouts/threefourths_fourth.gif" alt="3/4 - 1/4"><br>
198
- <input type="radio" name="column-layout" id="threefourths-onefourth" value="threefourths-onefourth">
199
- </label>
200
- <label title="1/6 - 5/6" class="box">
201
- <img src="images/layouts/sixth_fivesixths.gif" alt="1/6 - 5/6"><br>
202
- <input type="radio" name="column-layout" id="onesixth-fivesixths" value="onesixth-fivesixths">
203
- </label>
204
- <label title="5/6 - 1/6" class="box">
205
- <img src="images/layouts/fivesixths_sixth.gif" alt="5/6 - 1/6"><br>
206
- <input type="radio" name="column-layout" id="fivesixths-onesixth" value="fivesixths-onesixth">
207
- </label>
208
- </div>
209
- <div class="clear"></div>
210
- </div>
211
- <h4>Three Columns</h4>
212
- <div>
213
- <div id="advanced-three-column">
214
- <label title="1/3 - 1/3 - 1/3" class="box">
215
- <img src="images/layouts/thirds.gif" alt="1/3 - 1/3 - 1/3"><br>
216
- <input type="radio" name="column-layout" id="three-column" value="three-column">
217
- </label>
218
- <label title="1/4 - 1/4 - 2/4" class="box">
219
- <img src="images/layouts/fourth_fourth_half.gif" alt="1/4 - 1/4 - 2/4"><br>
220
- <input type="radio" name="column-layout" id="onefourth-onefourth-half" value="onefourth-onefourth-half">
221
- </label>
222
- <label title="2/4 - 1/4 - 1/4" class="box">
223
- <img src="images/layouts/half_fourth_fourth.gif" alt="2/4 - 1/4 - 1/4"><br>
224
- <input type="radio" name="column-layout" id="half-onefourth-onefourth" value="half-onefourth-onefourth">
225
- </label>
226
- <label title="1/4 - 2/4 - 1/4" class="box">
227
- <img src="images/layouts/fourth_half_fourth.gif" alt="1/4 - 2/4 - 1/4"><br>
228
- <input type="radio" name="column-layout" id="onefourth-half-onefourth" value="onefourth-half-onefourth">
229
- </label>
230
- <label title="1/6 - 1/6 - 4/6" class="box">
231
- <img src="images/layouts/sixth_sixth_foursixths.gif" alt="1/6 - 1/6 - 4/6"><br>
232
- <input type="radio" name="column-layout" id="onesixth-onesixth-foursixths" value="onesixth-onesixth-foursixths">
233
- </label>
234
- <label title="4/6 - 1/6 - 1/6" class="box">
235
- <img src="images/layouts/foursixths_sixth_sixth.gif" alt="4/6 - 1/6 - 1/6"><br>
236
- <input type="radio" name="column-layout" id="foursixths-onesixth-onesixth" value="foursixths-onesixth-onesixth">
237
- </label>
238
- <label title="1/6 - 4/6 - 1/6" class="box">
239
- <img src="images/layouts/sixth_foursixths_sixth.gif" alt="1/6 - 4/6 - 1/6"><br>
240
- <input type="radio" name="column-layout" id="onesixth-foursixths-onesixth" value="onesixth-foursixths-onesixth">
241
- </label>
242
- <label title="1/6 - 2/6 - 3/6" class="box">
243
- <img src="images/layouts/sixth_twosixths_threesixths.gif" alt="1/6 - 2/6 - 3/6"><br>
244
- <input type="radio" name="column-layout" id="onesixth-twosixths-threesixths" value="onesixth-twosixths-threesixths">
245
- </label>
246
- <label title="3/6 - 2/6 - 1/6" class="box">
247
- <img src="images/layouts/threesixths_twosixths_sixth.gif" alt="3/6 - 2/6 - 1/6"><br>
248
- <input type="radio" name="column-layout" id="threesixths-twosixths-onesixth" value="threesixths-twosixths-onesixth">
249
- </label>
250
- <label title="2/6 - 1/6 - 3/6" class="box">
251
- <img src="images/layouts/twosixths_sixth_threesixths.gif" alt="2/6 - 1/6 - 3/6"><br>
252
- <input type="radio" name="column-layout" id="twosixths-onesixth-threesixths" value="twosixths-onesixth-threesixths">
253
- </label>
254
- <label title="3/6 - 1/6 - 2/6" class="box">
255
- <img src="images/layouts/threesixths_sixth_twosixths.gif" alt="3/6 - 1/6 - 2/6"><br>
256
- <input type="radio" name="column-layout" id="threesixths-onesixth-twosixths" value="threesixths-onesixth-twosixths">
257
- </label>
258
- </div>
259
- <div class="clear"></div>
260
- </div>
261
- <h4>Four Columns</h4>
262
- <div>
263
- <div id="advanced-four-column">
264
- <label title="1/4 - 1/4 - 1/4 - 1/4" class="box">
265
- <img src="images/layouts/fourths.gif" alt="1/4 - 1/4 - 1/4 - 1/4"><br>
266
- <input type="radio" name="column-layout" id="four-column" value="four-column">
267
- </label>
268
- <label title="1/6 - 1/6 - 1/6 - 3/6" class="box">
269
- <img src="images/layouts/sixth_sixth_sixth_threesixths.gif" alt="1/6 - 1/6 - 1/6 - 3/6"><br>
270
- <input type="radio" name="column-layout" id="onesixth-onesixth-onesixth-threesixths" value="onesixth-onesixth-onesixth-threesixths">
271
- </label>
272
- <label title="3/6 - 1/6 - 1/6 - 1/6" class="box">
273
- <img src="images/layouts/threesixths_sixth_sixth_sixth.gif" alt="3/6 - 1/6 - 1/6 - 1/6"><br>
274
- <input type="radio" name="column-layout" id="threesixths-onesixth-onesixth-onesixth" value="threesixths-onesixth-onesixth-onesixth">
275
- </label>
276
- <label title="1/6 - 1/6 - 3/6 - 1/6" class="box">
277
- <img src="images/layouts/sixth_sixth_threesixths_sixth.gif" alt="1/6 - 1/6 - 3/6 - 1/6"><br>
278
- <input type="radio" name="column-layout" id="onesixth-onesixth-threesixths-onesixth" value="onesixth-onesixth-threesixths-onesixth">
279
- </label>
280
- <label title="1/6 - 3/6 - 1/6 - 1/6" class="box">
281
- <img src="images/layouts/sixth_threesixths_sixth_sixth.gif" alt="1/6 - 3/6 - 1/6 - 1/6"><br>
282
- <input type="radio" name="column-layout" id="onesixth-threesixths-onesixth-onesixth" value="onesixth-threesixths-onesixth-onesixth">
283
- </label>
284
- <label title="1/6 - 1/6 - 2/6 - 2/6" class="box">
285
- <img src="images/layouts/sixth_sixth_twosixths_twosixths.gif" alt="1/6 - 1/6 - 2/6 - 2/6"><br>
286
- <input type="radio" name="column-layout" id="onesixth-onesixth-twosixths-twosixths" value="onesixth-onesixth-twosixths-twosixths">
287
- </label>
288
- <label title="2/6 - 2/6 - 1/6 - 1/6" class="box">
289
- <img src="images/layouts/twosixths_twosixths_sixth_sixth.gif" alt="2/6 - 2/6 - 1/6 - 1/6"><br>
290
- <input type="radio" name="column-layout" id="twosixths-twosixths-onesixth-onesixth" value="twosixths-twosixths-onesixth-onesixth">
291
- </label>
292
- <label title="1/6 - 2/6 - 1/6 - 2/6" class="box">
293
- <img src="images/layouts/sixth_twosixths_sixth_twosixths.gif" alt="1/6 - 2/6 - 1/6 - 2/6"><br>
294
- <input type="radio" name="column-layout" id="onesixth-twosixths-onesixth-twosixths" value="onesixth-twosixths-onesixth-twosixths">
295
- </label>
296
- <label title="2/6 - 1/6 - 2/6 - 1/6" class="box">
297
- <img src="images/layouts/twosixths_sixth_twosixths_sixth.gif" alt="2/6 - 1/6 - 2/6 - 1/6"><br>
298
- <input type="radio" name="column-layout" id="twosixths-onesixth-twosixths-onesixth" value="twosixths-onesixth-twosixths-onesixth">
299
- </label>
300
- <label title="1/6 - 2/6 - 2/6 - 1/6" class="box">
301
- <img src="images/layouts/sixth_twosixths_twosixths_sixth.gif" alt="1/6 - 2/6 - 2/6 - 1/6"><br>
302
- <input type="radio" name="column-layout" id="onesixth-twosixths-twosixths-onesixth" value="onesixth-twosixths-twosixths-onesixth">
303
- </label>
304
- <label title="2/6 - 1/6 - 1/6 - 2/6" class="box">
305
- <img src="images/layouts/twosixths_sixth_sixth_twosixths.gif" alt="2/6 - 1/6 - 1/6 - 2/6"><br>
306
- <input type="radio" name="column-layout" id="twosixths-onesixth-onesixth-twosixthsx" value="twosixths-onesixth-onesixth-twosixths">
307
- </label>
308
- </div>
309
- <div class="clear"></div>
310
- </div>
311
- <h4>Five Columns</h4>
312
- <div>
313
- <div id="advanced-five-column">
314
- <label title="1/6 - 1/6 - 1/6 - 1/6 - 2/6" class="box">
315
- <img src="images/layouts/sixth_sixth_sixth_sixth_twosixths.gif" alt="1/6 - 1/6 - 1/6 - 1/6 - 2/6"><br>
316
- <input type="radio" name="column-layout" id="onesixth-onesixth-onesixth-onesixth-twosixths" value="onesixth-onesixth-onesixth-onesixth-twosixths">
317
- </label>
318
- <label title="2/6 - 1/6 - 1/6 - 1/6 - 1/6" class="box">
319
- <img src="images/layouts/twosixths_sixth_sixth_sixth_sixth.gif" alt="2/6 - 1/6 - 1/6 - 1/6 - 1/6"><br>
320
- <input type="radio" name="column-layout" id="twosixths-onesixth-onesixth-onesixth-onesixth" value="twosixths-onesixth-onesixth-onesixth-onesixth">
321
- </label>
322
- <label title="1/6 - 2/6 - 1/6 - 1/6 - 1/6" class="box">
323
- <img src="images/layouts/sixth_twosixths_sixth_sixth_sixth.gif" alt="1/6 - 2/6 - 1/6 - 1/6 - 1/6"><br>
324
- <input type="radio" name="column-layout" id="onesixth-twosixths-onesixth-onesixth-onesixth" value="onesixth-twosixths-onesixth-onesixth-onesixth">
325
- </label>
326
- <label title="1/6 - 1/6 - 1/6 - 2/6 - 1/6" class="box">
327
- <img src="images/layouts/sixth_sixth_sixth_twosixths_sixth.gif" alt="1/6 - 1/6 - 1/6 - 2/6 - 1/6"><br>
328
- <input type="radio" name="column-layout" id="onesixth-onesixth-onesixth-twosixths-onesixth" value="onesixth-onesixth-onesixth-twosixths-onesixth">
329
- </label>
330
- <label title="1/6 - 1/6 - 2/6 - 1/6 - 1/6" class="box">
331
- <img src="images/layouts/sixth_sixth_twosixths_sixth_sixth.gif" alt="1/6 - 1/6 - 2/6 - 1/6 - 1/6"><br>
332
- <input type="radio" name="column-layout" id="onesixth-onesixth-twosixths-onesixth-onesixth" value="onesixth-onesixth-twosixths-onesixth-onesixth">
333
- </label>
334
- </div>
335
- <div class="clear"></div>
336
- </div>
337
- <h4>Six Columns</h4>
338
- <div>
339
- <div id="advanced-six-column">
340
- <label title="1/6 - 1/6 - 1/6 - 1/6 - 1/6" class="box">
341
- <img src="images/layouts/sixths.gif" alt="1/6 - 1/6 - 1/6 - 1/6 - 1/6"><br>
342
- <input type="radio" name="column-layout" id="six-column" value="six-column">
343
- </label>
344
- </div>
345
- <div class="clear"></div>
346
- </div>
347
- </div>
348
- </div>
349
- </div>
350
-
351
- <div class="column-layout-footer">
352
- <a href="javascript:ColumnsSelection.insert()" id="insert">Insert Selected Layout</a>
353
- <a href="javascript:ColumnsSelection.cancel()" id="cancel">Cancel</a>
354
- </div>
355
-
356
- </form>
357
-
358
-
359
- <script language="javascript">
360
-
361
- // Generates colored border on selected layout
362
- var selected_class = 'selected';
363
-
364
- $( ".column-layout-selector input[type='radio']" ).click( function() {
365
- $( ".column-layout-selector label.box" ).removeClass(selected_class);
366
- $( event.target ).parent('label.box').addClass(selected_class);
367
- });
368
-
369
- // Initiates accordion functionality
370
- $(function() {
371
- $( "#accordion" ).accordion({
372
- collapsible: false,
373
- //active: false,
374
- heightStyle: "content",
375
- icons: { "header": "ui-icon-closed", "activeHeader": "ui-icon-open" }
376
- });
377
- });
378
-
379
- // Initiates tooltip functionality
380
- $(function() {
381
- $( document ).tooltip({
382
- position: {
383
- using: function( position, feedback ) {
384
- $( this ).css( position );
385
- $( "<div>" )
386
- .addClass( "arrow" )
387
- .addClass( feedback.vertical )
388
- .addClass( feedback.horizontal )
389
- .appendTo( this );
390
- }
391
- }
392
- });
393
- });
394
-
395
- </script>
396
-
397
- </body>
398
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
tinymce/images/arrows.png DELETED
Binary file
tinymce/images/icon.png CHANGED
Binary file
tinymce/images/layouts/fifth_fifth_fifth_twofifths.png ADDED
Binary file
tinymce/images/layouts/fifth_fifth_threefifths.png ADDED
Binary file
tinymce/images/layouts/fifth_fifth_twofifths_fifth.png ADDED
Binary file
tinymce/images/layouts/fifth_fourfifths.png ADDED
Binary file
tinymce/images/layouts/fifth_threefifths_fifth.png ADDED
Binary file
tinymce/images/layouts/fifth_twofifths_fifth_fifth.png ADDED
Binary file
tinymce/images/layouts/fifth_twofifths_twofifths.png ADDED
Binary file
tinymce/images/layouts/fifths.png ADDED
Binary file
tinymce/images/layouts/fivesixths_sixth.gif DELETED
Binary file
tinymce/images/layouts/fivesixths_sixth.png ADDED
Binary file
tinymce/images/layouts/fourfifths_fifth.png ADDED
Binary file
tinymce/images/layouts/foursixths_sixth_sixth.gif DELETED
Binary file
tinymce/images/layouts/foursixths_sixth_sixth.png ADDED
Binary file
tinymce/images/layouts/fourth_fourth_half.gif DELETED
Binary file
tinymce/images/layouts/fourth_fourth_half.png ADDED
Binary file
tinymce/images/layouts/fourth_half_fourth.gif DELETED
Binary file
tinymce/images/layouts/fourth_half_fourth.png ADDED
Binary file
tinymce/images/layouts/fourth_threefourths.gif DELETED
Binary file
tinymce/images/layouts/fourth_threefourths.png ADDED
Binary file
tinymce/images/layouts/fourths.gif DELETED
Binary file
tinymce/images/layouts/fourths.png ADDED
Binary file
tinymce/images/layouts/half.gif DELETED
Binary file
tinymce/images/layouts/half_fourth_fourth.gif DELETED
Binary file
tinymce/images/layouts/half_fourth_fourth.png ADDED
Binary file
tinymce/images/layouts/halves.png ADDED
Binary file
tinymce/images/layouts/sixth_fivesixths.gif DELETED
Binary file
tinymce/images/layouts/sixth_fivesixths.png ADDED
Binary file
tinymce/images/layouts/sixth_foursixths_sixth.gif DELETED
Binary file
tinymce/images/layouts/sixth_foursixths_sixth.png ADDED
Binary file
tinymce/images/layouts/sixth_sixth_foursixths.gif DELETED
Binary file
tinymce/images/layouts/sixth_sixth_foursixths.png ADDED
Binary file
tinymce/images/layouts/sixth_sixth_sixth_sixth_twosixths.gif DELETED
Binary file
tinymce/images/layouts/sixth_sixth_sixth_sixth_twosixths.png ADDED
Binary file
tinymce/images/layouts/sixth_sixth_sixth_threesixths.gif DELETED
Binary file
tinymce/images/layouts/sixth_sixth_sixth_threesixths.png ADDED
Binary file
tinymce/images/layouts/sixth_sixth_sixth_twosixths_sixth.gif DELETED
Binary file
tinymce/images/layouts/sixth_sixth_sixth_twosixths_sixth.png ADDED
Binary file
tinymce/images/layouts/sixth_sixth_threesixths_sixth.gif DELETED
Binary file
tinymce/images/layouts/sixth_sixth_threesixths_sixth.png ADDED
Binary file
tinymce/images/layouts/sixth_sixth_twosixths_sixth_sixth.gif DELETED
Binary file
tinymce/images/layouts/sixth_sixth_twosixths_sixth_sixth.png ADDED
Binary file
tinymce/images/layouts/sixth_sixth_twosixths_twosixths.gif DELETED
Binary file
tinymce/images/layouts/sixth_sixth_twosixths_twosixths.png ADDED
Binary file
tinymce/images/layouts/sixth_threesixths_sixth_sixth.gif DELETED
Binary file
tinymce/images/layouts/sixth_threesixths_sixth_sixth.png ADDED
Binary file
tinymce/images/layouts/sixth_threesixths_twosixths.png ADDED
Binary file
tinymce/images/layouts/sixth_twosixths_sixth_sixth_sixth.gif DELETED
Binary file
tinymce/images/layouts/sixth_twosixths_sixth_sixth_sixth.png ADDED
Binary file
tinymce/images/layouts/sixth_twosixths_sixth_twosixths.gif DELETED
Binary file
tinymce/images/layouts/sixth_twosixths_sixth_twosixths.png ADDED
Binary file
tinymce/images/layouts/sixth_twosixths_threesixths.gif DELETED
Binary file
tinymce/images/layouts/sixth_twosixths_threesixths.png ADDED
Binary file
tinymce/images/layouts/sixth_twosixths_twosixths_sixth.gif DELETED
Binary file
tinymce/images/layouts/sixth_twosixths_twosixths_sixth.png ADDED
Binary file
tinymce/images/layouts/sixths.gif DELETED
Binary file
tinymce/images/layouts/sixths.png ADDED
Binary file
tinymce/images/layouts/third_twothirds.gif DELETED
Binary file
tinymce/images/layouts/third_twothirds.png ADDED
Binary file
tinymce/images/layouts/thirds.gif DELETED
Binary file
tinymce/images/layouts/thirds.png ADDED
Binary file
tinymce/images/layouts/threefifths_fifth_fifth.png ADDED
Binary file
tinymce/images/layouts/threefifths_twofifths.png ADDED
Binary file
tinymce/images/layouts/threefourths_fourth.gif DELETED
Binary file
tinymce/images/layouts/threefourths_fourth.png ADDED
Binary file
tinymce/images/layouts/threesixths_sixth_sixth_sixth.gif DELETED
Binary file
tinymce/images/layouts/threesixths_sixth_sixth_sixth.png ADDED
Binary file
tinymce/images/layouts/threesixths_sixth_twosixths.gif DELETED
Binary file
tinymce/images/layouts/threesixths_sixth_twosixths.png ADDED
Binary file
tinymce/images/layouts/threesixths_twosixths_sixth.gif DELETED
Binary file
tinymce/images/layouts/threesixths_twosixths_sixth.png ADDED
Binary file
tinymce/images/layouts/twofifths_fifth_fifth_fifth.png ADDED
Binary file
tinymce/images/layouts/twofifths_fifth_twofifths.png ADDED
Binary file
tinymce/images/layouts/twofifths_threefifths.png ADDED
Binary file
tinymce/images/layouts/twofifths_twofifths_fifth.png ADDED
Binary file
tinymce/images/layouts/twosixths_sixth_sixth_sixth_sixth.gif DELETED
Binary file
tinymce/images/layouts/twosixths_sixth_sixth_sixth_sixth.png ADDED
Binary file
tinymce/images/layouts/twosixths_sixth_sixth_twosixths.gif DELETED
Binary file
tinymce/images/layouts/twosixths_sixth_sixth_twosixths.png ADDED
Binary file
tinymce/images/layouts/twosixths_sixth_threesixths.gif DELETED
Binary file
tinymce/images/layouts/twosixths_sixth_threesixths.png ADDED
Binary file
tinymce/images/layouts/twosixths_sixth_twosixths_sixth.gif DELETED
Binary file
tinymce/images/layouts/twosixths_sixth_twosixths_sixth.png ADDED
Binary file
tinymce/images/layouts/twosixths_threesixths_sixth.png ADDED
Binary file
tinymce/images/layouts/twosixths_twosixths_sixth_sixth.gif DELETED
Binary file
tinymce/images/layouts/twosixths_twosixths_sixth_sixth.png ADDED
Binary file
tinymce/images/layouts/twothirds_third.gif DELETED
Binary file
tinymce/images/layouts/twothirds_third.png ADDED
Binary file
tinymce/js/plugin.js ADDED
@@ -0,0 +1,50 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ // Add the columns shortcode TinyMCE button
2
+ (function() {
3
+
4
+ // Make sure tinymce is running
5
+ if ( typeof tinymce != 'undefined' ) {
6
+
7
+ tinymce.PluginManager.add( 'gca_plugin', function( editor, url ) {
8
+
9
+ // Get all the text translations
10
+ var insert = editor.getLang( 'gca_translations.insert' ),
11
+ twoColumns = editor.getLang( 'gca_translations.two_columns' ),
12
+ threeColumns = editor.getLang( 'gca_translations.three_columns' ),
13
+ fourColumns = editor.getLang( 'gca_translations.four_columns' ),
14
+ fiveColumns = editor.getLang( 'gca_translations.five_columns' ),
15
+ sixColumns = editor.getLang( 'gca_translations.six_columns' ),
16
+ advancedLayouts = editor.getLang( 'gca_translations.advanced_layouts' ),
17
+ utilities = editor.getLang( 'gca_translations.utilities' ),
18
+ clearfix = editor.getLang( 'gca_translations.clearfix' ),
19
+ verticalSpacer = editor.getLang( 'gca_translations.vertical_spacer' ),
20
+ columnsContainer = editor.getLang( 'gca_translations.columns_container' ),
21
+ firstColumn = editor.getLang( 'gca_translations.first_column' ),
22
+ secondColumn = editor.getLang( 'gca_translations.second_column' ),
23
+ thirdColumn = editor.getLang( 'gca_translations.third_column' ),
24
+ fourthColumn = editor.getLang( 'gca_translations.fourth_column' ),
25
+ fifthColumn = editor.getLang( 'gca_translations.fifth_column' ),
26
+ sixthColumn = editor.getLang( 'gca_translations.sixth_column' ),
27
+ containerText = editor.getLang( 'gca_translations.container_text' );
28
+
29
+ // Render the columns plugin button
30
+ editor.addButton( 'gca_plugin', {
31
+ type: 'menubutton',
32
+ title: insert,
33
+ image: url + '/../images/icon.png',
34
+ menu: [
35
+ { text: twoColumns, onclick: function() { editor.insertContent( '[one-half-first]' + ( editor.selection.getContent() != '' ? editor.selection.getContent() : firstColumn ) + '[/one-half-first]<br>[one-half]' + secondColumn + '[/one-half]<br>' ); }},
36
+ { text: threeColumns, onclick: function() { editor.insertContent( '[one-third-first]' + ( editor.selection.getContent() != '' ? editor.selection.getContent() : firstColumn ) + '[/one-third-first]<br>[one-third]' + secondColumn + '[/one-third]<br>[one-third]' + thirdColumn + '[/one-third]<br>' ); }},
37
+ { text: fourColumns, onclick: function() { editor.insertContent( '[one-fourth-first]' + ( editor.selection.getContent() != '' ? editor.selection.getContent() : firstColumn ) + '[/one-fourth-first]<br>[one-fourth]' + secondColumn + '[/one-fourth]<br>[one-fourth]' + thirdColumn + '[/one-fourth]<br>[one-fourth]' + fourthColumn + '[/one-fourth]<br>' ); }},
38
+ { text: fiveColumns, onclick: function() { editor.insertContent( '[one-fifth-first]' + ( editor.selection.getContent() != '' ? editor.selection.getContent() : firstColumn ) + '[/one-fifth-first]<br>[one-fifth]' + secondColumn + '[/one-fifth]<br>[one-fifth]' + thirdColumn + '[/one-fifth]<br>[one-fifth]' + fourthColumn + '[/one-fifth]<br>[one-fifth]' + fifthColumn + '[/one-fifth]<br>'); }},
39
+ { text: sixColumns, onclick: function() { editor.insertContent( '[one-sixth-first]' + ( editor.selection.getContent() != '' ? editor.selection.getContent() : firstColumn ) + '[/one-sixth-first]<br>[one-sixth]' + secondColumn + '[/one-sixth]<br>[one-sixth]' + thirdColumn + '[/one-sixth]<br>[one-sixth]' + fourthColumn + '[/one-sixth]<br>[one-sixth]' + fifthColumn + '[/one-sixth]<br>[one-sixth]' + sixthColumn + '[/one-sixth]<br>'); }},
40
+ { text: advancedLayouts, onclick: function() { window.gca_popup.open( editor.id ) } },
41
+ { text: utilities, menu: [
42
+ { text: clearfix, onclick: function() { editor.insertContent( '[clearfix]' ); } },
43
+ { text: verticalSpacer, onclick: function() { editor.insertContent( '[vertical-spacer]' ); } },
44
+ { text: columnsContainer, onclick: function() { editor.insertContent( '[columns-container class=""]' + ( editor.selection.getContent() != '' ? editor.selection.getContent() : containerText ) + '[/columns-container]' ); } },
45
+ ]}
46
+ ]
47
+ });
48
+ });
49
+ };
50
+ })();
tinymce/js/popup.js ADDED
@@ -0,0 +1,223 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ // All of the js needed to run the advanced layouts TinyMCE popup
2
+ var gca_popup;
3
+
4
+ ( function($) {
5
+
6
+ var editor, selected, layout, output,
7
+ inputs = {},
8
+ firstColumnText = gca_localize_scripts.first_column,
9
+ secondColumnText = gca_localize_scripts.second_column,
10
+ thirdColumnText = gca_localize_scripts.third_column,
11
+ fourthColumnText = gca_localize_scripts.fourth_column,
12
+ fifthColumnText = gca_localize_scripts.fifth_column,
13
+ sixthColumnText = gca_localize_scripts.sixth_column,
14
+ missingLayout = gca_localize_scripts.missing_layout,
15
+ hideTitles = gca_localize_scripts.hide_titles,
16
+ showTitles = gca_localize_scripts.show_titles;
17
+
18
+ gca_popup = {
19
+
20
+ init: function() {
21
+ inputs.wrap = $( '#gca_popup_wrap' );
22
+ inputs.backdrop = $( '#gca_popup_backdrop' );
23
+ inputs.insert = $( '#gca_popup_insert' );
24
+ inputs.reset = $( '#gca_popup_reset' );
25
+ inputs.close = $( '#gca_popup_close' );
26
+
27
+ inputs.columnSelect = $( '#gca_column_select' );
28
+ inputs.toggleTitles = $( '#gca_toggle_titles' );
29
+ inputs.layoutSelect = $( '.gca-column-layouts input[type="radio"]' );
30
+ inputs.classes = $( '.gca-column-classes input' );
31
+
32
+ // Insert shortcodes
33
+ inputs.insert.click( function( event ) {
34
+ event.preventDefault();
35
+ gca_popup.insert();
36
+ });
37
+
38
+ // Reset all selection and classes in popup
39
+ inputs.reset.click( function( event ) {
40
+ event.preventDefault();
41
+ gca_popup.reset();
42
+ });
43
+
44
+ // Close the popup
45
+ inputs.close.add( inputs.backdrop ).add( '#gca_popup_cancel button' ).click( function( event ) {
46
+ event.preventDefault();
47
+ gca_popup.close();
48
+ });
49
+
50
+ // Toggle different column layouts
51
+ inputs.columnSelect.change( function() {
52
+ var layouts = $(this).parent().siblings( '.gca-column-layouts' );
53
+
54
+ if ( $(this).val() == 'all' ) {
55
+ layouts.children().show();
56
+ } else {
57
+ layouts.children().hide();
58
+
59
+ if ( $(this).val() == 'two-columns' ) {
60
+ layouts.children( '.two-columns' ).show();
61
+ } else if ( $(this).val() == 'three-columns' ) {
62
+ layouts.children( '.three-columns' ).show();
63
+ } else if ( $(this).val() == 'four-columns' ) {
64
+ layouts.children( '.four-columns' ).show();
65
+ } else if ( $(this).val() == 'five-columns' ) {
66
+ layouts.children( '.five-columns' ).show();
67
+ } else if ( $(this).val() == 'six-columns' ) {
68
+ layouts.children( '.six-columns' ).show();
69
+ }
70
+ }
71
+ });
72
+
73
+ // Toggle the layout titles
74
+ inputs.toggleTitles.click( function( event ) {
75
+ event.preventDefault();
76
+
77
+ $( '.layout-title' ).toggleClass( 'show-title' );
78
+ $(this).toggleClass( 'show-title' );
79
+
80
+ if ( $(this).hasClass( 'show-title' ) ) {
81
+ $(this).text( hideTitles );
82
+ } else {
83
+ $(this).text( showTitles );
84
+ }
85
+ });
86
+
87
+ // Generates colored border on selected layout and adds classes
88
+ inputs.layoutSelect.click( function( event ) {
89
+ event.preventDefault();
90
+
91
+ // Remove selected class from all, then add to the selected layout
92
+ $( '.gca-column-layouts label.layout' ).removeClass( 'selected' );
93
+ $( event.target ).parent( 'label.layout' ).addClass( 'selected' );
94
+
95
+ // Get all the classes from the selected layout
96
+ var selectedColumnType = $( event.target ).parent( 'label.layout' ).prop( 'class' );
97
+
98
+ // Reset the class on the gca-column-classes div and add the selected column layout class
99
+ $( '.gca-column-classes' ).prop( 'class', 'gca-column-classes' );
100
+ $( '.gca-column-classes' ).addClass( selectedColumnType ).removeClass( 'layout selected' );
101
+ });
102
+
103
+ // Make sure custom classes are actually custom classes
104
+ inputs.classes.change( function() {
105
+ var input = $(this).val();
106
+ input = input.replace(/[^\w\-\s]/g, ''); // remove all characters that are not allowed
107
+ input = input.replace(/\s\s+/g, ' '); // trim all excess whitepace
108
+ $(this).val( input );
109
+ });
110
+ },
111
+
112
+ open: function( editorId ) {
113
+
114
+ // Use the builtin WP class that prevents background from scrolling when modal is open
115
+ $( document.body ).addClass( 'modal-open' );
116
+
117
+ if ( editorId ) {
118
+ window.gcaActiveEditor = editorId;
119
+ }
120
+
121
+ if ( ! window.gcaActiveEditor ) {
122
+ return;
123
+ }
124
+
125
+ if ( typeof window.tinymce !== 'undefined' ) {
126
+ // Make sure the link wrapper is the last element in the body,
127
+ // or the inline editor toolbar may show above the backdrop.
128
+ $( document.body ).append( inputs.backdrop, inputs.wrap );
129
+
130
+ editor = window.tinymce.get( window.gcaActiveEditor );
131
+
132
+ if ( editor ) {
133
+ selected = editor.selection.getContent();
134
+
135
+ inputs.wrap.show();
136
+ inputs.backdrop.show();
137
+ }
138
+ }
139
+ },
140
+
141
+ insert: function() {
142
+
143
+ var columns, columnIndex, classes, classIndex, text,
144
+ first = '',
145
+
146
+ // Reset output
147
+ output = '';
148
+
149
+ // Get the selected column layout
150
+ layout = $( '.gca-column-layouts label.selected input' ).val();
151
+
152
+ if ( layout != null ) {
153
+
154
+ // Form the column classes array from the values provided
155
+ classes = [
156
+ $( '#gca_column_one_class' ).val(),
157
+ $( '#gca_column_two_class' ).val(),
158
+ $( '#gca_column_three_class' ).val(),
159
+ $( '#gca_column_four_class' ).val(),
160
+ $( '#gca_column_five_class' ).val(),
161
+ $( '#gca_column_six_class' ).val(),
162
+ ];
163
+
164
+ classIndex = 0;
165
+
166
+ for ( classIndex = 0; classIndex < classes.length; ++classIndex ) {
167
+ classes[classIndex] = ( classes[classIndex] != '' ? ( ' class="' + classes[classIndex] + '"' ) : '' );
168
+ }
169
+
170
+ // Form the column text array
171
+ text = [ firstColumnText, secondColumnText, thirdColumnText, fourthColumnText, fifthColumnText, sixthColumnText ];
172
+
173
+ // If content was highlighted, use that for the first column's text over default content
174
+ text[0] = ( selected != '' ? selected : text[0] );
175
+
176
+ // Form the column layout array
177
+ columns = layout.split('_'),
178
+
179
+ columnIndex = 0;
180
+
181
+ for ( columnIndex = 0; columnIndex < columns.length; ++columnIndex ) {
182
+
183
+ first = columnIndex == 0 ? '-first' : '';
184
+
185
+ output += '[' + columns[columnIndex] + first + classes[columnIndex] + ']' + text[columnIndex] + '[/' + columns[columnIndex] + first + ']<br>';
186
+ }
187
+
188
+ // Insert shortcodes and close popup
189
+ editor.insertContent( output );
190
+ gca_popup.close();
191
+
192
+ } else {
193
+
194
+ // Throw alert if no layout was selected
195
+ alert( missingLayout );
196
+ }
197
+ },
198
+
199
+ reset: function() {
200
+
201
+ // Deselect any selected column layout
202
+ inputs.layoutSelect.parent().removeClass( 'selected' );
203
+ inputs.layoutSelect.prop( 'checked', false );
204
+
205
+ // Reset the class on the gca-column-classes div
206
+ $( '.gca-column-classes' ).prop( 'class', 'gca-column-classes' );
207
+
208
+ // Clear all classes
209
+ $( '.gca-column-classes input' ).val( '' );
210
+ },
211
+
212
+ close: function() {
213
+
214
+ $( document.body ).removeClass( 'modal-open' );
215
+
216
+ inputs.wrap.hide();
217
+ inputs.backdrop.hide();
218
+ }
219
+ }
220
+
221
+ $( document ).ready( gca_popup.init );
222
+
223
+ })( jQuery );
tinymce/plugin-translations.php ADDED
@@ -0,0 +1,50 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ defined( 'WPINC' ) or die;
4
+
5
+
6
+ // Make sure the _WP_Editors exists, if not, load it
7
+ if ( ! class_exists( '_WP_Editors' ) ) {
8
+ require( ABSPATH . WPINC . '/class-wp-editor.php' );
9
+ }
10
+
11
+
12
+ /**
13
+ * Setup all of the text needed for the TinyMCE popup
14
+ * Code borrowed heavily from: https://codex.wordpress.org/Plugin_API/Filter_Reference/mce_external_languages
15
+ *
16
+ * @since 2.0.0
17
+ *
18
+ * @return array $translated An array of all translated strings
19
+ */
20
+ function gca_translations() {
21
+ $strings = array(
22
+ 'insert' => __( 'Insert Columns', 'genesis-columns-advanced' ),
23
+ 'two_columns' => __( '2 Columns', 'genesis-columns-advanced' ),
24
+ 'three_columns' => __( '3 Columns', 'genesis-columns-advanced' ),
25
+ 'four_columns' => __( '4 Columns', 'genesis-columns-advanced' ),
26
+ 'five_columns' => __( '5 Columns', 'genesis-columns-advanced' ),
27
+ 'six_columns' => __( '6 Columns', 'genesis-columns-advanced' ),
28
+ 'advanced_layouts' => __( 'Advanced Layouts', 'genesis-columns-advanced' ),
29
+ 'utilities' => __( 'Utilities', 'genesis-columns-advanced' ),
30
+ 'clearfix' => __( 'Clearfix', 'genesis-columns-advanced' ),
31
+ 'vertical_spacer' => __( 'Vertical Spacer', 'genesis-columns-advanced' ),
32
+ 'columns_container' => __( 'Columns Container', 'genesis-columns-advanced' ),
33
+ 'first_column' => __( 'Place your content for the first column here.', 'genesis-columns-advanced' ),
34
+ 'second_column' => __( 'Place your content for the second column here.', 'genesis-columns-advanced' ),
35
+ 'third_column' => __( 'Place your content for the third column here.', 'genesis-columns-advanced' ),
36
+ 'fourth_column' => __( 'Place your content for the fourth column here.', 'genesis-columns-advanced' ),
37
+ 'fifth_column' => __( 'Place your content for the fifth column here.', 'genesis-columns-advanced' ),
38
+ 'sixth_column' => __( 'Place your content for the sixth column here.', 'genesis-columns-advanced' ),
39
+ 'container_text' => __( 'Place your columns in this container.', 'genesis-columns-advanced' ),
40
+ );
41
+
42
+ $locale = _WP_Editors::$mce_locale;
43
+ $translated = 'tinyMCE.addI18n("' . $locale . '.gca_translations", ' . json_encode( $strings ) . ");\n";
44
+
45
+ return $translated;
46
+ }
47
+
48
+
49
+ // Add our translated strings to the global $strings variable
50
+ $strings = gca_translations();
tinymce/popup.php ADDED
@@ -0,0 +1,172 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ defined( 'WPINC' ) or die;
4
+
5
+
6
+ // Array of all available columns layouts
7
+ $gca_all_layouts = array(
8
+ 'two-columns' => array(
9
+ 'title' => __( 'Two Columns', 'genesis-columns-advanced' ),
10
+ 'layouts' => array(
11
+ 'one-half_one-half' => array ( 'title' => '1/2 - 1/2', 'image' => 'tinymce/images/layouts/halves.png' ),
12
+
13
+ 'one-third_two-thirds' => array ( 'title' => '1/3 - 2/3', 'image' => 'tinymce/images/layouts/third_twothirds.png' ),
14
+ 'two-thirds_one-third' => array ( 'title' => '2/3 - 1/3', 'image' => 'tinymce/images/layouts/twothirds_third.png' ),
15
+
16
+ 'one-fourth_three-fourths' => array ( 'title' => '1/4 - 3/4', 'image' => 'tinymce/images/layouts/fourth_threefourths.png' ),
17
+ 'three-fourths_one-fourth' => array ( 'title' => '3/4 - 1/4', 'image' => 'tinymce/images/layouts/threefourths_fourth.png' ),
18
+
19
+ 'one-fifth_four-fifths' => array ( 'title' => '1/5 - 4/5', 'image' => 'tinymce/images/layouts/fifth_fourfifths.png' ),
20
+ 'four-fifths_one-fifth' => array ( 'title' => '4/5 - 1/5', 'image' => 'tinymce/images/layouts/fourfifths_fifth.png' ),
21
+ 'two-fifths_three-fifths' => array ( 'title' => '2/5 - 3/5', 'image' => 'tinymce/images/layouts/twofifths_threefifths.png' ),
22
+ 'three-fifths_two-fifths' => array ( 'title' => '3/5 - 2/5', 'image' => 'tinymce/images/layouts/threefifths_twofifths.png' ),
23
+
24
+ 'one-sixth_five-sixths' => array ( 'title' => '1/6 - 5/6', 'image' => 'tinymce/images/layouts/sixth_fivesixths.png' ),
25
+ 'five-sixths_one-sixth' => array ( 'title' => '5/6 - 1/6', 'image' => 'tinymce/images/layouts/fivesixths_sixth.png' ),
26
+ )
27
+ ),
28
+ 'three-columns' => array(
29
+ 'title' => __( 'Three Columns', 'genesis-columns-advanced' ),
30
+ 'layouts' => array(
31
+ 'one-third_one-third_one-third' => array ( 'title' => '1/3 - 1/3 - 1/3', 'image' => 'tinymce/images/layouts/thirds.png' ),
32
+
33
+ 'one-fourth_one-fourth_two-fourths' => array ( 'title' => '1/4 - 1/4 - 2/4', 'image' => 'tinymce/images/layouts/fourth_fourth_half.png' ),
34
+ 'two-fourths_one-fourth_one-fourth' => array ( 'title' => '2/4 - 1/4 - 1/4', 'image' => 'tinymce/images/layouts/half_fourth_fourth.png' ),
35
+ 'one-fourth_two-fourths_one-fourth' => array ( 'title' => '1/4 - 2/4 - 1/4', 'image' => 'tinymce/images/layouts/fourth_half_fourth.png' ),
36
+
37
+ 'one-fifth_one-fifth_three-fifths' => array ( 'title' => '1/5 - 1/5 - 3/5', 'image' => 'tinymce/images/layouts/fifth_fifth_threefifths.png' ),
38
+ 'three-fifths_one-fifth_one-fifth' => array ( 'title' => '3/5 - 1/5 - 1/5', 'image' => 'tinymce/images/layouts/threefifths_fifth_fifth.png' ),
39
+ 'one-fifth_three-fifths_one-fifth' => array ( 'title' => '1/5 - 3/5 - 1/5', 'image' => 'tinymce/images/layouts/fifth_threefifths_fifth.png' ),
40
+ 'one-fifth_two-fifths_two-fifths' => array ( 'title' => '1/5 - 2/5 - 2/5', 'image' => 'tinymce/images/layouts/fifth_twofifths_twofifths.png' ),
41
+ 'two-fifths_two-fifths_one-fifth' => array ( 'title' => '2/5 - 2/5 - 1/5', 'image' => 'tinymce/images/layouts/twofifths_twofifths_fifth.png' ),
42
+ 'two-fifths_one-fifth_two-fifths' => array ( 'title' => '2/5 - 1/5 - 2/5', 'image' => 'tinymce/images/layouts/twofifths_fifth_twofifths.png' ),
43
+
44
+ 'one-sixth_one-sixth_four-sixths' => array ( 'title' => '1/6 - 1/6 - 4/6', 'image' => 'tinymce/images/layouts/sixth_sixth_foursixths.png' ),
45
+ 'four-sixths_one-sixth_one-sixth' => array ( 'title' => '4/6 - 1/6 - 1/6', 'image' => 'tinymce/images/layouts/foursixths_sixth_sixth.png' ),
46
+ 'one-sixth_four-sixths_one-sixth' => array ( 'title' => '1/6 - 4/6 - 1/6', 'image' => 'tinymce/images/layouts/sixth_foursixths_sixth.png' ),
47
+ 'one-sixth_two-sixths_three-sixths' => array ( 'title' => '1/6 - 2/6 - 3/6', 'image' => 'tinymce/images/layouts/sixth_twosixths_threesixths.png' ),
48
+ 'three-sixths_two-sixths_one-sixth' => array ( 'title' => '3/6 - 2/6 - 1/6', 'image' => 'tinymce/images/layouts/threesixths_twosixths_sixth.png' ),
49
+ 'two-sixths_one-sixth_three-sixths' => array ( 'title' => '2/6 - 1/6 - 3/6', 'image' => 'tinymce/images/layouts/twosixths_sixth_threesixths.png' ),
50
+ 'three-sixths_one-sixth_two-sixths' => array ( 'title' => '3/6 - 1/6 - 2/6', 'image' => 'tinymce/images/layouts/threesixths_sixth_twosixths.png' ),
51
+ 'one-sixth_three-sixths_two-sixths' => array ( 'title' => '1/6 - 3/6 - 2/6', 'image' => 'tinymce/images/layouts/sixth_threesixths_twosixths.png' ),
52
+ 'two-sixths_three-sixths_one-sixth' => array ( 'title' => '2/6 - 3/6 - 1/6', 'image' => 'tinymce/images/layouts/twosixths_threesixths_sixth.png' ),
53
+ )
54
+ ),
55
+ 'four-columns' => array(
56
+ 'title' => __( 'Four Columns', 'genesis-columns-advanced' ),
57
+ 'layouts' => array(
58
+ 'one-fourth_one-fourth_one-fourth_one-fourth' => array ( 'title' => '1/4 - 1/4 - 1/4 - 1/4', 'image' => 'tinymce/images/layouts/fourths.png' ),
59
+
60
+ 'one-fifth_one-fifth_one-fifth_two-fifths' => array ( 'title' => '1/5 - 1/5 - 1/5 - 2/5', 'image' => 'tinymce/images/layouts/fifth_fifth_fifth_twofifths.png' ),
61
+ 'one-fifth_one-fifth_two-fifths_one-fifth' => array ( 'title' => '1/5 - 1/5 - 2/5 - 1/5', 'image' => 'tinymce/images/layouts/fifth_fifth_twofifths_fifth.png' ),
62
+ 'one-fifth_two-fifths_one-fifth_one-fifth' => array ( 'title' => '1/5 - 2/5 - 1/5 - 1/5', 'image' => 'tinymce/images/layouts/fifth_twofifths_fifth_fifth.png' ),
63
+ 'two-fifths_one-fifth_one-fifth_one-fifth' => array ( 'title' => '2/5 - 1/5 - 1/5 - 1/5', 'image' => 'tinymce/images/layouts/twofifths_fifth_fifth_fifth.png' ),
64
+
65
+ 'one-sixth_one-sixth_one-sixth_three-sixths' => array ( 'title' => '1/6 - 1/6 - 1/6 - 3/6', 'image' => 'tinymce/images/layouts/sixth_sixth_sixth_threesixths.png' ),
66
+ 'three-sixths_one-sixth_one-sixth_one-sixth' => array ( 'title' => '3/6 - 1/6 - 1/6 - 1/6', 'image' => 'tinymce/images/layouts/threesixths_sixth_sixth_sixth.png' ),
67
+ 'one-sixth_one-sixth_three-sixths_one-sixth' => array ( 'title' => '1/6 - 1/6 - 3/6 - 1/6', 'image' => 'tinymce/images/layouts/sixth_sixth_threesixths_sixth.png' ),
68
+ 'one-sixth_three-sixths_one-sixth_one-sixth' => array ( 'title' => '1/6 - 3/6 - 1/6 - 1/6', 'image' => 'tinymce/images/layouts/sixth_threesixths_sixth_sixth.png' ),
69
+ 'one-sixth_one-sixth_two-sixths_two-sixths' => array ( 'title' => '1/6 - 1/6 - 2/6 - 2/6', 'image' => 'tinymce/images/layouts/sixth_sixth_twosixths_twosixths.png' ),
70
+ 'two-sixths_two-sixths_one-sixth_one-sixth' => array ( 'title' => '2/6 - 2/6 - 1/6 - 1/6', 'image' => 'tinymce/images/layouts/twosixths_twosixths_sixth_sixth.png' ),
71
+ 'one-sixth_two-sixths_one-sixth_two-sixths' => array ( 'title' => '1/6 - 2/6 - 1/6 - 2/6', 'image' => 'tinymce/images/layouts/sixth_twosixths_sixth_twosixths.png' ),
72
+ 'two-sixths_one-sixth_two-sixths_one-sixth' => array ( 'title' => '2/6 - 1/6 - 2/6 - 1/6', 'image' => 'tinymce/images/layouts/twosixths_sixth_twosixths_sixth.png' ),
73
+ 'one-sixth_two-sixths_two-sixths_one-sixth' => array ( 'title' => '1/6 - 2/6 - 2/6 - 1/6', 'image' => 'tinymce/images/layouts/sixth_twosixths_twosixths_sixth.png' ),
74
+ 'two-sixths_one-sixth_one-sixth_two-sixths' => array ( 'title' => '2/6 - 1/6 - 1/6 - 2/6', 'image' => 'tinymce/images/layouts/twosixths_sixth_sixth_twosixths.png' ),
75
+ )
76
+ ),
77
+ 'five-columns' => array(
78
+ 'title' => __( 'Five Columns', 'genesis-columns-advanced' ),
79
+ 'layouts' => array(
80
+ 'one-fifth_one-fifth_one-fifth_one-fifth_one-fifth' => array ( 'title' => '1/5 - 1/5 - 1/5 - 1/5 - 1/5', 'image' => 'tinymce/images/layouts/fifths.png' ),
81
+
82
+ 'two-sixths_one-sixth_one-sixth_one-sixth_one-sixth' => array ( 'title' => '2/6 - 1/6 - 1/6 - 1/6 - 1/6', 'image' => 'tinymce/images/layouts/twosixths_sixth_sixth_sixth_sixth.png' ),
83
+ 'one-sixth_two-sixths_one-sixth_one-sixth_one-sixth' => array ( 'title' => '1/6 - 2/6 - 1/6 - 1/6 - 1/6', 'image' => 'tinymce/images/layouts/sixth_twosixths_sixth_sixth_sixth.png' ),
84
+ 'one-sixth_one-sixth_two-sixths_one-sixth_one-sixth' => array ( 'title' => '1/6 - 1/6 - 2/6 - 1/6 - 1/6', 'image' => 'tinymce/images/layouts/sixth_sixth_twosixths_sixth_sixth.png' ),
85
+ 'one-sixth_one-sixth_one-sixth_two-sixths_one-sixth' => array ( 'title' => '1/6 - 1/6 - 1/6 - 2/6 - 1/6', 'image' => 'tinymce/images/layouts/sixth_sixth_sixth_twosixths_sixth.png' ),
86
+ 'one-sixth_one-sixth_one-sixth_one-sixth_two-sixths' => array ( 'title' => '1/6 - 1/6 - 1/6 - 1/6 - 2/6', 'image' => 'tinymce/images/layouts/sixth_sixth_sixth_sixth_twosixths.png' ),
87
+ )
88
+ ),
89
+ 'six-columns' => array(
90
+ 'title' => __( 'Six Columns', 'genesis-columns-advanced' ),
91
+ 'layouts' => array(
92
+ 'one-sixth_one-sixth_one-sixth_one-sixth_one-sixth_one-sixth' => array ( 'title' => '1/6 - 1/6 - 1/6 - 1/6 - 1/6', 'image' => 'tinymce/images/layouts/sixths.png' ),
93
+ )
94
+ ),
95
+ );
96
+ ?>
97
+ <div id="gca_popup_backdrop" style="display: none"></div>
98
+ <div id="gca_popup_wrap" style="display: none" role="dialog" aria-labelledby="">
99
+ <form id="gca_popup_form" tabindex="-1">
100
+ <h1 id="gca_popup_title"><?php _e( 'Advanced Column Layouts', 'genesis-columns-advanced' ) ?></h1>
101
+ <button type="button" id="gca_popup_close"><span class="screen-reader-text"><?php _e( 'Close', 'genesis-columns-advanced' ); ?></span></button>
102
+
103
+ <div id="gca_popup_content_wrap">
104
+
105
+ <div class="gca-column-layouts-container">
106
+ <div class="gca-column-select" >
107
+ <select id="gca_column_select">
108
+ <option value="all"><?php _e( 'All Layouts', 'genesis-columns-advanced' );?></option>
109
+ <option value="two-columns"><?php _e( 'Two Columns', 'genesis-columns-advanced' );?></option>
110
+ <option value="three-columns"><?php _e( 'Three Columns', 'genesis-columns-advanced' );?></option>
111
+ <option value="four-columns"><?php _e( 'Four Columns', 'genesis-columns-advanced' );?></option>
112
+ <option value="five-columns"><?php _e( 'Five Columns', 'genesis-columns-advanced' );?></option>
113
+ <option value="six-columns"><?php _e( 'Six Columns', 'genesis-columns-advanced' );?></option>
114
+ </select>
115
+ <span class="description">
116
+ <?php _e( 'Filter by the number of columns.', 'genesis-columns-advanced' );?>
117
+ </span>
118
+ <a href="#" id="gca_toggle_titles"><?php _e( 'Show Titles', 'genesis-columns-advanced' );?></a>
119
+
120
+ </div>
121
+ <div class="gca-column-layouts">
122
+ <?php
123
+ foreach ( $gca_all_layouts as $column_type => $column_data ) {
124
+ foreach ( $column_data['layouts'] as $layout_id => $layout_data ) {
125
+ echo '<label title="' . $layout_data['title'] . '" class="layout ' . $column_type . '">';
126
+ echo '<img src="' . plugins_url( $layout_data['image'], dirname( __FILE__ ) ) . '" alt="' . $layout_data['title'] . '" title="' . $layout_data['title'] . '"><br>';
127
+ echo '<input type="radio" name="gca-column-layout" id="' . $layout_id . '" value="' . $layout_id . '">';
128
+ echo '<span class="layout-title">'. $layout_data['title'] .'</span>';
129
+ echo '</label>';
130
+ }
131
+ }
132
+ ?>
133
+ </div>
134
+ </div>
135
+
136
+ <div class="gca-column-classes-container">
137
+ <span class="description"><?php _e( 'Optionally add custom CSS classes to each column. Multiple classes must be space separated.', 'genesis-columns-advanced' ); ?></span>
138
+ <div class="gca-column-classes">
139
+ <?php
140
+
141
+ $column_classes = array(
142
+ 'gca_column_one_class' => array( 'title' => __( 'Column One', 'genesis-columns-advanced' ), 'class' => 'column-one' ),
143
+ 'gca_column_two_class' => array( 'title' => __( 'Column Two', 'genesis-columns-advanced' ), 'class' => 'column-two' ),
144
+ 'gca_column_three_class' => array( 'title' => __( 'Column Three', 'genesis-columns-advanced' ), 'class' => 'column-three' ),
145
+ 'gca_column_four_class' => array( 'title' => __( 'Column Four', 'genesis-columns-advanced' ), 'class' => 'column-four' ),
146
+ 'gca_column_five_class' => array( 'title' => __( 'Column Five', 'genesis-columns-advanced' ), 'class' => 'column-five' ),
147
+ 'gca_column_six_class' => array( 'title' => __( 'Column Six', 'genesis-columns-advanced' ), 'class' => 'column-six' )
148
+ );
149
+
150
+ foreach( $column_classes as $class_id => $atts ) {
151
+ echo '<label class="' . $atts['class'] . '"><span>' . $atts['title'] . '</span><input type="text" id="' . $class_id . '" value=""></label>';
152
+ }
153
+ ?>
154
+ </div>
155
+ </div>
156
+
157
+ </div>
158
+
159
+ <div id="gca_popup_footer">
160
+ <div id="gca_popup_cancel">
161
+ <button type="button" class="button"><?php _e( 'Cancel', 'genesis-columns-advanced' );?></button>
162
+ </div>
163
+ <div id="gca_popup_reset">
164
+ <button type="button" class="button"><?php _e( 'Reset', 'genesis-columns-advanced' );?></button>
165
+ </div>
166
+ <div id="gca_popup_insert">
167
+ <button type="button" class="button button-primary"><?php _e( 'Insert Selected Layout', 'genesis-columns-advanced' );?></button>
168
+ </div>
169
+ </div>
170
+ </form>
171
+ </div>
172
+ <?php ?>