diaspora/public/javascripts/aspect-edit.js

/*   Copyright (c) 2010, Diaspora Inc.  This file is
 *   licensed under the Affero General Public License version 3 or later.  See
 *   the COPYRIGHT file.
 */

var AspectEdit = {

  initialize: function() {
    $("ul .person").draggable({
      revert: true,
      start: AspectEdit.startDrag,
      drag: AspectEdit.duringDrag,
      stop: AspectEdit.stopDrag
    });

    $(".aspect ul.dropzone").droppable({
      hoverClass: 'active',
      drop: AspectEdit.onDropMove
    });

    $("#manage_aspect_zones").find(".delete").click(AspectEdit.deletePerson);
    $(".aspect h3").focus(AspectEdit.changeName);

  },

  startDrag: function() {
    AspectEdit.animateImage($(this).find("img").first());
    $(".draggable_info").fadeIn(100);
  },

  animateImage: function(image) {
    image.animate({'height':80, 'width':80, 'opacity':0.8}, 200);
    image.tipsy("hide");
  },

  duringDrag: function(event, ui) {
    $(this).find("img").first().tipsy("hide"); //ensure this is hidden
  },

  stopDrag: function(event, ui) {
    $(this).find("img").first().animate({'height':50, 'width':50, 'opacity':1}, 200);
    $(".draggable_info").fadeOut(100);
  },

  onDropMove: function(event, ui) {
    var dropzone = $(this);
    var person = ui.draggable;

    if (person.attr('data-aspect_id') !== undefined && // a request doesn't have a data-aspect_id, but an existing contact does
        dropzone.attr('data-aspect_id') != person.attr('data-aspect_id')) {
        var aspect_id = person.attr('data-aspect_id');
      $.ajax({
        type: "PUT",
        url: "/aspect_memberships/garbage",
        data: {
          "person_id": person.attr('data-guid'),
          "to": dropzone.attr('data-aspect_id'),
          "aspect_id": aspect_id
        },
        success: function(data) {
          AspectEdit.onMovePersonSuccess(person, dropzone);
          Diaspora.widgets.flashes.render($.parseJSON(data));
        }
      });
    }

    dropzone.closest("ul").append(person);
  },

  onDeleteRequestSuccess: function(person, dropzone) {
    person.removeClass('request');
    person.attr('data-aspect_id', dropzone.attr('data-aspect_id'));
    person.removeAttr('data-person_id');
  },

  onMovePersonSuccess: function(person, dropzone) {
    person.attr('data-aspect_id', dropzone.attr('data-aspect_id'));
  },

  deletePersonFromAspect: function(person) {
    var person_id = person.attr('data-guid');

    if( $(".person[data-guid='"+ person_id +"']").length == 1) {
      Diaspora.widgets.alert.alert("Error removing contact", "You cannot remove the person from the last aspect");
    } else {
      person.fadeOut(400, function() {
        person.remove();
      });
    }
  },

  changeName:  function() {
    var $this = $(this),
        id = $this.closest(".aspect").attr("data-guid"),
      link = "/aspects/" + id;

    //cleanup
    $this.text($.trim($this.text()));

    $this.keypress(function(e) {
      if (e.which == 13) {
        e.preventDefault();
        $this.blur();
      }

      //length limit
      if ($this.text().length >= 20) {
        e.preventDefault();
      }
      //update all other aspect links
      $("#aspect_nav li[data-guid='" + id + "'] a").text($this.text());
    });

    $this.blur(function() {
      //save changes
      $.ajax({
        type: "PUT",
        url: link,
        data: {
          "aspect": {
            "name" : $this.text()
          }
        }
      });
    });
  },

  deletePerson: function() {
    var person = $(this).closest("li.person");

    if (person.hasClass('request')) {
      if (confirm("Ignore request?")) {
        var request_id = person.attr("data-guid");

        $.ajax({
          type: "DELETE",
          url: "/requests/" + request_id,
          success: function () {
            person.fadeOut(400, function() {
              person.remove();
            });
          }
        });
      }
    } else {
      if (confirm("Remove this person from aspect?")) {
        AspectEdit.deletePersonFromAspect(person);
      }
    }
  }
};

$(document).ready(AspectEdit.initialize);