Added missing important view for ECML web services embed.

git-svn-id: http://code.elgg.org/elgg/trunk@6665 36083f99-b078-4883-b0ff-0f9b5a30f544

1 files changed, 183 insertions, 0 deletions

diff --git a/mod/ecml/views/default/embed/web_services/content.php b/mod/ecml/views/default/embed/web_services/content.php
new file mode 100644
index 000000000..42e9279c9
--- /dev/null
+++ b/mod/ecml/views/default/embed/web_services/content.php
@@ -0,0 +1,183 @@
+<?php 
+/**
+ * URL -> ECML converter for supported 3rd party services.
+ * 
+ * Tries to automatically detect which site/ecml to use.
+ * Will highlight the correct one.
+ * If can find none, will show an error.
+ * Lets users click to force an ECML keyword, but will display a warning.
+ * 
+ */
+
+$internal_name = elgg_get_array_value('internal_name', $vars);
+
+$keywords = ecml_get_keywords();
+elgg_sort_3d_array_by_value($keywords, 'name');
+
+$keyword_js_array = array();
+$keyword_html = '<ul>';
+// include support for standard ECML so you can get previews and validation.
+//$keyword_html = '<li class="ecml_web_service"><a class="ecml">Generic ECML</a></li>';
+
+foreach ($keywords as $i => $v) {
+	if (!isset($v['type']) || $v['type'] != 'web_service') {
+		unset ($keywords[$i]);
+		continue;
+	}
+	
+	// make sure the classname doens't have invalid chars.
+	$class = str_replace(array('.', ','), '_', $i);
+	$keyword_js_array[] = $class;
+	
+	$keywords_html .= "<li class=\"ecml_web_service\"><a class=\"$class\">{$v['name']}</a></li>";
+}
+
+$keywords_html .= '</ul>';
+
+$keywords_js = json_encode($keyword_js_array);
+
+$input = elgg_view('input/text', array(
+	'internalid' => 'web_services_resource'
+));
+
+$embed = elgg_view('input/button', array(
+	'name' => 'buggy',
+	'internalid' => 'embed_submit',
+	'type' => 'button',
+	'value' => elgg_echo('embed:embed'),
+	'class' => 'embed_disabled',
+	'disabled' => TRUE
+));
+
+echo $input;
+echo '<p>ECML: <span id="ecml_code"></span></p>';
+echo $keywords_html;
+echo $embed;
+
+?>
+<h2>Preview</h2>
+<div id="ecml_preview"></div>
+
+<script type="text/javascript">
+
+$(function() {
+	var keywords = <?php echo $keywords_js; ?>;
+	var selected_service = '';
+	var manual_selected_service = false;
+	var embed_button = $('#embed_submit');
+	var embed_resource_input = $('#web_services_resource');
+
+	// counter for paused input to try to validate/generate a preview.
+	var rest_timeout_id = null;
+	var rest_min_time = 750;
+	var embed_generate_ecml_url = '<?php echo $vars['url']; ?>/pg/ecml_generate';
+	var internal_name = '<?php echo addslashes($internal_name); ?>';
+	
+	var web_services_ecml_update = function() {
+		if (rest_timeout_id) {
+			clearTimeout(rest_timeout_id);
+		}
+		
+		if (manual_selected_service) {
+			// fire off preview attempt
+			rest_timeout_id = setTimeout(generate_ecml, rest_min_time);
+			return true;
+		}
+		
+		var value = $(this).val();
+		var value_length = value.length;
+		 
+		if (value_length > 0) {
+			embed_button.removeAttr('disabled').removeClass('embed_disabled').addClass('embed_warning');
+		} else {
+			embed_button.attr('disabled', 'disabled').addClass('embed_disabled');
+		}
+		
+		if (value_length < 5) {
+			$('.ecml_web_service a').removeClass('selected');
+			return true;
+		}
+
+		// if this is ECML check that it's a valid keyword
+		if (value.substr(0, 1) == '[') {
+			var keyword = value.split(' ')[0];
+			keyword = keyword.replace('[', '');
+			keyword = keyword.replace(']', '');
+			if ($.inArray(keyword, keywords) >= 0) { 
+				select_service(keyword);
+			}
+		} else {
+			// check if any of the ECML keywords exist in the
+			// string and select that service.
+			$(keywords).each(function(index, keyword) {
+				if (value.indexOf(keyword) >= 0) {
+					select_service(keyword);
+					return true;
+				}
+			});
+		}
+
+		// fire off a preview attempt
+		if (selected_service) {
+			rest_timeout_id = setTimeout(generate_ecml, rest_min_time);
+		}
+	};
+
+	var select_service = function(service) {
+		if ($.inArray(service, keywords) === false) {
+			return false;
+		}
+		
+		selected_service = service;
+		$('.ecml_web_service a').removeClass('selected');
+		$('.ecml_web_service a.' + service).addClass('selected');
+	}
+
+	// pings back core to generate the ecml.
+	// includes a status, ecml code, and the generated html. 
+	var generate_ecml = function() {
+		if (!selected_service) {
+			return false;
+		}
+		
+		var resource = embed_resource_input.val();
+		var post_data = {'service': selected_service, 'resource': resource};
+
+		$.post(embed_generate_ecml_url, post_data, function(data) {
+			if (data.status == 'success') {
+				// show previews and update embed code.
+				$('#ecml_preview').html(data.html);
+				$('#ecml_code').html(data.ecml);
+				$('body').data('elgg_embed_ecml', data.ecml);
+
+				// set status for embed button
+				embed_button.removeAttr('disabled').removeClass('embed_disabled').removeClass('embed_warning').addClass('embed_good');
+			}
+		}, 'json');
+	}
+
+	// auto guess the service.
+	embed_resource_input.keyup(web_services_ecml_update);
+
+	// manually specify the service
+	$('.ecml_web_service a').click(function() {
+		select_service($(this).attr('class'));
+		manual_selected_service = true;
+	});
+	
+	$('#embed_submit').click(function() {
+		// insert the ECML
+		// if the ECML input is empty, insert the resource.
+		if (!(content = $('body').data('elgg_embed_ecml'))) {
+			// @todo display an error?
+			content = embed_resource_input.val();
+		}
+
+		elggEmbedInsertContent(content, internal_name);
+		
+		return false;
+	});
+});
+
+
+</script>
\ No newline at end of file