Push javascript

www/include/js/jquery.lists.js

@@ -0,0 +1,284 @@
+var p4 = p4 || {};
+
+(function( window, p4, $ ) {
+
+  var Lists = function() {
+    
+  };
+  
+  var List = function (id) {
+    
+    if(parseInt(id) <= 0)
+    {
+      throw 'Invalid list id';
+    }
+      
+    this.id = id;
+  };
+  
+  Lists.prototype = {
+    create : function(name, callback){
+
+      var $this = this;
+
+      $.ajax({
+        type: 'POST',
+        url: '/prod/lists/list/',
+        dataType: 'json',
+        data: {name : name},
+        success: function(data){
+          if(data.success)
+          {
+            humane.info(data.message);
+            
+            if(typeof callback === 'function')
+            {
+              var list = new List(data.list_id);
+              callback(list);
+            }
+          }
+          else
+          {
+            humane.error(data.message);
+          }
+        }
+      });
+      
+    },
+    get : function(callback, type) {
+
+      var $this = this;
+      type = typeof type === 'undefined' ? 'json' : type;
+
+      $.ajax({
+        type: 'GET',
+        url: '/prod/lists/all/',
+        dataType: type,
+        data: {},
+        success: function(data){
+          if(type == 'json')
+          {
+            if(data.success)
+            {
+              humane.info(data.message);
+
+              if(typeof callback === 'function')
+              {
+                callback(data.result);
+              }
+            }
+            else
+            {
+              humane.error(data.message);
+            }
+          }
+          else
+          {
+            if(typeof callback === 'function')
+            {
+              callback(data);
+            }
+          }
+        }
+      });
+    }
+    
+  }
+  
+  List.prototype = {
+    addUsers : function(arrayUsers, callback) {
+      
+      if(!arrayUsers instanceof Array)
+      {
+        throw 'addUsers takes array as argument';
+      }
+      
+      var $this = this;
+
+      $.ajax({
+        type: 'POST',
+        url: '/prod/lists/list/' + this.id + '/add/',
+        dataType: 'json',
+        data: {usr_ids : arrayUsers},
+        success: function(data){
+          if(data.success)
+          {
+            humane.info(data.message);
+            
+            if(typeof callback === 'function')
+            {
+              callback($this, data);
+            }
+          }
+          else
+          {
+            humane.error(data.message);
+          }
+        }
+      });
+    },
+    addUser : function(usr_id, callback) {
+      this.addUsers([usr_id], callback);
+    },
+    remove : function(callback) {
+      
+      var $this = this;
+
+      $.ajax({
+        type: 'POST',
+        url: '/prod/lists/list/' + this.id + '/delete/',
+        dataType: 'json',
+        data: {},
+        success: function(data){
+          if(data.success)
+          {
+            humane.info(data.message);
+            
+            if(typeof callback === 'function')
+            {
+              callback($this);
+            }
+          }
+          else
+          {
+            humane.error(data.message);
+          }
+        }
+      });
+    },
+    update : function(name, callback) {
+      
+      var $this = this;
+
+      $.ajax({
+        type: 'POST',
+        url: '/prod/lists/list/' + this.id + '/update/',
+        dataType: 'json',
+        data: { name : name },
+        success: function(data){
+          if(data.success)
+          {
+            humane.info(data.message);
+            
+            if(typeof callback === 'function')
+            {
+              callback($this);
+            }
+          }
+          else
+          {
+            humane.error(data.message);
+          }
+        }
+      });
+    },
+    removeUser : function(usr_id, callback) {
+      
+      var $this = this;
+
+      $.ajax({
+        type: 'POST',
+        url: '/prod/lists/list/' + this.id + '/remove/' + usr_id + '/',
+        dataType: 'json',
+        data: {},
+        success: function(data){
+          if(data.success)
+          {
+            humane.info(data.message);
+            
+            if(typeof callback === 'function')
+            {
+              callback($this, data);
+            }
+          }
+          else
+          {
+            humane.error(data.message);
+          }
+        }
+      });
+    },
+    shareWith : function(usr_id, role, callback) {
+      
+      var $this = this;
+
+      $.ajax({
+        type: 'POST',
+        url: '/prod/lists/list/' + this.id + '/share/' + usr_id + '/',
+        dataType: 'json',
+        data: {role : role},
+        success: function(data){
+          if(data.success)
+          {
+            humane.info(data.message);
+            
+            if(typeof callback === 'function')
+            {
+              callback($this);
+            }
+          }
+          else
+          {
+            humane.error(data.message);
+          }
+        }
+      });
+    },
+    unshareWith : function(callback) {
+      
+      var $this = this;
+
+      $.ajax({
+        type: 'POST',
+        url: '/prod/lists/list/' + this.id + '/unshare/' + usr_id + '/',
+        dataType: 'json',
+        data: {},
+        success: function(data){
+          if(data.success)
+          {
+            humane.info(data.message);
+            
+            if(typeof callback === 'function')
+            {
+              callback($this);
+            }
+          }
+          else
+          {
+            humane.error(data.message);
+          }
+        }
+      });
+    },
+    get : function(callback) {
+      
+      var $this = this;
+
+      $.ajax({
+        type: 'GET',
+        url: '/prod/lists/list/' + this.id + '/',
+        dataType: 'json',
+        data: {},
+        success: function(data){
+          if(data.success)
+          {
+            humane.info(data.message);
+            
+            if(typeof callback === 'function')
+            {
+              callback($this, data);
+            }
+          }
+          else
+          {
+            humane.error(data.message);
+          }
+        }
+      });
+    }
+  }
+  
+  p4.Lists = new Lists();
+  document.List = List;
+
+})(document, p4, jQuery);

