Changeset 26144 for extensions/Subscribe_to_comments/template/form_outside.tpl

Timestamp:

Dec 24, 2013, 1:25:03 AM (10 years ago)

Author:

mistic100

Message:

change layout of form (use colorbox for standalone) + cleaning of subscriptions page

File:

• extensions/Subscribe_to_comments/template/form_outside.tpl (moved) (moved from extensions/Subscribe_to_comments/template/form_standalone.tpl) (1 diff)

extensions/Subscribe_to_comments/template/form_outside.tpl

@@ -1 @@
-{combine_css path=$SUBSCRIBE_TO_PATH|cat:'template/style_form.css'}
+{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'}
 
-{if $STC_ALLOW_GLOBAL}
-{footer_script require='jquery'}
-  jQuery("#stc_submit").hide();
-  jQuery("#stc_standalone input[name='stc_mode']").change(function() {
-    jQuery("#stc_submit").show();
+{footer_script require='jquery,jquery.colorbox'}
+(function($){
+  $('#open_stc_standalone').colorbox({
+    inline: true
   });
-{/footer_script}
+
+  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 $STC.ALLOW_GLOBAL}
+  $("#stc_submit").hide();
+  $("#stc_standalone input[name='stc_mode']").change(function() {
+    $("#stc_submit").show();
+    $.colorbox.resize({ speed:0 });
+  });
 {/if}
 
-{if isset($comment_add)}
-<div id="pictureCommentList">
-<form method="post" action="{$comment_add.F_ACTION}" id="stc_standalone">
-  <fieldset>{strip}
-  {if $SUBSCRIBED}
-    {if $SUBSCRIBED=='all-images'}
-      {assign var=str value='all pictures of the gallery'|translate}
-    {elseif $SUBSCRIBED=='album-images'}
-      {assign var=str value='all pictures of this album'|translate}
-    {elseif $SUBSCRIBED=='image'}
-      {assign var=str value='this picture'|translate}
-    {elseif $SUBSCRIBED=='all-albums'}
-      {assign var=str value='all albums of the gallery'|translate}
-    {elseif $SUBSCRIBED=='album'}
-      {assign var=str value='this album'|translate}
+{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}</label>
+      {if $STC.ALLOW_ALBUM_IMAGES}<label><input type="radio" name="stc_mode" value="album-images"> {'all pictures of this album'|translate}</label>{/if}
+      <label><input type="radio" name="stc_mode" value="all-images"> {'all pictures of the gallery'|translate}</label>
+    {else}
+      <input type="hidden" name="stc_mode" value="image">
     {/if}
-
-    {'You are currently subscribed to comments on %s.'|translate|sprintf:$str}
-    <a href="{$UNSUB_LINK}">{'Unsubscribe'|translate}</a>
-  {else}
-    <legend>{'Subscribe to mail notifications'|translate}</legend>
-    {if $STC_ON_PICTURE}
-      {if $STC_ALLOW_GLOBAL}
-        <label><input type="radio" name="stc_mode" value="image"> {'this picture'|translate}</label>
-        {if $STC_ALLOW_ALBUM_IMAGES}<label><input type="radio" name="stc_mode" value="album-images"> {'all pictures of this album'|translate}</label>{/if}
-        <label><input type="radio" name="stc_mode" value="all-images"> {'all pictures of the gallery'|translate}</label>
-      {else}
-        <input type="hidden" name="stc_mode" value="image">
-      {/if}
-    {elseif $STC_ON_ALBUM}
-      {if $STC_ALLOW_GLOBAL}
-        <label><input type="radio" name="stc_mode" value="album"> {'this album'|translate}</label>
-        <label><input type="radio" name="stc_mode" value="all-albums"> {'all albums of the gallery'|translate}</label>
-      {else}
-        <input type="hidden" name="stc_mode" value="album">
-      {/if}
+  {else if $STC.ON_ALBUM}
+    {if $STC.ALLOW_GLOBAL}
+      <label><input type="radio" name="stc_mode" value="album"> {'this album'|translate}</label>
+      <label><input type="radio" name="stc_mode" value="all-albums"> {'all albums of the gallery'|translate}</label>
+    {else}
+      <input type="hidden" name="stc_mode" value="album">
     {/if}
-    {if $STC_ALLOW_GLOBAL and $STC_ASK_MAIL}<br>{/if}
+  {/if}
+    {if $STC.ALLOW_GLOBAL and $STC.ASK_MAIL}<br>{/if}
     <span id="stc_submit">
-    {if $STC_ASK_MAIL}
-        <label>{'Email'|translate} <input type="text" name="stc_mail" size="30"></label>
+    {if $STC.ASK_MAIL}
+      <label>{'Email'|translate} <input type="text" name="stc_mail" size="30"></label>
     {/if}
       <label><input type="submit" name="stc_submit" value="{'Subscribe'|translate}"></label>
     </span>
-  {/if}
-  {/strip}</fieldset>
-</form>
+  </form>
 </div>
-{/if}