page.php
144 lines
| 1 | <?php |
| 2 | /** |
| 3 | * @var $custom_css_revisions array Saved revisions for the current theme. |
| 4 | */ |
| 5 | |
| 6 | $snippets = SiteOrigin_CSS::single()->get_snippets(); |
| 7 | $user = wp_get_current_user(); |
| 8 | ?> |
| 9 | |
| 10 | <div class="wrap" id="siteorigin-custom-css"> |
| 11 | <h2> |
| 12 | <img src="<?php echo plugin_dir_url(__FILE__) . '../css/images/icon.png' ?>" class="icon" /> |
| 13 | <?php _e( 'SiteOrigin CSS', 'so-css' ) ?> |
| 14 | </h2> |
| 15 | |
| 16 | |
| 17 | <?php if( isset($_POST['siteorigin_custom_css_save']) ) : ?> |
| 18 | <div class="updated settings-error"><p><?php _e('Site design updated.', 'so-css') ?></p></div> |
| 19 | <?php endif; ?> |
| 20 | |
| 21 | <?php if(!empty($revision)) : ?> |
| 22 | <div class="updated settings-error"> |
| 23 | <p><?php _e('Viewing a revision. Save CSS to keep using this revision.', 'so-css') ?></p> |
| 24 | </div> |
| 25 | <?php endif; ?> |
| 26 | |
| 27 | <div id="poststuff"> |
| 28 | <div id="so-custom-css-info"> |
| 29 | |
| 30 | <?php if( $this->display_teaser() ) : ?> |
| 31 | <div class="postbox"> |
| 32 | <h3 class="hndle"><span><?php _e('Get The Full Experience', 'so-css') ?></span></h3> |
| 33 | <div class="inside"> |
| 34 | <?php printf( __( '%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=plugins/web-font-selector" target="_blank">', '</a>' ); ?> |
| 35 | </div> |
| 36 | </div> |
| 37 | <?php endif; ?> |
| 38 | |
| 39 | <?php if( !get_user_meta( $user->ID, 'socss_hide_gs' ) ) : ?> |
| 40 | <div class="postbox" id="so-custom-css-getting-started"> |
| 41 | <h3 class="hndle"> |
| 42 | <span><?php _e('Getting Started Video', 'so-css') ?></span> |
| 43 | <a href="<?php echo wp_nonce_url( admin_url('admin-ajax.php?action=socss_hide_getting_started'), 'hide' ) ?>" class="hide"><?php _e('Dismiss', 'so-css') ?></a> |
| 44 | </h3> |
| 45 | <div class="inside"> |
| 46 | <a href="https://siteorigin.com/css/getting-started/" target="_blank"><img src="<?php echo plugin_dir_url(__FILE__).'../css/images/video.jpg' ?>" /></a> |
| 47 | </div> |
| 48 | </div> |
| 49 | <?php endif; ?> |
| 50 | |
| 51 | <div class="postbox" id="so-custom-css-revisions"> |
| 52 | <h3 class="hndle"><span><?php _e('CSS Revisions', 'so-css') ?></span></h3> |
| 53 | <div class="inside"> |
| 54 | <ol data-confirm="<?php esc_attr_e('Are you sure you want to load this revision?', 'so-css') ?>"> |
| 55 | <?php |
| 56 | if ( is_array( $custom_css_revisions ) ) { |
| 57 | $is_current = true; |
| 58 | foreach ( $custom_css_revisions as $time => $css ) { |
| 59 | ?> |
| 60 | <li> |
| 61 | <?php if ( $is_current ) : ?> |
| 62 | <?php echo date('j F Y @ H:i:s', $time + get_option('gmt_offset') * 60 * 60) ?> (Current) |
| 63 | <?php $is_current = false; ?> |
| 64 | <?php else : ?> |
| 65 | <a href="<?php echo esc_url( add_query_arg( array( 'theme' => $theme, 'time' => $time ) ) ) ?>" class="load-css-revision"><?php echo date('j F Y @ H:i:s', $time + get_option('gmt_offset') * 60 * 60) ?></a> |
| 66 | (<?php printf(__('%d chars', 'so-css'), strlen($css)) ?>) |
| 67 | <?php endif; ?> |
| 68 | </li> |
| 69 | <?php |
| 70 | } |
| 71 | } |
| 72 | ?> |
| 73 | </ol> |
| 74 | </div> |
| 75 | </div> |
| 76 | |
| 77 | </div> |
| 78 | |
| 79 | <form action="<?php echo esc_url( admin_url('themes.php?page=so_custom_css') ) ?>" method="POST" id="so-custom-css-form"> |
| 80 | |
| 81 | <div class="custom-css-toolbar"> |
| 82 | <div class="toolbar-function-buttons"> |
| 83 | <div class="toolbar-functions-dropdown"> |
| 84 | <span class="dashicons dashicons-menu"></span> |
| 85 | </div> |
| 86 | <ul class="toolbar-buttons"> |
| 87 | </ul> |
| 88 | </div> |
| 89 | |
| 90 | <div class="toolbar-action-buttons"> |
| 91 | |
| 92 | <a href="#visual" class="editor-visual socss-button"> |
| 93 | <span class="fa fa-eye"></span> |
| 94 | </a> |
| 95 | |
| 96 | <a href="#expand" class="editor-expand socss-button"> |
| 97 | <span class="fa fa-expand"></span> |
| 98 | <span class="fa fa-compress"></span> |
| 99 | </a> |
| 100 | </div> |
| 101 | </div> |
| 102 | |
| 103 | <div class="custom-css-container"> |
| 104 | <textarea name="custom_css" id="custom-css-textarea" class="css-editor" rows="<?php echo max( 10, substr_count( $custom_css, "\n" )+1 ) ?>"><?php echo esc_textarea( $custom_css ) ?></textarea> |
| 105 | <?php wp_nonce_field( 'custom_css', '_sononce' ) ?> |
| 106 | </div> |
| 107 | <p class="description"><?php SiteOrigin_CSS::editor_description() ?></p> |
| 108 | |
| 109 | <p class="submit"> |
| 110 | <input type="submit" name="siteorigin_custom_css_save" class="button-primary" value="<?php esc_attr_e( 'Save CSS', 'so-css' ); ?>" /> |
| 111 | </p> |
| 112 | |
| 113 | <div class="custom-css-preview"> |
| 114 | |
| 115 | </div> |
| 116 | |
| 117 | <div class="decoration"></div> |
| 118 | |
| 119 | </form> |
| 120 | |
| 121 | <div id="so-custom-css-properties"> |
| 122 | |
| 123 | <div class="toolbar"> |
| 124 | <select> |
| 125 | </select> |
| 126 | <div class="close socss-button"> |
| 127 | <span class="fa fa-check"></span> |
| 128 | </div> |
| 129 | </div> |
| 130 | |
| 131 | <ul class="section-tabs"> |
| 132 | </ul> |
| 133 | |
| 134 | <div class="sections"> |
| 135 | </div> |
| 136 | |
| 137 | </div> |
| 138 | |
| 139 | </div> |
| 140 | |
| 141 | <div class="clear"></div> |
| 142 | |
| 143 | </div> |
| 144 |