Merge pull request #241 from ddorian1/smileybutton

make smileybutton respect the theme

diff --git a/smileybutton/icon.gif b/smileybutton/icon.gif
deleted file mode 100644 (file)
index 6ce0947..0000000
Binary files a/smileybutton/icon.gif and /dev/null differ

diff --git a/smileybutton/smileybutton.css b/smileybutton/smileybutton.css
deleted file mode 100755 (executable)
index 916e041..0000000
--- a/smileybutton/smileybutton.css
+++ /dev/null
@@ -1,21 +0,0 @@
-
-img.smiley_preview {
-       max-height: 25px;
-       max-width: 25px;
-}
-
-table.smiley-preview {
-       border: 1px solid #AAAAAA;
-}
-
-#smileybutton-enable-label {
-       float: left;
-       width: 200px;
-       margin-bottom: 25px;
-}
-
-#smileybutton-checkbox {
-       float: left;
-}
-
-

diff --git a/smileybutton/smileybutton.php b/smileybutton/smileybutton.php
index d53794b904f8145908d2d28b1a21c62009b7df91..50a61606831f75da69d328846059c093c1edf9d0 100755 (executable)
--- a/smileybutton/smileybutton.php
+++ b/smileybutton/smileybutton.php
@@ -2,68 +2,42 @@
 /**
  * Name: Smileybutton
  * Description: Adds a smileybutton to the Inputbox
- * Version: 0.1
- * Author: Johannes Schwab <http://friendica.jschwab.mooo.com/profile/ddorian>
+ * Version: 0.2
+ * Author: Johannes Schwab <https://friendica.jschwab.org/profile/ddorian>
  */
 
 
 function smileybutton_install() {
-
-       /**
-        * 
-        * Register hooks for jot_tool and plugin_settings
-        *
-        */
-
+       //Register hooks 
        register_hook('jot_tool', 'addon/smileybutton/smileybutton.php', 'show_button');
-       register_hook('plugin_settings', 'addon/smileybutton/smileybutton.php', 'smileybutton_settings');
-       register_hook('plugin_settings_post', 'addon/smileybutton/smileybutton.php', 'smileybutton_settings_post');
  
        logger("installed smileybutton");
 }
 
 
 function smileybutton_uninstall() {
-
-       /**
-        *
-        * Delet registered hooks
-        *
-        */
-
+       //Delet registered hooks
        unregister_hook('jot_tool',    'addon/smileybutton/smileybutton.php', 'show_button');   
-       unregister_hook('plugin_settings', 'addon/smileybutton/smileybutton.php', 'smileybutton_settings');
-       unregister_hook('plugin_settings_post', 'addon/smileybutton/smileybutton.php', 'smileybutton_settings_post');
-        
+
        logger("removed smileybutton");
 }
 
 
 
 function show_button($a, &$b) {
+       // Disable if theme is quattro
+       // TODO add style for quattro
+       if (current_theme() == 'quattro')
+               return;
 
-       /**
-        *
-        * Check if it is a local user and he has enabled smileybutton
-        *
-        */
-
-       if(! local_user()) {
-               $nobutton = false;
-       } else {
-               $nobutton = get_pconfig(local_user(), 'smileybutton', 'nobutton');
-       }
-
-       /**
-        *
-        * Prepare the Smilie-Arrays
-        *
-        */
+       // Disable for mobile because most mobiles have a smiley key for ther own
+       if ($a->is_mobile || $a->is_tablet)
+               return;
 
        /**
         *
-        * I have copied this from /include/text.php, removed dobles
-        * and some escapes.
+        * I have copied this from /include/text.php, removed doubles
+        * and escaped them.
         *
         */
 
@@ -120,22 +94,12 @@ function show_button($a, &$b) {
                '<img class="smiley" src="' . $a->get_baseurl() . '/images/rhash-16.png" alt="red" />'
        );
        
-       /**
-        * 
-        * Call hooks to get aditional smileies from other addons
-        *
-        */
-
+       // Call hooks to get aditional smileies from other addons
        $params = array('texts' => $texts, 'icons' => $icons, 'string' => ""); //changed
        call_hooks('smilie', $params);
 
-       /**
-        *
-        * Generate html for smileylist
-        *
-        */
-
-       $s = "\t<table class=\"smiley-preview\"><tr>\n";
+       //Generate html for smiley list
+       $s = "<table class=\"smiley-preview\"><tr>\n\t";
        for($x = 0; $x < count($params['texts']); $x ++) {
                $icon = $params['icons'][$x];
                $icon = str_replace('/>', 'onclick="smileybutton_addsmiley(\'' . $params['texts'][$x] . '\')"/>', $icon);
@@ -145,139 +109,58 @@ function show_button($a, &$b) {
                        $s .= "</tr>\n\t<tr>";
                }
        }
-       $s .= "\t</tr></table>\n";
-
-       /**
-        *
-        * Add css to page
-        *
-        */     
-
-       $a->page['htmlhead'] .= '<link rel="stylesheet"  type="text/css" href="' . $a->get_baseurl() . '/addon/smileybutton/smileybutton.css' . '" media="all" />' . "\r\n";
-
-       /**
-        *
-        * Add the button to the Inputbox
-        *
-        */     
-       if (! $nobutton) {
-               $b = "<div id=\"profile-smiley-wrapper\" style=\"display: block;\" >\n";
-               $b .= "\t<img src=\"" . $a->get_baseurl() . "/addon/smileybutton/icon.gif\" onclick=\"toggle_smileybutton()\" alt=\"smiley\">\n";
-               $b .= "\t</div>\n";
-       }
-
- 
-       /**
-        *
-        * Write the smileies to an (hidden) div
-        *
-        */
-
-       if ($nobutton) {
-               $b .= "\t<div id=\"smileybutton\">\n";
-       } else {
-               $b .= "\t<div id=\"smileybutton\" style=\"display:none;\">\n";
-       }
-       $b .= $s . "\n"; 
-       $b .= "</div>\n";
-
-       /**
-        *
-        * Function to show and hide the smiley-list in the hidden div
-        *
-        */
-
-       $b .= "<script>\n"; 
-
-       if (! $nobutton) {
-               $b .= " smileybutton_show = 0;\n";
-               $b .= " function toggle_smileybutton() {\n";
-               $b .= " if (! smileybutton_show) {\n";
-               $b .= "         $(\"#smileybutton\").show();\n";
-               $b .= "         smileybutton_show = 1;\n";
-               $b .= " } else {\n";
-               $b .= "         $(\"#smileybutton\").hide();\n";
-               $b .= "         smileybutton_show = 0;\n";
-               $b .= " }}\n";
-       } 
-
-       /**
-        *
-        * Function to add the chosen smiley to the inputbox
-        *
-        */
-
-       $b .= " function smileybutton_addsmiley(text) {\n";
-       $b .= "         if(plaintext == 'none') {\n";
-       $b .= "                 var v = $(\"#profile-jot-text\").val();\n";
-       $b .= "                 v = v + text;\n";
-       $b .= "                 $(\"#profile-jot-text\").val(v);\n";
-       $b .= "                 $(\"#profile-jot-text\").focus();\n";
-       $b .= "         } else {\n";
-       $b .= "                 var v = tinymce.activeEditor.getContent();\n";
-       $b .= "                 v = v + text;\n";
-       $b .= "                 tinymce.activeEditor.setContent(v);\n";
-       $b .= "                 tinymce.activeEditor.focus();\n";
-       $b .= "         }\n";
-       $b .= " }\n";
-       $b .= "</script>\n";
-}
-
-
-
-
-
-/**
- *
- * Set the configuration
- *
- */
-
-function smileybutton_settings_post($a,$post) {
-       if(! local_user())
-               return;
-       if($_POST['smileybutton-submit'])
-               set_pconfig(local_user(),'smileybutton','nobutton',intval($_POST['smileybutton']));
-
-}
-
-
-/**
- *
- * Add configuration-dialog to form
- *
- */
-
-
-function smileybutton_settings(&$a,&$s) {
-
-       if(! local_user())
-               return;
-
-       /* Add our stylesheet to the page so we can make our settings look nice */
-
-       $a->page['htmlhead'] .= '<link rel="stylesheet"  type="text/css" href="' . $a->get_baseurl() . '/addon/smileybutton/smileybutton.css' . '" media="all" />' . "\r\n";
-
-       /* Get the current state of our config variable */
-
-       $nobutton = get_pconfig(local_user(),'smileybutton','nobutton');
-       $checked = (($nobutton) ? ' checked="checked" ' : '');
-
-       /* Add some HTML to the existing form */
+       $s .= "\t</tr></table>";
 
-       $s .= '<div class="settings-block">';
-       $s .= '<h3>Smileybutton settings</h3>';
-       $s .= '<div id="smileybutton-enable-wrapper">';
+       //Add css to header
+       $css_file = 'addon/smileybutton/view/'.current_theme().'.css';
+       if (! file_exists($css_file)) 
+               $css_file = 'addon/smileybutton/view/default.css';
+       $css_url = $a->get_baseurl().'/'.$css_file;
 
-       $s .= 'You can hide the button and show the smilies directly.<br /><br />';
+       $a->page['htmlhead'] .= '<link rel="stylesheet" type="text/css" href="'.$css_url.'" media="all" />'."\r\n";
 
-       $s .= '<label id="smileybutton-enable-label" for="smileybutton-nobutton-checkbox">Hide the button</label>';
-       $s .= '<input id="smileybutton-nobutton-checkbox" type="checkbox" name="smileybutton" value="1" ' . $checked . '/>';
-
-       $s .= '</div><div class="clear"></div>';
-
-       /* provide a submit button */
-
-       $s .= '<div class="settings-submit-wrapper" ><input type="submit" name="smileybutton-submit" class="settings-submit" value="' . t('Save Settings') . '" /></div></div>';
+       
+       //Get the correct image for the theme
+       $image = 'addon/smileybutton/view/'.current_theme().'.png';
+       if (! file_exists($image)) 
+               $image = 'addon/smileybutton/view/default.png';
+       $image_url = $a->get_baseurl().'/'.$image;
+
+       //Add the hmtl and script to the page
+       $b = <<< EOT
+       <div id="profile-smiley-wrapper" style="display: block;" >
+               <img src="$image_url" class="smiley_button" onclick="toggle_smileybutton()" alt="smiley">
+       </div>
+
+       <div id="smileybutton" style="display:none;">
+       $s
+       </div>
+
+       <script>
+               var smileybutton_is_shown = 0;
+               function toggle_smileybutton() {
+                       if (! smileybutton_is_shown) {
+                               $("#smileybutton").show();
+                               smileybutton_is_shown = 1;
+                       } else {
+                               $("#smileybutton").hide();
+                               smileybutton_is_shown = 0;
+                       }
+               }
 
+               function smileybutton_addsmiley(text) {
+                       if(plaintext == "none") {
+                               var v = $("#profile-jot-text").val();
+                               v = v + text;
+                               $("#profile-jot-text").val(v);
+                               $("#profile-jot-text").focus();
+                       } else {
+                               var v = tinymce.activeEditor.getContent();
+                               v = v + text;
+                               tinymce.activeEditor.setContent(v);
+                               tinymce.activeEditor.focus();
+                       }
+               }
+       </script>
+EOT;
 }

