Changeset 2384642

Timestamp:

09/18/2020 06:48:57 PM (5 years ago)

Author:

intelchip

Message:

Added more styling controls for markers. Fixed issue where button could not show up if description wasn't added

Location:

osm-map-elementor/trunk

Files:

• osm-map-elementor.php (modified) (1 diff)
• osm-map.php (modified) (5 diffs)
• readme.txt (modified) (1 diff)

osm-map-elementor/trunk/osm-map-elementor.php

@@ -5 +5 @@
  * Author:          ACT Innovate, James Arama, Alex Hooten
  * Author URI:      https://github.com/flopperj/elementor-osm-map
- * Version:         1.0.0
+ * Version:         1.0.2
  */
 

osm-map-elementor/trunk/osm-map.php

@@ -470 +470 @@
             ]
         );
+        $this->add_responsive_control(
+            'content_align',
+            [
+                'label' => __('Alignment', self::$slug),
+                'type' => \Elementor\Controls_Manager::CHOOSE,
+                'options' => [
+                    'left' => [
+                        'title' => __('Left', self::$slug),
+                        'icon' => 'eicon-text-align-left',
+                    ],
+                    'center' => [
+                        'title' => __('Center', self::$slug),
+                        'icon' => 'eicon-text-align-center',
+                    ],
+                    'right' => [
+                        'title' => __('Right', self::$slug),
+                        'icon' => 'eicon-text-align-right',
+                    ],
+                    'justify' => [
+                        'title' => __('Justified', self::$slug),
+                        'icon' => 'eicon-text-align-justify',
+                    ],
+                ],
+                'selectors' => [
+                    '{{WRAPPER}} .marker-content .marker-description' => 'text-align: {{VALUE}};',
+                ],
+            ]
+        );
+
+        $this->add_control(
+            'content_text_color',
+            [
+                'label' => __('Text Color', self::$slug),
+                'type' => \Elementor\Controls_Manager::COLOR,
+                'default' => '',
+                'selectors' => [
+                    '{{WRAPPER}} .marker-content .marker-description' => 'color: {{VALUE}};',
+                ],
+                'global' => [
+                    'default' => Global_Colors::COLOR_TEXT,
+                ],
+            ]
+        );
 
         $this->add_group_control(
@@ -477 +520 @@
                 'label' => __('Typography', self::$slug),
                 'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
-                'selector' => '{{WRAPPER}} .marker-content',
+                'selector' => '{{WRAPPER}} .marker-content .marker-description',
             ]
         );
@@ -493 +536 @@
         );
 
+        $this->add_responsive_control(
+            'button_align',
+            [
+                'label' => __('Alignment', self::$slug),
+                'type' => \Elementor\Controls_Manager::CHOOSE,
+                'options' => [
+                    'left' => [
+                        'title' => __('Left', self::$slug),
+                        'icon' => 'eicon-text-align-left',
+                    ],
+                    'center' => [
+                        'title' => __('Center', self::$slug),
+                        'icon' => 'eicon-text-align-center',
+                    ],
+                    'right' => [
+                        'title' => __('Right', self::$slug),
+                        'icon' => 'eicon-text-align-right',
+                    ]
+                ],
+                'selectors' => [
+                    '{{WRAPPER}} .marker-content .marker-button' => 'text-align: {{VALUE}};',
+                ],
+            ]
+        );
+
         $this->add_group_control(
             \Elementor\Group_Control_Typography::get_type(),
             [
-                'name' => 'typography',
+                'name' => 'button_typography',
                 'global' => [
                     'default' => Global_Typography::TYPOGRAPHY_ACCENT,
@@ -507 +575 @@
             \Elementor\Group_Control_Text_Shadow::get_type(),
             [
-                'name' => 'text_shadow',
+                'name' => 'button_text_shadow',
                 'selector' => '{{WRAPPER}} .elementor-button',
             ]
@@ -753 +821 @@
                         tooltipContent = `<div class="marker-tooltip"><div class="marker-title">${this.marker.marker_title}</div></div>`;
                     } else if (this.marker.marker_description && this.marker.show_button !== 'yes') {
-                        tooltipContent = `<div class="marker-tooltip"><div class="marker-title">${this.marker.marker_title}</div><div class="marker-content">${this.marker.marker_description}</div></div>`;
+                        tooltipContent = `<div class="marker-tooltip"><div class="marker-title">${this.marker.marker_title}</div><div class="marker-content"><div class="marker-description">${this.marker.marker_description}</div></div></div>`;
+                    } else if (this.marker.show_button === 'yes' && !this.marker.marker_description) {
+                        tooltipContent = `<div class="marker-tooltip"><div class="marker-title">${this.marker.marker_title}</div><div class="marker-content"><div class="marker-button"><a class="elementor-button" target="_blank" href='${this.marker.button_url}'>${this.marker.button_text}</a></div></div></div>`;
                     } else if (this.marker.show_button === 'yes') {
-                        tooltipContent = `<div class="marker-tooltip"><div class="marker-title">${this.marker.marker_title}</div><div class="marker-content">${this.marker.marker_description}<br /><a class="elementor-button" target="_blank" href='${this.marker.button_url}'>${this.marker.button_text}</a></div></div>`;
+                        tooltipContent = `<div class="marker-tooltip"><div class="marker-title">${this.marker.marker_title}</div><div class="marker-content"><div class="marker-description">${this.marker.marker_description}</div><div class="marker-button"><a class="elementor-button" target="_blank" href='${this.marker.button_url}'>${this.marker.button_text}</a></div></div></div>`;
                     }
 

osm-map-elementor/trunk/readme.txt

@@ -1 +1 @@
 === OSM Map Widget for Elementor ===
 Plugin Name: OSM Map Widget for Elementor
-Version: 1.0.1
+Version: 1.0.2
 Author: ACT Innovate, James Arama, Alex Hooten
 Author URI: https://github.com/flopperj/osm-map-elementor