Profound Logic Forums

Code: Select all

// Called when a subfile row is clicked/tapped
function pickSelSubfileRowClick(row) {

  // Load jQuery, if not already loaded, then call doClick function.
  // If jQuery already loaded, go straight to doClick fucntion.
  if(!jQuery) {

    pui.loadJS({
      path     : pui.normalizeURL("/profoundui/userdata/custom/js/jquery-1.11.2.min.js"),
      callback : doClick(row)
    });
  } else {
    doClick(row)
  }
}

// perform the subfile row fade out/in and the "Tap Again" message fade in/out.
function doClick(row) {

  // Get the parent class of the pick number on the selected row
  var parent = $("#pickNum\\."+row).offsetParent();
  var parentClass = $(parent).attr("class");

  // if a selected row class. take this as second click.
  if (parentClass == 'cell odd selected' || parentClass == 'cell even selected') {
	pui.click();
  } else {
        
    // Fade out row, fade in action text, then reverse.
    $(".rowData"+row).fadeTo("slow", 0).fadeTo("slow", 1);
    $("#lblAction\\."+row).fadeTo("slow", 1).fadeTo("slow", 0);

  }      
}

Code: Select all

pui.addCustomProperty({
	name: "responseInd",
	type: "long",
	controls: ["css back button", "css exit button", "css pause button", "css play button", "css refresh button", "css accept button"],
	category: "Identification",
	help: "Specifies a response indicator that is returned to your program when the element is clicked.",
});

Code: Select all

// Define Base widget
pui.widgets.add({
	name: "css accept button",
	newId: "cssAcceptButton",
	menuName: "CSS Accept Button",

	// additional default property values can be specified here
	defaults: {
		"width": "48px",
		"height": "56px",
		"background position": "center",
		"background repeat": "no-repeat",
		"z index": "99999",
		"field type": "image",
		"responseInd": { "fieldName": "btn_go", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "1 / 0" },
		"tool tip": "Accept/Confirm/Go",
		"css class": "ankerCSSButton",
	},
	
	propertySetters: {
		"field type": function(parms) {
			if (parms.design) {


		        // design mode content creation code goes here
		        // add preview image
				var img = document.createElement("img");
		        img.src = "/profoundui/userdata/images/icons/DesignerIcons/cssAcceptButton_DesignerIcon.png";
				img.style.position = "absolute";
		        img.style.left = "0px";
				img.style.top = "0px";
				img.style.width = "100%";
		        img.style.height = "100%";
				parms.dom.appendChild(img);
		        parms.dom.style.overflow = "hidden";
				
			}
			else
			{
				
				// code here will define how the widget appears at run-time
				parms.dom.innerHTML = "";
				
				var fontSize = parms.properties["font-size"];
				var fontAwesomeFontSize = parms.properties["Font Awesome Size"];
				var fontAwesomeFontScale = parms.properties["Font Awesome Scale"];
				var html = addButtonMarkup("accept", fontSize, fontAwesomeFontSize, fontAwesomeFontScale);
				parms.dom.innerHTML = html;
			}
		}
	},
});


// Now, add an entry to the Widgets Toolbox
pui.toolbox.add({
	category: "Anker Widgets",
	widget: "css accept button",
	text: "CSS Accept Button",
	icon: "/profoundui/userdata/images/icons/DesignerIcons/cssAcceptButton_DesignerIcon.png",
	
	// this determines the look of the drag/drop proxy as we drag the widget element off the toolbox
	proxyHeight: 30,
	proxyWidth: 30,
	proxyHTML: '<img src="/profoundui/userdata/images/icons/DesignerIcons/cssAcceptButton_DesignerIcon.png" style="width: 30px; height: 30px;">',
	
	defaults: {
		"width": "48px", 
		"height": "56px", 
		"responseInd":{
          "fieldName":"btn_go",
          "customTrue":"",
          "customFalse":"",
          "dataType":"indicator",
          "formatting":"Indicator",
          "indFormat":"1 / 0"
		 }
	}
});