js/widgets/tags.js

   1 /*
   2  * This file is part of
   3  *
   4  * Ajatus - Distributed CRM
   5  * @requires jQuery v1.2.1
   6  *
   7  * Copyright (c) 2007 Jerry Jalava <jerry.jalava@gmail.com>
   8  * Copyright (c) 2007 Nemein Oy <http://nemein.com>
   9  * Website: http://ajatus.info
  10  * Licensed under the GPL license
  11  * http://www.gnu.org/licenses/gpl.html
  12  *
  13  */
  14
  15 (function($){
  16     $.ajatus = $.ajatus || {};
  17     $.ajatus.widgets = $.ajatus.widgets || {};
  18     $.ajatus.widgets.core = typeof($.ajatus.widgets.core) == 'undefined' ? {} : $.ajatus.widgets.core;
  19
  20     $.ajatus.widgets.core.tags = {
  21         name: 'tags',
  22         settings: {
  23             separator: ' ',
  24             context_key: '',
  25             widget: {}
  26         },
  27         assign_tags: [],
  28
  29         get_create_tpl: function(name, default_value)
  30         {
  31             var idx = 0;
  32             if (default_value != '') {
  33                 this.assign_tags[idx] = default_value;
  34                 idx = 1;
  35             }
  36             if ($.ajatus.tags.active != '') {
  37                 this.assign_tags[idx] = $.ajatus.tags.active;
  38             }
  39
  40             return [
  41                 'input', { type: 'hidden', name: 'widget['+name+':name]', value: this.name }, '',
  42                 'input', { type: 'hidden', name: 'widget['+name+':config]', value: $.ajatus.converter.toJSON(this.settings) }, '',
  43                 'input', { type: 'text', name: name, value: '' }, ''
  44             ];
  45         },
  46         get_edit_tpl: function(name, data)
  47         {
  48             data.val = this.value_on_edit(data.val);
  49             return [
  50                 'input', { type: 'hidden', name: 'widget['+name+':name]', value: this.name }, '',
  51                 'input', { type: 'hidden', name: 'widget['+name+':config]', value: $.ajatus.converter.toJSON(this.settings) }, '',
  52                 'input', { type: 'hidden', name: 'widget['+name+':prev_val]', value: $.ajatus.converter.toJSON(data.val) }, '',
  53                 'input', { type: 'text', name: name, value: '' }, ''
  54             ];
  55         },
  56         get_view_tpl: function(name, data)
  57         {
  58             data.val = this.value_on_view(data.val);
  59
  60             return [
  61                 'div', { className: data._id+'_element_'+name+'_value' }, [
  62                     'ul', { className: 'tag_list' }, data.val,
  63                     'br', { className: 'clear_fix' }, ''
  64                 ]
  65             ];
  66         },
  67         set_config: function(config)
  68         {
  69             this.settings = $.extend(this.settings, config);
  70         },
  71         value_on_save: function(value, prev_val)
  72         {
  73             var tag_arr = [];
  74
  75             var inputs = $(':input[name*=__tags_widget_selections]');
  76             $.each(inputs, function(i,n){
  77                 tag_arr.push(n.value)
  78             });
  79
  80             if (! prev_val) {
  81                 var prev_val = [];
  82             }
  83
  84             tag_arr = $.grep(tag_arr, function(n,i){
  85                 return n != '';
  86             });
  87             tag_arr = $.unique(tag_arr);
  88
  89             this._update_system_tags(tag_arr, prev_val);
  90
  91             var clean_tags = [];
  92             $.each(tag_arr, function(i,t){
  93                 var context_key = '';
  94                 if (t.match(/:/)) {
  95                     var tag_parts = t.split(':');
  96                     context_key = tag_parts[0];
  97                     t = tag_parts[1];
  98                 }
  99                 clean_tags.push(t);
 100             });
 101
 102             return clean_tags;
 103         },
 104         value_on_edit: function(value)
 105         {
 106             var self = this;
 107             $.each(value, function(i,t){
 108                 self.assign_tags[self.assign_tags.length || i] = t;
 109             });
 110
 111             return value;
 112         },
 113         // Type = list / item
 114         value_on_view: function(value, type)
 115         {
 116             if (typeof type == 'undefined') {
 117                 var type = 'item';
 118             }
 119
 120             var tags = [];
 121             var tags_str = '';
 122             var _self = this;
 123             if (value.length > 0) {
 124                 $.each(value, function(i,v){
 125                     var tag = $.ajatus.tags.get(v);
 126                     var tag_title = '';
 127                     if (   typeof(tag.value.title.widget.config['context']) != 'undefined'
 128                         && tag.value.title.widget.config['context'] != '')
 129                     {
 130                         tag_title += tag.value.title.widget.config.context + ':';
 131                     }
 132                     tag_title += tag.value.title.val;
 133
 134                     if (type == 'plain') {
 135                         tags_str += tag_title + _self.settings.separator;
 136                     } else {
 137                         var tpl = _self.style_tag_on_view(tag_title, tag.value.title.widget.config.color, type);
 138                         $.each(tpl, function(tidx, tp){
 139                             tags.push(tp);
 140                         });
 141                     }
 142                 });
 143             }
 144
 145             if (type == 'plain') {
 146                 return tags_str;
 147             } else {
 148                 return tags;
 149             }
 150         },
 151         style_tag_on_view: function(title, color, type) {
 152             if (   typeof color == 'undefined'
 153                 || color == '')
 154             {
 155                 var color = $.ajatus.widgets.core.tag.settings.color;
 156             }
 157
 158             if (type == 'list') {
 159                 return [
 160                     'span', { className: 'tag' }, title
 161                 ];
 162             }
 163
 164             return [
 165                 'li', { className: 'tag', style: 'background-color: #'+color+';' }, title
 166             ];
 167         },
 168         loaded: function()
 169         {
 170             $.ajatus.events.lock_pool.increase();
 171
 172             $.ajatus.layout.styles.load($.ajatus.preferences.client.theme_url + 'css/widgets/tags.css');
 173             $.ajatus.layout.styles.load($.ajatus.preferences.client.theme_url + 'css/widgets/includes/tags.css');
 174
 175             var tags_url = $.ajatus.preferences.client.application_url + 'js/widgets/includes/tags.js';
 176             $.ajatus.utils.load_script(tags_url, "$.ajatus.events.lock_pool.decrease", []);
 177         },
 178         init: function(holder, form_mode)
 179         {
 180             if (form_mode) {
 181                 this.init_form_mode(holder);
 182             } else {
 183                 this.init_view_mode(holder);
 184             }
 185         },
 186         init_form_mode: function(holder)
 187         {
 188             var element = $('input[@type=text]', holder);
 189
 190             if (element) {
 191                 element.tags(this.settings.widget);
 192
 193                 $.each(this.assign_tags, function(i,t) {
 194                     if (typeof t == "object") {
 195                         return;
 196                     }
 197                     var tag = $.ajatus.tags.get(t);
 198                     if (tag) {
 199                         element.tags_add_item(tag, true);
 200                     }
 201                 });
 202             }
 203         },
 204         init_view_mode: function(holder)
 205         {
 206         },
 207         _update_system_tags: function(new_tags, prev_tags)
 208         {
 209             var _self = this;
 210
 211             var on_success = function(data) {
 212                 if (data.ok) {
 213                     var msg = $.ajatus.elements.messages.create(
 214                         'New tag created',
 215                         'Created new tag "'+data.id+'".'
 216                     );
 217
 218                     $.ajatus.debug("saved tag: "+data.id);
 219                 }
 220
 221                 return data;
 222             };
 223             var dc = $.jqCouch.connection('doc', on_success);
 224
 225             $.each(new_tags, function(i,t){
 226                 var context_key = '';
 227                 if (t.match(/:/)) {
 228                     var tag_parts = t.split(':');
 229                     context_key = tag_parts[0];
 230                     t = tag_parts[1];
 231                 }
 232
 233                 $.ajatus.tags.create(t, context_key, dc);
 234             });
 235
 236             $.ajatus.views.on_change_actions.add('$.ajatus.tags.refresh_cache();');
 237         }
 238     };
 239
 240 })(jQuery);