File manager

File manager - Edit - /home/jardides/www/Jardi-design/j37/plugins/pagebuilderck/animnumber/layouts/edit_animnumber.php

Back
<?php /** * @name Page Builder CK * @package com_pagebuilderck * @copyright Copyright (C) 2015. All rights reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt * @author Cedric Keiflin - http://www.template-creator.com - http://www.joomlack.fr */ defined('_JEXEC') or die; $input = JFactory::getApplication()->input; $id = $input->get('ckid', '', 'string'); $prefix = 'bloc'; ?> <div id="elementscontainer"> <div class="menulink current" tab="tab_animnumber"><?php echo JText::_('PLG_PAGEBUILDERCK_ANIMNUMBER_EDITION'); ?></div> <div class="menulink" tab="tab_blocstyles"><?php echo JText::_('CK_STYLES'); ?></div> <div class="clr"></div> <div id="elementscontent"> <div class="tab menustyles current ckproperty" id="tab_animnumber"> <table> <tr> <td style="vertical-align:top;"> <div class="layoutinfos"> <div class="layoutinfostitle"><?php echo JText::_('PLG_PAGEBUILDERCK_ANIMNUMBER_INFOS'); ?></div> <div class="layoutinfosdesc"><?php echo JText::_('PLG_PAGEBUILDERCK_ANIMNUMBER_INFOS_DESC'); ?></div> </div> </td> <td style="vertical-align:top;width:800px;"> <div class="menustylesblock" style="width:850px;"> <div class="menustylesblocktitle"><?php echo JText::_('PLG_PAGEBUILDERCK_ANIMNUMBER_CIRCLE') ?></div> <div class="menustylesblockaccordion"> <div class="menupaneblock" style="margin-left:0px;width:30%;"> <div class="menupanetitle"><?php echo JText::_('PLG_PAGEBUILDERCK_ANIMNUMBER_APPEARANCE'); ?></div> <div> <div style="display:inline-block;text-align:left;margin-left:3px;min-width:150px;"><?php echo JText::_('CK_COLOR'); ?></div><input class="inputbox colorPicker" type="text" value="" name="pieColor" id="pieColor" size="6" style="width:52px;"/><div style="display:inline-block;margin:5px 5px 0 2px;vertical-align:middle;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div> </div> <div> <div style="display:inline-block;text-align:left;margin-left:3px;min-width:150px;"><?php echo JText::_('PLG_PAGEBUILDERCK_ANIMNUMBER_PIE_DIAMETER'); ?></div><input class="inputbox" type="text" value="" name="pieDiameter" id="pieDiameter" size="7" style="width:40px; clear:both;" onchange="ckUpdatePreviewArea()" /><div style="display:inline-block;text-align:left;margin-left:3px;">px</div> </div> <div> <div style="display:inline-block;text-align:left;margin-left:3px;min-width:150px;"><?php echo JText::_('PLG_PAGEBUILDERCK_ANIMNUMBER_PIE_THICKNESS'); ?></div><input class="inputbox" type="text" value="" name="pieThickness" id="pieThickness" size="7" style="width:40px; clear:both;" onchange="ckUpdatePreviewArea()" /><div style="display:inline-block;text-align:left;margin-left:3px;">px</div> </div> </div> <div class="menupaneblock" style="margin-left:10px;width:50%;"> <div class="menupanetitle"><?php echo JText::_('PLG_PAGEBUILDERCK_ANIMNUMBER_EFFECT_OPTIONS'); ?></div> <div> <div style="display:inline-block;text-align:left;margin-left:3px;min-width:130px;"><?php echo JText::_('CK_DURATION'); ?></div><div style="display:inline-block;text-align:right;margin:5px 5px 0 0;vertical-align: middle;"><img src="<?php echo $this->imagespath; ?>hourglass.png" width="15" height="15" align="top" /></div><div style="display:inline-block;"><input class="inputbox" type="text" name="time" id="time" size="2" value="" style="width:40px;" onchange="ckUpdatePreviewArea()" /></div><div style="display:inline-block;text-align:left;margin-left:3px;">ms</div> </div> <div class="clr"></div> <br /> <div style="display:inline-block;text-align:left;margin-left:3px;"><?php echo JText::_('CK_START'); ?></div><input class="inputbox" type="text" value="" name="startRadius" id="startRadius" size="7" style="width:40px; clear:both;" onchange="ckUpdateSliderRadius()" /><div style="display:inline-block;text-align:left;margin-left:3px;">%</div> <div style="display:inline-block;text-align:left;margin-left:3px;"><?php echo JText::_('CK_END'); ?></div><input class="inputbox" type="text" value="" name="endRadius" id="endRadius" size="7" style="width:40px; clear:both;" onchange="ckUpdateSliderRadius()" /><div style="display:inline-block;text-align:left;margin-left:3px;">%</div> <div id="sliderrange"></div> <div class="clr"></div> <br /> <div style="display:inline-block;text-align:left;margin-left:3px;"><?php echo JText::_('CK_OFFSET'); ?></div><input class="inputbox" type="text" value="" name="offsetRadius" id="offsetRadius" size="7" style="width:40px; clear:both;" onchange="ckUpdateSliderOffset()" /><div style="display:inline-block;text-align:left;margin-left:3px;">%</div> <div id="slideroffset"></div> </div> <div class="clr"></div> </div> <div class="menustylesblocktitle"><?php echo JText::_('PLG_PAGEBUILDERCK_ANIMNUMBER_NUMBER') ?></div> <div class="menustylesblockaccordion"> <div class="menupaneblock" style="margin-left:0px;"> <div class="menupanetitle"><?php echo JText::_('PLG_PAGEBUILDERCK_ANIMNUMBER_START_NUMBER'); ?></div> <div style="text-align:left;"> <input class="inputbox" type="text" value="" name="startValue" id="startValue" size="7" style="width:100px; clear:both;" onchange="ckUpdatePreviewArea()" /> </div> <div class="menupanetitle"><?php echo JText::_('PLG_PAGEBUILDERCK_ANIMNUMBER_END_NUMBER'); ?></div> <div style="text-align:left;"> <input class="inputbox" type="text" value="" name="endValue" id="endValue" size="7" style="width:100px; clear:both;" onchange="ckUpdatePreviewArea()" /> </div> <div class="menupanetitle"><?php echo JText::_('PLG_PAGEBUILDERCK_ANIMNUMBER_STEP_NUMBER'); ?></div> <div style="text-align:left;"> <input class="inputbox" type="text" value="" name="step" id="step" size="7" style="width:100px; clear:both;" onchange="ckUpdatePreviewArea()" /> </div> </div> <div class="menupaneblock" style="margin-left:10px;"> <div class="menupanetitle" style="width:200px;text-align:center;"><?php echo JText::_('CK_POLICE'); ?></div> <div> <div style="float:left;"><input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>color" id="<?php echo $prefix; ?>color" size="6" style="width:52px;"/></div><div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div> </div> <div style="clear:both;"> <input class="inputbox" style="width: 20px;" name="<?php echo $prefix; ?>fontsize" id="<?php echo $prefix; ?>fontsize" /> <div style="text-align:left;display:inline;"><?php echo JText::_('CK_SIZE'); ?></div> </div> <div style="clear:both;"> <select class="inputbox" style="width: 78px;" name="<?php echo $prefix; ?>fontfamily" id="<?php echo $prefix; ?>fontfamily"> <option value="default"><?php echo JText::_('CK_DEFAULT'); ?></option> <option style="font-family:Times New Roman;" value="Times New Roman, Serif">Times New Roman</option> <option style="font-family:Helvetica;" value="Helvetica, sans-serif">Helvetica</option> <option style="font-family:Georgia;" value="Georgia, serif">Georgia</option> <option style="font-family:Courier New;" value="Courier New, serif">Courier New</option> <option style="font-family:Arial;" value="Arial, sans-serif">Arial</option> <option style="font-family:Verdana;" value="Verdana, sans-serif">Verdana</option> <option style="font-family:Comic Sans MS;" value="Comic Sans MS, cursive">Comic Sans MS</option> <option style="font-family:Tahoma;" value="Tahoma, sans-serif">Tahoma</option> <option style="font-family:Segoe UI;" value="Segoe UI, sans-serif">Segoe UI</option> <option style="font-family:Segoe UI;" value="googlefont">Google Font</option> </select> </div> </div> <div class="menupaneblock" style="margin-left:10px;"> <div class="menupanetitle"><?php echo JText::_('CK_GOOGLE_FONT'); ?></div> <div style="text-align:left;clear:both;"> <div style="float:left;margin:0px 5px 0 2px;"><input class="inputbox isgooglefont" type="text" name="<?php echo $prefix; ?>googlefont" id="<?php echo $prefix; ?>googlefont" size="1" value="" style="width:150px;" onchange="ckSetGoogleFont('<?php echo $prefix; ?>', '', this.value, '')" /></div> <div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>text_gfont.png" width="16" height="16" /></div> </div> <div style="text-align:left;clear:both;"> <div style="float:left;margin:0px 5px 0 2px;"><input class="inputbox" type="text" name="<?php echo $prefix; ?>fontweight" id="<?php echo $prefix; ?>fontweight" size="1" value="" style="width:50px;" /></div> <div style="float:left;margin:5px 5px 0 2px;"></div> <?php echo JText::_('CK_FONTWEIGHT'); ?> </div> <div style="text-align:left;clear:both;"> <div style="float:left;margin:5px 5px 0 2px;"><a href="javascript:void(0)" onclick="ckCallGoogleFontPopup('<?php echo $prefix; ?>')" class="ckbuttonstyle" style="display:block;float:left;padding:0 5px;width:145px;"><?php echo JText::_('CK_SELECT_FONT'); ?></a></div> </div> </div> <div class="clr"></div> </div> <div> <br /> <div class="btn" onclick="ckUpdatePreviewArea()"><?php echo JText::_('CK_REPLAY_ANIMATION'); ?></div> </div> </div> </td> </tr> </table> <div class="clr"></div> </div> <div class="tab menustyles ckproperty" id="tab_blocstyles"> <table> <tr> <td style="vertical-align:top;"> <div class="layoutinfos"> <div class="layoutinfostitle"><?php echo JText::_('PLG_PAGEBUILDERCK_ANIMNUMBER_INFOS'); ?></div> <div class="layoutinfosdesc"><?php echo JText::_('PLG_PAGEBUILDERCK_ANIMNUMBER_INFOS_DESC'); ?></div> </div> </td> <td style="vertical-align:top;"> <?php echo $this->menustyles->createBlocStyles('bloc', 'animnumber', '') ?> </td> </tr> </table> <div class="clr"></div> </div> </div> </div> <div id="previewarea" class="clearfix"> <div class="previewareatitle"><?php echo JText::_('CK_PREVIEWAREA_TITLE'); ?></div> <div id="previewareabloc"> <div class="ckstyle"></div> <div class="animnumberck inner" id="previewarea_animnumberck"> <div class="animnumberckvalue"></div> <div class="animnumberckpie"></div> </div> </div> </div> <div class="clr"></div> <script language="javascript" type="text/javascript"> function ckLoadEditionPopup() { var focus = $ck('.editfocus'); $ck('#previewareabloc .ckstyle').html(focus.find('.ckstyle').html()); ckFillEditionPopup(focus.attr('id')); ckCatchNumberParams(focus.find('.animnumberck'), '#previewarea_animnumberck'); var list = getAnimNumberParamsList(); for(i=0;i<list.length;i++) { $ck('#elementscontainer #'+list[i]).val(focus.find('.animnumberck').attr('data-'+list[i])); } ckUpdatePreviewArea(); ckInitializeSliders(); } function getAnimNumberParamsList() { var list = ["pieDiameter", "pieThickness", "piePadding", "pieColor", "startRadius", "endRadius", "offsetRadius", "startValue", "endValue", "time", "step"]; return list; } function ckCatchNumberParams(from, to) { var focus = $ck('.editfocus'); var list = getAnimNumberParamsList(); for(i=0;i<list.length;i++) { $ck(to).attr('data-'+list[i], $ck(from).attr('data-'+list[i])); } } function ckBeforeSaveEditionPopup() { var focus = $ck('.editfocus'); ckCatchNumberParams('#previewarea_animnumberck', focus.find('.animnumberck')); focus.find('.ckstyle').html($ck('#previewareabloc .ckstyle').html()); pbckAnimnumberInit(focus.find('.animnumberck').attr('id')); ckSaveEditionPopup(focus.attr('id')); ckCloseEditionPopup(); } function ckInitializeSliders() { $ck('#elementscontainer #sliderrange').slider({ range: true, min: 0, max: 100, values: [ 0, 100 ], slide: function( event, ui ) { $ck('#startRadius').val(ui.values[ 0 ]); $ck('#endRadius').val(ui.values[ 1 ]); }, stop: function( event, ui ) { ckUpdatePreviewArea(); } }); $ck('#elementscontainer #slideroffset' ).slider({ range: false, min: 0, max: 100, slide: function( event, ui ) { $ck('#offsetRadius').val(ui.value); }, stop: function( event, ui ) { ckUpdatePreviewArea(); } }); } function ckUpdateSliderRadius() { $ck('#elementscontainer #sliderrange').slider( "option", "values", [ $ck('#startRadius').val(), $ck('#endRadius').val() ] ); ckUpdatePreviewArea(); } function ckUpdateSliderOffset() { $ck('#elementscontainer #slideroffset').slider( "option", "value", $ck('#offsetRadius').val() ); ckUpdatePreviewArea(); } function ckUpdatePreviewArea() { var list = getAnimNumberParamsList(); for(i=0;i<list.length;i++) { $ck('#previewarea_animnumberck').attr('data-'+list[i], $ck('#elementscontainer #'+list[i]).val()); } pbckAnimnumberInit('previewarea_animnumberck'); } ckInitOptionsTabs(); ckInitColorPickers(); ckInitAccordions(); </script> <style type="text/css"> #elementscontainer #sliderrange, #elementscontainer #slideroffset { background: #ffffff; border: 1px solid #aaaaaa; color: #222222; } #elementscontainer .ui-widget-header { background: #cccccc; border: 1px solid #aaaaaa; color: #222222; font-weight: bold; } #elementscontainer .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } #elementscontainer .ui-slider-horizontal { height: 0.8em; } #elementscontainer .ui-slider { position: relative; text-align: left; } #elementscontainer .ui-state-default, #elementscontainer .ui-widget-content .ui-state-default, #elementscontainer .ui-widget-header .ui-state-default { background: #e6e6e6; border: 1px solid #d3d3d3; color: #555555; font-weight: normal; } #elementscontainer .ui-slider-horizontal .ui-slider-handle { margin-left: -0.6em; top: -0.3em; } #elementscontainer .ui-slider .ui-slider-handle { cursor: default; height: 1.2em; position: absolute; width: 1.2em; z-index: 2; } </style>

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.03 | proxy | phpinfo | Settings