app/soc/templates/soc/templatetags/_as_table_row.html
author Mario Ferraro <fadinlight@gmail.com>
Sat, 09 May 2009 01:14:03 +0200
changeset 2300 b9fd1e20d413
parent 2295 8566fb2b8012
child 2419 82ce842da661
permissions -rw-r--r--
Fixed Issue 627 where multiple Purr boxes would show when using calendar widget.

{% comment %}
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

  http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
{% endcomment %}

{% if errors %}
<tr>
  {% block error_td %}
  <td>&nbsp;</td>
  <td colspan="3" class="formfielderror">
  {% endblock error_td %}
  {% for error in errors %}
    <span class="formfielderrorlabel">{{ error }}</span> <br />
  {% endfor %}
  </td>
</tr>
{% endif %}

{% block label_row %}{% endblock %}

<tr>
  {% block label_column %}
  <td class="{{ field_class_type }}">
    {{ label }}
  </td>
  {% endblock %}
  <td class="formfieldvalue">
  {% if select_url %}
    <script type="text/javascript">
      $.getJSON("{{ select_url|safe }}",
        function(data){
          $("#{{ field_id }}").autocomplete(data.data, {
            matchContains: true,
            formatItem: function(item) {
              return item.link_id+" ("+item.name+")";
            },
            formatResult: function(item) {
              return item.link_id;
            }
          });
        }
      );
    </script>
  {% endif %}
  {% if help_text %}
  <script type="text/javascript">
  $(document).ready( function() {
    var tooltip = "<div class='tooltip'><div class='tooltip-body'><img src='/soc/content/images/purrInfo.png' alt='' /><h3>Info</h3><p>{{ help_text }}</p></div><div class='tooltip-bottom'></div></div>";
    var tooltip_object=null;
    $("#{{ field_id }}").focus(function() {
      if (tooltip_object==null) {
        tooltip_object = $(tooltip).purr({usingTransparentPNG: true});
      }
    });
    $("#{{ field_id }}").blur(function() {
      if (tooltip_object!==null) {
        tooltip_object.remove();
        tooltip_object=null;
      }
    });
  });
  </script>
  {% endif %}
    {{ field|safe }}
  </td>

  {% if required %}
  <td class="formfieldrequired">(required)</td>
  {% else %}
  <td></td>
  {% endif %}

  {% if example_text %}
    <td class="formfieldexample">{{ example_text|safe }}</td>
  {% else %}
      <td></td>
  {% endif %}
</tr>