diff --git a/smileybutton/view/default.css b/smileybutton/view/default.css
new file mode 100644 (file)
index 0000000..1612036
--- /dev/null
+++ b/smileybutton/view/default.css
@@ -0,0 +1,13 @@
+img.smiley_button {
+       height: 18px;
+       width: 18px;
+}
+
+img.smiley_preview {
+       max-height: 25px;
+       max-width: 25px;
+}
+
+table.smiley-preview {
+       border: 1px solid #AAAAAA;
+}

diff --git a/smileybutton/view/default.png b/smileybutton/view/default.png
new file mode 100644 (file)
index 0000000..6ad02a1
Binary files /dev/null and b/smileybutton/view/default.png differ

diff --git a/smileybutton/view/default.svg b/smileybutton/view/default.svg
new file mode 100644 (file)
index 0000000..c39e68d
--- /dev/null
+++ b/smileybutton/view/default.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="32px"
+   height="32px"
+   id="svg2985"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="Neues Dokument 2">
+  <defs
+     id="defs2987" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="16.357213"
+     inkscape:cy="16"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     inkscape:window-width="1280"
+     inkscape:window-height="975"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2990">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <path
+       sodipodi:type="arc"
+       style="fill:none;stroke:#000000;stroke-width:2.15448809;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="path2993"
+       sodipodi:cx="16.83366"
+       sodipodi:cy="14.585868"
+       sodipodi:rx="16.119234"
+       sodipodi:ry="13.752699"
+       d="m 32.952894,14.585868 a 16.119234,13.752699 0 1 1 -32.23846796,0 16.119234,13.752699 0 1 1 32.23846796,0 z"
+       transform="matrix(0.92563207,0,0,1.0849129,0.41822445,0.17560338)" />
+    <path
+       sodipodi:type="arc"
+       style="fill:#000000;fill-opacity:1;stroke:none"
+       id="path3771"
+       sodipodi:cx="8.5284595"
+       sodipodi:cy="7.9774284"
+       sodipodi:rx="1.294897"
+       sodipodi:ry="1.2502453"
+       d="m 9.8233565,7.9774284 a 1.294897,1.2502453 0 1 1 -2.5897939,0 1.294897,1.2502453 0 1 1 2.5897939,0 z"
+       transform="matrix(1.9306555,0,0,1.9996075,-5.9655177,-5.3517257)" />
+    <path
+       sodipodi:type="arc"
+       style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path3773"
+       sodipodi:cx="20.6737"
+       sodipodi:cy="8.6025515"
+       sodipodi:rx="1.65211"
+       sodipodi:ry="1.6074584"
+       d="m 22.32581,8.6025515 a 1.65211,1.6074584 0 1 1 -3.30422,0 1.65211,1.6074584 0 1 1 3.30422,0 z"
+       transform="matrix(1.5132165,0,0,1.5552502,-9.7837844,-2.7791198)" />
+    <path
+       sodipodi:type="arc"
+       style="fill:none;stroke:#000000;stroke-width:2.0389359;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="path3775"
+       sodipodi:cx="15.404809"
+       sodipodi:cy="21.105005"
+       sodipodi:rx="10.761041"
+       sodipodi:ry="8.1265945"
+       d="M 25.362788,24.185449 A 10.761041,8.1265945 0 0 1 5.4615288,24.21241"
+       sodipodi:start="0.38877722"
+       sodipodi:end="2.7492276"
+       transform="matrix(0.95177919,0,0,1.176954,1.5530282,-8.5017657)"
+       sodipodi:open="true" />
+  </g>
+</svg>

