page.php — SiteOrigin CSS 1.5.10

so-css / tpl / page.php

so-css / tpl Last commit date

inspector-templates.php 3 years ago js-templates.php 3 years ago page.php 2 years ago

page.php

186 lines

1	<?php
2	/**
3	* @var $page_title string The title of the page. Includes the post title if a post was selected.
4	* @var $custom_css string The custom CSS string to be edited.
5	* @var $current_revision int If the CSS to be edited is a revision, this will contain the timestamp of the revision.
6	* @var $custom_css_revisions array Saved revisions for the current theme.
7	* @var $editor_description string Description to provide context for the CSS being edited.
8	* @var $socss_post_id int ID of the post for which we're editing CSS.
9	* @var $save_button_label string Label of the save button depending on whether a post or revision has been selected.
10	* @var $form_save_url string URL to use when saving the CSS.
11	*/
12	$snippets = SiteOrigin_CSS::single()->get_snippets();
13	$user = wp_get_current_user();
14
15	if ( ! empty( $current_revision ) ) {
16	$revision_date = date( 'j F Y @ H:i:s', $current_revision + get_option( 'gmt_offset' ) * 60 * 60 );
17	}
18	?>
19
20	<div class="wrap" id="siteorigin-custom-css">
21	<h2>
22	<img src="<?php echo plugin_dir_url( __FILE__ ) . '../css/images/icon.png'; ?>" class="icon" />
23	<?php echo esc_html( $page_title ); ?>
24	</h2>
25
26
27	<?php if ( isset( $_POST['siteorigin_custom_css'] ) ) { ?>
28	<div class="notice notice-success"><p><?php esc_html_e( 'Site design updated.', 'so-css' ); ?></p></div>
29	<?php } ?>
30
31	<?php if ( ! empty( $current_revision ) ) { ?>
32	<div class="notice notice-warning">
33	<p><?php printf( esc_html__( 'Editing revision dated %s. Click %sRevert to this revision%s to keep using it.', 'so-css' ), $revision_date, '<em>', '</em>' ); ?></p>
34	</div>
35	<?php } ?>
36
37	<div id="poststuff">
38	<form action="<?php echo esc_url( $form_save_url ); ?>" method="POST">
39
40	<div id="so-custom-css-info">
41	<p class="so-custom-css-submit">
42	<input type="submit" name="siteorigin_custom_css_save" class="button-primary" value="<?php esc_attr_e( $save_button_label ); ?>" />
43	</p>
44
45	<?php if ( $this->display_teaser() ) { ?>
46	<div class="postbox">
47	<h3 class="hndle"><span><?php esc_html_e( 'Get The Full Experience', 'so-css' ); ?></span></h3>
48	<div class="inside">
49	<?php printf( wp_kses_post( __( '%sSiteOrigin Premium%s adds a <strong>Google Web Font</strong> selector to SiteOrigin CSS so you can easily change any font.', 'so-css' ) ), '<a href="https://siteorigin.com/downloads/premium/?featured_addon=plugin/web-font-selector" target="_blank">', '</a>' ); ?>
50	</div>
51	</div>
52	<?php } ?>
53
54	<?php if ( ! get_user_meta( $user->ID, 'socss_hide_gs' ) ) { ?>
55	<div class="postbox" id="so-custom-css-getting-started">
56	<h3 class="hndle">
57	<span><?php esc_html_e( 'Getting Started Video', 'so-css' ); ?></span>
58	<a href="<?php echo wp_nonce_url( admin_url( 'admin-ajax.php?action=socss_hide_getting_started' ), 'hide' ); ?>" class="hide"><?php esc_html_e( 'Dismiss', 'so-css' ); ?></a>
59	</h3>
60	<div class="inside">
61	<a href="https://siteorigin.com/css/getting-started/" target="_blank"><img src="<?php echo plugin_dir_url( __FILE__ ) . '../css/images/video.jpg'; ?>" /></a>
62	</div>
63	</div>
64	<?php } ?>
65
66	<div class="postbox" id="so-custom-css-revisions">
67	<h3 class="hndle"><span><?php esc_html_e( 'CSS Revisions', 'so-css' ); ?></span></h3>
68	<div class="inside">
69	<ol class="custom-revisions-list" data-confirm="<?php esc_attr_e( 'Are you sure you want to load this revision?', 'so-css' ); ?>">
70	<?php $this->custom_css_revisions_list( $theme, $socss_post_id, $current_revision ); ?>
71	</ol>
72	</div>
73	</div>
74
75	<div class="postbox" id="so-custom-css-editor-theme">
76	<h3 class="hndle"><span><?php esc_html_e( 'Editor Theme', 'so-css' ); ?></span></h3>
77	<div class="inside">
78	<select name="so_css_editor_theme" id="so_css_editor_theme">
79	<option value="neat" <?php selected( 'neat', $editor_theme ); ?>><?php esc_attr_e( 'Light', 'so-css' ); ?></option>
80	<option value="ambiance" <?php selected( 'ambiance', $editor_theme ); ?>><?php esc_attr_e( 'Dark', 'so-css' ); ?></option>
81	</select>
82	</div>
83	</div>
84
85	<div class="color-theme">
86	</div>
87
88	</div>
89
90	<div id="so-custom-css-form">
91
92	<div class="custom-css-toolbar">
93	<div class="toolbar-function-buttons">
94	<div class="toolbar-functions-dropdown">
95	<span class="dashicons dashicons-menu"></span>
96	</div>
97
98	<ul class="toolbar-buttons">
99	</ul>
100	</div>
101
102	<div class="toolbar-action-buttons">
103	<a href="#expand" class="editor-expand socss-button" title="<?php esc_attr_e( 'Open Expanded Mode', 'so-css' ); ?>">
104	<span class="so-css-icon so-css-icon-expand" title="<?php esc_attr_e( 'Open Expanded Mode', 'so-css' ); ?>"></span>
105	<span class="so-css-icon so-css-icon-compress" title="<?php esc_attr_e( 'Close Expanded Mode', 'so-css' ); ?>"></span>
106	</a>
107
108	<a href="#visual" class="editor-visual socss-button" title="<?php esc_attr_e( 'Open Visual Mode', 'so-css' ); ?>">
109	<span class="so-css-icon so-css-icon-eye"></span>
110	</a>
111
112	<span class="save socss-button button-primary" title="<?php esc_attr_e( 'Save CSS', 'so-css' ); ?>">
113	<span class="so-css-icon so-css-icon-save"></span>
114	</span>
115	</div>
116	</div>
117
118	<div class="custom-css-container">
119	<textarea
120	name="siteorigin_custom_css" id="custom-css-textarea" data-theme="<?php echo esc_attr( $editor_theme ); ?>" class="css-editor" rows="<?php echo max( 10, substr_count( $custom_css, "\n" ) + 1 ); ?>"><?php echo esc_textarea( $custom_css ); ?></textarea>
121	<?php wp_nonce_field( 'custom_css', '_sononce' ); ?>
122	</div>
123	<div class="so-css-footer">
124	<p class="description">
125	<?php esc_html_e( $editor_description ); ?>
126	</p>
127	</div>
128	<?php
129	if (
130	! class_exists( 'SiteOrigin_Panels' ) &&
131	! class_exists( 'SiteOrigin_Widgets_Bundle' ) &&
132	! class_exists( 'SiteOrigin_Premium' )
133	) {
134	?>
135	<div class="installer">
136	<a href="#" class="installer-link">
137	<?php _e( 'Other Settings', 'so-css' ); ?>
138	</a>
139
140	<div class="installer-container" style="display: none;">
141	<label>
142	<?php echo __( 'Enable SiteOrigin Installer: ', 'so-css' ); ?>
143	<input
144	type="checkbox"
145	name="installer_status"
146	class="installer_status"
147	<?php checked( get_option( 'siteorigin_installer', false ), 1 ); ?>
148	data-nonce="<?php echo wp_create_nonce( 'siteorigin_installer_status' ); ?>"
149	>
150	</label>
151	</div>
152	</div>
153	<?php } ?>
154
155	<div class="custom-css-preview"></div>
156
157	<div class="decoration"></div>
158
159	</div>
160
161	<div id="so-custom-css-properties">
162
163	<div class="toolbar">
164	<select></select>
165	<div class="close socss-button" title="<?php esc_attr_e( 'Close', 'so-css' ); ?>">
166	<span class="so-css-icon so-css-icon-check"></span>
167	</div>
168	<div class="save socss-button button-primary" title="<?php esc_attr_e( 'Save CSS', 'so-css' ); ?>">
169	<span class="so-css-icon so-css-icon-save"></span>
170	</div>
171	</div>
172
173	<ul class="section-tabs"></ul>
174
175	<div class="sections"></div>
176
177	</div>
178
179	</form>
180
181	</div>
182
183	<div class="clear"></div>
184
185	</div>
186