<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="__UP_title__"
             author="__MSG_google__"
             author_email="sophia.feedback+freeform@gmail.com"
             screenshot="__MSG_freeform_screenshot__"
             title_url="__UP_link__"
             thumbnail="/ig/modules/gadgetmaker_content/thumbs/freeform.png"
             description="__MSG_freeform_description__">
  <Require feature="dynamic-height"/>
  <Require feature="views"/>
  <Require feature="setprefs"/>
  <Require feature="gadgetmaker"/>
  <Locale messages="/ig/modules/gadgetmaker_content/en_ALL.xml"/>
  <Locale lang="ar" messages="/ig/modules/gadgetmaker_content/ar_ALL.xml"
          language_direction="rtl"/>
  <Locale lang="bg" messages="/ig/modules/gadgetmaker_content/bg_ALL.xml"/>
  <Locale lang="ca" messages="/ig/modules/gadgetmaker_content/ca_ALL.xml"/>
  <Locale lang="cs" messages="/ig/modules/gadgetmaker_content/cs_ALL.xml"/>
  <Locale lang="da" messages="/ig/modules/gadgetmaker_content/da_ALL.xml"/>
  <Locale lang="de" messages="/ig/modules/gadgetmaker_content/de_ALL.xml"/>
  <Locale lang="el" messages="/ig/modules/gadgetmaker_content/el_ALL.xml"/>
  <Locale lang="en-GB"
          messages="/ig/modules/gadgetmaker_content/en-GB_ALL.xml"/>
  <Locale lang="es" messages="/ig/modules/gadgetmaker_content/es_ALL.xml"/>
  <Locale lang="es-419"
          messages="http://www.google.com/ig/modules/gadgetmaker/gadgetmaker_content/messages/es-419_ALL.xml"/>
  <Locale lang="et" messages="/ig/modules/gadgetmaker_content/et_ALL.xml"/>
  <Locale lang="fi" messages="/ig/modules/gadgetmaker_content/fi_ALL.xml"/>
  <Locale lang="fr" messages="/ig/modules/gadgetmaker_content/fr_ALL.xml"/>
  <Locale lang="he" messages="/ig/modules/gadgetmaker_content/iw_ALL.xml"
          language_direction="rtl"/>
  <Locale lang="hi" messages="/ig/modules/gadgetmaker_content/hi_ALL.xml"/>
  <Locale lang="hr" messages="/ig/modules/gadgetmaker_content/hr_ALL.xml"/>
  <Locale lang="hu" messages="/ig/modules/gadgetmaker_content/hu_ALL.xml"/>
  <Locale lang="hy" messages="/ig/modules/gadgetmaker_content/hy_ALL.xml"/>
  <Locale lang="id" messages="/ig/modules/gadgetmaker_content/id_ALL.xml"/>
  <Locale lang="in" messages="/ig/modules/gadgetmaker_content/in_ALL.xml"/>
  <Locale lang="is" messages="/ig/modules/gadgetmaker_content/is_ALL.xml"/>
  <Locale lang="it" messages="/ig/modules/gadgetmaker_content/it_ALL.xml"/>
  <Locale lang="iw" messages="/ig/modules/gadgetmaker_content/iw_ALL.xml"
          language_direction="rtl"/>
  <Locale lang="ja" messages="/ig/modules/gadgetmaker_content/ja_ALL.xml"/>
  <Locale lang="ko" messages="/ig/modules/gadgetmaker_content/ko_ALL.xml"/>
  <Locale lang="lt" messages="/ig/modules/gadgetmaker_content/lt_ALL.xml"/>
  <Locale lang="lv" messages="/ig/modules/gadgetmaker_content/lv_ALL.xml"/>
  <Locale lang="ms" messages="/ig/modules/gadgetmaker_content/ms_ALL.xml"/>
  <Locale lang="nl" messages="/ig/modules/gadgetmaker_content/nl_ALL.xml"/>
  <Locale lang="no" messages="/ig/modules/gadgetmaker_content/no_ALL.xml"/>
  <Locale lang="pl" messages="/ig/modules/gadgetmaker_content/pl_ALL.xml"/>
  <Locale lang="pt-BR"
          messages="/ig/modules/gadgetmaker_content/pt-BR_ALL.xml"/>
  <Locale lang="pt-PT"
          messages="/ig/modules/gadgetmaker_content/pt-PT_ALL.xml"/>
  <Locale lang="ro" messages="/ig/modules/gadgetmaker_content/ro_ALL.xml"/>
  <Locale lang="ru" messages="/ig/modules/gadgetmaker_content/ru_ALL.xml"/>
  <Locale lang="sk" messages="/ig/modules/gadgetmaker_content/sk_ALL.xml"/>
  <Locale lang="sl" messages="/ig/modules/gadgetmaker_content/sl_ALL.xml"/>
  <Locale lang="sr" messages="/ig/modules/gadgetmaker_content/sr_ALL.xml"/>
  <Locale lang="sv" messages="/ig/modules/gadgetmaker_content/sv_ALL.xml"/>
  <Locale lang="th" messages="/ig/modules/gadgetmaker_content/th_ALL.xml"/>
  <Locale lang="tl" messages="/ig/modules/gadgetmaker_content/tl_ALL.xml"/>
  <Locale lang="tr" messages="/ig/modules/gadgetmaker_content/tr_ALL.xml"/>
  <Locale lang="uk" messages="/ig/modules/gadgetmaker_content/uk_ALL.xml"/>
  <Locale lang="vi" messages="/ig/modules/gadgetmaker_content/vi_ALL.xml"/>
  <Locale lang="zh-CN"
          messages="/ig/modules/gadgetmaker_content/zh-CN_ALL.xml"/>
  <Locale lang="zh-HK"
          messages="http://www.google.com/ig/modules/gadgetmaker/gadgetmaker_content/messages/zh-HK_ALL.xml"/>
  <Locale lang="zh-TW"
          messages="/ig/modules/gadgetmaker_content/zh-TW_ALL.xml"/>
