js/kivi.ActionBar.js

   1 namespace('kivi', function(k){
   2   'use strict';
   3
   4   var CLASSES = {
   5     active:   'active',
   6     actionbar: 'layout-actionbar',
   7     disabled: 'layout-actionbar-action-disabled',
   8     action:   'layout-actionbar-action',
   9     combobox: 'layout-actionbar-combobox',
  10   }
  11
  12   k.ActionBarCombobox = function(e) {
  13     this.combobox = e;
  14     this.head     = e.childNodes[0];
  15     this.toggle   = this.head.childNodes[1];
  16     this.list     = e.childNodes[0];
  17     this.init();
  18   }
  19
  20   k.ActionBarCombobox.prototype = {
  21     init: function() {
  22       var obj = this;
  23       $(obj.toggle).on('click', function(event){
  24         $('div.' + CLASSES.combobox + '[id!=' + obj.combobox.id + ']').removeClass(CLASSES.active);
  25         $(obj.combobox).toggleClass(CLASSES.active);
  26         event.stopPropagation();
  27       });
  28     }
  29   }
  30
  31   k.ActionBarAction = function(e) {
  32     var data = $(e).data('action');
  33     if (undefined === data) return;
  34
  35     if (data.disabled) {
  36       $(e).addClass(CLASSES.disabled);
  37     }
  38
  39     if (data.call || data.submit) {
  40       $(e).click(function(event) {
  41         var $hidden, key, func, check;
  42         if ($(e).hasClass(CLASSES.disabled)) {
  43           event.stopPropagation();
  44           return;
  45         }
  46         if (data.checks) {
  47           for (var i=0; i < data.checks.length; i++) {
  48             check = data.checks[i];
  49             func = kivi.get_function_by_name(check);
  50             if (!func) console.log('Cannot find check function: ' + check);
  51             if (!func()) return;
  52           }
  53         }
  54         if (data.confirm && !confirm(data.confirm)) return;
  55         if (data.call) {
  56           func = kivi.get_function_by_name(data.call[0]);
  57           func.apply(document, data.call.slice(1))
  58         }
  59         if (data.submit) {
  60           var form   = data.submit[0];
  61           var params = data.submit[1];
  62           for (key in params) {
  63             $hidden = $('<input type=hidden>')
  64             $hidden.attr('name', key)
  65             $hidden.attr('value', params[key])
  66             $(form).append($hidden)
  67           }
  68           $(form).submit();
  69         }
  70       });
  71     }
  72   }
  73 });
  74
  75 $(function(){
  76   $('div.layout-actionbar .layout-actionbar-action').each(function(_, e) {
  77     kivi.ActionBarAction(e)
  78   });
  79   $('div.layout-actionbar-combobox').each(function(_, e) {
  80     $(e).data('combobox', new kivi.ActionBarCombobox(e));
  81   });
  82    $(document).click(function() {
  83     $('div.layout-actionbar-combobox').removeClass('active');
  84   });
  85 });