static/js/jquery.meaning.js

   1 $.fn.add_meaningize = function(options){
   2     return this.each(function(i, o){
   3         $(o).prepend(
   4             '<div class="add_meaning_link">\
   5                 <span class="adder"><img class="related_add" \
   6                 src="/media/img/admin/icon_addlink.gif">\
   7                 Add meaning</span>\
   8                 <div class="embox add_meaning_form dnone">\
   9                     <div class="header">Add Meaning</div>\
  10                     <form method="post" action="/w/ajax/word/add-meaning/">\
  11                         <input type="hidden" name="word" value="">\
  12                         Meaning: <input type="text" name="m"><br>\
  13                         Usage: <input type="text" name="usage"><br>\
  14                         Type: <span class="select_pol">s</span><br>\
  15                         Language: <span class="select_language">l</span><br>\
  16                         <input type="submit" value="Add"> or\
  17                         <a href="/" class="cancel">cancel</a>\
  18                     <form>\
  19                 </div>\
  20             </div>'
  21         );
  22         $("span.select_pol", o).html($(".select_pol_c2s").html());
  23         $("span.select_language", o).html($(".select_language_c2s").html());
  24         $("div.add_meaning_form input[@name=word]", o).val(options.word);
  25         $("div.add_meaning_link span.adder", o).unbind().click(function(){
  26             $("div.add_meaning_form", o).toggle("slow");
  27         });
  28         $("div.add_meaning_form a.cancel", o).click(function(){
  29             $("div.add_meaning_form", o).hide("slow");
  30             return false;
  31         });
  32     });
  33 };
  34
  35 $.fn.edit_meaningize = function(options){
  36     return this.each(function(i, o){
  37         $(o).append(
  38             ' <img class="dnone" src="/media/img/admin/icon_changelink.gif">\
  39             <div class="embox edit_meaning dnone">\
  40                 <div class="header">Update Meaning</div>\
  41                 <form method="post" name="edit" \
  42                     action="/w/ajax/word/update-meaning/">\
  43                     <input type="hidden" name="word" value="">\
  44                     Meaning: <input type="text" name="m"><br>\
  45                     Usage: <input type="text" name="usage"><br>\
  46                     Type: <select name="pol">\
  47                         <option value="verb">Verb</option>\
  48                         <option value="noun">Noun</option>\
  49                         <option value="adj">Adjective</option>\
  50                     </select><br>\
  51                     Language: <select name="language">\
  52                         <option value="en-us">English (US)</option>\
  53                         <option value="hi">Hindi</option>\
  54                     </select><br>\
  55                     <input type="submit" value="update this meaning"> or\
  56                 <form>\
  57                 <form name="delete" method="post" \
  58                     action="/w/ajax/word/remove-meaning/">\
  59                     <input type="hidden" name="word">\
  60                     <input type="hidden" name="meaning">\
  61                     <input type="submit" value="delete it"> or\
  62                     <a href="." class="cancel">leave it</a>\
  63                 </form>\
  64             </div>'
  65         );
  66         $("form[@name=edit] input[@name=word]", o).val(options.word);
  67         $("form[@name=edit] input[@name=m]", o).val(
  68             $("span.m", o).text()
  69         );
  70         $("form[@name=edit] input[@name=usage]", o).val(
  71             $("i.usage", o).text()
  72         );
  73         $("form[@name=edit] select[@name=language]", o).val(
  74             get_class_data(o, "lang_")
  75         );
  76         $("form[@name=edit] select[@name=pol]", o).val(
  77             get_class_data(o, "pol_")
  78         );
  79         $("form[@name=edit] input[@name=meaning]", o).val(
  80             get_class_data(o, "m_")
  81         );
  82         $("form[@name=delete] input[@name=word]", o).val(options.word);
  83         $("form[@name=delete] input[@name=meaning]", o).val(
  84             get_class_data(o, "m_")
  85         );
  86         $(o).hover(function(){
  87             $("img", o).show();
  88         }, function(){
  89             $("img", o).hide();
  90         });
  91         $("img", o).click(function(){
  92             if($("div.edit_meaning", o).css("display") == "block")
  93             {
  94                 $("div.edit_meaning", o).hide("slow");
  95             }
  96             else
  97             {
  98                 $("div.edit_meaning").hide();
  99                 $("div.edit_meaning", o).show("slow");
 100             }
 101         });
 102         $("a.cancel", o).click(function(){
 103             $("div.edit_meaning", o).hide("slow");
 104             return false;
 105         });
 106     });
 107 };
 108
 109 $.fn.meaningize = function(options){
 110     return this.each(function(i, o){
 111         options.word = get_class_data(o, "w_");
 112         $(o).add_meaningize(options);
 113         $("ul.meaning_set li").edit_meaningize(options);
 114     });
 115 };