public function renderContent($enclosed_content, __IComponent &$component) { $group_id = $component->getGroup(); if ($group_id == null) { $group_id = $component->getId(); } if (__ResponseWriterManager::getInstance()->hasResponseWriter($group_id)) { $jod_response_writer = __ResponseWriterManager::getInstance()->getResponseWriter($group_id); } else { $jod_response_writer = new __JavascriptOnDemandResponseWriter($group_id); $js_files = $component->getJsFiles(); foreach ($js_files as $js_file) { $jod_response_writer->addJsFileRef($js_file); } $checking_variables = $component->getCheckingVariables(); foreach ($checking_variables as $checking_variable) { $jod_response_writer->addLoadCheckingVariable($checking_variable); } $javascript_rw = null; if ($component->hasContainer()) { $container = $component->getContainer(); if ($container instanceof __JavascriptComponent) { $javascript_rw = __ResponseWriterManager::getInstance()->getResponseWriter($container->getId()); } } if ($javascript_rw == null) { $javascript_rw = __ResponseWriterManager::getInstance()->getResponseWriter('javascript'); } $javascript_rw->addResponseWriter($jod_response_writer); } $jod_response_writer->setLoadAfterDomLoaded($component->getAfterDomLoaded()); $jod_response_writer->addJsCode($enclosed_content); }
protected function _renderLibraryDependencies() { if (__ResponseWriterManager::getInstance()->hasResponseWriter('validation')) { $jod_response_writer = __ResponseWriterManager::getInstance()->getResponseWriter('validation'); } else { $jod_response_writer = new __JavascriptOnDemandResponseWriter('validation'); $jod_response_writer->addJsFileRef('validation/validation.js'); $jod_response_writer->addLoadCheckingVariable('Validator'); $javascript_rw = __ResponseWriterManager::getInstance()->getResponseWriter('javascript'); $javascript_rw->addResponseWriter($jod_response_writer); } }
public function startRender(__IComponent &$component) { $properties = array(); $component_id = $component->getId(); $date_format = $component->getDateFormat(); $datebox_button_id = $component_id . '_calbutton'; if (__ResponseWriterManager::getInstance()->hasResponseWriter('datebox')) { $jod_response_writer = __ResponseWriterManager::getInstance()->getResponseWriter('datebox'); $jod_setup_response_writer = $jod_response_writer->getResponseWriter('datebox-setup'); } else { $jod_response_writer = new __JavascriptOnDemandResponseWriter('datebox'); $jod_response_writer->addCssFileRef('jscalendar/calendar-green.css'); $jod_response_writer->addJsFileRef('jscalendar/calendar.js'); $jod_response_writer->addLoadCheckingVariable('Calendar'); $jod_language_response_writer = new __JavascriptOnDemandResponseWriter('datebox-language'); $jod_language_response_writer->addJsFileRef('jscalendar/lang/calendar-en.js'); $jod_language_response_writer->addLoadCheckingVariable('Calendar._DN'); $jod_response_writer->addResponseWriter($jod_language_response_writer); $jod_setup_response_writer = new __JavascriptOnDemandResponseWriter('datebox-setup'); $jod_setup_response_writer->addJsFileRef('jscalendar/calendar-setup.js'); $jod_setup_response_writer->addLoadCheckingVariable('Calendar.setup'); $jod_language_response_writer->addResponseWriter($jod_setup_response_writer); $javascript_rw = __ResponseWriterManager::getInstance()->getResponseWriter('javascript'); $javascript_rw->addResponseWriter($jod_response_writer); } $js_code = <<<CODESET Calendar.setup({ \tinputField:"{$component_id}", \tifFormat:"{$date_format}", \tbutton:"{$datebox_button_id}", \tshowsTime:false }); CODESET; $jod_setup_response_writer->addJsCode($js_code); $component_properties = $component->getProperties(); foreach ($component_properties as $property => $value) { $properties[] = $property . '="' . $value . '"'; } $properties[] = 'type="text"'; $properties[] = 'id="' . $component->getId() . '"'; $properties[] = 'name="' . $component->getName() . '"'; $properties[] = 'value="' . $component->getValue() . '"'; if ($component->getVisible() == false) { $properties[] = 'style = "display : none;"'; } $local_js_lib = __ApplicationContext::getInstance()->getPropertyContent('JS_LIB_DIR'); $calendar_image_url = __UrlHelper::resolveUrl('jscalendar/calendar.gif', $local_js_lib); $return_value = '<input onchange="this.fire(\'lion:validate\');" ' . implode(' ', $properties) . '> <input type="image" src="' . $calendar_image_url . '" id="' . $datebox_button_id . '" width="16" height="16" border="0">'; return $return_value; }
public function startRender(__IComponent &$component) { $component_id = $component->getId(); $class_name = $component->getClassName(); $window_properties = array(); $window_properties[] = 'width: ' . $component->getWidth(); $window_properties[] = 'height: ' . $component->getHeight(); $window_properties[] = 'className: "' . $class_name . '"'; $window_properties[] = 'destroyOnClose: false'; $window_properties[] = 'recenterAuto: false'; $window_properties[] = 'id: "' . $component->getId() . '"'; if ($component->getTitle() !== null) { $window_properties[] = 'title: "' . $component->getTitle() . '"'; } if (!$component->getShowCloseButton()) { $window_properties[] = 'closable: false'; } if (!$component->getShowMaximizeButton()) { $window_properties[] = 'maximizable: false'; } if (!$component->getShowMinimizeButton()) { $window_properties[] = 'minimizable: false'; } if (__ResponseWriterManager::getInstance()->hasResponseWriter('prototype_window')) { $jod_response_writer = __ResponseWriterManager::getInstance()->getResponseWriter('prototype_window'); } else { $jod_response_writer = new __JavascriptOnDemandResponseWriter('prototype_window'); $jod_response_writer->addCssFileRef('prototypewindow/themes/default.css'); if ($class_name != 'dialog') { $jod_response_writer->addCssFileRef('prototypewindow/themes/' . $class_name . '.css'); } $jod_response_writer->addJsFileRef('prototypewindow/javascripts/window.js'); $jod_response_writer->addLoadCheckingVariable('Window'); $jod_response_writer->addLoadCheckingVariable('Windows'); $javascript_rw = __ResponseWriterManager::getInstance()->getResponseWriter('javascript'); $javascript_rw->addResponseWriter($jod_response_writer); } $js_code = "if(!window['{$component_id}']) {\n"; $js_code .= " {$component_id} = new Window({" . join(', ', $window_properties) . "});\n"; $js_code .= " {$component_id}.setCloseCallback(function() {\n"; $js_code .= " (__ClientEventHandler.getInstance()).sendEvent(\"close\", {}, \"{$component_id}\");\n"; $js_code .= " return true;\n"; $js_code .= " });\n"; $content = $component->getContent(); if (!empty($content)) { $js_code .= " {$component_id}.setHTMLContent(" . json_encode($content) . ");\n"; } $js_code .= "}\n"; $jod_response_writer->addJsCode($js_code); }
public function startRender(__IComponent &$component) { if (__ResponseWriterManager::getInstance()->hasResponseWriter('sliderjscode')) { $jod_response_writer = __ResponseWriterManager::getInstance()->getResponseWriter('sliderjscode'); } else { $jod_response_writer = new __JavascriptOnDemandResponseWriter('sliderjscode'); $jod_response_writer->addJsFileRef('scriptaculous/src/slider.js'); $jod_response_writer->addLoadCheckingVariable('Control'); $jod_response_writer->addLoadCheckingVariable('Control.Slider'); $javascript_rw = __ResponseWriterManager::getInstance()->getResponseWriter('javascript'); $javascript_rw->addResponseWriter($jod_response_writer); } $component_id = $component->getId(); $handle = $component_id . '_handle'; $track = $component_id . '_track'; $initial_value = $component->getValue(); $input_receiver = $component->getInputReceiver(); $decimals = $component->getDecimals(); if ($decimals > 0) { $v = 'Math.round(v*1' . str_pad('', $decimals, '0') . ')/1' . str_pad('', $decimals, '0'); } else { $v = 'Math.round(v)'; } $onreceiver_keyup_js = ''; $onslide_js = ''; if ($input_receiver != null) { $input_receiver_id = $input_receiver->getId(); $onslide_js = ''; if ($input_receiver instanceof __InputBoxComponent) { $onslide_js = 'onSlide: function(v) { $(\'' . $input_receiver_id . '\').value = ' . $v . '; },'; $onreceiver_keyup_js = <<<CODE \$("{$input_receiver_id}").onKeyUp = function() { var value = \$("{$input_receiver_id}").value; if (value == '') return; if (isNaN(value)) \$('{$component_id}').setValue(0); else \$('{$component_id}').setValue(value); } CODE; } else { if ($input_receiver instanceof __LabelComponent) { $onslide_js = 'onSlide: function(v) { $(\'' . $input_receiver_id . '\').update(' . $v . '); },'; } } } $lower_limit = $component->getLowerLimit(); $upper_limit = $component->getUpperLimit(); $axis = $component->getAxis(); $js_code = <<<CODE window['{$component_id}'] = new Control.Slider("{$handle}", "{$track}", { {$onslide_js} onChange: function(v) { (__ClientEventHandler.getInstance()).sendEvent("change", {}, "{$component_id}"); }, range: \$R({$lower_limit},{$upper_limit}), sliderValue: {$initial_value}, axis: "{$axis}" }); {$onreceiver_keyup_js} CODE; $jod_response_writer->addJsCode($js_code); $width = $component->getWidth(); $height = $component->getHeight(); $handle_width = $component->getHandleWidth(); $handle_height = $component->getHandleHeight(); $track_css_class = $component->getTrackCssClass(); $left_track_css_class = $component->getLeftTrackCssClass(); $handle_img = $component->getHandleImg(); if (empty($track_css_class)) { $track_style = 'style="width:' . $width . '; background-color:#ccc; height: ' . $height . ';"'; } else { $track_style = 'class="' . $track_css_class . '"'; } if (empty($handle_img)) { $handle_style = 'style="width:' . $handle_width . '; height:' . $handle_height . ';background-color:#f00; cursor:move;"'; } else { $handle_style = 'style="width:' . $handle_width . '; height:' . $handle_height . ';"'; } $return_value = <<<CODE <div id="{$component_id}" style="width:{$width}; height: {$handle_height};"> <div {$track_style} id="{$track}" style="width:{$width}; height:{$height};"> <div class="{$left_track_css_class}"></div><div id="{$handle}" {$handle_style}><img src="{$handle_img}" alt="" style="float: left;" /></div> </div> </div> CODE; return $return_value; }
public function startRender(__IComponent &$component) { $component_id = $component->getId(); $event_handler = __EventHandlerManager::getInstance()->getEventHandler($component->getViewCode()); $component_to_validate = $component->getComponentToValidate(); $component_to_validate_id = $component_to_validate->getId(); if (__ResponseWriterManager::getInstance()->hasResponseWriter('livevalidation')) { $jod_response_writer = __ResponseWriterManager::getInstance()->getResponseWriter('livevalidation'); } else { $jod_response_writer = new __JavascriptOnDemandResponseWriter('livevalidation'); $jod_response_writer->addJsFileRef('livevalidation/livevalidation_1.3.1.js'); $jod_response_writer->addLoadCheckingVariable('Validate'); $javascript_rw = __ResponseWriterManager::getInstance()->getResponseWriter('javascript'); $javascript_rw->addResponseWriter($jod_response_writer); } $configuration = array('validMessage : ""'); if ($component->getValidateOnlyOnBlur()) { $configuration[] = 'onlyOnBlur: true'; } else { if ($component->getValidateOnlyOnSubmit()) { $configuration[] = 'onlyOnSubmit: true'; } else { $configuration[] = 'wait: ' . $component->getWait(); } } $report_after_component = $component->getComponentForErrorReporting(); $report_after_element = $component->getReportAfterElement(); if ($report_after_component != null) { $configuration[] = 'insertAfterWhatNode: "' . $report_after_component->getId() . '"'; } else { if ($report_after_element != null) { $configuration[] = 'insertAfterWhatNode: "' . $report_after_element . '"'; } } if ($event_handler->isEventHandled('validate', $component_to_validate->getName())) { $configuration[] = 'onValid: function() { (__ClientEventHandler.getInstance()).sendEvent("validate", { validationRule : "' . $component_id . '"}, "' . $component_to_validate_id . '", true); }'; } else { if ($event_handler->isEventHandled('validate', $component->getName())) { $configuration[] = 'onValid: function() { (__ClientEventHandler.getInstance()).sendEvent("validate", { validationRule : "' . $component_id . '"}, "' . $component_id . '", true); }'; } } $on_invalid = $component->getOnInvalid(); if (!empty($on_invalid)) { $configuration[] = 'onInvalid: ' . $on_invalid; } $js_code = "if(\$(\"{$component_to_validate_id}\")) {\n"; $js_code .= "if(!window['{$component_id}']) {\n"; $js_code .= ' window[\'' . $component_id . '\'] = new LiveValidation("' . $component_to_validate_id . '", {' . join(', ', $configuration) . '});' . "\n"; $js_code .= "} else {\n"; $js_code .= ' ' . $component_id . '.initialize("' . $component_to_validate_id . '", {' . join(', ', $configuration) . '});' . "\n"; $js_code .= "}\n"; $js_code .= $this->_getValidLengthJsPart($component); $js_code .= $this->_getValidFormatJsPart($component); $js_code .= $this->_getComponentMatchJsPart($component); $js_code .= $this->_getMandatoryJsPart($component); $js_code .= $this->_getAcceptanceJsPart($component); $js_code .= $this->_getShowMessageJsPart($component); $js_code .= $this->_getAllowedExtensionsJsPart($component); $js_code .= $this->_getNumericalityJsPart($component); $js_code .= $this->_getListenValidateEvent($component); $js_code .= "}\n"; $jod_response_writer->addJsCode($js_code); }
public function endRender(__IComponent &$component) { $component_id = $component->getId(); $return_value = $this->_component_writer->endRender($component); $context_help = $component->getContextHelp(); if (!empty($context_help)) { if (__ResponseWriterManager::getInstance()->hasResponseWriter('formcontexthelp')) { $jod_response_writer = __ResponseWriterManager::getInstance()->getResponseWriter('formcontexthelp'); } else { $jod_response_writer = new __JavascriptOnDemandResponseWriter('formcontexthelp'); $jod_response_writer->addCssFileRef('formcontexthelp/formcontexthelp.css'); $jod_response_writer->addJsFileRef('formcontexthelp/formcontexthelp.js'); $jod_response_writer->addLoadCheckingVariable('prepareInputsForHints'); $jod_response_writer->addJsCode("\nprepareInputsForHints();\n"); $javascript_rw = __ResponseWriterManager::getInstance()->getResponseWriter('javascript'); $javascript_rw->addResponseWriter($jod_response_writer); } $return_value .= '<span id="' . $component_id . '_contextHelp" class="hint" style="display: none;">' . $context_help . '<span id="' . $component_id . '_contextHelpPointer" class="hint-pointer" style="display: none;"> </span></span>'; } $example = str_replace("'", "\\'", $component->getExample()); if (!empty($example)) { if (__ResponseWriterManager::getInstance()->hasResponseWriter('inputexamples')) { $jod_response_writer = __ResponseWriterManager::getInstance()->getResponseWriter('inputexamples'); } else { $jod_response_writer = new __JavascriptOnDemandResponseWriter('inputexamples'); $javascript_rw = __ResponseWriterManager::getInstance()->getResponseWriter('javascript'); $javascript_rw->addResponseWriter($jod_response_writer); $code = <<<CODESET window['showAllExamples'] = function() { \$\$('input').each(function(inputElement) { showExampleValueOnInput(inputElement); }); }; var showExampleValueOnInput = function(input) { if(input['exampleValue']) { input.onfocus = function () { if(input.exampleValue == input.value) { if(input.originalType == 'password') { input.type = 'password'; } input.value = ''; input.style.color = ''; } } input.onblur = function () { if(input.value == '') { if(input.type == 'password') { input.originalType = 'password'; input.type = 'text'; } input.value = input.exampleValue; input.style.color = '#858585'; } } if(input.value == '') { if(input.type == 'password') { input.originalType = 'password'; input.type = 'text'; } input.value = input.exampleValue; } if(input.value == input.exampleValue) { if(input.type == 'password') { input.originalType = 'password'; input.type = 'text'; } input.style.color = '#858585'; } } }; CODESET; $jod_response_writer->addJsCode($code); } $code = <<<CODESET var {$component_id} = \$('{$component_id}'); {$component_id}.exampleValue = '{$example}'; showExampleValueOnInput({$component_id}); CODESET; $jod_response_writer->addJsCode($code); } $mask = $component->getMask(); if (!empty($mask)) { if (__ResponseWriterManager::getInstance()->hasResponseWriter('inputmask')) { $jod_response_writer = __ResponseWriterManager::getInstance()->getResponseWriter('inputmask'); } else { $jod_response_writer = new __JavascriptOnDemandResponseWriter('inputmask'); $jod_response_writer->addJsFileRef('inputmask/inputmask.js'); $jod_response_writer->addLoadCheckingVariable('__InputMask'); $javascript_rw = __ResponseWriterManager::getInstance()->getResponseWriter('javascript'); $javascript_rw->addResponseWriter($jod_response_writer); } $jod_response_writer->addJsCode("(__InputMask.getInstance()).addMask(\"{$component_id}\", \"{$mask}\");\n"); } return $return_value; }