#set ($demand_table_item_type = $CommonFunctions.displayTermFromResourceBundle($currentUserId,"Demand","demandtable.itemType"))
#set ($demand_table_item_name = $CommonFunctions.displayTermFromResourceBundle($currentUserId,"Demand","demandtable.itemName"))
#set ($demand_table_artifact_summary = $CommonFunctions.displayTermFromResourceBundle($currentUserId,"Demand","demandtable.itemArtifactSummary"))
#set ($demand_table_item_description = $CommonFunctions.displayTermFromResourceBundle($currentUserId,"Demand","demandtable.item.description"))
#set ($save_button = $CommonFunctions.getEncodedTermFromResourceBundle($currentUserId, "Demand", "demandtable.save"))
#set ($cancel_button = $CommonFunctions.getEncodedTermFromResourceBundle($currentUserId, "Demand", "demandtable.cancel"))
#set ($project_notset = $CommonFunctions.getEncodedTermFromResourceBundle($currentUserId, "Demand", "demand.notset"))

var projectDialog = {
	demandId : null,
    artifactId : null,
    name: null,
    description: null,
    typeId: null,
    typeName: null,
    projectId: null,
    projectName: null,
	projectTypeId: null,
                    			
	init : function(){	
		Ext.QuickTips.init();
		
		projectDialog.projectTypeComboDS = new Ext.data.Store({
			proxy: new Ext.data.HttpProxy({
				url: 'ajax2/Gemini?action=project.web.ajax.GetProjectTypeAction'
			}),
			reader: new Ext.data.JsonReader( {},
				[
					{name: 'projectTypeId'},
				    {name: 'projectType'}
				])
		});
		//For CR# 2748: add 'Not Set' as a type option and display only not set when users don't have the policy to view type values
		var notset_record= Ext.data.Record.create([
				{name: 'projectTypeId'},
        		{name: 'projectType'}
        ]);
        var NOT_SET = new notset_record({
			projectTypeId: '_NOTSET_',
			projectType: '$project_notset'
		});
        
        projectDialog.projectTypeComboDS.load({ callback: function() {
        																projectDialog.projectTypeComboDS.insert(0, NOT_SET);
        															  }
        									   });
				
		projectDialog.projectTypeCombo = new Ext.form.ComboBox({
			hiddenName:'projectType',
			hiddenId:'projectTypeId',
			store: projectDialog.projectTypeComboDS,
			fieldLabel : '$demand_table_item_type',
			valueField: 'projectTypeId',
			displayField: 'projectType',
			typeAhead: true,
			mode: 'local',
        	listClass: 'x-combo-list-small',
			triggerAction: 'all',
        	editable: false,
			selectOnFocus: true,
			grow: false,
			resizable: false,
			forceSelection : true,
			allowBlank: false
		});
		
		projectDialog.projectNameField = new Ext.form.TextField({
    		xtype:'textfield',
            id: 'projectNameId',
			fieldLabel: '$demand_table_item_name',
			name: 'projectName',
            //maxLength: $DemandMetaInfo.getColumnWidth("Name"), //TODO implement this
            width: 4,
			allowBlank: false
		});
		
		projectDialog.descriptionField = new Ext.form.HtmlEditor({
		            id:'projectDescId',
			        name: 'projectDesc',
			        fieldLabel: '$demand_table_item_description',
			        hideLabel: false,
			        enableFontSize: false,
			        enableLists: false,
			        enableSourceEdit: false,
			    	cleanHtml: function (html) {

			    		// The <STRONG> tag is not supported in the grid control, but the <B> tag is supported for BOLD.
			    		html = html.replace(/<STRONG>/g, "<B>");
			    		html = html.replace(/<\/STRONG>/g, "<\/B>");
			    		
			    		// The <EM> tag is not supported in the grid control, but the <I> tag is supported for Italics.
			    		html = html.replace(/<EM>/g, "<I>");
			    		html = html.replace(/<\/EM>/g, "<\/I>");
			    		
			    		// This Forces a new window to popup when hyperlink is added.
			    		html = html.replace(/<A\ href/g, "<A\ target=\"_blank\"\ href");
			    		return html;
			    	},
		            width:400,
		            height:80
		        });
		
		projectDialog.formCtrl = new Ext.FormPanel({
			labelWidth: 90,
			border: false,
			width: 500,
			layout: 'form',
			buttonAlign: 'right',
			labelAlign: 'right',
			renderTo: document.body,
			reader: new Ext.data.JsonReader({}, projectDialog.projectRec),
			items: [projectDialog.projectNameField,
					projectDialog.descriptionField,
					projectDialog.projectTypeCombo]
		});
		
		if(!projectDialog.projectWindow){
			projectDialog.projectWindow = new Ext.Window({
				layout: 'fit',
				width: 550,
				height: 250,
				closeAction: 'hide',
				plain: true,
				items: projectDialog.formCtrl,
				modal: true,
				resizable: false,
				closable: true,
				renterTo: document.body,
				title: '$demand_table_artifact_summary',
				buttons: [{
						id: 'projectSaveButton',
						text: '$save_button', 
						handler: function(){
							if(!projectDialog.formCtrl.getForm().isValid()){
								return;
							}
							projectDialog.projectWindow.hide();
							demandTable.promoteArtifactToProject(projectDialog.demandId
														 ,projectDialog.artifactId
														 ,projectDialog.name
														 ,g_encoder.escapeBT(projectDialog.descriptionField.getValue()) //TODO create another variable for description
														 ,projectDialog.typeId
														 ,projectDialog.typeName
														 ,projectDialog.projectId
														 ,projectDialog.projectNameField.getValue()
														 ,projectDialog.projectTypeCombo.getValue()); //TODO implement it
						}
					},
					{
						id: 'projectCancelButton',
						text: '$cancel_button',  
						handler: function(){
							projectDialog.projectWindow.hide();
						}
					}]
			});
		}
	},
	
	addNewProject: function(demandId, artifactId, name, description, typeId, typeName, projectId){
		projectDialog.projectTypeCombo.clearValue();
		projectDialog.projectNameField.setValue(name);
		projectDialog.descriptionField.setValue(description);
		projectDialog.demandId = demandId;
        projectDialog.artifactId = artifactId;
        projectDialog.name = name;
        projectDialog.description = description;
        projectDialog.typeId = typeId;
        projectDialog.typeName = typeName;
        projectDialog.projectId = projectId;
        projectDialog.projectName = name;
		projectDialog.projectWindow.show();
	}

};