mason/chado/cvtermprops.mas

   1 <%doc>
   2 =head1 NAME
   3
   4 cvtermprops.mas
   5
   6 =head1 DESCRIPTION
   7
   8 This component can print cvterm properties
   9
  10
  11 =head1 ARGUMENTS
  12
  13 =over 1
  14
  15 =item props
  16 hashref of cvtermprops . keys = prop name (cvterm.name) values = list of prop values
  17
  18 =back
  19
  20 =head1 AUTHOR
  21 Naama Menda <nm249@cornell.edu>
  22
  23
  24 =cut
  25
  26 </%doc>
  27
  28 <%args>
  29   $cvterm_id
  30   $subset => []
  31   $props
  32   $editable => []
  33   $div_name => ''
  34   $edit_privs => 0
  35   $cv_name  => 'trait_property'
  36 </%args>
  37
  38 <%perl>
  39 use JSON::Any;
  40
  41 my $subset_json = JSON::Any->objToJson($subset);
  42
  43 $div_name ||= join("_", @$subset);
  44 $div_name =~ s/ +/\_/g;
  45
  46 my $prop_select = prop_select($editable, $div_name);
  47
  48 $edit_privs ||= 0;
  49
  50 sub prop_select {
  51   my $editable = shift;
  52   my $div_name = shift;
  53   my $html = "<select id=\"$div_name"."_select"."\">";
  54   foreach my $item (@$editable) {
  55       $html .= qq{ <option>$item</option> };
  56   }
  57   $html .= qq{ </select> };
  58   return $html;
  59 }
  60
  61
  62 </%perl>
  63
  64 <div id="<% $div_name %>_content">
  65 </div>
  66
  67 <div id="<% $div_name %>_add_dialog" >
  68 Add <% $prop_select %>
  69 <input id="<% $div_name %>_prop" />
  70 </div>
  71
  72 <script defer="defer" >
  73
  74 jQuery(document).ready(function() {
  75
  76   jQuery('#<% $div_name %>_add_dialog').dialog( {
  77      title: 'Add property',
  78      buttons: { 'Cancel': function() { jQuery('#<% $div_name %>_add_dialog').dialog("close"); }, 'Add': {text: 'Add', id: '<% $div_name %>_addProp_submit', click: function() { <% $div_name %>_addProp() } } },
  79      autoOpen: false,
  80      modal: true
  81   });
  82
  83   <% $div_name %>_getProps();
  84
  85 });
  86
  87 // note: the $div_name prefix is needed when several instances are created on a page
  88
  89 function <% $div_name %>_getProps() {
  90   jQuery.ajax( {
  91     type: 'GET',
  92     url: '/cvterm/prop/get',
  93     data: { cvterm_id: <% $cvterm_id %> },
  94     success: function(response) { <% $div_name %>_renderProps(response);  },
  95     error: function(response) { alert('an error occurred'); }
  96   });
  97 }
  98
  99
 100 function <% $div_name %>_renderProps(props) {
 101    var subset = eval(<% $subset_json %>);
 102
 103    // eliminate types without values
 104    var filteredSet = {};
 105    for (var n=0; n<subset.length; n++) {
 106      for (var i=0; i<props.length; i++) {
 107        if (subset[n] ==  props[i]['type_name']) {
 108          filteredSet[subset[n]]=1;
 109            }
 110        }
 111    }
 112
 113
 114    var html = '';
 115    var prop_string;
 116    var edit_privs = <% $edit_privs %>;
 117    for (var n in filteredSet) {
 118       var lines = new Array();
 119       for(var i=0; i<props.length; i++) {
 120         if (n ===  props[i]['type_name']) {
 121           var lineStr = props[i]['value'];
 122           if (jQuery.cookie("sgn_session_id") && edit_privs === 1) {
 123             lineStr = lineStr + '[<a href="javascript:<% $div_name %>_deleteProp(\''+props[i]['value']+'\', '+props[i]['cvtermprop_id']+')">X</a>]';
 124           }
 125           lines.push(lineStr);
 126         }
 127
 128       }
 129       html = html + '<b>'+n+'</b>&nbsp;&nbsp;';
 130       //html  = html + lineStr;
 131       html = html + lines.join(", ");
 132       html = html + '<br />\n';
 133
 134    }
 135    jQuery('#<% $div_name %>_content').html(html);
 136
 137 }
 138
 139 function <% $div_name %>_addPropDialog(prop, typeId) {
 140   jQuery('#<% $div_name %>_add_dialog').dialog("open");
 141
 142 }
 143
 144
 145
 146 function <% $div_name %>_addProp() {
 147   var prop_type = jQuery('#<% $div_name %>_select').val();
 148   var prop = jQuery('#<% $div_name %>_prop').val();
 149
 150   if (prop === '') { alert("Please fill in the field."); return; }
 151
 152   jQuery.ajax( {
 153     type: 'POST',
 154     url: '/cvterm/prop/add',
 155     beforeSend: function(){
 156         jQuery('#working_modal').modal('show');
 157     },
 158     data: { 'cvterm_id' : <% $cvterm_id %>, 'prop' : prop, 'prop_type': prop_type, 'cv_name' : "<% $cv_name %>" },
 159     success: function(response) {
 160         jQuery('#working_modal').modal('hide');
 161         if ("error" in response) { alert ('ERROR '+response.error); }
 162         if ("message" in response) { alert('Successfully added property: ' + prop + '. ('+response.message+')'); }
 163     },
 164     error: function(response) {
 165         jQuery('#working_modal').modal('hide');
 166         alert('an error occurred while storing the prop ' + response.error);
 167     }
 168   });
 169
 170   <% $div_name %>_getProps();
 171   jQuery('#<% $div_name %>_add_dialog').dialog("close");
 172 }
 173
 174
 175 function <% $div_name %>_deleteProp(cvtermprop_value, cvtermprop_id) {
 176   if (confirm('Delete cvtermprop '+cvtermprop_value+'?')) {
 177     jQuery.ajax( {
 178       method: 'GET',
 179       url: '/cvterm/prop/delete',
 180       data: { 'cvtermprop_id' : cvtermprop_id },
 181       success: function(response) {
 182         if ('message' in response) {  alert(response.message); }
 183         if ('error'   in response) {  alert(response.error);   }
 184       },
 185       error: function(response) {
 186         alert('An error occurred. Please try again later.');
 187       }
 188
 189     });
 190   }
 191   <% $div_name %>_getProps();
 192 }
 193
 194 </script>