init

include/ECM/EcmDropdownEditor/EcmDropdownEditor.js

@@ -0,0 +1,204 @@
+var EcmDropdownEditor_show = function(container) {
+ 
+    var div = $('[name='+container+']');
+    var module = $('form[name=EditView]').find('input[name=module]').val();
+    
+    var params = new Array;
+    params[0] = module;
+    params[1] = container;
+    
+    // AJAX call
+    jQuery.ajax({
+        type : 'POST',
+        url : 'index.php?entryPoint=HandleEcmAjax',
+        data : {
+            ecmclass : 'EcmDropdownEditor',
+            job : 'getEditView',
+            params : utf8_to_b64(JSON.stringifyNoSecurity(params)),
+        },
+        dataType : 'json',
+        async : false,
+        success : function(response) {
+            div.html(response[0]);
+            div.show();
+            return;
+        },
+        error : function(xhr, ajaxOptions, thrownError) {
+            console.log(thrownError);
+        }
+    });
+    
+    div.show();
+}
+
+var EcmDropdownEditor_addOption = function(key) {
+	// AJAX call
+	jQuery.ajax({
+		type : 'POST',
+		url : 'index.php?entryPoint=HandleEcmAjax',
+		data : {
+			ecmclass : 'EcmDropdownEditor',
+			job : 'getOptionTemplate',
+		},
+		dataType : 'json',
+		async : false,
+		success : function(response) {
+			var optDiv = jQuery.parseHTML(response[0]);
+			jQuery(response[0]).insertBefore(
+					jQuery('[name=' + key + ']').find('span'));
+			return;
+		},
+		error : function(xhr, ajaxOptions, thrownError) {
+			console.log(thrownError);
+		}
+	});
+}
+
+var EcmDropdownEditor_save = function(dom, container) {
+	if (!EcmDropdownEditor_validate(dom)) {		
+		return false;
+	}
+	var doms = EcmDropdownEditor_parseArrays(dom);
+	var params = new Array;
+	params[0] = dom; //name of list
+	params[1] = doms;//list of values
+	// AJAX call
+	jQuery.ajax({
+		type : 'POST',
+		url : 'index.php?entryPoint=HandleEcmAjax',
+		data : {
+			ecmclass : 'EcmDropdownEditor',
+			job : 'saveDom',
+			params : utf8_to_b64(JSON.stringifyNoSecurity(params)),
+		},
+		dataType : 'json',
+		async : false,
+		success : function(response) {
+		    var div = $('[name='+container+']');
+		    div.hide();
+		    EcmDropdownEditor_refreshField(container);
+			return;
+		},
+		error : function(xhr, ajaxOptions, thrownError) {
+			console.log(thrownError);
+		}
+	});	
+}
+
+var EcmDropdownEditor_refreshField = function(container) {
+    
+    var module = $('form[name=EditView]').find('input[name=module]').val();
+    
+    var params = new Array;
+    params[0] = module;//list of values
+    params[1] = container;//list of values
+    // AJAX call
+    jQuery.ajax({
+        type : 'POST',
+        url : 'index.php?entryPoint=HandleEcmAjax',
+        data : {
+            ecmclass : 'EcmDropdownEditor',
+            job : 'refreshField',
+            params : utf8_to_b64(JSON.stringifyNoSecurity(params)),
+        },
+        dataType : 'json',
+        async : false,
+        success : function(response) {
+            var tmp = container.split("___");
+            $('form[name=EditView]').find('select[name='+tmp[0]+']').html(response[0]);
+            return;
+        },
+        error : function(xhr, ajaxOptions, thrownError) {
+            console.log(thrownError);
+        }
+    }); 
+}
+
+var EcmDropdownEditor_cancel = function(container) {
+    var div = $('[name='+container+']');
+    div.html('');
+    div.hide();
+}
+
+var EcmDropdownEditor_parseArrays = function(dom) {
+	var normal = {};
+	var options = jQuery('[name=' + dom + ']').children('div');
+	jQuery.each(options, function(key, val) {
+		//check normal inputs
+		var optionKey = jQuery(val).attr('name');
+		var values = jQuery(val).children('input:not([name$=ext])');
+		jQuery.each(values, function(key2, val2) {
+			name = jQuery(val2).attr('name');
+			if (!normal[name])
+				normal[name] = {};
+			normal[name][optionKey] = jQuery(val2).val();
+		});
+	});
+	return normal;
+}
+
+var EcmDropdownEditor_validate = function(dom) {
+	var error = false;
+	// get all options in DIV name = dom
+	var options = jQuery('[name=' + dom + ']').children('div');
+	// loop throw options looking for errors
+	jQuery.each(options, function(key, val) {
+		// check empty options
+		var empty = true;
+		var values = jQuery(val).children('input');
+		jQuery.each(values, function(key2, val2) {
+			valInput = jQuery(val2).val();
+			valInput = valInput.trim();
+			if (valInput.length != 0)
+				empty = false;
+		});
+		if (empty) 
+			jQuery(val).remove(); // delete empty option
+		values = null;
+		//check normal inputs
+		values = jQuery(val).children('input:not([name$=ext])');
+		jQuery.each(values, function(key2, val2) {
+			valInput = jQuery(val2).val();
+			valInput = valInput.trim();
+			if (valInput.length == 0) {
+				jQuery(val2).addClass('dropdowneditor_error');
+				error = true;
+			} else
+				jQuery(val2).removeClass('dropdowneditor_error');
+		});
+	});
+	if (error) {
+		return false;
+	}
+	return true;
+}
+
+var EcmDropdownEditor_moveElementUp = function(el) {
+	var parent = jQuery(el).parent();
+	var prev = parent.prev();
+	if (prev.length == 0)
+		return;
+	parent.insertBefore(prev);
+}
+
+var EcmDropdownEditor_moveElementDown = function(el) {
+	var parent = jQuery(el).parent();
+	var next = parent.next();
+	if (next.length == 0)
+		return;
+	parent.insertAfter(next);
+}
+
+//helper 
+function utf8_to_b64( str ) {
+    return window.btoa(unescape(encodeURIComponent( str )));
+}
+
+function b64_to_utf8( str ) {
+    return decodeURIComponent(escape(window.atob( str )));
+}
+
+
+var cl = function(m) {
+	console.log(m);
+}

