cloudiq - Version 1.0.1

Version Notes

The callMe button is now rotated if it's on the left or right side of the page.
Fixes the button attempting to display on AJAX requests.
Other small visual improvements and bug fixes.

Download this release

Release Info

Developer cloud.IQ
Extension cloudiq
Version 1.0.1
Comparing to
See all releases


Code changes from version 1.0.0 to 1.0.1

Files changed (15) hide show
  1. app/code/community/Cloudiq/Callme/Block/Adminhtml/Config/Edit/Tab/Callme.php +1 -1
  2. app/code/community/Cloudiq/Callme/Model/Api/Callme.php +8 -7
  3. app/code/community/Cloudiq/Callme/Model/Observer.php +3 -12
  4. app/code/community/Cloudiq/Callme/controllers/CallmeController.php +3 -1
  5. app/code/community/Cloudiq/Callme/etc/config.xml +19 -3
  6. app/code/community/Cloudiq/Core/Block/Adminhtml/Config/Edit/Tab/Frame.php +4 -0
  7. app/code/community/Cloudiq/Core/Helper/Config.php +1 -1
  8. app/design/adminhtml/default/default/layout/cloudiq/core.xml +3 -0
  9. app/design/adminhtml/default/default/template/cloudiq/core/tab/frame/iframe.phtml +11 -1
  10. app/design/frontend/base/default/layout/cloudiq/callme.xml +13 -0
  11. app/design/frontend/base/default/template/cloudiq/callme/button.phtml +10 -7
  12. js/cloudiq/callme-button.js +39 -5
  13. package.xml +7 -5
  14. skin/adminhtml/default/default/cloudiq/callme.css +17 -0
  15. skin/frontend/base/default/cloudiq/css/callme-button.css +45 -13
app/code/community/Cloudiq/Callme/Block/Adminhtml/Config/Edit/Tab/Callme.php CHANGED
@@ -71,7 +71,7 @@ class Cloudiq_Callme_Block_Adminhtml_Config_Edit_Tab_Callme extends Mage_Adminht
71
  'label' => $this->_helper->__('Your number'),
72
  'title' => $this->_helper->__('Your number'),
73
  'name' => 'callme[callback][number]',
74
- 'note' => 'This is the number called when the consumer makes a request. It should be a landline number. Once answered you will be connected to the consumer.',
75
  'value' => ($this->_input_data) ? $this->_input_data->getData("callback/number") : $this->_config_model->getCallbackCallcentreNumber(),
76
  'required' => true,
77
  ));
71
  'label' => $this->_helper->__('Your number'),
72
  'title' => $this->_helper->__('Your number'),
73
  'name' => 'callme[callback][number]',
74
+ 'note' => 'Please enter a landline number in international format, i.e +44. This is the number called when the consumer makes a request. Once answered you will be connected to the consumer.',
75
  'value' => ($this->_input_data) ? $this->_input_data->getData("callback/number") : $this->_config_model->getCallbackCallcentreNumber(),
76
  'required' => true,
77
  ));
app/code/community/Cloudiq/Callme/Model/Api/Callme.php CHANGED
@@ -33,15 +33,15 @@ class Cloudiq_Callme_Model_Api_Callme extends Cloudiq_Core_Model_Api_Abstract {
33
  if (!is_null($callme_response)) {
34
  if ($callme_response['status'] == Cloudiq_Core_Model_Api_Response::STATUS_SUCCESS) {
35
  // Successful callMe response, check if a new app ID was created
36
- $app_id = (int) $callme_response->appId;
37
- if (!is_null($app_id)) {
38
- $config->setAppId($app_id);
39
  }
40
  } else {
41
  // Unsuccessful callMe response, build an appropriate error message
42
- $error_message = "Unsuccessful callMe response: " . $response->getApiStatusCodeDescription($callme_response['status']);
43
  if ($callme_response->description) {
44
- $error_message .= ": " . $callme_response->description;
 
 
45
  }
46
  $errors[] = $error_message;
47
  }
@@ -102,9 +102,10 @@ class Cloudiq_Callme_Model_Api_Callme extends Cloudiq_Core_Model_Api_Abstract {
102
  $result["message"] = sprintf("%s", $callback_response->description);
103
  } else {
104
  // Unsuccessful callback response, fetch the error message
105
- $result["message"] = $response->getApiStatusCodeDescription($callback_response['status']);
106
  if ($callback_response->description) {
107
- $result["message"] .= sprintf(": %s", $callback_response->description);
 
 
108
  }
109
  }
110
  }
33
  if (!is_null($callme_response)) {
34
  if ($callme_response['status'] == Cloudiq_Core_Model_Api_Response::STATUS_SUCCESS) {
35
  // Successful callMe response, check if a new app ID was created
36
+ if ($callme_response->appId && is_numeric((string) $callme_response->appId)) {
37
+ $config->setAppId((string) $callme_response->appId);
 
38
  }
39
  } else {
40
  // Unsuccessful callMe response, build an appropriate error message
 
41
  if ($callme_response->description) {
42
+ $error_message = sprintf("%s", $callme_response->description);
43
+ } else {
44
+ $error_message = $response->getApiStatusCodeDescription($callme_response['status']);
45
  }
46
  $errors[] = $error_message;
47
  }
102
  $result["message"] = sprintf("%s", $callback_response->description);
103
  } else {
104
  // Unsuccessful callback response, fetch the error message
 
105
  if ($callback_response->description) {
106
+ $result["message"] = sprintf("%s", $callback_response->description);
107
+ } else {
108
+ $result["message"] = $response->getApiStatusCodeDescription($callback_response['status']);
109
  }
110
  }
111
  }
app/code/community/Cloudiq/Callme/Model/Observer.php CHANGED
@@ -52,7 +52,7 @@ class Cloudiq_Callme_Model_Observer extends Varien_Object {
52
  *
53
  * @param Varien_Event_Observer $observer
54
  */
55
- public function observeControllerActionLayoutGenerateBlocksAfter(Varien_Event_Observer $observer) {
56
  /** @var Mage_Core_Model_Layout $layout */
57
  $layout = Mage::app()->getLayout();
58
 
@@ -81,17 +81,8 @@ class Cloudiq_Callme_Model_Observer extends Varien_Object {
81
  * Only render the block if we've checked the "Display on all pages" checkbox, or at least one of our current
82
  * page handles matches the configured handles.
83
  */
84
- $should_render_block = (
85
- $callme_config->getDisplayOnAll() ||
86
- count(array_intersect($callme_handles, $layout_handles)) > 0
87
- );
88
-
89
- if ($should_render_block) {
90
- // TODO: convert this into a layout update that gets applied through a handle
91
- $callme_block = $layout->createBlock('cloudiq_callme/button', 'cloudiq_callme.button_js');
92
- $layout->getBlock('before_body_end')->insert($callme_block);
93
- $layout->getBlock('head')->addItem("skin_css", "cloudiq/css/callme-button.css");
94
- $layout->getBlock('head')->addItem("js", "cloudiq/callme-button.js");
95
  }
96
  }
97
  }
52
  *
53
  * @param Varien_Event_Observer $observer
54
  */
55
+ public function observeControllerActionLayoutLoadBefore(Varien_Event_Observer $observer) {
56
  /** @var Mage_Core_Model_Layout $layout */
57
  $layout = Mage::app()->getLayout();
58
 
81
  * Only render the block if we've checked the "Display on all pages" checkbox, or at least one of our current
82
  * page handles matches the configured handles.
83
  */
84
+ if ($callme_config->getDisplayOnAll() || count(array_intersect($callme_handles, $layout_handles)) > 0) {
85
+ $layout->getUpdate()->addHandle("cloudiq_callme_button");
 
 
 
 
 
 
 
 
 
86
  }
87
  }
88
  }