</ModulePrefs>
<UserPref name="preview" default_value="false" datatype="hidden" />
<UserPref name="title" default_value="__MSG_gadget__" datatype="hidden"/>
<UserPref name="created" default_value="" datatype="hidden"/>
<UserPref name="last_modified" default_value="" datatype="hidden" />
<UserPref name="author" default_value="" datatype="hidden"/>
<UserPref name="location" default_value="" datatype="hidden"/>
<UserPref name="email" default_value="" datatype="hidden"/>
<UserPref name="description" default_value="__MSG_freeform_description__"
          datatype="hidden"/>
<UserPref name="pic" display_name="__MSG_image__" datatype="hidden"/>
<UserPref name="link" display_name="__MSG_link__" datatype="hidden"/>
<UserPref name="p" display_name="__MSG_text__" datatype="hidden"/>
<UserPref name="color" default_value="b" datatype="hidden"/>
<!--
Possible values (commented out, as it's valid only for "enum" datatype):
  <EnumValue value="b" display_value="Blue"/>
  <EnumValue value="g" display_value="Green"/>
  <EnumValue value="o" display_value="Orange"/>
  <EnumValue value="p" display_value="Purple"/>
  <EnumValue value="pi" display_value="Pink"/>
  <EnumValue value="y" display_value="Yellow"/>
  <EnumValue value="w" display_value="White"/>
-->
<UserPref name="layout" default_value="l" datatype="hidden"/>
<!--
Possible values (commented out, as it's valid only for "enum" datatype):
  <EnumValue value="l" display_value="Image on the left"/>
  <EnumValue value="r" display_value="Image on the right"/>
  <EnumValue value="t" display_value="Image on the top"/>
  <EnumValue value="b" display_value="Image on the bottom"/>
-->
<Content type="html" view="home">
<![CDATA[
<script>
var NO_IMG_TPL = '<div id="text">%TEXT%</div>';
var IMG_RIGHT_TPL = '<div class="right" id="pic_box">%PIC%</div>' +
                    '<div id="text">%TEXT%</div>';
var IMG_LEFT_TPL = '<div class="left" id="pic_box">%PIC%</div>' +
                   '<div id="text">%TEXT%</div>';
var IMG_TOP_TPL = '<div class="top" id="pic_box">%PIC%</div>' +
                  '<div class="center" id="text">%TEXT%</div>';
var IMG_BOTTOM_TPL = '<div class="center" id="text">%TEXT%</div>' +
                     '<div class="bottom" id="pic_box">%PIC%</div>';

var preloaded_img = new Image();
_IG_RegisterOnloadHandler(
    function() {
      var prefs = new _IG_Prefs(__MODULE_ID__);
      _gm = new _GadgetMaker(prefs);
      var pic = '';
      var hasPicture = false;
      var pictureLink = prefs.getString('pic');
      if (pictureLink.substring(0, 7) != 'http://') {
        pictureLink = 'http://' + pictureLink;
      }
      if (pictureLink != 'http://') {
        preloaded_img.src = pictureLink;
        pic = '<img id="pic" src="' + _hesc(pictureLink) +'" ' +
              'style="border:1px solid ' + _gm._borderColor + '">';
        hasPicture = true;
      }
      var layout = prefs.getString('layout');
      if (!hasPicture) {
        html = NO_IMG_TPL;
      } else if ('l' == layout) {
        html = IMG_LEFT_TPL;
      } else if ('r' == layout) {
        html = IMG_RIGHT_TPL;
      } else if ('t' == layout) {
        html = IMG_TOP_TPL;
      } else if ('b' == layout) {
        html = IMG_BOTTOM_TPL;
      }
      html = html.replace(/\%PIC\%/g, pic);
      html = html.replace(/\%TEXT\%/g, _hesc(prefs.getString('p')));
      _gel('box').innerHTML = html;
      _gm._setBackground();
      _gm._addFrameIfPreview();
      _gm._enforceMinimumHeight(hasPicture);
      _IG_AdjustIFrameHeight();
    }
);
</script>
<style>
.left {
  float:left;
  padding-right:6px;
  padding-bottom:6px;
}
.right {
  float:right;
  padding-left:6px;
  padding-bottom:6px;
}
.center {
  text-align:center;
}
.top {
  text-align:center;
  padding-bottom:6px;
}
.bottom {
  text-align:center;
  padding-top:6px;
}
#pic {
  max-width:125px;
  max-height:125px;
  _height:125px;
}
#box {
  padding:6px;
}
#text {
  font-size:82%;
}
</style>
<div id="box">
</div>
]]>
</Content>
<Content type="html" view="canvas">
<![CDATA[
<script>
var MINIMUM_CANVAS_HEIGHT = 400;

var NO_IMG_TPL = '<div id="text">%TEXT%</div>';
var IMG_RIGHT_TPL = '<div class="right" id="pic_box">%PIC%</div>' +
                    '<div id="text">%TEXT%</div>';
var IMG_LEFT_TPL = '<div class="left" id="pic_box">%PIC%</div>' +
                   '<div id="text">%TEXT%</div>';
var IMG_TOP_TPL = '<div class="top" id="pic_box">%PIC%</div>' +
                  '<div class="center" id="text">%TEXT%</div>';
var IMG_BOTTOM_TPL = '<div class="center" id="text">%TEXT%</div>' +
                     '<div class="bottom" id="pic_box">%PIC%</div>';

var preloaded_img = new Image();
_IG_RegisterOnloadHandler(
    function() {
      var prefs = new _IG_Prefs(__MODULE_ID__);
      _gm = new _GadgetMaker(prefs, __MODULE_ID__);
      _gm._showInfo('/ig/modules/gadgetmaker_content/thumbs/freeform.png');
      var pic = '';
      var hasPicture = false;
      var pictureLink = prefs.getString('pic');
      if (pictureLink.substring(0, 7) != 'http://') {
        pictureLink = 'http://' + pictureLink;
      }
      if (pictureLink != 'http://') {
        preloaded_img.src = pictureLink;
        pic = '<img id="pic" src="' + _hesc(pictureLink) +'" ' +
              'style="border:1px solid ' + _gm._borderColor + '">';
        hasPicture = true;
      }
      var layout = prefs.getString('layout');
      if (!hasPicture) {
        html = NO_IMG_TPL;
      } else if ('l' == layout) {
        html = IMG_LEFT_TPL;
      } else if ('r' == layout) {
        html = IMG_RIGHT_TPL;
      } else if ('t' == layout) {
        html = IMG_TOP_TPL;
      } else if ('b' == layout) {
        html = IMG_BOTTOM_TPL;
      }
      html = html.replace(/\%PIC\%/g, pic);
      html = html.replace(/\%TEXT\%/g, _hesc(prefs.getString('p')));
      _gel('box').innerHTML = html;
      _gm._setBackground();
      _gm._addFrameIfPreview();
      if (_gel('box').offsetHeight < MINIMUM_CANVAS_HEIGHT) {
        _gel('box').style.height = '' + MINIMUM_CANVAS_HEIGHT + 'px';
      }
      _IG_AdjustIFrameHeight();
    }
);
</script>
<style>
.left {
  float:left;
  padding-right:6px;
  padding-bottom:6px;
}
.right {
  float:right;
  padding-left:6px;
  padding-bottom:6px;
}
.center {
  text-align:center;
}
.top {
  text-align:center;
  padding-bottom:6px;
}
.bottom {
  text-align:center;
  padding-top:6px;
}
#pic {
  max-width:200px;
  max-height:200px;
  _width:200px;
}
#box {
  padding:6px;
}
#text {
  font-size:82%;
  text-align:justify;
  margin:6px;
}
</style>
<table width="100%">
  <tr>
    <td width="70%" valign="top">
      <div id="box"/>
    </td>
    <td width="30%" valign="top">
      <div id="info-box"/>
    </td>
  </tr>
</table>
]]>
</Content>
</Module>
