Changeset 9966 for extensions/SmiliesSupport/template

Timestamp:

Apr 1, 2011, 10:56:28 PM (13 years ago)

Author:

mistic100

Message:

[extentions] Smilies Support

• uses markItUp!

Location:

extensions/SmiliesSupport/template

Files:

• markitup (added)
• markitup/images (added)
• markitup/images/menu.png (added)
• markitup/jquery.markitup.js (added)
• markitup/style.markitup.css (added)
• smiliessupport.js (deleted)
• smiliessupport_admin.tpl (modified) (2 diffs)
• smiliessupport_page.css (deleted)
• smiliessupport_page.tpl (modified) (1 diff)

extensions/SmiliesSupport/template/smiliessupport_admin.tpl

@@ -26 +26 @@
                 content:url('{$themeconf.admin_icon_dir}/help.png');
         }
+        .properties textarea {ldelim}
+                width:60%;
+                margin:0 20%;
+        }
 </style>
 {/html_head}
@@ -50 +54 @@
                 </li>
                 <li>
-                        <table><tr><td>{$SMILIESSUPPORT_PAGE}</td></tr></table>
+                        <table><tr>
+                        {foreach from=$smiliesfiles item=smileyfile} 
+                                <td><a href="#" title="{$smileyfile.TITLE}"><img src="{$smileyfile.PATH}"/></a></td>
+                                {$smileyfile.TR}
+                        {/foreach}
+                        </tr></table>
                 </li>
     </ul>

extensions/SmiliesSupport/template/smiliessupport_page.tpl

@@ -1 @@
-{combine_script id="jquery"}
-{combine_script id="smiliessupport" path=$SMILIES_PATH|@cat:"template/smiliessupport.js"}
-{combine_css path=$SMILIES_PATH|@cat:"template/smiliessupport_page.css"}
+{combine_script id="markitup" require='jquery' path=$SMILIES_PATH|@cat:"template/markitup/jquery.markitup.js"}
+{combine_css path=$SMILIES_PATH|@cat:"template/markitup/style.markitup.css"}
 
-<div width="500pt">
-        <img id="allsmilies" src="{$REPRESENTANT}" title="{'All Smilies'|@translate}" onmouseover="jQuery('#smiliesdiv').css('visibility','visible');">
+{footer_script require='jquery'}
+{literal}
+$(document).ready(function() {
+        if (jQuery('.markItUp').length == 0) {
+                jQuery('#{/literal}{$form_name}{literal} textarea').markItUp({markupSet: []});
+        }
+        jQuery('#SmiliesSupport').appendTo('.markItUpHeader ul:first-child');
+        jQuery('#allsmilies').mouseover(function(){ 
+                jQuery("#{/literal}{$form_name}{literal} textarea").focus();
+                jQuery('#smiliesdiv').css('display',''); 
+        });
+        jQuery('#smiliesdiv a').click(function() {
+                emoticon = jQuery(this).attr("title");
+                jQuery.markItUp({ replaceWith:emoticon });
+                jQuery('#smiliesdiv').css('display','none');
+                return false;
+        });
+});
+{/literal}
+{/footer_script}
 
-        <div id="smiliesdiv" >
-                <table class="smiliestable" 
-                onmouseover="jQuery('#smiliesdiv').css('visibility','visible');"
-                onmouseout="jQuery('#smiliesdiv').css('visibility','hidden');">
-                        <tr>
-                        {foreach from=$smiliesfiles item=smiliesfile} 
-                                <td><img src="{$smiliesfile.PATH}" title="{$smiliesfile.TITLE}" onclick="SmiliesWrite('{$form_name}','content','','{$smiliesfile.TITLE}',true); jQuery('#smiliesdiv').css('visibility','hidden');"> </td>       
-                                {$smiliesfile.TR}
-                        {/foreach}
-                        </tr>
-                </table>
-        </div>
-</div>
+<li id="SmiliesSupport" class="markItUpButton markItUpDropMenu">
+        <a id="allsmilies" style="background-image:url({$REPRESENTANT});" title="{'All Smilies'|@translate}"></a>
+
+        <ul id="smiliesdiv">
+                <li><table><tr>
+                {foreach from=$smiliesfiles item=smileyfile} 
+                        <td><a href="#" title="{$smileyfile.TITLE}"><img src="{$smileyfile.PATH}"/></a></td>
+                        {$smileyfile.TR}
+                {/foreach}
+                </tr></table></li>
+        </ul>
+</li>