app/code/community/Cloudiq/Callme/controllers/CallmeController.php CHANGED
@@ -23,12 +23,14 @@ class Cloudiq_Callme_CallmeController extends Mage_Core_Controller_Front_Action
23
  $result["message"] = "API call result unknown";
24
  }
25
  } else {
26
- $result["message"] = "Must specify a phone number to call";
27
  }
28
  } else {
29
  $result["message"] = "callMe module is not available";
30
  }
31
 
 
 
32
  $this->getResponse()
33
  ->setHeader('Content-type', 'application/json')
34
  ->setBody(Zend_Json::encode($result));
23
  $result["message"] = "API call result unknown";
24
  }
25
  } else {
26
+ $result["message"] = "Please specify a mobile number to call in international format, ie +44";
27
  }
28
  } else {
29
  $result["message"] = "callMe module is not available";
30
  }
31
 
32
+ $result["message"] = Mage::helper("cloudiq_callme")->__($result["message"]);
33
+
34
  $this->getResponse()
35
  ->setHeader('Content-type', 'application/json')
36
  ->setBody(Zend_Json::encode($result));
app/code/community/Cloudiq/Callme/etc/config.xml CHANGED
@@ -49,19 +49,26 @@
49
  </cloudiq_callme>
50
  </observers>
51
  </cloudiq_core_config_save>
52
- <controller_action_layout_generate_blocks_after>
53
  <observers>
54
  <cloudiq_callme_insert_block>
55
  <type>singleton</type>
56
  <class>cloudiq_callme/observer</class>
57
- <method>observeControllerActionLayoutGenerateBlocksAfter</method>
58
  </cloudiq_callme_insert_block>
59
  </observers>
60
- </controller_action_layout_generate_blocks_after>
61
  </events>
62
  </global>
63
 
64
  <frontend>
 
 
 
 
 
 
 
65
  <routers>
66
  <cloudiq>
67
  <args>
@@ -71,6 +78,15 @@
71
  </args>
72
  </cloudiq>
73
  </routers>
 
 
 
 
 
 
 
 
 
74
  </frontend>
75
 
76
  <admin>
49
  </cloudiq_callme>
50
  </observers>
51
  </cloudiq_core_config_save>
52
+ <controller_action_layout_load_before>
53
  <observers>
54
  <cloudiq_callme_insert_block>
55
  <type>singleton</type>
56
  <class>cloudiq_callme/observer</class>
57
+ <method>observeControllerActionLayoutLoadBefore</method>
58
  </cloudiq_callme_insert_block>
59
  </observers>
60
+ </controller_action_layout_load_before>
61
  </events>
62
  </global>
63
 
64
  <frontend>
65
+ <layout>
66
+ <updates>
67
+ <cloudiq_callme>
68
+ <file>cloudiq/callme.xml</file>
69
+ </cloudiq_callme>
70
+ </updates>
71
+ </layout>
72
  <routers>
73
  <cloudiq>
74
  <args>
78
  </args>
79
  </cloudiq>
80
  </routers>
81
+ <translate>
82
+ <modules>
83
+ <Cloudiq_Callme>
84
+ <files>
85
+ <default>Cloudiq_Callme.csv</default>
86
+ </files>
87
+ </Cloudiq_Callme>
88
+ </modules>
89
+ </translate>
90
  </frontend>
91
 
92
  <admin>
app/code/community/Cloudiq/Core/Block/Adminhtml/Config/Edit/Tab/Frame.php CHANGED
@@ -36,4 +36,8 @@ class Cloudiq_Core_Block_Adminhtml_Config_Edit_Tab_Frame extends Mage_Adminhtml_
36
  public function isHidden() {
37
  return !$this->_helper->hasBeenSetUp();
38
  }
 
 
 
 
39
  }
36
  public function isHidden() {
37
  return !$this->_helper->hasBeenSetUp();
38
  }
39
+
40
+ protected function getFrameId() {
41
+ return "cloudiq_frame_" . $this->getModule();
42
+ }
43
  }
app/code/community/Cloudiq/Core/Helper/Config.php CHANGED
@@ -1,7 +1,7 @@
1
  <?php
