button-config.php — ShareThis Follow Buttons 1.1.1

sharethis-follow-buttons / templates / follow-buttons / button-config.php

sharethis-follow-buttons / templates / follow-buttons Last commit date

button-config.php 8 years ago enable-buttons.php 8 years ago follow-button-settings.php 8 years ago list.php 8 years ago onoff-buttons.php 8 years ago shortcode-templatecode.php 8 years ago widget.php 8 years ago

button-config.php

199 lines

1	<?php
2	/**
3	* Platform button configurations
4	*
5	* The template wrapper for the platform button configurations.
6	*
7	* @package ShareThisFollowButtons
8	*/
9
10	?>
11	<div class="inline-follow-platform platform-config-wrapper">
12	<hr>
13
14	<h4 style="text-align: left; font-size: 15px;"><?php echo esc_html__( 'Design', 'sharethis-follow-buttons' ); ?></h4>
15	<div class="st-design-message">
16	<?php echo esc_html__( 'Use the settings below to update the look of your follow buttons. We cache your button configurations to improve their performance. Any changes you make in the section may take up to five minutes to appear on your site.', 'sharethis-follow-buttons' ); ?>
17	</div>
18
19	<div class="sharethis-selected-networks">
20	<div id="inline-follow-8" class="sharethis-inline-follow-buttons"></div>
21	</div>
22
23	<p class="st-preview-message">
24	⇧ <?php echo esc_html__( 'Preview: click and drag to reorder' ); ?> ⇧
25	</p>
26
27	<div id="inline-follow" class="button-configuration-wrap selected-button">
28	<div class="inline-follow-network-list follow-buttons">
29	<h3><?php echo esc_html__( 'Social networks', 'sharethis-follow-buttons' ); ?></h3>
30
31	<span class="config-desc">Click a network to add or remove it from your preview. We've already included the most popular networks.</span>
32
33	<div class="inline-follow-network-list follow-buttons">
34	<?php
35	foreach ( $networks as $network_name => $network_info ) :
36	$viewbox = isset( $network_info['viewbox'] ) ? '0 0 50 50' : '0 0 40 40';
37	?>
38	<div class="follow-button" data-color="<?php echo esc_attr( $network_info['color'] ); ?>" data-selected="<?php echo esc_attr( $network_info['selected'] ); ?>" data-network="<?php echo esc_attr( $network_name ); ?>" title="<?php echo esc_attr( $network_name ); ?>" style="background: rgb(<?php echo esc_attr( $network_info['color-rgba'] ); ?>);">
39	<svg fill="#fff" preserveAspectRatio="xMidYMid meet" height="1em" width="1em" viewBox="<?php echo esc_attr( $viewbox ); ?>">
40	<g>
41	<path d="<?php echo esc_attr( $network_info['path'] ); ?>"></path>
42	</g>
43	</svg>
44	</div>
45	<?php endforeach; ?>
46	</div>
47
48	<hr>
49
50	<span class="config-desc">Enter the profile URL for each channel where you want to add followers.</span>
51
52	<div id="st-network-urls">
53	<?php foreach ( $networks as $network_name => $network_info ) : ?>
54	<div class="center-align" data-network="<?php echo esc_attr( $network_name ); ?>" data-selected="<?php echo esc_attr( $network_info['selected'] ); ?>">
55	<div class="domain"><?php echo esc_html( $network_info['url'] ); ?></div>
56
57	<?php if ( isset( $network_info['tooltip'] ) ) : ?>
58	<span>
59	<span class="tooltip-icon tooltipped" data-position="right" data-tooltip="<?php echo esc_attr( $network_info['tooltip'] ); ?>">
60	<svg fill="#fff" preserveAspectRatio="xMidYMid meet" height="1em" width="1em" viewBox="0 0 40 40">
61	<g>
62	<path d="m23.2 28v5.4q0 0.4-0.3 0.6t-0.6 0.3h-5.3q-0.4 0-0.7-0.3t-0.2-0.6v-5.4q0-0.3 0.2-0.6t0.7-0.3h5.3q0.4 0 0.6 0.3t0.3 0.6z m7.1-13.4q0 1.2-0.4 2.3t-0.8 1.7-1.2 1.3-1.3 1-1.3 0.8q-0.9 0.5-1.6 1.4t-0.6 1.5q0 0.4-0.2 0.8t-0.7 0.3h-5.3q-0.4 0-0.6-0.4t-0.2-0.8v-1q0-1.9 1.4-3.5t3.2-2.5q1.3-0.6 1.9-1.2t0.5-1.7q0-0.9-1-1.7t-2.4-0.7q-1.4 0-2.4 0.7-0.8 0.5-2.4 2.5-0.3 0.4-0.7 0.4-0.2 0-0.5-0.2l-3.7-2.8q-0.3-0.2-0.3-0.5t0.1-0.6q3.5-6 10.3-6 1.8 0 3.6 0.7t3.3 1.9 2.4 2.8 0.9 3.5z"></path>
63	</g>
64	</svg>
65	</span>
66	</span>
67	<?php endif; ?>
68
69	<input type="text" class="profile_link" value="">
70	</div>
71	<?php endforeach; ?>
72
73	<div class="tooltip-message-over"></div>
74	</div>
75
76	<hr>
77
78	<div class="button-alignment">
79	<h3><?php echo esc_html__( 'Alignment', 'sharethis-follow-buttons' ); ?></h3>
80
81	<div class="alignment-button" data-alignment="left" data-selected="false">
82	<div class="top">
83	<div class="box"></div>
84	<div class="box"></div>
85	<div class="box"></div>
86	</div>
87	<div class="bottom"><?php echo esc_html__( 'Left', 'sharethis-follow-buttons' ); ?></div>
88	</div>
89
90	<div class="alignment-button" data-alignment="center" data-selected="true">
91	<div class="top">
92	<div class="box"></div>
93	<div class="box"></div>
94	<div class="box"></div>
95	</div>
96	<div class="bottom"><?php echo esc_html__( 'Center', 'sharethis-follow-buttons' ); ?></div>
97	</div>
98
99	<div class="alignment-button" data-alignment="right" data-selected="false">
100	<div class="top">
101	<div class="box"></div>
102	<div class="box"></div>
103	<div class="box"></div>
104	</div><div class="bottom"><?php echo esc_html__( 'Right', 'sharethis-follow-buttons' ); ?></div>
105	</div>
106	</div>
107
108	<hr>
109
110	<div class="row">
111	<div class="st-radio-config button-config-third button-size">
112	<h3><?php echo esc_html__( 'Size', 'sharethis-follow-buttons' ); ?></h3>
113
114	<div class="item">
115	<input type="radio" class="with-gap" value="on" checked="checked">
116
117	<label id="small"><?php echo esc_html__( 'Small', 'sharethis-follow-buttons' ); ?></label>
118	</div>
119	<div class="item">
120	<input type="radio" class="with-gap" value="on">
121	<label id="medium"><?php echo esc_html__( 'Medium', 'sharethis-follow-buttons' ); ?></label>
122	</div>
123	<div class="item">
124	<input type="radio" class="with-gap" value="on">
125	<label id="large"><?php echo esc_html__( 'Large', 'sharethis-follow-buttons' ); ?></label>
126	</div>
127	</div>
128	<div class="button-config-third call-to-action">
129	<h3><?php echo esc_html__( 'Call to Action', 'sharethis-follow-buttons' ); ?></h3>
130
131	<div class="item">
132	<span class="lbl"><?php echo esc_html__( 'Off/On', 'sharethis-follow-buttons' ); ?></span>
133
134	<div class="switch cta-on-off">
135	<label>
136	<input type="checkbox" value="on" checked="checked">
137
138	<span class="lever"></span>
139	</label>
140	</div>
141	</div>
142	<div class="item cta-text">
143	<input type="text" value="Follow us:">
144	</div>
145	</div>
146	<div class="st-radio-config button-config-third label-position">
147	<h3><?php echo esc_html__( 'Label position', 'sharethis-follow-buttons' ); ?></h3>
148
149	<div class="item">
150	<input type="radio" class="with-gap" value="on">
151
152	<label id="left"><?php echo esc_html__( 'Left', 'sharethis-follow-buttons' ); ?></label>
153	</div>
154	<div class="item">
155	<input type="radio" class="with-gap" value="on" checked="checked">
156
157	<label id="top"><?php echo esc_html__( 'Top', 'sharethis-follow-buttons' ); ?></label>
158	</div>
159	<div class="item">
160	<input type="radio" class="with-gap" value="on">
161
162	<label id="right"><?php echo esc_html__( 'Right', 'sharethis-follow-buttons' ); ?></label>
163	</div>
164	</div>
165
166	<hr>
167
168	<div class="button-config-half">
169	<h3 class="center"><?php echo esc_html__( 'Corners', 'sharethis-follow-buttons' ); ?></h3>
170
171	<span><?php echo esc_html__( 'Square', 'sharethis-follow-buttons' ); ?></span>
172	<span class="range-field">
173	<input type="range" min="0" max="16" value="0" id="radius-selector" style="width: 200px; margin: 5px;">
174	<span class="thumb">
175	<span class="value"></span>
176	</span>
177	</span>
178	<span><?php echo esc_html__( 'Rounded', 'sharethis-follow-buttons' ); ?></span>
179	</div>
180	<div class="button-config-half button-config">
181	<h3><?php echo esc_html__( 'Extras', 'sharethis-follow-buttons' ); ?></h3>
182
183	<div class="item">
184	<span class="lbl"><?php echo esc_html__( 'Add Spacing', 'sharethis-follow-buttons' ); ?></span>
185
186	<div class="switch extra-spacing">
187	<label>
188	<input type="checkbox" value="on" checked="checked">
189
190	<span class="lever"></span>
191	</label>
192	</div>
193	</div>
194	</div>
195	</div>
196	</div>
197	</div>
198	</div>
199