diff --git a/smileybutton/view/duepuntozero.css b/smileybutton/view/duepuntozero.css
new file mode 100644 (file)
index 0000000..0f4ef4a
--- /dev/null
+++ b/smileybutton/view/duepuntozero.css
@@ -0,0 +1,21 @@
+img.smiley_button {
+       height: 18px;
+       width: 18px;
+       position: relative;
+       left: 285px;
+       top: -45px;
+}
+
+img.smiley_preview {
+       max-height: 25px;
+       max-width: 25px;
+}
+
+table.smiley-preview {
+       border: 1px solid #AAAAAA;
+       -moz-border-radius: 3px;
+       border-radius: 3px;
+       position: relative;
+       left: 285px;
+       top: -36px;
+}

diff --git a/smileybutton/view/duepuntozero.png b/smileybutton/view/duepuntozero.png
new file mode 100644 (file)
index 0000000..b9ee401
Binary files /dev/null and b/smileybutton/view/duepuntozero.png differ

diff --git a/smileybutton/view/frost.css b/smileybutton/view/frost.css
new file mode 100644 (file)
index 0000000..42e18f0
--- /dev/null
+++ b/smileybutton/view/frost.css
@@ -0,0 +1,21 @@
+img.smiley_button {
+       height: 25;
+       width: 25px;
+       position: relative;
+       left: 335px;
+       top: -45px;
+}
+
+img.smiley_preview {
+       max-height: 25px;
+       max-width: 25px;
+}
+
+table.smiley-preview {
+       border: 1px solid #AAAAAA;
+       -moz-border-radius: 3px;
+       border-radius: 3px;
+       position: relative;
+       left: 285px;
+       top: -36px;
+}

