Three new fields - MultiText ( repeatable text), Single Image and Gallery field

class-meta-box.php

@@ -16,6 +16,8 @@ class TitanFrameworkMetaBox {
 		'hide_custom_fields' => true, // If true, the custom fields box will not be shown
         'priority' => 'high', //  high, core, default, low
 		'desc' => '', // Description displayed below the title
+        'post_format'=>array('standard','aside','chat','link','gallery','image','audio','video','status','quote'),
+        'page_template'=>array()
 	);
 
 	public $settings;
@@ -82,7 +84,7 @@ public function display( $post ) {
 		}
 
 		?>
-		<table class="form-table tf-form-table">
+		<table class="form-table tf-form-table " data-post-format="<?php echo join(",",$this->settings['post_format']);?>" data-page-template="<?php echo join(",",$this->settings['page_template']);?>">
 		<tbody>
 		<?php
 		foreach ( $this->options as $option ) {

class-option-checkbox.php

@@ -12,7 +12,7 @@ public function display() {
 
 		?>
 		<label for="<?php echo $this->getID() ?>">
-		<input name="<?php echo $this->getID() ?>" type="checkbox" id="<?php echo $this->getID() ?>" value="1" <?php checked( $this->getValue(), 1 ) ?>>
+		<input name="<?php echo $this->getID() ?>" type="checkbox" id="<?php echo $this->getID() ?>" value="1"  data-did="<?php echo $this->settings['dependency']['id']; ?>" data-dvalue="<?php echo $this->settings['dependency']['value']; ?>" <?php checked( $this->getValue(), 1 ) ?>>
 		<?php echo $this->getDesc( true ) ?>
 		</label>
 		<?php

class-option-color.php

@@ -20,7 +20,7 @@ public function display() {
 		$this->echoOptionHeader();
 
 		?>
-		<input class="tf-colorpicker" type="text" name="<?php echo $this->getID() ?>" id="<?php echo $this->getID() ?>" value="<?php echo $this->getValue() ?>"  data-default-color="<?php echo $this->getValue() ?>"/>
+		<input  class="tf-colorpicker" type="text" name="<?php echo $this->getID() ?>" id="<?php echo $this->getID() ?>" value="<?php echo $this->getValue() ?>"  data-default-color="<?php echo $this->getValue() ?>" data-did="<?php echo $this->settings['dependency']['id']; ?>" data-dvalue="<?php echo $this->settings['dependency']['value']; ?>" />
 		<?php
 
 		// load the javascript to init the colorpicker

class-option-gallery.php

@@ -0,0 +1,33 @@
+<?php
+
+if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
+
+class TitanFrameworkOptionGallery extends TitanFrameworkOption {
+
+
+    function __construct($settings, $owner){
+        parent::__construct($settings,$owner);
+        add_action("admin_enqueue_scripts",array($this,'enqueueScripts'));
+    }
+    /*
+     * Display for options and meta
+     */
+    public function display() {
+        if(!isset($this->settings['dependency'])) $this->settings['dependency']=array("id"=>"","value"=>"");
+        $this->echoOptionHeader();
+        echo "<ul class='gallery-ph'></ul>";
+        echo "<input class='galleryinfo' data-did='{$this->settings['dependency']['id']}' data-dvalue='{$this->settings['dependency']['value']}'  name='".$this->getID()."'  type='hidden' value='".$this->getValue()."'/>";
+        echo "<input type='button' data-multiple='true' value='Add Images To Gallery' class='galgal button button-primary button-large'>";
+        echo "<input type='button' value='Clear' style='margin-left:10px;' class='galgalremove button button-large' >";
+        $this->echoOptionFooter();
+    }
+
+    public function enqueueScripts(){
+        wp_enqueue_media();
+        wp_enqueue_script("tf-gallery",get_template_directory_uri()."/libs/titan-framework/js/gallery.js","jquery","1.0",true);
+        wp_enqueue_style("tf-gallery-css",get_template_directory_uri()."/libs/titan-framework/css/class-option-gallery.css");
+    }
+
+
+
+}

class-option-image.php

@@ -0,0 +1,33 @@
+<?php
+
+if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
+
+class TitanFrameworkOptionImage extends TitanFrameworkOption {
+
+
+    function __construct($settings, $owner){
+        parent::__construct($settings,$owner);
+        add_action("admin_enqueue_scripts",array($this,'enqueueScripts'));
+    }
+    /*
+     * Display for options and meta
+     */
+    public function display() {
+        if(!isset($this->settings['dependency'])) $this->settings['dependency']=array("id"=>"","value"=>"");
+        $this->echoOptionHeader();
+        echo "<ul class='gallery-ph'></ul>";
+        echo "<input class='galleryinfo' data-did='{$this->settings['dependency']['id']}' data-dvalue='{$this->settings['dependency']['value']}' name='".$this->getID()."'  type='hidden' value='".$this->getValue()."'/>";
+        echo "<input type='button' value='Add Image' class='galgal button button-primary button-large' data-multiple='false'>";
+        echo "<input type='button' value='Clear' style='margin-left:10px;' class='galgalremove button button-large' >";
+        $this->echoOptionFooter();
+    }
+
+    public function enqueueScripts(){
+        wp_enqueue_media();
+        wp_enqueue_script("tf-gallery",get_template_directory_uri()."/libs/titan-framework/js/gallery.js","jquery","1.0",true);
+        wp_enqueue_style("tf-gallery-css",get_template_directory_uri()."/libs/titan-framework/css/class-option-gallery.css");
+    }
+
+
+
+}

class-option-multitext.php

@@ -0,0 +1,47 @@
+<?php
+
+if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
+
+class TitanFrameworkOptionMultitext extends TitanFrameworkOption {
+
+    function __construct($settings, $owner){
+        parent::__construct($settings,$owner);
+        add_action("admin_enqueue_scripts",array($this,'enqueueScripts'));
+    }
+    /*
+     * Display for options and meta
+     */
+    public function display() {
+        $value = $this->getValue();
+        if(empty($value))
+            $value = $this->settings['default'];
+
+        if(is_array($value))
+            $value=join("|||",$value);
+
+
+
+        if(!isset($this->settings['dependency'])) $this->settings['dependency']=array("id"=>"","value"=>"");
+        $this->echoOptionHeader();
+        echo "<input name='".$this->getID()."' type='hidden' class='repeaterjson' id='{$this->getID()}' value='".$value."' >";
+        echo "<div class='repeaterplaceholder'></div>";
+        echo "<div class='repeater' style='margin-top:10px;'><input type='button' class='repeaterbtn button button-primary' value='Add More'/> </div>";
+        $this->echoOptionFooter();
+    }
+
+    function enqueueScripts(){
+        wp_enqueue_script("tf-repeatable",get_template_directory_uri()."/libs/titan-framework/js/repeatable.js","jquery","1.0",true);
+    }
+
+    function cleanValueForGetting($value){
+
+        if( !is_array($value)){
+            $parts = explode("|||",$value);
+            return $parts;
+        }else{
+            return $value;
+        }
+
+    }
+
+}

class-option-radio-palette.php

@@ -36,6 +36,8 @@ public function display() {
 			$value = $this->settings['options'][$value];
 		}
 
+        echo "<input type='hidden' class='dep' id='".$this->getID()."dep' data-did='{$this->settings['dependency']['id']}' data-dvalue='{$this->settings['dependency']['value']}'  />";
+
 		// print the palettes
 		foreach ( $this->settings['options'] as $key => $colorSet ) {
 			printf( '<label id="%s"><input id="%s" type="radio" name="%s" value="%s" %s/> <span>',
@@ -163,4 +165,4 @@ public function render_content() {
 			}
 		}
 	}
-}
+}

class-option-radio.php

@@ -14,7 +14,7 @@ class TitanFrameworkOptionRadio extends TitanFrameworkOption {
 	public function display() {
 		$this->echoOptionHeader( true );
 
-		echo "<fieldset>";
+		echo "<fieldset data-did='{$this->settings['dependency']['id']}' data-dvalue='{$this->settings['dependency']['value']}' >";
 
 		foreach ( $this->settings['options'] as $value => $label ) {
 			printf('<label for="%s"><input id="%s" type="radio" name="%s" value="%s" %s/> %s</label><br>',

class-option-select.php

@@ -14,7 +14,7 @@ class TitanFrameworkOptionSelect extends TitanFrameworkOption {
 	public function display() {
 		$this->echoOptionHeader();
 
-		?><select name="<?php echo $this->getID(); ?>"><?php
+		?><select name="<?php echo $this->getID(); ?>" id="<?php echo $this->getID(); ?>" data-did="<?php echo $this->settings['dependency']['id']; ?>" data-dvalue="<?php echo $this->settings['dependency']['value']; ?>" ><?php
 		foreach ( $this->settings['options'] as $value => $label ) {
 
 			// this is if we have option groupings

class-option-text.php

@@ -16,15 +16,19 @@ class TitanFrameworkOptionText extends TitanFrameworkOption {
 	 * Display for options and meta
 	 */
 	public function display() {
+        if(!isset($this->settings['dependency'])) $this->settings['dependency']=array("id"=>"","value"=>"");
 		$this->echoOptionHeader();
-		printf("<input class=\"regular-text\" name=\"%s\" placeholder=\"%s\" maxlength=\"%s\" id=\"%s\" type=\"%s\" value=\"%s\"\> %s",
+		printf("<input class=\"regular-text\" name=\"%s\" placeholder=\"%s\" maxlength=\"%s\" id=\"%s\" type=\"%s\" value=\"%s\"  data-did=\"%s\"   data-dvalue=\"%s\" \> %s",
 			$this->getID(),
 			$this->settings['placeholder'],
 			$this->settings['maxlength'],
 			$this->getID(),
 			$this->settings['is_password'] ? 'password' : 'text',
-			esc_attr( $this->getValue() ), 
-			$this->settings['unit'] 
+			esc_attr( $this->getValue() ),
+            $this->settings['dependency']['id'],
+            $this->settings['dependency']['value'],
+			$this->settings['unit']
+
 		);
 		$this->echoOptionFooter();
 	}

class-option.php

@@ -27,6 +27,7 @@ class TitanFrameworkOption {
 		'default' => '', // Menu icon for top level menus only
 		'example' => '', // An example value for this field, will be displayed in a <code>
 		'livepreview' => '', // jQuery script to update something in the site. For theme customizer only
+        'dependency' =>array('id'=>'','value'=>'')
 	);
 
 	public $defaultSecondarySettings = array();

class-titan-framework.php

@@ -152,7 +152,9 @@ public function loadAdminScripts( $hook ) {
 			wp_enqueue_media();
 			wp_enqueue_script( 'tf-serialize', TitanFramework::getURL( 'js/serialize.js', __FILE__ ) );
 			wp_enqueue_script( 'tf-styling', TitanFramework::getURL( 'js/admin-styling.js', __FILE__ ) );
+			wp_enqueue_script( 'tf-visibility', TitanFramework::getURL( 'js/visibility.js', __FILE__ ) );
 			wp_enqueue_style( 'tf-admin-styles', TitanFramework::getURL( 'css/admin-styles.css', __FILE__ ) );
+            wp_localize_script("tf-visibility","fdata",array("namespace"=>$this->optionNamespace));
 		}
 	}