2
  class Cloudiq_Core_Helper_Config extends Mage_Core_Helper_Abstract {
3
 
4
- const CLOUDIQ_BASE_URL = "https://platform.cloud-iq.com/";
5
 
6
  public function hasBeenSetUp() {
7
  return $this->getToken() != "";
1
  <?php
2
  class Cloudiq_Core_Helper_Config extends Mage_Core_Helper_Abstract {
3
 
4
+ const CLOUDIQ_BASE_URL = "http://nimbus.cloud-iq.com/nc_uat/";
5
 
6
  public function hasBeenSetUp() {
7
  return $this->getToken() != "";
app/design/adminhtml/default/default/layout/cloudiq/core.xml CHANGED
@@ -19,6 +19,7 @@
19
  <block type="cloudiq_core/adminhtml_config_edit_tab_frame" name="cloudiq.config.edit.tab.dashboard">
20
  <action method="setLabel"><label>Dashboard</label></action>
21
  <action method="setModule"><module>dashboard</module></action>
 
22
  </block>
23
  <action method="addTab">
24
  <name>dashboard_section</name>
@@ -27,6 +28,7 @@
27
  <block type="cloudiq_core/adminhtml_config_edit_tab_frame" name="cloudiq.config.edit.tab.account">
28
  <action method="setLabel"><label>Account</label></action>
29
  <action method="setModule"><module>account</module></action>
 
30
  </block>
31
  <action method="addTab">
32
  <name>account_section</name>
@@ -35,6 +37,7 @@
35
  <block type="cloudiq_core/adminhtml_config_edit_tab_frame" name="cloudiq.config.edit.tab.support">
36
  <action method="setLabel"><label>Support</label></action>
37
  <action method="setModule"><module>support</module></action>
 
38
  </block>
39
  <action method="addTab">
40
  <name>support_section</name>
19
  <block type="cloudiq_core/adminhtml_config_edit_tab_frame" name="cloudiq.config.edit.tab.dashboard">
20
  <action method="setLabel"><label>Dashboard</label></action>
21
  <action method="setModule"><module>dashboard</module></action>
22
+ <action method="setTabName"><name>dashboard_section</name></action>
23
  </block>
24
  <action method="addTab">
25
  <name>dashboard_section</name>
28
  <block type="cloudiq_core/adminhtml_config_edit_tab_frame" name="cloudiq.config.edit.tab.account">
29
  <action method="setLabel"><label>Account</label></action>
30
  <action method="setModule"><module>account</module></action>
31
+ <action method="setTabName"><name>account_section</name></action>
32
  </block>
33
  <action method="addTab">
34
  <name>account_section</name>
37
  <block type="cloudiq_core/adminhtml_config_edit_tab_frame" name="cloudiq.config.edit.tab.support">
38
  <action method="setLabel"><label>Support</label></action>
39
  <action method="setModule"><module>support</module></action>
40
+ <action method="setTabName"><name>support_section</name></action>
41
  </block>
42
  <action method="addTab">
43
  <name>support_section</name>
app/design/adminhtml/default/default/template/cloudiq/core/tab/frame/iframe.phtml CHANGED
@@ -1 +1,11 @@
1
- <iframe src="<?php echo $this->getSubmitterUrl(); ?>" frameborder="0" width="100%" height="787px"></iframe>
 
 
 
 
 
 
 
 
 
 
1
+ <iframe id="<?php echo $this->getFrameId(); ?>" src="<?php echo $this->getSubmitterUrl(); ?>" frameborder="0" width="100%" height="787px"></iframe>
2
+ <script type="text/javascript">
3
+ document.observe("dom:loaded", function () {
4
+ varienGlobalEvents.attachEventHandler("showTab", function (event) {
5
+ if (event.tab.name == "<?php echo $this->getTabName(); ?>") {
6
+ var frame = $('<?php echo $this->getFrameId(); ?>');
7
+ frame.src = frame.src; // Reload frame
8
+ }
9
+ });
10
+ });
11
+ </script>
app/design/frontend/base/default/layout/cloudiq/callme.xml ADDED
@@ -0,0 +1,13 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?xml version="1.0"?>
2
+ <layout version="0.1.0">
3
+ <cloudiq_callme_button translate="label">
4
+ <label>cloud.IQ callMe button</label>
5
+ <reference name="head">
6
+ <action method="addItem"><type>skin_css</type><file>cloudiq/css/callme-button.css</file></action>
7
+ <action method="addItem"><type>js</type><file>cloudiq/callme-button.js</file></action>
8
+ </reference>
9
+ <reference name="before_body_end">
10
+ <block type="cloudiq_callme/button" name="cloudiq_callme.button" />
11
+ </reference>
12
+ </cloudiq_callme_button>
13
+ </layout>
app/design/frontend/base/default/template/cloudiq/callme/button.phtml CHANGED
@@ -1,5 +1,6 @@
1
  <style type="text/css">
2
- .<?php echo $this->_getTemplateClass(); ?> {
 
3
  background: -moz-linear-gradient(top, #<?php echo $this->_getGradientStartColour(); ?> 0%, #<?php echo $this->_getGradientEndColour(); ?> 100%); /* FF3.6+ */
4
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#<?php echo $this->_getGradientStartColour(); ?>), color-stop(100%,#<?php echo $this->_getGradientEndColour(); ?>)); /* Chrome,Safari4+ */
5
  background: -webkit-linear-gradient(top, #<?php echo $this->_getGradientStartColour(); ?> 0%,#<?php echo $this->_getGradientEndColour(); ?> 100%); /* Chrome10+,Safari5.1+ */
@@ -16,8 +17,10 @@
16
  }
17
  </style>
18
  <div id="cloudiq-callme-button" class="<?php echo $this->_getButtonClass(); ?>">
19
- <p id="cloudiq-callme-button-title"><?php echo $this->_getFromConfig("button_heading"); ?></p>
20
- <p id="cloudiq-callme-button-message"><?php echo $this->_getFromConfig("button_message"); ?></p>
 
 
21
  </div>
22
  <div id="cloudiq-callme-popup" class="<?php echo $this->_getPopupClass(); ?>">
23
  <div id="cloudiq-callme-popup-close">&times;</div>
@@ -27,10 +30,10 @@
27
  <p id="cloudiq-callme-popup-title"><?php echo $this->_getFromConfig("pop_up_title"); ?></p>
28
  <p id="cloudiq-callme-popup-strapline"><?php echo $this->_getFromConfig("pop_up_strapline"); ?></p>
29
  <form id="cloudiq-callme-popup-form" name="cloudiq-callme-popup-form" method="POST" action="<?php echo $this->_getFormUrl(); ?>">
30
- <label for="cloudiq-callme-popup-form-number">Mobile number</label>
31
- <input type="text" name="phone_number" id="cloudiq-callme-popup-form-number" />
32
- <button type="submit" <?php if ($this->getDisabled()) echo "disabled"; ?>>Submit</button>
 
33
  </form>
34
- <div id="cloudiq-callme-popup-response"></div>
35
  </div>
36
  <script>cloudiqCallmeInit()</script>
1
  <style type="text/css">
2
+ #cloudiq-callme-button.<?php echo $this->_getTemplateClass(); ?> #cloudiq-callme-button-content,
3
+ #cloudiq-callme-popup.<?php echo $this->_getTemplateClass(); ?> {
4
  background: -moz-linear-gradient(top, #<?php echo $this->_getGradientStartColour(); ?> 0%, #<?php echo $this->_getGradientEndColour(); ?> 100%); /* FF3.6+ */
5
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#<?php echo $this->_getGradientStartColour(); ?>), color-stop(100%,#<?php echo $this->_getGradientEndColour(); ?>)); /* Chrome,Safari4+ */
6
  background: -webkit-linear-gradient(top, #<?php echo $this->_getGradientStartColour(); ?> 0%,#<?php echo $this->_getGradientEndColour(); ?> 100%); /* Chrome10+,Safari5.1+ */
17
  }
18
  </style>
19
  <div id="cloudiq-callme-button" class="<?php echo $this->_getButtonClass(); ?>">
20
+ <div id="cloudiq-callme-button-content">
21
+ <p id="cloudiq-callme-button-title"><?php echo $this->_getFromConfig("button_heading"); ?></p>
22
+ <p id="cloudiq-callme-button-message"><?php echo $this->_getFromConfig("button_message"); ?></p>
23
+ </div>
24
  </div>
25
  <div id="cloudiq-callme-popup" class="<?php echo $this->_getPopupClass(); ?>">
26
  <div id="cloudiq-callme-popup-close">&times;</div>
30
  <p id="cloudiq-callme-popup-title"><?php echo $this->_getFromConfig("pop_up_title"); ?></p>
31
  <p id="cloudiq-callme-popup-strapline"><?php echo $this->_getFromConfig("pop_up_strapline"); ?></p>
32
  <form id="cloudiq-callme-popup-form" name="cloudiq-callme-popup-form" method="POST" action="<?php echo $this->_getFormUrl(); ?>">
33
+ <label for="cloudiq-callme-popup-form-number"><?php echo $this->__("Mobile number (e.g. +44...)"); ?></label>
34
+ <input type="text" name="phone_number" id="cloudiq-callme-popup-form-number" title="<?php echo $this->__("Please enter in international format, i.e. +44"); ?>" />
35
+ <div id="cloudiq-callme-popup-response"></div>
36
+ <button type="submit" id="cloudiq-callme-popup-form-button" <?php if ($this->getDisabled()) echo "disabled"; ?>>Submit</button>
37
  </form>
 
38
  </div>
39
  <script>cloudiqCallmeInit()</script>
js/cloudiq/callme-button.js CHANGED
@@ -3,8 +3,32 @@ function cloudiqCallmeInit() {
3
  var callme_popup = $('cloudiq-callme-popup');
4
  var callme_popup_close_button = $('cloudiq-callme-popup-close');
5
  var callme_popup_form = $('cloudiq-callme-popup-form');
 
6
  var callme_popup_response = $('cloudiq-callme-popup-response');
7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8
  // Position the popup in the centre of the screen
9
  callme_popup.setStyle({
10
  top: "50%",
@@ -20,10 +44,12 @@ function cloudiqCallmeInit() {
20
 
21
  // Reset popup elements before displaying it
22
  if (display_value != "none") {
23
- callme_popup_form.setStyle({display: "block"});
24
  callme_popup_response.update("");
25
  callme_popup_response.removeClassName("cloudiq-callme-status-success");
26
  callme_popup_response.removeClassName("cloudiq-callme-status-failure");
 
 
 
27
  }
28
 
29
  callme_popup.setStyle({display: display_value});
@@ -32,6 +58,11 @@ function cloudiqCallmeInit() {
32
 
33
  // Submit callMe callback request through Ajax
34
  callme_popup_form.observe("submit", function (e) {
 
 
 
 
 
35
  callme_popup_form.request({
36
  onComplete: function (transport) {
37
  var result;
@@ -44,13 +75,16 @@ function cloudiqCallmeInit() {
44
  };
45
  }
46
 
47
- // Update the response box
48
  var result_class = (result.status) ? "success" : "failure";
49
  callme_popup_response.addClassName("cloudiq-callme-status-" + result_class);
50
  callme_popup_response.update(result.message);
51
-
52
- // Hide the form
53
- callme_popup_form.setStyle({display: "none"});
 
 
 
54
  }
55
  });
56
  e.stop();
3
  var callme_popup = $('cloudiq-callme-popup');
4
  var callme_popup_close_button = $('cloudiq-callme-popup-close');
5
  var callme_popup_form = $('cloudiq-callme-popup-form');
6
+ var callme_popup_form_button = $('cloudiq-callme-popup-form-button');
7
  var callme_popup_response = $('cloudiq-callme-popup-response');
8
 
9
+ // Adjust the position of the button if it's rotated
10
+ var position_adjustment = {};
11
+ var class_matches = callme_button.getAttribute('class').match(/cloudiq-callme-position-(left|right)(top|middle|bottom)/);
12
+ if (Prototype.Browser.IE) {
13
+ var adjustment_value = Math.abs(callme_button.getHeight() - callme_button.getWidth());
14
+ if (class_matches[1] == "right") {
15
+ position_adjustment[class_matches[1]] = "-" + adjustment_value + "px";
16
+ }
17
+ if (class_matches[2] == "bottom") {
18
+ position_adjustment[class_matches[2]] = adjustment_value + "px";
19
+ }
20
+ } else {
21
+ var adjustment_value = Math.abs(Math.round(callme_button.getWidth() / 2 - callme_button.getHeight() / 2));
22
+ position_adjustment[class_matches[1]] = "-" + adjustment_value + "px";
23
+ if (class_matches[2] != "middle") {
24
+ position_adjustment[class_matches[2]] = adjustment_value + "px";
25
+ }
26
+ }
27
+ if (class_matches[2] == "middle") {
28
+ position_adjustment["marginTop"] = "-" + Math.round(callme_button.getHeight() / 2) + "px";
29
+ }
30
+ callme_button.setStyle(position_adjustment);
31
+
32
  // Position the popup in the centre of the screen
33
  callme_popup.setStyle({
34
  top: "50%",
44
 
45
  // Reset popup elements before displaying it
46
  if (display_value != "none") {
 
47
  callme_popup_response.update("");
48
  callme_popup_response.removeClassName("cloudiq-callme-status-success");
49
  callme_popup_response.removeClassName("cloudiq-callme-status-failure");
50
+ callme_popup_form.select("label, input, button").each(function (e) {
51
+ e.show();
52
+ });
53
  }
54
 
55
  callme_popup.setStyle({display: display_value});
58
 
59
  // Submit callMe callback request through Ajax
60
  callme_popup_form.observe("submit", function (e) {
61
+ callme_popup_response.update("");
62
+ callme_popup_response.removeClassName("cloudiq-callme-status-success");
63
+ callme_popup_response.removeClassName("cloudiq-callme-status-failure");
64
+ callme_popup_form_button.update("Loading...");
65
+
66
  callme_popup_form.request({
67
  onComplete: function (transport) {
68
  var result;
75
  };
76
  }
77
 
78
+ // Update the popup
79
  var result_class = (result.status) ? "success" : "failure";
80
  callme_popup_response.addClassName("cloudiq-callme-status-" + result_class);
81
  callme_popup_response.update(result.message);
82
+ callme_popup_form_button.update("Submit");
83
+ if (result.status) {
84
+ callme_popup_form.select("label, input, button").each(function (e) {
85
+ e.hide();
86
+ });
87
+ }
88
  }
89
  });
90
  e.stop();
package.xml CHANGED
@@ -1,7 +1,7 @@
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>cloudiq</name>
4
- <version>1.0.0</version>
5
  <stability>stable</stability>
6
  <license uri="http://www.cloud-iq.com">Commercial License</license>
7
  <channel>community</channel>
@@ -12,11 +12,13 @@
12
  The callMe extension installs a callMe button on your Magento store. It&#x2019;s beautifully simple to install and use.&#xD;
13
  &#xD;
14
  Your visitors can then conveniently input their telephone number for an immediate call back, the service will immediately call you (the business) then instantly connect the customer when you pick up the phone!</description>
15
- <notes>You can manage the look and feel of your button. You can schedule call backs to suit your business hours.</notes>
 
 
16
  <authors><author><name>cloud.IQ</name><user>cloud_iq</user><email>sales@cloud-iq.com</email></author></authors>
17
- <date>2013-07-05</date>
18
- <time>10:20:44</time>
19
- <contents><target name="mageetc"><dir name="modules"><file name="Cloudiq_Callme.xml" hash="e41b3685af06770ec59c90fb9dff6760"/><file name="Cloudiq_Core.xml" hash="cad973564b5dda06d3608f7e51d529e6"/></dir></target><target name="magecommunity"><dir name="Cloudiq"><dir name="Callme"><dir name="Block"><dir name="Adminhtml"><dir name="Config"><dir name="Edit"><dir name="Tab"><file name="Callme.php" hash="b6f541dfa99c1cfbc0148844b742b090"/></dir></dir></dir></dir><file name="Button.php" hash="9053737a38428c9458eba6f34012aeb8"/></dir><dir name="Helper"><file name="Data.php" hash="85b0f590edbd071dadd4dd69f47cf768"/><file name="Options.php" hash="44da04907ac960c206b12c84bdc54850"/></dir><dir name="Model"><dir name="Api"><file name="Callme.php" hash="025cb54a73d4c32f0d80781c772e69a5"/></dir><file name="Config.php" hash="123f7f5b8fc0161e9e94e1c97de74b79"/><file name="Observer.php" hash="a059cbdb977c9c6f7ecb63fd055f8ff8"/><dir name="Resource"><dir name="Config"><file name="Collection.php" hash="c8cb34ede9c8c4ea692a560b47b27025"/></dir><file name="Config.php" hash="f8dfebe59e9f34ee306ea29f188e7bf2"/></dir></dir><dir name="Test"><dir name="Config"><file name="Base.php" hash="8b8b866e1321e1e98e7a4f36a59d2183"/></dir><dir name="Controller"><dir name="Block"><dir name="fixtures"><file name="testCallmeDisabled.yaml" hash="64621424e49f70f56b13857b28268200"/><file name="testCoreDisabled.yaml" hash="4731e31d6f73894232475d7ccbcb7758"/><file name="testDisplayOnAllPages.yaml" hash="81dbaa7b53e28e5d7e5875274dad6ef8"/></dir><dir name="providers"><file name="testDisplayOnAllPages.yaml" hash="c5fb386e2508b360bec626b5acad1076"/></dir></dir><file name="Block.php" hash="87b31a5aa9f2eb7f94f82c4affb9fad9"/></dir><dir name="Helper"><file name="Options.php" hash="431d9ab9633efdbdd0df9ec6e22af9fc"/></dir><dir name="Model"><dir name="Config"><dir name="fixtures"><file name="validConfigObject.yaml" hash="ead7a835c645cbba6e4effe3bc00d864"/></dir><dir name="providers"><file name="testOptionalField.yaml" hash="f253cd136bd4ceacc5f3e07dc936f7db"/><file name="testRequiredField.yaml" hash="63ec4c95468c32b0646eb8e8360097de"/></dir></dir><file name="Config.php" hash="a9b14a2e23922d9638fa12959b1384fb"/></dir></dir><dir name="Varien"><dir name="Data"><dir name="Form"><dir name="Element"><file name="Colourpicker.php" hash="b2f796c6b776291d4820dd355bcd1f7c"/><file name="Openinghours.php" hash="2378bfe07e017eb6e0053443562bbea9"/></dir></dir></dir></dir><dir name="controllers"><dir name="Adminhtml"><file name="CallmeController.php" hash="9bc2d43037ea553ee980e32813f17c99"/></dir><file name="CallmeController.php" hash="ea90e4efee01afe4eaaed292abff50b0"/></dir><dir name="etc"><file name="config.xml" hash="4990375a55e13e88c16f4ec8f00fb562"/></dir><dir name="sql"><dir name="cloudiq_callme_setup"><file name="mysql4-install-1.0.0.php" hash="565324b929bcd1cce3813bfbd146a392"/></dir></dir></dir><dir name="Core"><dir name="Block"><dir name="Adminhtml"><dir name="Config"><dir name="Edit"><file name="Form.php" hash="adb6a7430c073ee2930b4d853fb4cfa3"/><dir name="Tab"><file name="Frame.php" hash="5b2f562fb67baf1060eee4c05f67d5da"/><file name="Global.php" hash="46e016a82d206ead0190b45a160df00d"/></dir><file name="Tabs.php" hash="953109aea9e43c0dd960eb9f2aa041f6"/></dir><file name="Edit.php" hash="55f27f8954981871bd7e748f48f9e8c0"/></dir></dir></dir><dir name="Helper"><file name="Config.php" hash="37bd1633ce962c654f0e21818991c191"/><file name="Data.php" hash="528460cf7ec9f942f2f29f6dad1c52f1"/></dir><dir name="Model"><dir name="Api"><file name="Abstract.php" hash="a6df29a5d90cba70242cd36bd0689cd3"/><file name="Core.php" hash="a1c7cfb04097677e5565ce496d558e94"/><file name="Request.php" hash="43bd7500c74d97eac224c23518e3824b"/><file name="Response.php" hash="b977b0f632a7bafa40b52d8d9e0078ac"/></dir></dir><dir name="Test"><dir name="Config"><file name="Base.php" hash="f2e2ca2e59d14048bf46b8c208787793"/></dir><dir name="Model"><dir name="Api"><file name="Response.php" hash="e9d5051331fabfcbe487778ae2c47cc3"/><file name="TestCase.php" hash="2d5114ea542aba75f666b6254390a5d6"/><dir name="data"><dir name="Response"><file name="testWasSuccessfulBadResponseAttribute.txt" hash="7edb6a3d909e8bfb7f04a3450b0fc1c8"/><file name="testWasSuccessfulStatusCodeAndResponseAttribute.txt" hash="14b598d1a6abd984d00cb76fa5351b81"/></dir></dir></dir></dir></dir><dir name="controllers"><dir name="Adminhtml"><file name="CloudiqController.php" hash="4cdb6fc9daf31260c6e020496f7ba557"/></dir></dir><dir name="etc"><file name="adminhtml.xml" hash="8ee43c9b6d84378c552987e7e980a50d"/><file name="config.xml" hash="d53122159940a78b5f8352355c9f0f99"/></dir><file name=".gitkeep" hash="d41d8cd98f00b204e9800998ecf8427e"/></dir></dir></target><target name="magedesign"><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="layout"><dir name="cloudiq"><file name="callme.xml" hash="93aae78cddc91367219762316cf50f9c"/><file name="core.xml" hash="47ca2cb375a8b204080f6cba1cd58074"/></dir></dir><dir name="template"><dir name="cloudiq"><dir name="core"><dir name="tab"><dir name="frame"><file name="iframe.phtml" hash="819fb687981c7054952373f5820824a6"/><file name="submitter.phtml" hash="d0c0dcb6206dd9298630dc564016e24f"/></dir></dir><file name="tabs.phtml" hash="a14de21a37b43d13b4e70b9ef96933c7"/></dir><dir name="global"><file name="tab.phtml" hash="9b7105f44b18bc0d5649658e6e111aaa"/><dir name="widget"><file name="form.phtml" hash="d91ea0fc9b1b2d48068732a3f203610c"/></dir></dir></dir></dir></dir></dir></dir><dir name="frontend"><dir name="base"><dir name="default"><dir name="template"><dir name="cloudiq"><dir name="callme"><file name="button.phtml" hash="a1497f83bde303bb33cf5ed02328aacb"/></dir></dir></dir></dir></dir></dir></target><target name="mageskin"><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="cloudiq"><file name="callme.css" hash="9dcffe69220e524ad1a67068313404e0"/><file name="core.css" hash="c22a2fe861358447637a640e75da9076"/><dir name="js"><file name="callme.js" hash="4007f758fde195875608fcaf32f23a7f"/></dir></dir></dir></dir></dir><dir name="frontend"><dir name="base"><dir name="default"><dir name="cloudiq"><dir name="css"><file name="callme-button.css" hash="3feb251dbd7025da16a12f1c122f238e"/></dir></dir></dir></dir></dir></target><target name="mageweb"><dir name="js"><dir name="cloudiq"><file name="callme-button.js" hash="a39591a5eb8e6b4e8d26f7ec1a5dce63"/><dir name="callme-jscolor"><file name="arrow.gif" hash="5034704a76cd55c1cbcbc58ea6bf523f"/><file name="cross.gif" hash="ba9a274b9323753cd95bc3b1eb2f4e5f"/><file name="demo.html" hash="edf71251cb2be20322d2efb00aee86a6"/><file name="hs.png" hash="fefa1a03d92ebad25c88dca94a0b63db"/><file name="hv.png" hash="990d71cada17da100653636cf8490884"/><file name="jscolor.js" hash="b65a1505390592ac6c0177d6b84774e0"/></dir></dir></dir></target><target name="magelocale"><dir name="en_GB"><file name="Cloudiq_Callme.csv" hash="a056a4403ab97dc4308b9b84a8bcfcfd"/></dir></target></contents>
20
  <compatible/>
21
  <dependencies><required><php><min>5.2.0</min><max>6.0.0</max></php></required></dependencies>
22
  </package>
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>cloudiq</name>
4
+ <version>1.0.1</version>
5
  <stability>stable</stability>
6
  <license uri="http://www.cloud-iq.com">Commercial License</license>
7
  <channel>community</channel>
12
  The callMe extension installs a callMe button on your Magento store. It&#x2019;s beautifully simple to install and use.&#xD;
13
  &#xD;
14
  Your visitors can then conveniently input their telephone number for an immediate call back, the service will immediately call you (the business) then instantly connect the customer when you pick up the phone!</description>
15
+ <notes>The callMe button is now rotated if it's on the left or right side of the page.&#xD;
16
+ Fixes the button attempting to display on AJAX requests.&#xD;
17
+ Other small visual improvements and bug fixes.</notes>
18
  <authors><author><name>cloud.IQ</name><user>cloud_iq</user><email>sales@cloud-iq.com</email></author></authors>
19
+ <date>2013-07-25</date>
20
+ <time>13:38:54</time>
21
+ <contents><target name="mageetc"><dir name="modules"><file name="Cloudiq_Callme.xml" hash="e41b3685af06770ec59c90fb9dff6760"/><file name="Cloudiq_Core.xml" hash="cad973564b5dda06d3608f7e51d529e6"/></dir></target><target name="magecommunity"><dir name="Cloudiq"><dir name="Callme"><dir name="Block"><dir name="Adminhtml"><dir name="Config"><dir name="Edit"><dir name="Tab"><file name="Callme.php" hash="47fd8bc74ab111de5a4470657038d423"/></dir></dir></dir></dir><file name="Button.php" hash="9053737a38428c9458eba6f34012aeb8"/></dir><dir name="Helper"><file name="Data.php" hash="85b0f590edbd071dadd4dd69f47cf768"/><file name="Options.php" hash="44da04907ac960c206b12c84bdc54850"/></dir><dir name="Model"><dir name="Api"><file name="Callme.php" hash="bf45783b4168869d4bcf9038b2970a8f"/></dir><file name="Config.php" hash="123f7f5b8fc0161e9e94e1c97de74b79"/><file name="Observer.php" hash="30062e5862e8901eb019f9542070c2b0"/><dir name="Resource"><dir name="Config"><file name="Collection.php" hash="c8cb34ede9c8c4ea692a560b47b27025"/></dir><file name="Config.php" hash="f8dfebe59e9f34ee306ea29f188e7bf2"/></dir></dir><dir name="Test"><dir name="Config"><file name="Base.php" hash="8b8b866e1321e1e98e7a4f36a59d2183"/></dir><dir name="Controller"><dir name="Block"><dir name="fixtures"><file name="testCallmeDisabled.yaml" hash="64621424e49f70f56b13857b28268200"/><file name="testCoreDisabled.yaml" hash="4731e31d6f73894232475d7ccbcb7758"/><file name="testDisplayOnAllPages.yaml" hash="81dbaa7b53e28e5d7e5875274dad6ef8"/></dir><dir name="providers"><file name="testDisplayOnAllPages.yaml" hash="c5fb386e2508b360bec626b5acad1076"/></dir></dir><file name="Block.php" hash="87b31a5aa9f2eb7f94f82c4affb9fad9"/></dir><dir name="Helper"><file name="Options.php" hash="431d9ab9633efdbdd0df9ec6e22af9fc"/></dir><dir name="Model"><dir name="Config"><dir name="fixtures"><file name="validConfigObject.yaml" hash="ead7a835c645cbba6e4effe3bc00d864"/></dir><dir name="providers"><file name="testOptionalField.yaml" hash="f253cd136bd4ceacc5f3e07dc936f7db"/><file name="testRequiredField.yaml" hash="63ec4c95468c32b0646eb8e8360097de"/></dir></dir><file name="Config.php" hash="a9b14a2e23922d9638fa12959b1384fb"/></dir></dir><dir name="Varien"><dir name="Data"><dir name="Form"><dir name="Element"><file name="Colourpicker.php" hash="b2f796c6b776291d4820dd355bcd1f7c"/><file name="Openinghours.php" hash="2378bfe07e017eb6e0053443562bbea9"/></dir></dir></dir></dir><dir name="controllers"><dir name="Adminhtml"><file name="CallmeController.php" hash="9bc2d43037ea553ee980e32813f17c99"/></dir><file name="CallmeController.php" hash="a34309a5230ed5cb616a22cc4a0b8b62"/></dir><dir name="etc"><file name="config.xml" hash="c52efa4dacdfcd93dd329f30a29c125e"/></dir><dir name="sql"><dir name="cloudiq_callme_setup"><file name="mysql4-install-1.0.0.php" hash="565324b929bcd1cce3813bfbd146a392"/></dir></dir></dir><dir name="Core"><dir name="Block"><dir name="Adminhtml"><dir name="Config"><dir name="Edit"><file name="Form.php" hash="adb6a7430c073ee2930b4d853fb4cfa3"/><dir name="Tab"><file name="Frame.php" hash="f95557ef75baf8aa41468bc7fb68a392"/><file name="Global.php" hash="46e016a82d206ead0190b45a160df00d"/></dir><file name="Tabs.php" hash="953109aea9e43c0dd960eb9f2aa041f6"/></dir><file name="Edit.php" hash="55f27f8954981871bd7e748f48f9e8c0"/></dir></dir></dir><dir name="Helper"><file name="Config.php" hash="8ffaf4928ac84bf59e8a7cc276706acd"/><file name="Data.php" hash="528460cf7ec9f942f2f29f6dad1c52f1"/></dir><dir name="Model"><dir name="Api"><file name="Abstract.php" hash="a6df29a5d90cba70242cd36bd0689cd3"/><file name="Core.php" hash="a1c7cfb04097677e5565ce496d558e94"/><file name="Request.php" hash="43bd7500c74d97eac224c23518e3824b"/><file name="Response.php" hash="b977b0f632a7bafa40b52d8d9e0078ac"/></dir></dir><dir name="Test"><dir name="Config"><file name="Base.php" hash="f2e2ca2e59d14048bf46b8c208787793"/></dir><dir name="Model"><dir name="Api"><file name="Response.php" hash="e9d5051331fabfcbe487778ae2c47cc3"/><file name="TestCase.php" hash="2d5114ea542aba75f666b6254390a5d6"/><dir name="data"><dir name="Response"><file name="testWasSuccessfulBadResponseAttribute.txt" hash="7edb6a3d909e8bfb7f04a3450b0fc1c8"/><file name="testWasSuccessfulStatusCodeAndResponseAttribute.txt" hash="14b598d1a6abd984d00cb76fa5351b81"/></dir></dir></dir></dir></dir><dir name="controllers"><dir name="Adminhtml"><file name="CloudiqController.php" hash="4cdb6fc9daf31260c6e020496f7ba557"/></dir></dir><dir name="etc"><file name="adminhtml.xml" hash="8ee43c9b6d84378c552987e7e980a50d"/><file name="config.xml" hash="d53122159940a78b5f8352355c9f0f99"/></dir><file name=".gitkeep" hash="d41d8cd98f00b204e9800998ecf8427e"/></dir></dir></target><target name="magedesign"><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="layout"><dir name="cloudiq"><file name="callme.xml" hash="93aae78cddc91367219762316cf50f9c"/><file name="core.xml" hash="f5fe732a5efecaffea2a1ad98f595a6d"/></dir></dir><dir name="template"><dir name="cloudiq"><dir name="core"><dir name="tab"><dir name="frame"><file name="iframe.phtml" hash="70e60d46b58138986b555b96c9f87dc5"/><file name="submitter.phtml" hash="d0c0dcb6206dd9298630dc564016e24f"/></dir></dir><file name="tabs.phtml" hash="a14de21a37b43d13b4e70b9ef96933c7"/></dir><dir name="global"><file name="tab.phtml" hash="9b7105f44b18bc0d5649658e6e111aaa"/><dir name="widget"><file name="form.phtml" hash="d91ea0fc9b1b2d48068732a3f203610c"/></dir></dir></dir></dir></dir></dir></dir><dir name="frontend"><dir name="base"><dir name="default"><dir name="template"><dir name="cloudiq"><dir name="callme"><file name="button.phtml" hash="ffb7f2832f2c168ec787c59857c122be"/></dir></dir></dir><dir name="layout"><dir name="cloudiq"><file name="callme.xml" hash="74aec1e1170e588b108d7a1176eaf9a4"/></dir></dir></dir></dir></dir></target><target name="mageskin"><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="cloudiq"><file name="callme.css" hash="a355859aec05b9d485f3f9287eb862be"/><file name="core.css" hash="c22a2fe861358447637a640e75da9076"/><dir name="js"><file name="callme.js" hash="4007f758fde195875608fcaf32f23a7f"/></dir></dir></dir></dir></dir><dir name="frontend"><dir name="base"><dir name="default"><dir name="cloudiq"><dir name="css"><file name="callme-button.css" hash="048f2a083509251e9a0ca7999221ea17"/></dir></dir></dir></dir></dir></target><target name="mageweb"><dir name="js"><dir name="cloudiq"><file name="callme-button.js" hash="fdac7df18d1c0f3d3fb07a720f0e6fc1"/><dir name="callme-jscolor"><file name="arrow.gif" hash="5034704a76cd55c1cbcbc58ea6bf523f"/><file name="cross.gif" hash="ba9a274b9323753cd95bc3b1eb2f4e5f"/><file name="demo.html" hash="edf71251cb2be20322d2efb00aee86a6"/><file name="hs.png" hash="fefa1a03d92ebad25c88dca94a0b63db"/><file name="hv.png" hash="990d71cada17da100653636cf8490884"/><file name="jscolor.js" hash="b65a1505390592ac6c0177d6b84774e0"/></dir></dir></dir></target><target name="magelocale"><dir name="en_GB"><file name="Cloudiq_Callme.csv" hash="a056a4403ab97dc4308b9b84a8bcfcfd"/></dir></target></contents>
22
  <compatible/>
23
  <dependencies><required><php><min>5.2.0</min><max>6.0.0</max></php></required></dependencies>
24
  </package>
skin/adminhtml/default/default/cloudiq/callme.css CHANGED
@@ -3,6 +3,23 @@
3
  */
4
  @import url("../../../../frontend/base/default/cloudiq/css/callme-button.css");
5
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6
  /* Make the text inputs in the Pop Up section expand to full width */
7
  #edit_form #popup.fieldset td.value input {
8
  width: 95%;
3
  */
4
  @import url("../../../../frontend/base/default/cloudiq/css/callme-button.css");
5
 
6
+ /* Preview specific styles for popup */
7
+ #cloudiq-callme-popup-form button {
8
+ cursor: default;
9
+ }
10
+
11
+ #cloudiq-callme-popup:before {
12
+ display: block;
13
+ content: "Preview";
14
+ font-size: 70px;
15
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /* IE8 */
16
+ filter: alpha(opacity=10); /* IE6/7 */
17
+ opacity: 0.1;
18
+ position: absolute;
19
+ top: 120px;
20
+ left: 90px;
21
+ }
22
+
23
  /* Make the text inputs in the Pop Up section expand to full width */
24
  #edit_form #popup.fieldset td.value input {
25
  width: 95%;
skin/frontend/base/default/cloudiq/css/callme-button.css CHANGED
@@ -7,7 +7,9 @@
7
  position: fixed;
8
  z-index: 10;
9
  cursor: pointer;
 
10
 
 
11
  padding: 7px 25px;
12
  text-align: center;
13
  }
@@ -31,7 +33,8 @@
31
 
32
  display: none; /* Hide the popup when loaded, it is toggled by the button */
33
 
34
- min-width: 400px;
 
35
  padding: 15px 20px;
36
  }
37
 
@@ -94,6 +97,12 @@
94
  cursor: pointer;
95
  }
96
 
 
 
 
 
 
 
97
  /*
98
  * Appearance templates
99
  */
@@ -116,22 +125,41 @@
116
  .cloudiq-callme-position-bottommiddle { bottom: 0; left: 50%; }
117
  .cloudiq-callme-position-bottomleft { bottom: 0; left: 0; }
118
 
119
- /* Response message */
120
 
121
- .cloudiq-callme-status-failure, .cloudiq-callme-status-success {
122
- margin: 20px 0;
123
- padding: 10px;
124
- color: #000000;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
125
  }
126
 
127
- .cloudiq-callme-status-success { background: #88CC88; }
128
- .cloudiq-callme-status-failure { background: #FF8888; }
 
 
129
 
130
  /* Button & Popup templates */
131
 
132
  /* Template 1 */
133
 
134
- .cloudiq-callme-template-1 {
 
135
  background: -moz-linear-gradient(top, #ffffff 0%, #E5E5E5 100%) !important; /* FF3.6+ */
136
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#E5E5E5)) !important; /* Chrome,Safari4+ */
137
  background: -webkit-linear-gradient(top, #ffffff 0%,#E5E5E5 100%) !important; /* Chrome10+,Safari5.1+ */
@@ -145,7 +173,8 @@
145
 
146
  /* Template 2 */
147
 
148
- .cloudiq-callme-template-2 {
 
149
  border: 4px solid;
150
  }
151
 
@@ -156,7 +185,8 @@
156
 
157
  /* Template 3 */
158
 
159
- .cloudiq-callme-template-3 {
 
160
  -webkit-border-radius: 30px;
161
  -moz-border-radius: 30px;
162
  border-radius: 30px;
@@ -169,7 +199,8 @@
169
 
170
  /* Template 4 */
171
 
172
- .cloudiq-callme-template-4 {
 
173
  background: -moz-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%) !important; /* FF3.6+ */
174
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E5E5E5)) !important; /* Chrome,Safari4+ */
175
  background: -webkit-linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%) !important; /* Chrome10+,Safari5.1+ */
@@ -186,7 +217,8 @@
186
 
187
  /* Template 5 */
188
 
189
- .cloudiq-callme-template-5 {
 
190
  -webkit-border-radius: 8px;
191
  -moz-border-radius: 8px;
192
  border-radius: 8px;
7
  position: fixed;
8
  z-index: 10;
9
  cursor: pointer;
10
+ }
11
 
12
+ #cloudiq-callme-button-content {
13
  padding: 7px 25px;
14
  text-align: center;
15
  }
33
 
34
  display: none; /* Hide the popup when loaded, it is toggled by the button */
35
 
36
+ width: 400px;
37
+ min-height: 215px;
38
  padding: 15px 20px;
39
  }
40
 
97
  cursor: pointer;
98
  }
99
 
100
+ #cloudiq-callme-popup-response {
101
+ min-height: 18px;
102
+ padding: 5px;
103
+ margin: 10px;
104
+ }
105
+
106
  /*
107
  * Appearance templates
108
  */
125
  .cloudiq-callme-position-bottommiddle { bottom: 0; left: 50%; }
126
  .cloudiq-callme-position-bottomleft { bottom: 0; left: 0; }
127
 
128
+ /* Button orientation */
129
 
130
+ .cloudiq-callme-position-leftbottom,
131
+ .cloudiq-callme-position-leftmiddle,
132
+ .cloudiq-callme-position-lefttop {
133
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; /* IE8+ */
134
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* IE6,7 */
135
+ -webkit-transform: rotate(90deg); /* Chrome & Safari */
136
+ -o-transform: rotate(90deg); /* Opera */
137
+ transform: rotate(90deg);
138
+ /* Button position will be updated with js */
139
+ }
140
+
141
+ .cloudiq-callme-position-rightbottom,
142
+ .cloudiq-callme-position-rightmiddle,
143
+ .cloudiq-callme-position-righttop {
144
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* IE8+ */
145
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE6,7 */
146
+ -webkit-transform: rotate(-90deg); /* Chrome & Safari */
147
+ -o-transform: rotate(-90deg); /* Opera */
148
+ transform: rotate(-90deg);
149
+ /* Button position will be updated with js */
150
  }
151
 
152
+ /* Response message */
153
+
154
+ #cloudiq-callme-popup-response.cloudiq-callme-status-success { margin-top: 50px; }
155
+ #cloudiq-callme-popup-response.cloudiq-callme-status-failure { color: #FF3333; background-color: #FFFFFF; }
156
 
157
  /* Button & Popup templates */
158
 
159
  /* Template 1 */
160
 
161
+ #cloudiq-callme-button.cloudiq-callme-template-1 #cloudiq-callme-button-content,
162
+ #cloudiq-callme-popup.cloudiq-callme-template-1 {
163
  background: -moz-linear-gradient(top, #ffffff 0%, #E5E5E5 100%) !important; /* FF3.6+ */
164
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#E5E5E5)) !important; /* Chrome,Safari4+ */
165
  background: -webkit-linear-gradient(top, #ffffff 0%,#E5E5E5 100%) !important; /* Chrome10+,Safari5.1+ */
173
 
174
  /* Template 2 */
175
 
176
+ #cloudiq-callme-button.cloudiq-callme-template-2 #cloudiq-callme-button-content,
177
+ #cloudiq-callme-popup.cloudiq-callme-template-2 {
178
  border: 4px solid;
179
  }
180
 
185
 
186
  /* Template 3 */
187
 
188
+ #cloudiq-callme-button.cloudiq-callme-template-3 #cloudiq-callme-button-content,
189
+ #cloudiq-callme-template.cloudiq-callme-template-3 {
190
  -webkit-border-radius: 30px;
191
  -moz-border-radius: 30px;
192
  border-radius: 30px;
199
 
200
  /* Template 4 */
201
 
202
+ #cloudiq-callme-button.cloudiq-callme-template-4 #cloudiq-callme-button-content,
203
+ #cloudiq-callme-popup.cloudiq-callme-template-4 {
204
  background: -moz-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%) !important; /* FF3.6+ */
205
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E5E5E5)) !important; /* Chrome,Safari4+ */
206
  background: -webkit-linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%) !important; /* Chrome10+,Safari5.1+ */
217
 
218
  /* Template 5 */
219
 
220
+ #cloudiq-callme-button.cloudiq-callme-template-5 #cloudiq-callme-button-content,
221
+ #cloudiq-callme-popup.cloudiq-callme-template-5 {
222
  -webkit-border-radius: 8px;
223
  -moz-border-radius: 8px;
224
  border-radius: 8px;