simple-urls / admin / views / settings / display.php

display.php in Lasso Lite – Affiliate Link Manager & Product Displays 153, at admin/views/settings/display.php

238 lines 11.4 KB

Raw Download Zip

1	<?php
2	/**
3	* Lasso Lite - Displays
4	*
5	* @package Lasso Lite
6	*/
7
8	use LassoLite\Classes\Config;
9	use LassoLite\Admin\Constant;
10	use LassoLite\Classes\Helper;
11	use LassoLite\Classes\Setting;
12
13	$lasso_lite_setting = Setting::get_settings();
14	$disclosure_text = $lasso_lite_setting['disclosure_text'];
15	$main_color = $lasso_lite_setting['display_color_main'];
16	$title_color = $lasso_lite_setting['display_color_title'];
17	$bg_color = $lasso_lite_setting['display_color_background'];
18	$button_color = $lasso_lite_setting['display_color_button'];
19	$secondary_button_color = $lasso_lite_setting['display_color_secondary_button'];
20	$button_text_color = $lasso_lite_setting['display_color_button_text'];
21	$pros_color = $lasso_lite_setting['display_color_pros'];
22	$cons_color = $lasso_lite_setting['display_color_cons'];
23	$primary_button_text = $lasso_lite_setting['primary_button_text'];
24	$secondary_button_text = $lasso_lite_setting['secondary_button_text'];
25	$lasso_affiliate_url = $lasso_lite_setting['lasso_affiliate_URL'];
26	$show_price_attr = $lasso_lite_setting['show_price'] ? 'checked' : '';
27	$show_disclosure_attr = $lasso_lite_setting['show_disclosure'] ? 'checked' : '';
28	$enable_brag_mode_attr = 'checked';
29	?>
30
31	<?php Config::get_header(); ?>
32
33	<!-- DISPLAY SETTINGS -->
34	<section class="px-3 py-5">
35	<div class="container lite-container">
36	<!-- HEADER -->
37	<?php require_once 'header.php'; ?>
38
39	<form class="lasso-lite-admin-settings-form" autocomplete="off" onsubmit="return false;">
40	<div class="white-bg rounded shadow p-4 mb-4">
41	<div class="onboarding_display_container pb-3">
42	<div id="demo_display_box">
43	<div class="lasso-single" style="max-width: 750px; margin: 0 auto;">
44	<div class="single-view-wrap">
45	<div class="lasso-container lasso-lite">
46	<div class="lasso-display lasso-cactus">
47	<!-- BADGE -->
48	<div class="lasso-badge">Our Pick</div>
49
50	<!-- LASSO TITLE, PRICE, DESC, AND IMAGE -->
51	<div class="lasso-box-1">
52	<a class="lasso-title">Essentialism: The Disciplined Pursuit of Less</a>
53
54	<div class="lasso-stars" style="--rating: 4.5">
55	<span class="lasso-stars-value"> 4.5 </span>
56	</div>
57
58	<div class="lasso-price">
59	<div class="lasso-price-value"><span class="discount-price"><strike>$18.99</strike></span><span class="latest-price">$15.99</span></div>
60	<i class="lasso-amazon-prime"></i>
61	</div>
62	<div class="clear"></div>
63	<!-- DESCRIPTION -->
64	<div class="lasso-description">
65	The Way of the Essentialist isn't about getting more done in less time. It's not about getting less done. It's about getting only the right things done. It's about the pursuit of the right thing, in the right way, at the right time.
66	</div>
67
68	<div class="lasso-fields">
69	<div class="lasso-fields-pros lasso-fields-2">
70	<strong>Pros:</strong>
71	<ul>
72	<li><span class="lasso-check"><span class="lasso-check-content"></span></span>Will make you more effective.</li>
73	<li><span class="lasso-check"><span class="lasso-check-content"></span></span>Quick read and highly actionable.</li>
74	</ul>
75	</div>
76	<div class="lasso-fields-cons lasso-fields-3">
77	<strong>Cons:</strong>
78	<ul>
79	<li><span class="lasso-x"><span class="lasso-x-1"></span><span class="lasso-x-2"></span></span>You have to be open minded.</li>
80	</ul>
81	</div>
82	</div>
83	</div>
84
85	<div class="lasso-box-2">
86	<a class="lasso-image">
87	<img src="<?php echo SIMPLE_URLS_URL . '/admin/assets/images/displays/essentialism.jpg'; ?>" height="500" width="500">
88	</a>
89	</div>
90
91	<!-- BUTTONS -->
92	<div class="lasso-box-3">
93	<a class="lasso-button-1">Buy Now</a>
94	</div>
95
96	<div class="lasso-box-4">
97	<a class="lasso-button-2">Our Review</a>
98	</div>
99
100	<!-- DISCLOSURE & DATE -->
101	<div class="lasso-box-5">
102	<div class="lasso-disclosure">We earn a commission if you make a purchase, at no additional cost to you.</div>
103	</div>
104
105	<div class="lasso-box-6">
106	<div class="lasso-date">June 30, 2022 5:41 am UTC <i class="lasso-amazon-info" data-tooltip="Price and availability are accurate as of the date and time indicated and are subject to change."></i>
107	</div>
108	</div>
109	</div>
110	</div>
111	</div>
112	</div>
113	</div>
114	</div>
115
116	<div class="row">
117	<div class="col-lg-6 mb-lg-0 mb-5 h-100">
118	<div class="form-group">
119	<div class="form-row mb-4">
120	<div class="col-lg">
121	<label data-tooltip="This is the color of your badge background."><strong>Badge</strong> <i class="far fa-info-circle light-purple"></i></label>
122	<input type="text" name="display_color_main" value="<?php echo esc_html( $main_color ); ?>" class="form-control color-picker" placeholder="#5E36CA" />
123	</div>
124
125	<div class="col-lg">
126	<label data-tooltip="This is the color of the title text of your display."><strong>Title</strong> <i class="far fa-info-circle light-purple"></i></label>
127	<input type="text" name="display_color_title" value="<?php echo esc_html( $title_color ); ?>" class="form-control color-picker" placeholder="#FFFFFF" />
128	</div>
129	</div>
130
131	<div class="form-row mb-4">
132	<div class="col-lg">
133	<label data-tooltip="This is the color of the inside of your display."><strong>Background</strong> <i class="far fa-info-circle light-purple"></i></label>
134	<input type="text" name="display_color_background" value="<?php echo esc_html( $bg_color ); ?>" class="form-control color-picker" placeholder="#FFFFFF" />
135	</div>
136
137	<div class="col-lg">
138	<label data-tooltip="This is text color for your badges and buttons."><strong>Button + Badge Text</strong> <i class="far fa-info-circle light-purple"></i></label>
139	<input type="text" name="display_color_button_text" value="<?php echo esc_html( $button_text_color ); ?>" class="form-control color-picker" placeholder="#FFFFFF" />
140	</div>
141	</div>
142
143	<div class="form-row mb-4">
144	<div class="col-lg lasso-lite-disabled">
145	<label data-tooltip="This is the main color of the Pros Field."><strong>Pros</strong> <i class="far fa-info-circle light-purple"></i></label>
146	<input type="text" name="display_color_pros" value="<?php echo esc_html( $pros_color ); ?>" class="form-control color-picker" placeholder="#FFFFFF" disabled />
147	</div>
148
149	<div class="col-lg lasso-lite-disabled">
150	<label data-tooltip="This is the main color of the Cons Field."><strong>Cons</strong> <i class="far fa-info-circle light-purple"></i></label>
151	<input type="text" name="display_color_cons" value="<?php echo esc_html( $cons_color ); ?>" class="form-control color-picker" placeholder="#FFFFFF" disabled />
152	</div>
153	</div>
154
155	<div class="form-row">
156	<div class="col-lg-6">
157	<label class="toggle m-0 mr-1">
158	<input type="checkbox" id="show_price" name="show_price" <?php echo esc_html( $show_price_attr ); ?> >
159	<span class="slider"></span>
160	</label>
161	<label data-tooltip="Turn this on to show the price in Displays by default. You can override this per display.">Show Price <i class="far fa-info-circle light-purple"></i></label>
162	</div>
163
164	<div class="col-lg-6">
165	<label class="toggle m-0 mr-1">
166	<input type="checkbox" id="show_disclosure" name="show_disclosure" <?php echo esc_html( $show_disclosure_attr ); ?> >
167	<span class="slider"></span>
168	</label>
169	<label data-tooltip="Turn this on to show the disclosure in Displays by default. You can override this per display.">Show Disclosure <i class="far fa-info-circle light-purple"></i></label>
170	</div>
171	</div>
172	</div>
173	</div>
174
175	<div class="col-lg-6 mb-lg-0 mb-5 h-100">
176	<div class="form-row mb-4">
177	<div class="col-lg">
178	<label data-tooltip="If you leave your display button text blank, this is what it will default to."><strong>Primary Button</strong> <i class="far fa-info-circle light-purple"></i></label>
179	<input type="text" name="primary_button_text" value="<?php echo esc_html( $primary_button_text ); ?>" class="form-control" placeholder="Buy Now" />
180	</div>
181
182	<div class="col-lg">
183	<label data-tooltip="This is the color of your display's main CTA button."> </label>
184	<input type="text" name="display_color_button" value="<?php echo esc_html( $button_color ); ?>" class="form-control color-picker" placeholder="#22BAA0" />
185	</div>
186	</div>
187
188	<div class="form-row mb-4">
189	<div class="col-lg lasso-lite-disabled">
190	<label data-tooltip="If you set a secondary button for your display and leave it blank, this is what it will default to."><strong>Secondary Button</strong> <i class="far fa-info-circle light-purple"></i></label>
191	<input type="text" name="secondary_button_text" value="<?php echo esc_html( $secondary_button_text ); ?>" class="form-control" placeholder="Learn More" disabled />
192	</div>
193
194	<div class="col-lg lasso-lite-disabled">
195	<label data-tooltip="This is the color of your display's secondary CTA button."> </label>
196	<input type="text" name="display_color_secondary_button" value="<?php echo esc_html( $secondary_button_color ); ?>" class="form-control color-picker" placeholder="#22BAA0" disabled />
197	</div>
198	</div>
199
200	<div class="form-row mb-1">
201	<div class="col-lg lasso-lite-disabled">
202	<label data-tooltip="This is the default disclosure text used with your displays.">
203	<span>Disclosure</span> <i class="far fa-info-circle light-purple"></i></label>
204	<textarea class="form-control" rows="4" disabled><?php echo $disclosure_text; ?></textarea>
205	</div>
206	<div class="col-lg">
207	<div>
208	<label data-tooltip="Earn money sharing Lasso with our affiliate program."><span>Brag Mode</span> <i class="far fa-info-circle light-purple"></i></label>
209	<input name="lasso_affiliate_URL" type="text" class="form-control mb-4" placeholder="Your Lasso Affiliate URL" value="<?php echo esc_attr( $lasso_affiliate_url ); ?>">
210	</div>
211	<div class="no-hint">
212	<label class="toggle m-0 mr-1">
213	<input name="enable_brag_mode" type="checkbox" <?php echo esc_html( $enable_brag_mode_attr ); ?>>
214	<span class="slider"></span>
215	</label>
216	<label class="m-0">Enable Brag Mode</label>
217	</div>
218	</div>
219	</div>
220	</div>
221	</div>
222	</div>
223	</form>
224	<!-- SAVE CHANGES -->
225	<div class="row align-items-center">
226	<div class="col-lg text-lg-left text-center">
227	<a class="btn black white-bg black-border" target="_blank" href="<?php echo Constant::LASSO_CHECKOUT_URL_DEFAULT; ?>">Need More Customization?</a>
228	</div>
229	<div class="col-lg text-lg-right text-center">
230	<button id="btn-save-settings-display" type="button" class="btn">Save Changes</button>
231	</div>
232	</div>
233	</div>
234	</section>
235
236	<?php echo Helper::wrapper_js_render( 'default-template-notification', Helper::get_path_views_folder() . '/notifications/default-template-jsrender.html' )?>
237	<?php Config::get_footer(); ?>
238