css
2 years ago
add-point-html.php
10 months ago
builder.php
2 years ago
edit-point-html.php
10 months ago
form.php
10 months ago
how-to-use.php
2 years ago
import-export-plugins.php
1 year ago
nested-point.php
2 years ago
plugin-settings.php
2 years ago
save.php
2 years ago
template-settings.php
10 months ago
wpmart-plugins.php
2 years ago
builder.php
90 lines
| 1 | <div class="isimb-6310"> |
| 2 | <div class="isimb-6310-sm"> |
| 3 | <?php |
| 4 | include isimb_6310_plugin_url . 'settings/save.php'; |
| 5 | include isimb_6310_plugin_url . "settings/form.php"; |
| 6 | ?> |
| 7 | <div class="isimb-6310-preview-box"> |
| 8 | <div class="isimb-6310-preview"> |
| 9 | |
| 10 | <button class="isimb-6310-btn-success isimb-6310-upload-image">Upload Image</button> |
| 11 | <button class="isimb-6310-btn-success isimb-6310-add-point">Add Point</button> |
| 12 | |
| 13 | <?php |
| 14 | if(isset($_GET['styleid'])) { |
| 15 | echo '<div class="shortcode">Shortcode <input type="text" class="isimb-6310-6330-shortcode" onclick="this.setSelectionRange(0, this.value.length)" value="[isimb_6310_builder id="'.esc_attr($_GET['styleid']).'"]"></div>'; |
| 16 | } |
| 17 | ?> |
| 18 | <hr /> |
| 19 | </div> |
| 20 | <div class="isimb-6310-builder-box"> |
| 21 | <svg class="isimb-6310-main-svg" width="0" height="0"> |
| 22 | <?php |
| 23 | if ($jsonData) { |
| 24 | $counter = 1; |
| 25 | foreach ($jsonData as $js) { |
| 26 | $jsonCode = json_encode($js); |
| 27 | echo "<polygon data-id='{$counter}' class='isimb-6310-pol-loaded isimb-6310-pol-{$counter}' data-json='".esc_attr($jsonCode)."' />"; |
| 28 | $pointCssCode = " |
| 29 | .isimb-6310-main-svg .isimb-6310-pol-{$counter}{ |
| 30 | fill: ".esc_attr($js->selectAreaColor)." !important; |
| 31 | stroke:".esc_attr($js->areaBorderColor)." !important; |
| 32 | stroke-width:".esc_attr($js->areaBorderSize)."px !important; |
| 33 | } |
| 34 | .isimb-6310-main-svg .isimb-6310-pol-{$counter}:hover{ |
| 35 | fill: ".esc_attr($js->selectAreaHoverColor)." !important; |
| 36 | stroke:".esc_attr($js->areaBorderHoverColor)." !important; |
| 37 | stroke-width:".esc_attr($js->areaBorderSize)."px !important; |
| 38 | cursor: pointer; |
| 39 | filter: drop-shadow(0px 0px ". (isset($js->areaShadowith) ? esc_attr($js->areaShadowith) : 0) ."px ". (isset($js->areaShadowColor) ? esc_attr($js->areaShadowColor) : '#FFF') ."); |
| 40 | } |
| 41 | "; |
| 42 | wp_register_style( "isimb-6310-template-{$counter}-css", "" ); |
| 43 | wp_enqueue_style( "isimb-6310-template-{$counter}-css" ); |
| 44 | wp_add_inline_style( "isimb-6310-template-{$counter}-css", $pointCssCode ); |
| 45 | |
| 46 | //Nested Code |
| 47 | if(isset($js->nestedList)){ |
| 48 | $nestedList = $js->nestedList; |
| 49 | foreach($nestedList as $nl){ |
| 50 | $counter2 = $nl->nestedId; |
| 51 | echo "<polygon data-nested-id='{$counter}' class='isimb-6310-pol-loaded-nested isimb-6310-pol-nested-{$counter}-{$counter2}' data-nested-unique-id='{$counter}-{$counter2}' />"; |
| 52 | $pointCssCode = " |
| 53 | .isimb-6310-pol-nested-{$counter}-{$counter2}{ |
| 54 | fill: ".esc_attr($js->selectAreaColor)." !important; |
| 55 | stroke:".esc_attr($js->areaBorderColor)." !important; |
| 56 | stroke-width:".esc_attr($js->areaBorderSize)."px !important; |
| 57 | } |
| 58 | .isimb-6310-pol-nested-{$counter}-{$counter2}:hover{ |
| 59 | fill: ".esc_attr($js->selectAreaHoverColor)." !important; |
| 60 | stroke:".esc_attr($js->areaBorderHoverColor)." !important; |
| 61 | stroke-width:".esc_attr($js->areaBorderSize)."px !important; |
| 62 | cursor: pointer; |
| 63 | filter: drop-shadow(0px 0px ". (isset($js->areaShadowith) ? esc_attr($js->areaShadowith) : 0) ."px ". (isset($js->areaShadowColor) ? esc_attr($js->areaShadowColor) : '#FFF') ."); |
| 64 | } |
| 65 | "; |
| 66 | wp_register_style( "isimb-6310-pol-nested-{$counter}-{$counter2}-css", "" ); |
| 67 | wp_enqueue_style( "isimb-6310-pol-nested-{$counter}-{$counter2}-css" ); |
| 68 | wp_add_inline_style( "isimb-6310-pol-nested-{$counter}-{$counter2}-css", $pointCssCode ); |
| 69 | $counter2++; |
| 70 | } |
| 71 | } |
| 72 | $counter++; |
| 73 | } |
| 74 | } |
| 75 | ?> |
| 76 | </svg> |
| 77 | <img src="<?php echo isset($cssData['main_image']) ? $cssData['main_image'] : '' ?>" class="isimb-6310-main-image" /> |
| 78 | <?php |
| 79 | $pointCssCode = " |
| 80 | .isimb-6310-main-svg, .isimb-6310-main-multiple-svg{ |
| 81 | background-image: url(".(isset($cssData['main_image']) ? $cssData['main_image'] : '')."); |
| 82 | } |
| 83 | "; |
| 84 | wp_register_style( "isimb-6310-template-main-css", "" ); |
| 85 | wp_enqueue_style( "isimb-6310-template-main-css" ); |
| 86 | wp_add_inline_style( "isimb-6310-template-main-css", $pointCssCode ); |
| 87 | ?> |
| 88 | </div> |
| 89 | </div> |
| 90 | </div> |