diff --git a/smileybutton/view/frost.png b/smileybutton/view/frost.png
new file mode 100644 (file)
index 0000000..6ad02a1
Binary files /dev/null and b/smileybutton/view/frost.png differ

diff --git a/smileybutton/view/smoothly.css b/smileybutton/view/smoothly.css
new file mode 100644 (file)
index 0000000..14ed961
--- /dev/null
+++ b/smileybutton/view/smoothly.css
@@ -0,0 +1,21 @@
+img.smiley_button {
+       height: 22px;
+       width: 22px;
+       position: relative;
+       left: -330px;
+       margin: 4px;
+       -moz-border-radius: 0px;
+       border-radius: 0px;
+}
+
+img.smiley_preview {
+       max-height: 25px;
+       max-width: 25px;
+}
+
+table.smiley-preview {
+       border: 1px solid #AAAAAA;
+       -moz-border-radius: 5px;
+       border-radius: 5px;
+       margin: 5px;
+}

diff --git a/smileybutton/view/smoothly.png b/smileybutton/view/smoothly.png
new file mode 100644 (file)
index 0000000..312a0c3
Binary files /dev/null and b/smileybutton/view/smoothly.png differ

diff --git a/smileybutton/view/smoothly.svg b/smileybutton/view/smoothly.svg
new file mode 100644 (file)
index 0000000..8f5d26a
--- /dev/null
+++ b/smileybutton/view/smoothly.svg
@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="32px"
+   height="32px"
+   id="svg2985"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="smoothly.svg">
+  <defs
+     id="defs2987" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="7"
+     inkscape:cx="13.500067"
+     inkscape:cy="16"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     inkscape:window-width="819"
+     inkscape:window-height="542"
+     inkscape:window-x="390"
+     inkscape:window-y="299"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata2990">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <g
+       id="g5904"
+       transform="matrix(0.8125,0,0,0.81026768,3,3.0687774)">
+      <path
+         transform="matrix(0.92563207,0,0,1.0849129,0.41822445,0.17560338)"
+         d="m 32.952894,14.585868 c 0,7.595406 -7.216827,13.752699 -16.119234,13.752699 -8.902407,0 -16.11923396,-6.157293 -16.11923396,-13.752699 0,-7.595406 7.21682696,-13.75269902 16.11923396,-13.75269902 8.902407,0 16.119234,6.15729302 16.119234,13.75269902 z"
+         sodipodi:ry="13.752699"
+         sodipodi:rx="16.119234"
+         sodipodi:cy="14.585868"
+         sodipodi:cx="16.83366"
+         id="path2993"
+         style="fill:none;stroke:#000000;stroke-width:2.15448809;stroke-miterlimit:4;stroke-opacity:0.49803922;stroke-dasharray:none"
+         sodipodi:type="arc" />
+      <path
+         transform="matrix(1.9306555,0,0,1.9996075,-5.9655177,-5.3517257)"
+         d="m 9.8233565,7.9774284 c 0,0.6904915 -0.5797451,1.2502454 -1.294897,1.2502454 -0.7151518,0 -1.2948969,-0.5597539 -1.2948969,-1.2502454 0,-0.6904914 0.5797451,-1.2502453 1.2948969,-1.2502453 0.7151519,0 1.294897,0.5597539 1.294897,1.2502453 z"
+         sodipodi:ry="1.2502453"
+         sodipodi:rx="1.294897"
+         sodipodi:cy="7.9774284"
+         sodipodi:cx="8.5284595"
+         id="path3771"
+         style="fill:#000000;fill-opacity:0.49659867;stroke:none"
+         sodipodi:type="arc" />
+      <path
+         transform="matrix(1.5132165,0,0,1.5552502,-9.7837844,-2.7791198)"
+         d="m 22.32581,8.6025515 c 0,0.8877747 -0.739675,1.6074585 -1.65211,1.6074585 -0.912435,0 -1.65211,-0.7196838 -1.65211,-1.6074585 0,-0.8877748 0.739675,-1.6074584 1.65211,-1.6074584 0.912435,0 1.65211,0.7196836 1.65211,1.6074584 z"
+         sodipodi:ry="1.6074584"
+         sodipodi:rx="1.65211"
+         sodipodi:cy="8.6025515"
+         sodipodi:cx="20.6737"
+         id="path3773"
+         style="fill:#000000;fill-opacity:0.49659867;fill-rule:nonzero;stroke:none"
+         sodipodi:type="arc" />
+      <path
+         sodipodi:open="true"
+         transform="matrix(0.95177919,0,0,1.176954,1.5530282,-8.5017657)"
+         sodipodi:end="2.7492276"
+         sodipodi:start="0.38877722"
+         d="m 25.362788,24.185449 c -2.252797,4.153255 -8.537389,6.140972 -14.037029,4.43969 C 8.6700503,27.80361 6.5588981,26.215006 5.4615288,24.21241"
+         sodipodi:ry="8.1265945"
+         sodipodi:rx="10.761041"
+         sodipodi:cy="21.105005"
+         sodipodi:cx="15.404809"
+         id="path3775"
+         style="fill:none;stroke:#000000;stroke-width:2.0389359;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:0.49803922;stroke-dasharray:none"
+         sodipodi:type="arc" />
+    </g>
+    <rect
+       style="fill:none;stroke:#000000;stroke-width:1.19347739;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:0.28469753;stroke-dasharray:none;stroke-dashoffset:0"
+       id="rect5910"
+       width="30.806522"
+       height="30.806522"
+       x="0.5967387"
+       y="0.5967381"
+       rx="2.5"
+       ry="2.5" />
+  </g>
+</svg>