www/prod/jquery.Feedback.js

@@ -0,0 +1,472 @@
+
+
+(function(window){
+  
+  var Feedback = function($container){
+    this.container = $($container);
+    
+    this.selection = new Selectable(
+      $('.user_content .badges', this.container), 
+      {
+        selector:'.badge'
+      }
+    );
+    
+    var $this = this;
+    
+    
+    /* disable push closeonescape as an over dialog may exist (add user) */
+    this.container.closest('.ui-dialog-content').dialog( "option", "closeOnEscape", false );
+
+    $('a.user_adder', this.container).bind('click', function(){
+
+      var $this = $(this);
+
+      $.ajax({
+        type: "GET",
+        url: $this.attr('href'),
+        dataType: 'html',
+        beforeSend:function(){
+          if($('#user_adder_dialog').length == 0)
+          {
+            $('body').append('<div id="user_adder_dialog" style="display:none;"></div>');
+          }
+          $('#user_adder_dialog').addClass('loading').empty().dialog({
+              buttons:{},
+              draggable:false,
+              resizable:false,
+              closeOnEscape:true,
+              modal:true,
+              width:'400',
+              height:'400'
+          }).dialog( "moveToTop" );
+        },
+        success: function(data){
+          $('#user_adder_dialog').removeClass('loading').empty().append(data);
+          return;
+        },
+        error: function(){
+          $('#user_adder_dialog').dialog('destroy');
+          $('#user_adder_dialog').remove();
+          return;
+        },
+        timeout: function(){
+          $('#user_adder_dialog').dialog('destroy');
+          $('#user_adder_dialog').remove();
+          return;
+        }
+      });
+
+      return false;
+    });
+    
+    $('.user_content .badges', this.container).disableSelection();
+    
+    $('.user_content .badges .badge .toggle', this.container).live('click', function(event){
+      var $this = $(this);
+      $this.toggleClass('status_off status_on');
+      $this.find('input').val($this.hasClass('status_on') ? '1' : '0');
+      return;
+    });
+    
+    $('.general_togglers .general_toggler', this.container).bind('click', function(){
+      var feature = $(this).attr('feature');
+      var badges = $('.user_content .badge.selected .status_off.toggle_' + feature, this.container);
+      if(badges.length == 0)
+      {
+        humane.info('No user selected');
+      }
+      badges.trigger('click');
+      return false;
+    });
+    
+    $('.user_content .badges .badge .deleter', this.container).live('click', function(event){
+      var $elem = $(this).closest('.badge');
+      $elem.fadeOut(function(){$elem.remove();});
+      return;
+    });
+
+    $('.options button', this.container).button();
+    
+    $('form.list_saver', this.container).bind('submit', function(){
+      var $form = $(this);
+      var $input = $('input[name="name"]', $form);
+      
+      var users = p4.Feedback.getUsers();
+      
+      if(users.length == 0)
+      {
+        humane.error('No users');
+        return false;
+      }
+      
+      p4.Lists.create($input.val(), function(list){$input.val('');list.addUsers(users);});
+      
+      return false;
+    });
+
+    $('input[name="users-search"]', this.container).autocomplete({
+        minLength: 2,
+        source: function( request, response ) {
+          $.ajax({
+            url: '/prod/push/search-user/',
+            dataType: "json",
+            data: {
+              query: request.term
+            },
+            success: function( data ) {
+              response( data );
+            }
+          });
+        },
+        select: function( event, ui ) {
+          if(ui.item.type == 'USER')
+          {
+            $this.selectUser(ui.item);
+          }
+          if(ui.item.type == 'LIST')
+          {
+            for(e in ui.item.entries)
+            {
+              $this.selectUser(ui.item.entries[e].User);
+            }
+          }
+          return false;
+        }
+      })
+      .data( "autocomplete" )._renderItem = function( ul, item ) {
+        
+        var autocompleter = $('input[name="users-search"]', $this.container);
+        
+        autocompleter.addClass('loading');
+
+        var callback = function(datas){
+          $(datas).data( "item.autocomplete", item ).appendTo( ul );
+          autocompleter.data( "autocomplete" ).menu.refresh();
+          autocompleter.data('autocomplete')._resizeMenu();
+          autocompleter.removeClass('loading');
+        };
+        
+        if(item.type == 'USER')
+        {
+          var datas = p4.Mustache.Render('List-User-Item', item, callback);
+        }
+        if(item.type == 'LIST')
+        {
+          var datas = p4.Mustache.Render('List-List-Item', item, callback);
+        }
+      
+        return;
+      };
+        
+    return this;
+  };
+      
+  Feedback.prototype = {
+    selectUser : function(user){
+      if(typeof user !== 'object')
+      {
+        if(window.console)
+        {
+          console.log('trying to select a user with wrong datas');
+        }
+      }
+      if($('.badge_' + user.usr_id, this.container).length > 0)
+      {
+        humane.info('User already selected');
+        return;
+      }
+      
+      p4.Mustache.Render('Feedback-Badge', user, p4.Feedback.appendBadge);
+    },
+    appendBadge : function(badge){
+      $('.user_content .badges', this.container).append(badge);
+    },
+    addUser : function($form, callback){
+      
+      var $this = this;
+      $.ajax({
+        type: 'POST',
+        url: '/prod/push/add-user/',
+        dataType: 'json',
+        data: $form.serializeArray(),
+        success: function(data){
+          if(data.success)
+          {
+            humane.info(data.message);
+            $this.selectUser(data.user);
+            callback();
+          }
+          else
+          {
+            humane.error(data.message);
+          }
+        }
+      });
+    },
+    getSelection : function() {
+      return this.selection;
+    },
+    getUsers : function() {
+      return $('.user_content .badge', this.container).map(function(){
+        return $('input[name="id"]', $(this)).val();
+      });
+    }
+  };
+  
+  
+  
+  var ListManager = function($container) {
+    
+    this.list = null;
+    this.container = $container;
+    
+    var initLeft = function() {
+      $('a.list_refresh', $container).bind('click', function(event){
+
+        var callback = function(datas){ 
+          $('.all-lists', $container).removeClass('loading').append(datas);
+          initLeft(); 
+        };
+        
+        $('.all-lists', $container).empty().addClass('loading'); 
+        
+        p4.Lists.get(callback, 'html');
+
+        return false;
+      });
+      
+      var ListDeleterDialogBox = function(callbackDeleter) {
+        if($('#ListDeleterDialogBox').length > 0)
+        {
+          $('#ListDeleterDialogBox').remove();
+        }
+        
+        $('body').append('<div id="ListDeleterDialogBox"></div>');
+        
+        var callbackMustache = function(datas){ 
+          $('#ListDeleterDialogBox').append(datas);
+          callbackDeleter($('#ListDeleterDialogBox'));
+        };
+        
+        p4.Mustache.Render('ListEditor-DialogDelete', language, callbackMustache);
+        
+        return false;
+      };
+      
+      
+      $('a.deleter', $container).bind('click', function(event){
+        
+        var list_id = $(this).find('input[name=list_id]').val();
+        
+        var makeDialog = function (box) {
+          
+          var buttons = {};
+          
+          buttons[language.create] = function() {
+            
+            var callbackOK = function () { 
+              $('a.list_refresh', $container).trigger('click'); 
+              box.dialog('close'); 
+            };
+            
+            var List = new document.List(list_id);
+            List.remove(callbackOK);
+          };
+          
+          box.dialog({
+            buttons:buttons,
+            modal:true,
+            closeOnEscape:true,
+            resizable:false,
+            width:300,
+            height:150
+          });
+        };
+        
+        ListDeleterDialogBox(makeDialog);
+
+        return false;
+      });
+      
+      var ListAdderDialogBox = function(callbackAdder) {
+        if($('#ListAdderDialogBox').length > 0)
+        {
+          $('#ListAdderDialogBox').remove();
+        }
+        
+        $('body').append('<div id="ListAdderDialogBox"></div>');
+        
+        var callbackMustache = function(datas){ 
+          $('#ListAdderDialogBox').append(datas);
+          callbackAdder($('#ListAdderDialogBox'));
+        };
+        
+        p4.Mustache.Render('ListEditor-DialogAdd', language, callbackMustache);
+        
+        return false;
+      };
+      
+      $('a.list_adder', $container).bind('click', function(event){
+        
+        var makeDialog = function (box) {
+          
+          var buttons = {};
+          
+          buttons[language.valider] = function() {
+            
+            var callbackOK = function () { 
+              $('a.list_refresh', $container).trigger('click'); 
+              box.dialog('close'); 
+            };
+            
+            var name = $('#ListAdderDialogBox input[name="name"]').val();
+            
+            if($.trim(name) === '')
+            {
+              alert(language.listNameCannotBeEmpty);
+              return;
+            }
+            
+            p4.Lists.create(name, callbackOK);
+          };
+          
+          box.dialog({
+            buttons:buttons,
+            modal:true,
+            closeOnEscape:true,
+            resizable:false,
+            width:300,
+            height:150
+          });
+        };
+        
+        ListAdderDialogBox(makeDialog);
+
+        return false;
+      });
+      
+      $('li.list a.link', $container).bind('click', function(event){
+
+        var $this = $(this);
+
+        $this.closest('.lists').find('.list.selected').removeClass('selected');
+        $this.parent('li.list').addClass('selected');
+
+        $.ajax({
+          type: 'GET',
+          url: $this.attr('href'),
+          dataType: 'html',
+          success: function(data){
+            $('.editor', $container).removeClass('loading').append(data);
+            initRight();
+          },
+          beforeSend: function(){
+            $('.editor', $container).empty().addClass('loading');
+          }
+        });
+
+        return false;
+      });
+      
+    };
+    
+    var initRight = function(){
+      
+      $('.editor input[name="list-add-user"]', this.container).autocomplete({
+          minLength: 2,
+          source: function( request, response ) {
+            $.ajax({
+              url: '/prod/push/search-user/',
+              dataType: "json",
+              data: {
+                query: request.term
+              },
+              success: function( data ) {
+                response( data );
+              }
+            });
+          },
+          select: function( event, ui ) {
+            if(ui.item.type == 'USER')
+            {
+              var callback = function(list, datas) {
+                if($.inArray(ui.item.usr_id, datas.result) >= 0)
+                {
+                  p4.Mustache.Render('List-Badge', ui.item, p4.ListManager.appendBadge);
+                }
+                $('.counter.current, .list.selected .counter', $('#ListManager')).each(function(){
+                  $(this).text(parseInt($(this).text()) + datas.result.length);
+                });
+                console.log('increment counter');
+              }
+              p4.ListManager.getList().addUser(ui.item.usr_id, callback);
+            }
+            return false;
+          }
+        })
+        .data( "autocomplete" )._renderItem = function( ul, item ) {
+
+          var autocompleter = $('.editor input[name="list-add-user"]', this.container);
+
+          autocompleter.addClass('loading');
+
+          var callback = function(datas){
+            $(datas).data( "item.autocomplete", item ).appendTo( ul );
+            autocompleter.data( "autocomplete" ).menu.refresh();
+            autocompleter.data('autocomplete')._resizeMenu();
+            autocompleter.removeClass('loading');
+          };
+
+          if(item.type == 'USER')
+          {
+            var datas = p4.Mustache.Render('List-User-Item', item, callback);
+          }
+
+          return;
+        };
+    };
+
+    
+    initLeft();
+        
+    $('.badges a.deleter', this.container).live('click', function(){
+
+      var badge = $(this).closest('.badge');
+      
+      var usr_id = badge.find('input[name="id"]').val();
+      
+      
+      var callback =  function(list, datas){ 
+        $('.counter.current, .list.selected .counter', $('#ListManager')).each(function(){
+          $(this).text(parseInt($(this).text()) - 1);
+        });
+                
+        badge.remove(); 
+      };
+      
+      p4.ListManager.getList().removeUser(usr_id, callback);
+      
+      return false;
+    });
+    
+  };
+  
+  ListManager.prototype = {
+    workOn : function(list_id) {
+      this.list = new document.List(list_id);
+    },
+    getList : function(){
+      return this.list;
+    },
+    appendBadge : function(datas) {
+      $('#ListManager .badges').append(datas);
+    }
+  };
+  
+  
+  
+  window.Feedback = Feedback;
+  window.ListManager = ListManager;
+  
+}(window));