source: extensions/Subscribe_to_comments/template/form_outside.tpl @ 29531

{combine_script id='jquery.colorbox' load='footer' require='jquery' path='themes/default/js/plugins/jquery.colorbox.min.js'}
{combine_css id='colorbox' path='themes/default/js/plugins/colorbox/style2/colorbox.css'}

{html_style}
#stc_comment input, #stc_standalone input { margin:0 5px !important; }
{/html_style}

{footer_script require='jquery,jquery.colorbox'}
(function($){
  $('#open_stc_standalone').colorbox({
    inline: true
  });
  $('#close_stc_standalone').on('click', function(e) {
    $('#open_stc_standalone').colorbox.close();
    e.preventDefault();
  });

  var bg_color = 'white';
  $.each(['#the_page #content', 'body'], function(i, selector) {
    var color = $(selector).css('background-color');
    if (color && color!='transparent') {
      bg_color = color;
      return false;
    }
  });
  $('#stc_standalone').css('background-color', bg_color);

{if !isset($STC_SUBSCRIBED) and $STC.ASK_MAIL}
        var $stc_email_input = $("#addComment input[name='email']");
  var stc_bordercolor = $stc_email_input.css('border-color');

  $("#addComment input[name='stc_mode']").change(function() {
    if ($(this).val() != "-1") {
      if ($stc_email_input.val()=="") {
        $stc_email_input.css("border-color", "red");
      }
    }
    else {
      $stc_email_input.css("border-color", stc_bordercolor);
    }
  });
  $stc_email_input.change(function() {
    $(this).css('border-color', stc_bordercolor);
  });
{/if}
}(jQuery));
{/footer_script}

<div style="display:none">
  <form method="post" action="{$comment_add.F_ACTION}" id="stc_standalone" style="padding:10px;min-width:350px;">
  {if $STC.ON_PICTURE}
    {if $STC.ALLOW_GLOBAL}
      <label><input type="radio" name="stc_mode" value="image"> {'this picture'|translate|ucfirst}</label><br>
      {if $STC.ALLOW_ALBUM_IMAGES}<label><input type="radio" name="stc_mode" value="album-images"> {'all pictures of this album'|translate|ucfirst}</label><br>{/if}
      <label><input type="radio" name="stc_mode" value="all-images"> {'all pictures of the gallery'|translate|ucfirst}</label><br>
    {else}
      <input type="hidden" name="stc_mode" value="image">
    {/if}
  {else if $STC.ON_ALBUM}
    {if $STC.ALLOW_GLOBAL}
      <label><input type="radio" name="stc_mode" value="album"> {'this album'|translate|ucfirst}</label><br>
      <label><input type="radio" name="stc_mode" value="all-albums"> {'all albums of the gallery'|translate|ucfirst}</label><br>
    {else}
      <input type="hidden" name="stc_mode" value="album">
    {/if}
  {/if}
  {if $STC.ASK_MAIL}
    <label>{'Email'|translate} <input type="text" name="stc_mail" size="30"></label>
  {/if}
    <div style="margin-top:0.5em;">
      <label><input type="submit" name="stc_submit" value="{'Subscribe'|translate}"></label>
      <a href="#" id="close_stc_standalone">&#10006; {'Cancel'|translate}</a>
    </div>
  </form>
</div>