initial commit

README.md

@@ -0,0 +1 @@
+# FacetWP - P2P

assets/css/front.css

@@ -0,0 +1,20 @@
+.facetwp-type-p2p {
+    overflow: auto;
+    max-height: 160px;
+}
+
+.facetwp-p2p {
+    background: url(../images/checkbox.png) no-repeat;
+    margin-bottom: 4px;
+    padding-left: 20px;
+    cursor: pointer;
+}
+
+.facetwp-p2p.checked {
+    background: url(../images/checkbox-on.png) no-repeat;
+}
+
+.facetwp-p2p.disabled {
+    opacity: 0.4;
+    cursor: default;
+}

classes/p2p.php

@@ -0,0 +1,299 @@
+<?php
+class FacetWP_Facet_P2P {
+
+	function __construct() {
+		$this->label = __( 'Posts to Posts', 'fwp' );
+
+		add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_scripts' ), 50 );
+	}
+
+	/**
+	 * Enqueue scripts.
+	 *
+	 * @param string $hook current page's hook
+	 *
+	 * @return bool
+	 */
+	function enqueue_scripts( $hook ) {
+		if ( 'settings_page_facetwp' !== $hook ) {
+			return false;
+		}
+
+		//Register underscore
+		wp_enqueue_script( 'underscore' );
+
+		//Print object with P2P connexions details
+		$connexions = P2P_Connection_Type_Factory::get_all_instances();
+		$connexions_obj = array();
+		foreach( $connexions as $connexion ) {
+			foreach( array( 'from', 'to' ) as $side ) {
+				$ptype_slug = $connexion->side[ $side ]->first_post_type();
+				$ptype = get_post_type_object( $ptype_slug );
+				$connexions_obj[ $connexion->name ][ $side ] = array(
+					'slug' => $ptype_slug,
+					'name' => $ptype->labels->singular_name,
+				);
+			}
+		}
+
+		wp_localize_script( 'jquery', 'p2pConnexionsData', $connexions_obj );
+	}
+
+	/**
+	 * Load the available choices
+	 */
+	function load_values( $params ) {
+		global $wpdb;
+
+		$facet = $params['facet'];
+		$where_clause = $params['where_clause'];
+
+		// Orderby
+		$orderby = 'counter DESC, f.facet_display_value ASC';
+
+		$orderby = apply_filters( 'facetwp_facet_orderby', $orderby, $facet );
+		$where_clause = apply_filters( 'facetwp_facet_where', $where_clause, $facet );
+
+		// Limit
+		$limit = 10;
+
+		$sql = "
+        SELECT f.facet_value, f.facet_display_value, COUNT(*) AS counter
+        FROM {$wpdb->prefix}facetwp_index f
+        WHERE f.facet_name = '{$facet['name']}' $where_clause
+        GROUP BY f.facet_value
+        ORDER BY $orderby
+        LIMIT $limit";
+
+		return $wpdb->get_results( $sql );
+	}
+
+	/**
+	 * Generate the facet HTML
+	 */
+	function render( $params ) {
+
+		$facet = $params['facet'];
+
+		$output = '';
+		$values = (array) $params['values'];
+		$selected_values = (array) $params['selected_values'];
+
+		foreach ( $values as $result ) {
+			$selected = in_array( $result->facet_value, $selected_values ) ? ' checked' : '';
+			$selected .= ( 0 == $result->counter ) ? ' disabled' : '';
+			$output .= '<div class="facetwp-p2p' . $selected . '" data-value="' . $result->facet_value . '">';
+			$output .= $result->facet_display_value . ' <span class="facetwp-counter">(' . $result->counter . ')</span>';
+			$output .= '</div>';
+		}
+
+		return $output;
+	}
+
+	/**
+	 * Filter the query based on selected values
+	 */
+	function filter_posts( $params ) {
+		global $wpdb;
+
+		$output = array();
+		$facet = $params['facet'];
+		$selected_values = $params['selected_values'];
+
+		$sql = $wpdb->prepare( "SELECT DISTINCT post_id
+            FROM {$wpdb->prefix}facetwp_index
+            WHERE facet_name = %s",
+			$facet['name']
+		);
+
+
+		$selected_values = implode( "','", $selected_values );
+		$output = $wpdb->get_col( $sql . " AND facet_value IN ('$selected_values')" );
+
+		return $output;
+	}
+
+	/**
+	 * Output admin settings HTML
+	 */
+	function settings_html() {
+	$connexions = P2P_Connection_Type_Factory::get_all_instances();
+	$options = array();
+	foreach( $connexions as $connexion ) {
+		$from_ptype = get_post_type_object( $connexion->side['from']->first_post_type() );
+		$to_ptype = get_post_type_object( $connexion->side['to']->first_post_type() );
+		$options[ $connexion->name ] = sprintf( "%s to %s", $from_ptype->labels->singular_name, $to_ptype->labels->singular_name );
+	}
+	?>
+	<tr class="facetwp-conditional type-p2p">
+		<td>
+			<?php _e('Data source', 'fwp'); ?>:
+			<div class="facetwp-tooltip">
+				<span class="icon-question">?</span>
+				<div class="facetwp-tooltip-content"><?php _e( 'The data used to populate this facet', 'fwp' ); ?></div>
+			</div>
+		</td>
+		<td>
+			<select class="facet-source-p2p">
+				<optgroup label="Connexions">
+					<?php foreach ($options as $connexion_slug => $connexion_name) : ?>
+						<option value="p2p/<?php echo esc_attr( $connexion_slug ); ?>"><?php echo $connexion_name; ?></option>
+					<?php endforeach; ?>
+				</optgroup>
+			</select>
+		</td>
+	</tr>
+	<tr class="facetwp-conditional type-p2p">
+		<td>
+			<?php _e('Choose connexion side', 'fwp'); ?>:
+			<div class="facetwp-tooltip">
+				<span class="icon-question">?</span>
+				<div class="facetwp-tooltip-content">
+					Choose which side of the connexion
+					should be indexed by FacetWP.
+				</div>
+			</div>
+		</td>
+		<td>
+			<select class="facet-connexion-side">
+				<option><?php _e( 'Select a P2P connexion' ); ?></option>
+			</select>
+		</td>
+	</tr>
+	<?php
+	}
+
+	/**
+	 * Output any admin scripts
+	 */
+	function admin_scripts() {
+		?>
+		<script>
+		(function($) {
+			//execute when FacetWP load the settings
+			wp.hooks.addAction('facetwp/load/p2p', function($this, obj) {
+				$this.find('.type-p2p .facet-source-p2p').val(obj.source);
+
+				//if we have a P2P connexion
+				if(!_.isUndefined(obj.source) && !_.isUndefined(obj.connexion_side)) {
+					//get the select
+					var $connexion_side = $this.find('.type-p2p .facet-connexion-side');
+
+					//populate its values
+					_update_connexion_side(obj.source.substr(4), $connexion_side);
+
+					//select the correct option
+					$connexion_side.val(obj.connexion_side);
+				}
+			});
+
+			//execute when FacetWP save the settings
+			wp.hooks.addFilter('facetwp/save/p2p', function($this, obj) {
+				obj['source'] = $this.find('.type-p2p .facet-source-p2p').val();
+				obj['connexion_side'] = $this.find('.type-p2p .facet-connexion-side').val();
+				return obj;
+			});
+
+			//execute when a user select the type P2P for a facet
+			wp.hooks.addAction('facetwp/change/p2p', function($this) {
+				//hide the default source
+				$this.closest('.facetwp-facet').find('.name-source').hide();
+
+				//get the first connexion
+				var connexion = $this.closest('.facetwp-facet').find('.facet-source-p2p').val().substr(4),
+					$connection_side = $this.closest('.facetwp-facet').find('.type-p2p .facet-connexion-side');
+
+				_update_connexion_side(connexion, $connection_side);
+			});
+
+			//execute when a user choose another P2P connexion
+			$(document).on('change', '.facet-source-p2p', function() {
+				var connexion = $(this).val().substr(4);
+
+				if(!_.isEmpty(connexion)) {
+					_update_connexion_side(connexion);
+				}
+			});
+
+			/**
+			 * Update input content with the relevant choices for selected connexion.
+			 *
+			 * @param {string} connexion the connexion's name
+			 * @param {Object} $facet    the input wrap in a jQuery object
+			 *
+			 * @returns {Boolean} TRUE on success, FALSE otherwise
+			 * @private
+			 */
+			function _update_connexion_side(connexion, $facet) {
+				var sides = _load_connexion_sides(connexion),
+					$connexion_side = $facet || $('.facet-connexion-side:visible');
+
+				if(_.isEmpty(sides) || false === sides ) {
+					return false;
+				}
+
+				//clear the input content
+				$connexion_side.empty();
+
+				//populate the input with the new options
+				$.each(sides, function(side, data){
+					jQuery('<option />', {
+						val:data.slug,
+						text:data.name
+					}).appendTo($connexion_side);
+				});
+
+				return true;
+			}
+
+			/**
+			 * Try to get the connexion's datas from the p2pConnexionData object.
+			 *
+			 * @param {string} connexion the connexion's name
+			 *
+			 * @returns {Object|Boolean} the connexion's datas or FALSE
+			 * @private
+			 */
+			function _load_connexion_sides(connexion) {
+				if(_.isEmpty(connexion)) {
+					return false;
+				}
+
+				if(!_.isUndefined(p2pConnexionsData[connexion])) {
+					return p2pConnexionsData[connexion];
+				}
+
+				return false;
+			}
+		})(jQuery);
+		</script>
+		<?php
+	}
+
+	/**
+	 * Output any front-end scripts
+	 */
+	function front_scripts() {
+		?>
+		<script>
+			(function($) {
+				wp.hooks.addAction('facetwp/refresh/p2p', function($this, facet_name) {
+					var selected_values = [];
+					$this.find('.facetwp-p2p.checked').each(function() {
+						selected_values.push($(this).attr('data-value'));
+					});
+					FWP.facets[facet_name] = selected_values;
+				});
+
+				wp.hooks.addAction('facetwp/ready', function() {
+					$(document).on('click', '.facetwp-facet .facetwp-p2p:not(.disabled)', function() {
+						$(this).toggleClass('checked');
+						var $facet = $(this).closest('.facetwp-facet');
+						FWP.autoload();
+					});
+				});
+			})(jQuery);
+		</script>
+	<?php
+	}
+}