Upload images in questionnaire - Revision history

Administrator: /* Step 3.2 : Create the question for showing the upload form */

2019-04-08T02:57:10Z

Step 3.2 : Create the question for showing the upload form

← Older revision		Revision as of 02:57, 8 April 2019
Line 62:		Line 62:
	We will call the workflow in step 2 to get the new created folder id of recipient		We will call the workflow in step 2 to get the new created folder id of recipient

	=== Step 3.2 : Create the question for showing the upload form ===		=== Step 3.2 : Create the question for showing the upload form (a number question) ===

	Paste this code below into Javascript tab of that question		Paste this code below into Javascript tab of that question

Administrator: /* Step 3.2 : Create the question for showing the upload form */

2019-04-08T02:48:47Z

Step 3.2 : Create the question for showing the upload form

← Older revision		Revision as of 02:48, 8 April 2019
Line 62:		Line 62:
	We will call the workflow in step 2 to get the new created folder id of recipient		We will call the workflow in step 2 to get the new created folder id of recipient

	=== Step 3.3 : Create the question for showing the upload form ===		=== Step 3.2 : Create the question for showing the upload form ===

	Paste this code below into Javascript tab of that question		Paste this code below into Javascript tab of that question
Line 68:		Line 68:
	<source lang="javascript" line="1">		<source lang="javascript" line="1">
	Question.bind('afterShowQuestion', function(question, answerSheet, element) {		Question.bind('afterShowQuestion', function(question, answerSheet, element) {
	$('.cg-ui-input').hide();
	var folderid = '{{D_Current_Folder_Id}}';		$('.cg-ui-input').hide();
	~~var dlg;~~		var folderid = '{{D_Current_Folder_Id}}';
	$.getScript("../../Script/ServerMethods/ServerMethods.js", function(){
	$.getScript("../../Script/XmlParser/xmlp.js", function(){		$.getScript("../../Script/ServerMethods/ServerMethods.js", function(){
	ServerMethods.registerMethod(new Method(TYPE_ARRAY,'GetImageInfo',false,null,'~/Common/Resources/View/ImagesTab.ascx',new Parameter(TYPE_INT, 'imagepk')));		$.getScript("../../Script/XmlParser/xmlp.js", function(){
	openImagedialog();		ServerMethods.registerMethod(new Method(TYPE_ARRAY,'GetImageInfo',false,null,'~/Common/Resources/View/ImagesTab.ascx',new Parameter(TYPE_INT, 'imagepk')));
	});		openImagedialog();
	});~~//END getScript LV1~~		});
	//~~SUB~~ FUNCTION		});
	function openImagedialog() {		//openImagedialog FUNCTION
	window.getActiveDialog = function(body) {		function openImagedialog() {
	var ~~strBody~~ = $(~~body~~)~~.prop('outerHTML');~~		window.getActiveDialog = function(body) {
	~~var imageId = parseInt(strBody.substring(strBody.lastIndexOf("addList(")+8,strBody.lastIndexOf(",'Add')")));~~		var imagepkCallback = function(imagepk) {
	~~//console.log(imageId);~~		Question.attr('answer', parseInt(imagepk));
	Question.attr('answer', ~~imageId~~);		$(parent.document).find('.ui-widget-overlay').remove();
	~~//console.log(Question~~);		$(parent.document).find('.ui-dialog').remove();
	$(parent.document).find('.ui-widget-overlay').remove();		};
	$(parent.document).find('.ui-dialog').remove();		return {
	~~$('#comUp').text('An Image has just been uploaded. Please click "Next" button to continue')~~;		show: function() {},
			papa: {
	~~return~~ {papa: {}};		resourceTree_AddResource: imagepkCallback
	};		}
			};
			};
			};
	var virtualAppHost = window.location.origin;		var virtualAppHost = window.location.origin;
	var url = virtualAppHost + "/Common/ResourceExplorer/EditImagePage.aspx?afn=Images/Resources&parenttype=6" +		var url = virtualAppHost + "/Common/ResourceExplorer/EditImagePage.aspx?afn=Images/Resources&parenttype=6" +
Line 103:		Line 106:
	title: "Add new image"		title: "Add new image"
	});		});
	$dialog.dialog('open');		$dialog.dialog('open');
	}

	});		});
	</source>		</source>

	== Source ==		== Source ==
	Questionnaire Resource Id on cg.catglobe.com site: 1219174		Questionnaire Resource Id on cg.catglobe.com site: 1219174