include/ECM/EcmDropdownEditor/EcmDropdownEditorController.php

@@ -0,0 +1,19 @@
+<?php 
+require_once 'include/ECM/EcmDropdownEditor/EcmDropdownEditor.inc';
+
+class EcmDropdownEditorController {
+	public function getOptionTemplate() {
+		return array (EcmDropdownEditor::getOptionTemplate());
+	}
+	public function saveDom($name, $normal, $ext) {
+		return array (EcmDropdownEditor::saveDom($name, $normal, $ext));
+	}
+	public function getEditView($module, $fieldName) {
+	    $dpe = new EcmDropdownEditor($module, $fieldName);
+	    return array ($dpe->DrawEditView());
+	}
+	public function refreshField($module, $fieldName) {
+	    $dpe = new EcmDropdownEditor($module, $fieldName);
+	    return array ($dpe->getOptionsHTML());
+	}
+}

include/ECM/EcmDropdownEditor/EditView.tpl

@@ -0,0 +1,38 @@
+<style type="text/css">
+        {literal}
+		.inputVal {
+			width: 200px;
+		}
+		.dropdowneditor_error {
+			background-color : #CC0000;
+		}
+		{/literal}
+</style>
+<br>
+<hr>
+<div name="EcmDropdownEditor">
+{foreach from=$DROPDOWNS item=DOM key=NAME}
+<div name="{$NAME}"> 
+	{foreach from=$DOM item=VAL key=KEY}
+	<div name="{$KEY}">
+		<img src="themes/Sugar5/images/delete.gif" style="cursor: pointer;" onclick="$(this).parent().remove();"></img>&nbsp;
+		<img src="themes/Sugar5/images/arrow_up.gif" style="cursor: pointer;" onclick="EcmDropdownEditor_moveElementUp(this);"></img>&nbsp;
+		<img src="themes/Sugar5/images/arrow_down.gif" style="cursor: pointer;" onclick="EcmDropdownEditor_moveElementDown(this);"></img><br>
+		{foreach from=$VAL item=I key=L}
+				&nbsp;&nbsp;&nbsp;&nbsp;
+				<input class="inputVal" name="{$L}" value="{$I}"/>
+			&nbsp;&nbsp;( {$LANGUAGES[$L]} )<br>
+		{/foreach}
+		<br>
+	</div> <!-- End: $KEY -->
+	{/foreach}
+	<span name="eoo"></span> <!-- mark end of option -->
+	<button type="button" class="button" value="" onclick="EcmDropdownEditor_addOption('{$NAME}')">
+	<img src="themes/default/images/id-ff-add.png"</img>
+	</button>
+	<input type="button" class="button" value="{sugar_translate label='LBL_SAVE' module='Home'}" onclick="EcmDropdownEditor_save('{$NAME}', '{$CONTAINER}')"/>
+	<input type="button" class="button" value="{sugar_translate label='LBL_CANCEL' module='Home'}" onclick="EcmDropdownEditor_cancel('{$CONTAINER}')"/>
+</div> <!-- End: $NAME -->
+<hr>
+{/foreach}
+</div> <!-- End: EcmDropdownEditor -->

include/ECM/EcmDropdownEditor/addOption.tpl

@@ -0,0 +1,8 @@
+<div name="{$KEY}">
+	{foreach from=$LANGUAGES key=ID item=VAL}
+		&nbsp;&nbsp;&nbsp;&nbsp;
+		<input class="inputVal" name="{$ID}" value=""/>
+		&nbsp;&nbsp;( {$VAL} )<br>
+	{/foreach}
+	<br>
+</div>

include/ECM/EcmDropdownEditor/createOptions.tpl

@@ -0,0 +1,4 @@
+{foreach from=$OPTIONS key=ID item=VAL}
+<option value="{$ID}" label="{$VAL}">{$VAL}</option> 
+{/foreach}
+