QuickForm Rule not work on LeightboxPrompt

pmmvt

Hi
Im trying to custom a status field by display callback. When user clicks on Status, I use LeightboxPrompt and QuickForm.
I show all ok, but rule not valid or any error when user clicks on OK.

public static function display_status($record, $nolink, $desc) {

		$status = $record['status'];

		if($status == 1)

		{

			//return '<a '.Base_BoxCommon::main_module_instance()->create_confirm_callback_href(__('Do you want to close this request?'), array(SCTV_ChangeRequestCommon,'close_request'), array('id'=>$record['id'])).'>'.self::get_status_name($record['status']).'</a>';

			$rb_obj = Utils_RecordBrowser::$rb_obj;

			$select_service = $rb_obj->init_module('Utils_LeightboxPrompt');

			$form = $rb_obj->init_module('Libs_QuickForm');

        	$form->addElement('text', 'note', 'Note', array('id'=>'note'));

        	$form->addRule('note', 'Field required', 'required');		

			$select_service->add_option('close', 'Close', null, $form);

			$select_service->add_option('reject', 'Reject', null);

			$rb_obj->display_module($select_service, array(__( 'Process'), array('payment')));

			$href = $select_service->get_href(array('payment' => $record['id']));

			return '<a ' . $href . '>' . self::get_status_name($record['status']) . '</a>';

		}

		else

			return self::get_status_name($record['status']);

	}

Above code similar to Premium_PaymentsCommon::display_status, this function' rule not show required.

ajb

Because you don't call

        $vals = $select_service->export_values();

which validates form.

pmmvt

I tried call: $vals = $select_service->export_values();
But it close form without any error shown

ajb

Yes, because you need to export those values, and if you'll get any error then you have to show leightbox prompt with open method. It's hidden by default.

pmmvt

Thank,
I used export_value and call Open(), but it's not show again.

ajb