Administrator at 02:47, 8 April 2019

2019-04-08T02:47:19Z

Show changes

Nguyentrantri: /* Source */

2019-04-05T11:11:11Z

Source

← Older revision		Revision as of 11:11, 5 April 2019
Line 347:		Line 347:
	</source>		</source>
	== Source ==		== Source ==
	Questionnaire Resource Id on cg.catglobe.com site: ~~75216~~		Questionnaire Resource Id on cg.catglobe.com site: 1219174

Nguyentrantri: Update for new viewer

2019-04-05T11:10:14Z

Update for new viewer

@@ Line 305: / Line 305: @@
 <source lang="javascript" line="1">
-/*-------------------------------------------------------------------------
+Question.bind('afterShowQuestion', function(question, answerSheet, element) {
-	Set initial information for the uploading image
+  $('.cg-ui-input').hide();
--------------------------------------------------------------------------*/
+var folderid = '{{D_Current_Folder_Id}}';
-quest.onInit = function()
+var dlg;
+   $.getScript("../../Script/ServerMethods/ServerMethods.js", function(){
-	quest.ImageList = new ImageList($("#attachmentContainer").get(0), "800px","400px" );
+   		$.getScript("../../Script/XmlParser/xmlp.js", function(){
-	quest.ImageList.setFolderId('{{D_Current_Folder_Id}}');
+    		ServerMethods.registerMethod(new Method(TYPE_ARRAY,'GetImageInfo',false,null,'~/Common/Resources/View/ImagesTab.ascx',new Parameter(TYPE_INT, 'imagepk')));
-        $("#attachmentContainer").append($("<input name='QUESTION.D_Image_Guid' type='hidden'>"));
+    		openImagedialog();
+}
-/*-------------------------------------------------------------------------
+ });
 </source>
 == Source ==
 Questionnaire Resource Id on cg.catglobe.com site: 75216

Nguyentrantri: Update for new viewer

2019-04-05T11:08:31Z

Update for new viewer

Show changes

Cg loc at 03:22, 7 February 2012

2012-02-07T03:22:25Z

← Older revision		Revision as of 03:22, 7 February 2012
Line 303:		Line 303:

	</source>		</source>
			== Source ==
			Questionnaire Resource Id on cg.catglobe.com site: 75216

Cg huyphong: /* How to do it */

2011-02-10T10:46:22Z

How to do it

← Older revision		Revision as of 10:46, 10 February 2011
Line 67:		Line 67:

	=== Step 3.2 : Add the following script to the questionnaire ===		=== Step 3.2 : Add the following script to the questionnaire ===

			Paste this code below into Javascript tab of the questionnaire

	<source lang="javascript" line="1">		<source lang="javascript" line="1">
Line 261:		Line 263:

	=== Step 3.3 : Create the question for showing the upload form ===		=== Step 3.3 : Create the question for showing the upload form ===

			Paste this code below into Javascript tab of that question

	<source lang="javascript" line="1">		<source lang="javascript" line="1">

Cg huyphong: /* Solution */

2011-02-10T10:44:51Z

Solution

← Older revision		Revision as of 10:44, 10 February 2011
Line 5:		Line 5:
	= Solution =		= Solution =

	When the recipient open the answersheet to answer, we will create the new folder whose name is recipient's name under the questionnaire then store the images that the he uploads in the image tab of this new created ~~user~~.		When the recipient open the answersheet to answer, we will create the new folder whose name is recipient's name under the questionnaire then store the images that the he uploads in the image tab of this new created folder.
	[[File:Question.jpg]]		[[File:Question.jpg]]


	= How to do it =		= How to do it =

Cg huyphong: /* How to do it */

2011-02-10T10:42:44Z

How to do it

← Older revision		Revision as of 10:42, 10 February 2011
Line 15:		Line 15:
	*The user template of the recipients must have the navigation access to open the Image tab of the Folder and upload the images in this image tab.		*The user template of the recipients must have the navigation access to open the Image tab of the Folder and upload the images in this image tab.

	== Step 1: ~~Create the group containing the recipients~~ ==		== Step 1: Preparation ==

	In the group list, create the group containing the recipients and grant the needed navigation ~~access~~ to this group		* In the group list, create the group containing the recipients and grant the needed navigation accesses to this group

			* In the folder list, create the folder containing all the recipients's folder.

			* Check the folder template resource id that the folder will use.

	== Step 2: Create the new folder for the recipient ==		== Step 2: Create the new folder for the recipient ==