diff --git a/smileybutton/view/vier.css b/smileybutton/view/vier.css
new file mode 100644 (file)
index 0000000..4f23780
--- /dev/null
+++ b/smileybutton/view/vier.css
@@ -0,0 +1,15 @@
+img.smiley_button {
+       height: 18px;
+       width: 18px;
+       margin-right: 18px;
+}
+
+img.smiley_preview {
+       max-height: 25px;
+       max-width: 25px;
+}
+
+table.smiley-preview {
+       border: 1px solid #999999;
+       margin-left: 10px;
+}

diff --git a/smileybutton/view/vier.png b/smileybutton/view/vier.png
new file mode 100644 (file)
index 0000000..440f6a3
Binary files /dev/null and b/smileybutton/view/vier.png differ

diff --git a/smileybutton/view/vier.svg b/smileybutton/view/vier.svg
new file mode 100644 (file)
index 0000000..4b86d96
--- /dev/null
+++ b/smileybutton/view/vier.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="32px"
+   height="32px"
+   id="svg2985"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="default.svg">
+  <defs
+     id="defs2987" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.75"
+     inkscape:cx="172.35721"
+     inkscape:cy="16"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     inkscape:window-width="570"
+     inkscape:window-height="433"
+     inkscape:window-x="640"
+     inkscape:window-y="287"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata2990">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <path
+       sodipodi:type="arc"
+       style="fill:none;stroke:#000000;stroke-width:2.15448809000000008;stroke-miterlimit:4;stroke-opacity:0.49803922;stroke-dasharray:none"
+       id="path2993"
+       sodipodi:cx="16.83366"
+       sodipodi:cy="14.585868"
+       sodipodi:rx="16.119234"
+       sodipodi:ry="13.752699"
+       d="m 32.952894,14.585868 a 16.119234,13.752699 0 1 1 -32.23846796,0 16.119234,13.752699 0 1 1 32.23846796,0 z"
+       transform="matrix(0.92563207,0,0,1.0849129,0.41822445,0.17560338)" />
+    <path
+       sodipodi:type="arc"
+       style="fill:#000000;fill-opacity:0.49659863;stroke:none"
+       id="path3771"
+       sodipodi:cx="8.5284595"
+       sodipodi:cy="7.9774284"
+       sodipodi:rx="1.294897"
+       sodipodi:ry="1.2502453"
+       d="m 9.8233565,7.9774284 a 1.294897,1.2502453 0 1 1 -2.5897939,0 1.294897,1.2502453 0 1 1 2.5897939,0 z"
+       transform="matrix(1.9306555,0,0,1.9996075,-5.9655177,-5.3517257)" />
+    <path
+       sodipodi:type="arc"
+       style="fill:#000000;fill-opacity:0.49659863;fill-rule:nonzero;stroke:none"
+       id="path3773"
+       sodipodi:cx="20.6737"
+       sodipodi:cy="8.6025515"
+       sodipodi:rx="1.65211"
+       sodipodi:ry="1.6074584"
+       d="m 22.32581,8.6025515 a 1.65211,1.6074584 0 1 1 -3.30422,0 1.65211,1.6074584 0 1 1 3.30422,0 z"
+       transform="matrix(1.5132165,0,0,1.5552502,-9.7837844,-2.7791198)" />
+    <path
+       sodipodi:type="arc"
+       style="fill:none;stroke:#000000;stroke-width:2.03893589999999980;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:0.49803922;stroke-dasharray:none"
+       id="path3775"
+       sodipodi:cx="15.404809"
+       sodipodi:cy="21.105005"
+       sodipodi:rx="10.761041"
+       sodipodi:ry="8.1265945"
+       d="M 25.362788,24.185449 A 10.761041,8.1265945 0 0 1 5.4615288,24.21241"
+       sodipodi:start="0.38877722"
+       sodipodi:end="2.7492276"
+       transform="matrix(0.95177919,0,0,1.176954,1.5530282,-8.5017657)"
+       sodipodi:open="true" />
+  </g>
+</svg>