Are you sure that if ($status ... ) still is true?
Debug it 🙂 With xdebug it's dead simple. If you don't know it (or don't want to spend some time to learn/setup to save your time) could use some var_dumps.

pmmvt

Where i set to call open function?

ajb

In the place where it'll be called. It's hard to tell right now, because I don't really know what is your code finally.
But I guess it should be something like this:

if ($form->validate())

{ ... }

else

{

 if ($form->exportValue('submited')) { //open leightbox }

}

We want to show leightbox only if the form was submitted, but not valid. In the standard flow (the first run) form is generated and validate returns false.
All EPESI quickforms created with Libs_Quickform get the hidden element 'submited' - Yes there is a typo 😉

Regards,
Adam

pmmvt

Hi, thank for your reply,
I spend 2 days to try reopen leightbox. But it's only gray screen and not show again.
Could you give me an example?

ajb

        $lb = $this->init_module('Utils/LeightboxPrompt');

        $form = $this->init_module('Libs/QuickForm');

        $form->addElement('text', 'test', 'Test');

        $form->addRule('test', 'msg', 'required');

        $lb->add_option('close', 'Close', null, $form);

        $lb->add_option('cancel', 'Cancel', null);

        $this->display_module($lb);

        if ($form->exportValue('submited') && !$form->validate()) {

            $lb->open();

            // open this selection

            eval_js('f' . $lb->get_group_key() . '_show_form("close")');

        }

        $oh = $lb->get_href();

        echo "<a $oh>open</a>";

ghristov

Hallo EPESI team,

Based on above example may I suggest an update to the LeightboxPrompt module.
The form validation check and opening the Leightbox if form not valid will be done automatic within the LeightboxPrompt object.

Modifications as follows:



public function add_option($key, $label, $icon, $form=null) {

		$this->options[$key] = array('icon'=>$icon, 'form'=>$form, 'label'=>$label);

		

		//-------BEGIN NEW CODE --------//

		if (isset($form) && $form->exportValue('submited') && !$form->validate()) $this->open();

		//-------END NEW CODE --------//

	}



         public function body($header='', $params = array(), $add_disp='', $big=true) {

		if (MOBILE_DEVICE) return;

		if (isset($_REQUEST['__location']) && $this->last_location!=$_REQUEST['__location']) {

			$this->last_location = $_REQUEST['__location'];

			$this->leightbox_ready = false;

		}

		if (!$this->leightbox_ready) {

			if (!empty($params)) {

				$this->params = $params;

				$js = 'f'.$this->group.'_set_params = function(arg'.implode(',arg',array_keys($params)).'){';

				foreach ($params as $k=>$v) {

					$js .= 'els=document.getElementsByName(\''.$this->group.'_'.$v.'\');';

					$js .= 'i=0;while(i<els.length){els[i].value=arg'.$k.';i++;}';

				}

				$js .= '}';

				eval_js($js);

			}

			$this->leightbox_ready = true;

			eval_js_once('f'.$this->group.'_prompt_deactivate = function(){leightbox_deactivate(\''.$this->group.'_prompt_leightbox\');}');

			eval_js_once('f'.$this->group.'_show_form = function(arg){$(arg+\'_'.$this->group.'_form_section\').style.display=\'block\';$(\''.$this->group.'_buttons_section\').style.display=\'none\';}');

			eval_js('$(\''.$this->group.'_buttons_section\').style.display=\''.(count($this->options)==1?'none':'block').'\';');

			$buttons = array();

			$sections = array();

			foreach ($this->options as $k=>$v) {

				$next_button = array('icon'=>$v['icon'], 'label'=>$v['label']);

				if ($v['form']!==null) $form = $v['form'];

				else $form = $this->options[$k]['form'] = $this->init_module('Libs/QuickForm');

				if (!empty($params)) {

					foreach ($params as $w)

					$form->addElement('hidden', $this->group.'_'.$w, 'none', array('id'=>$this->group.'_'.$w));

				}

				if ($v['form']!==null) {

					$v['form']->addElement('button', 'cancel', __('Cancel'), array('id'=>$this->group.'_lp_cancel', 'onclick'=>count($this->options)==1?'f'.$this->group.'_prompt_deactivate();':'$(\''.$this->group.'_buttons_section\').style.display=\'block\';$(\''.$k.'_'.$this->group.'_form_section\').style.display=\'none\';'));

					$v['form']->addElement('submit', 'submit', __('OK'), array('id'=>$this->group.'_lp_submit', 'onclick'=>'f'.$this->group.'_prompt_deactivate();'));

					ob_start();

					$th = $this->init_module('Base/Theme');

					$v['form']->assign_theme('form', $th);

					$th->display('form');

					$form_contents = ob_get_clean();

					$next_button['open'] = '<a href="javascript:void(0);" onclick="f'.$this->group.'_show_form(\''.$k.'\');">';

					$sections[] = '<div id="'.$k.'_'.$this->group.'_form_section" style="display:none;">'.$form_contents.'</div>';

					eval_js('$(\''.$k.'_'.$this->group.'_form_section\').style.display=\''.(count($this->options)!=1?'none':'block').'\';');

					

					//-------BEGIN NEW CODE --------//

					if ($v['form']->exportValue('submited') && !$v['form']->validate()) {

						// open this selection

						eval_js('f' . $this->get_group_key() ."_show_form('$k')");

					}

					//-------END NEW CODE --------//

				} else {

					//                  $next_button['open'] = '<a '.$this->create_callback_href(array($this,'option_chosen'), array($k)).' onmouseup="f'.$this->group.'_prompt_deactivate();">';

					$next_button['open'] = '<a href="javascript:void(0);" onmouseup="f'.$this->group.'_prompt_deactivate();'.$form->get_submit_form_js().';">';

					$form->display();

				}

				$next_button['close'] = '</a>';

				$buttons[] = $next_button;

			}

			$theme = $this->init_module('Base/Theme');

			$theme->assign('open_buttons_section','<div id="'.$this->group.'_buttons_section">');

			$theme->assign('buttons',$buttons);

			$theme->assign('sections',$sections);

			$theme->assign('additional_info',$add_disp);

			$theme->assign('close_buttons_section','</div>');

			ob_start();

			$theme->display('leightbox');

			$profiles_out = ob_get_clean();

			Libs_LeightboxCommon::display($this->group.'_prompt_leightbox', $profiles_out, $header, $big);

		}

	}

Epesi ENS | Epesi Academy | epesi.cloud PaaS | GitHub

Help Me! | Download from SourceForge