first commit

vendor/wpcfto/settings/view/header.php

@@ -0,0 +1,53 @@
+<?php
+/**
+ * @var $id
+ * @var $wpcfto_title
+ * @var $wpcfto_sub_title
+ * @var $wpcfto_logo
+ */
+
+$only_logo = empty($wpcfto_title) && empty($wpcfto_sub_title);
+?>
+
+
+<div v-cloak v-if="data !== ''" class="wpcfto_settings_head">
+
+	<div class="wpcfto_settings_head__side">
+
+		<div class="wpcfto_settings_head__logo <?php if($only_logo) echo esc_attr('wpcfto_settings_head__logo_only') ?>">
+			<img src="<?php echo esc_url($wpcfto_logo); ?>" alt="Logo">
+		</div>
+
+		<div class="wpcfto_settings_head__label">
+            <?php if(!empty($wpcfto_title)): ?>
+                <div class="wpcfto_settings_head__title">
+                    <?php echo esc_attr($wpcfto_title); ?>
+                </div>
+            <?php endif; ?>
+
+            <?php if(!empty($wpcfto_sub_title)): ?>
+                <div class="wpcfto_settings_head__subtitle">
+                    <?php echo esc_attr($wpcfto_sub_title); ?>
+                </div>
+            <?php endif; ?>
+		</div>
+
+	</div>
+
+	<div class="wpcfto_settings_head__content">
+
+		<div class="wpcfto_search_group">
+			<input type="text" name="" value="" class="wpcfto-search-field" placeholder="<?php esc_html_e( 'Search', 'wp-custom-fields-theme-options' ); ?>" />
+		</div>
+
+		<a href="#"
+		   @click.prevent="saveSettings('<?php echo esc_attr( $id ); ?>')"
+		   v-bind:class="{'loading': loading}"
+		   class="button load_button" id="publish">
+			<span><?php esc_html_e( 'Save Settings', 'wp-custom-fields-theme-options' ); ?></span>
+			<i class="lnr lnr-sync"></i>
+		</a>
+
+	</div>
+
+</div>

vendor/wpcfto/settings/view/main.php

@@ -0,0 +1,42 @@
+<?php
+
+/**
+ * @var $metabox
+ * @var $page
+ * @var $wpcfto_title
+ * @var $wpcfto_sub_title
+ * @var $wpcfto_logo
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+} //Exit if accessed directly
+
+if(empty($wpcfto_title)) $wpcfto_title = $page['page_title'];
+
+?>
+
+<?php
+$id        = $metabox['id'];
+$sections  = $metabox['args'][ $id ];
+$source_id = 'data-source="settings"';
+
+
+do_action( "wpcfto_settings_screen_{$id}_before" );
+
+if ( ! empty( $sections ) ) : ?>
+
+	<div class="wpcfto-settings"
+		 v-bind:class="'data-' + data.length"
+		 data-vue="<?php echo sanitize_text_field( $id ); ?>" <?php echo stm_wpcfto_filtered_output( $source_id ); ?>>
+
+		 <?php include STM_WPCFTO_PATH . '/settings/view/header.php'; ?>
+
+		 <?php require_once( STM_WPCFTO_PATH . '/metaboxes/metabox-display.php' ); ?>
+
+
+	</div>
+
+<?php endif;
+
+do_action( "wpcfto_settings_screen_{$id}_after" );