Changeset 8331 for extensions/FacebookPlug/Plugin/tpl/admin.config.tpl

Timestamp:

Dec 28, 2010, 12:15:48 AM (13 years ago)

Author:

rub

Message:

Admin configuration page:

o Fix cancel Button
o Change layout
o Like Button and comments cannot be enabled together (php and JQuery test)

File:

• extensions/FacebookPlug/Plugin/tpl/admin.config.tpl (modified) (8 diffs)

extensions/FacebookPlug/Plugin/tpl/admin.config.tpl

@@ +1 @@
+{known_script id="jquery" src=$ROOT_URL|@cat:"themes/default/js/jquery.packed.js"}
+{known_script id="jquery.ui" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/ui.core.packed.js"}
+{known_script id="jquery.ui.dialog" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/ui.dialog.packed.js"}
+
+{*
+{html_head}
+<link rel="stylesheet" type="text/css" href="{$FBP_PATH|@cat:'/css/admin.config.css'}">
+{/html_head}
+*}
+
+{*html_head}
+<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css">
+{/html_head*}
+
 <div class="titrePage">
   <h2>FacebookPlug</h2>
@@ -4 +18 @@
 <br>
 
-<form method="post" class="properties">
-
+<form method="post" class="properties" action="{$FBP_ACTION}">
 {if isset($social_plugin)}
-<fieldset>
-  <ul>
-    <h3><a href="{$social_plugin.like_button.FB_PAGE}" onclick="window.open(this.href); return false;">{'Like button'|@translate}</a> {'on picture pages'|@translate}</h3>
+<h3>{'On picture pages'|@translate}</h3>
+<fieldset>
+  <legend><a href="{$social_plugin.like_button.FB_PAGE}" onclick="window.open(this.href); return false;">{'Like button'|@translate}</a></legend>
+  <ul>
     <li>
       <label>
@@ -53 +67 @@
 
 <fieldset>
-  <ul>
-    <h3><a href="{$social_plugin.facepile.FB_PAGE}" onclick="window.open(this.href); return false;">{'Facepile'|@translate}</a> {'on slideshow pages'|@translate}</h3>
+  <legend><a href="{$social_plugin.facepile.FB_PAGE}" onclick="window.open(this.href); return false;">{'Facepile'|@translate}</a> {'on slideshow pages'|@translate}</legend>
+  <ul>
     <li>
       <label>
@@ -74 +88 @@
 
 <fieldset>
-  <ul>
-    <h3><a href="{$social_plugin.comments.FB_PAGE}" onclick="window.open(this.href); return false;">{'Comments'|@translate}</a> {'on picture pages'|@translate}</h3>
+  <legend><a href="{$social_plugin.comments.FB_PAGE}" onclick="window.open(this.href); return false;">{'Comments'|@translate}</a></legend>
+  <ul>
     <li>
       <label>
@@ -118 +132 @@
 </fieldset>
 
-<fieldset>
-  <ul>
-    <h3><a href="{$social_plugin.like_box.FB_PAGE}" onclick="window.open(this.href); return false;">{'Like box'|@translate}</a> {'on main pages'|@translate}</h3>
+<h3>{'On menu of main pages'|@translate}</h3>
+<fieldset>
+  <legend><a href="{$social_plugin.like_box.FB_PAGE}" onclick="window.open(this.href); return false;">{'Like box'|@translate}</a></legend>
+  <ul>
     <li>
       <label>
@@ -168 +183 @@
 {if isset($advanced)}
 <fieldset>
+  <legend>{'Options'|@translate}</legend>
   <ul>
       <li>
@@ -207 +223 @@
 </form>
 
+<div id="dialog_modal_like_button_comments" title="{'Informations'|@translate}">{'Like button and comments cannot be enabled together'|@translate}</div>
+{*<div id="dialog_modal_can_close" title="{'Informations'|@translate}">{'Data are modified but not saved! Are you sure to quit this tabsheet?'|@translate}</div>*}
+
 {literal}
 <script type="text/javascript">
   function show_hide(checkbox_name, div_name)
   {
-    if (jQuery("input[name="+checkbox_name+"]").attr('checked'))
+    if ($("input[name="+checkbox_name+"]").attr('checked'))
     {
-      jQuery("#"+div_name).show();
+      $("#"+div_name).show();
     }
     else
     {
-      jQuery("#"+div_name).hide();
+      $("#"+div_name).hide();
     }
   }
 
+  function inverse_check_value(checkbox_name_1, checkbox_name_2)
+  {
+    if ($("input[name="+checkbox_name_1+"]").attr('checked') && $("input[name="+checkbox_name_2+"]").attr('checked'))
+    {
+      $("input[name="+checkbox_name_1+"]").attr('checked', false);
+      $("#dialog_modal_like_button_comments").dialog('open');
+    }
+  }
+
   function init_checkbox(checkbox_name, div_name)
   {
-    jQuery("input[name="+checkbox_name+"]").click(
+    $("input[name="+checkbox_name+"]").click(
       function()
       {
@@ -232 +260 @@
   }
 
-  jQuery(document).ready(
+  function init_checkbox_with_inverse_value(checkbox_name_1, checkbox_name_2)
+  {
+    $("input[name="+checkbox_name_1+"]").click(
+      function()
+      {
+        inverse_check_value(checkbox_name_1, checkbox_name_2);
+      }
+    );
+    $("input[name="+checkbox_name_2+"]").click(
+      function()
+      {
+        inverse_check_value(checkbox_name_2, checkbox_name_1);
+      }
+    );
+  }
+
+  $(document).ready(
     function()
     {
       //Init all main checkbox
+      init_checkbox_with_inverse_value("FBP_SOCIAL_PLUGIN_LIKE_BUTTON_ENABLED", "FBP_SOCIAL_PLUGIN_COMMENTS_ENABLED");
       init_checkbox("FBP_SOCIAL_PLUGIN_LIKE_BUTTON_ENABLED", "like_button");
       init_checkbox("FBP_SOCIAL_PLUGIN_FACEPILE_ENABLED", "facepile");
       init_checkbox("FBP_SOCIAL_PLUGIN_COMMENTS_ENABLED", "comments");
       init_checkbox("FBP_SOCIAL_PLUGIN_LIKE_BOX_ENABLED", "like_box");
+      // Init message box
+      $("#dialog_modal_like_button_comments").dialog({
+        autoOpen: false, modal: true, dialogClass: 'admin_config', // necessary to have a specific class because there are conflic with main menu accordeon
+        buttons: { "{/literal}{'Continue'|@translate}{literal}": function() { $(this).dialog("close"); } },
+      });
+      $("#dialog_modal_can_close").dialog({
+        autoOpen: false, modal: true, dialogClass: 'admin_config', // necessary to have a specific class because there are conflic with main menu accordeon
+        buttons: { "Cancel": function() { $(this).dialog("close"); }, "{/literal}{'Submit'|@translate}{literal}": function() { IsDataChanged = false; $(this).dialog("close"); } },
+      });
+      // Detect data change
+      /*IsDataChanged = false;
+      $("input, select").change(function() { IsDataChanged = true; });
+      //~ $(".tabsheet").click(function()
+      $(window).unload(function()
+        {
+          if (IsDataChanged)
+          {
+            //~ alert($(this).attr("name"));
+           //~ $("#dialog_modal_can_close").dialog( "option", "buttons", { "{/literal}{'Submit'|@translate}{literal}": function() { $(this).dialog("close"); } } );
+            $("#dialog_modal_can_close").dialog('open');
+            
+            //~ return true;
+            return false
+          }
+          else
+          {
+            return true;
+          }
+          //return ! IsDataChanged;
+        });*/
     });