canvas-lms/public/javascripts/external_tools.js

define([
  'i18n!external_tools',
  'jquery' /* $ */,
  'jquery.instructure_forms' /* formSubmit, fillFormData */,
  'jqueryui/dialog',
  'compiled/jquery/fixDialogButtons' /* fix dialog formatting */,
  'jquery.instructure_misc_plugins' /* confirmDelete, showIf */,
  'jquery.templateData' /* fillTemplateData, getTemplateData */
], function(I18n, $) {

$(document).ready(function() {
  var $dialog = $("#external_tools_dialog");

  $(".add_tool_link").click(function(event) {
    event.preventDefault();

    var formData = {
      domain: "",
      url: "",
      config_url: "",
      config_xml: "",
      description: "",
      name: "",
      custom_fields_string: "",
      privacy: "anonymous",
      consumer_key: "",
      shared_secret: ""
    }

    $dialog.dialog({
      title: I18n.t('titles.edit_external_tool', "Edit External Tool"),
      width: 600
    }).fixDialogButtons();
    $dialog.find(".shared_secret_note").hide();
    $dialog.find("form")
      .attr('method', 'POST')
      .attr('action', $dialog.find(".external_tools_url").attr('href'));
    $dialog.fillFormData(formData, {object_name: 'external_tool'});
    $dialog.find(".config_type_option").show();

    $("#external_tool_match_by").val('domain').change();
    $("#external_tool_config_type").val('manual').change();
  });

  /* Form Submit Summary */
  $dialog.find("form").formSubmit({
    beforeSubmit: function(data) {
      $(this).find("button")
           .attr('disabled', true)
           .filter('.save_button')
           .text(I18n.t('messages.saving_tool_settings', "Saving Tool Settings..."));
    },
    success: function(tool) {
      var $this = $(this);
      var $tool = $("#external_tool_" + tool.id);

      $this.find("button")
             .attr('disabled', false)
             .filter('.save_button')
             .text(I18n.t('buttons.save_tool_settings', "Save Tool Settings"));

      $dialog.dialog('close');

      var tool_div_doesnt_exist = $tool.length == 0;
      if(tool_div_doesnt_exist) {
        $tool = $("#external_tool_blank").clone(true)
                                         .removeAttr('id');
        $("#external_tools").append($tool);
      }

      $tool.fillTemplateData({
        data: tool,
        dataValues: ['id', 'workflow_state'],
        hrefValues: ['id'],
        id: 'external_tool_' + tool.id
      });

      /* Clear the shared seceret input field because it never gets updated and 
       * should no longer be visible after you update * 
       */
      $('#external_tool_shared_secret').val('');

      $tool
        .toggleClass('has_editor_button', tool.has_editor_button)
        .toggleClass('has_resource_selection', tool.has_resource_selection)
        .toggleClass('has_course_navigation', tool.has_course_navigation)
        .toggleClass('has_user_navigation', tool.has_user_navigation)
        .toggleClass('has_account_navigation', tool.has_account_navigation);

      $tool.find(".tool_url")
           .showIf(tool.url).end()
           .find(".tool_domain")
           .showIf(tool.domain);

      $tool.show();
    },
    error: function(data) {
      $(this).find("button")
             .attr('disabled', false)
             .filter('.save_button')
             .text(I18n.t('errors.save_tool_settings_failed', "Save Tool Settings Failed"));
    }
  });

  $dialog.find(".cancel_button").click(function() {
    $dialog.dialog('close');
    $('#external_tool_shared_secret').val('');
  });

  $("#external_tools").delegate('.edit_tool_link', 'click', function(event) {
    event.preventDefault();

    var $tool = $(this).parents(".external_tool");
    var data = $tool.getTemplateData({textValues: ['name', 'description', 'domain', 'url', 'consumer_key', 'custom_fields_string'], dataValues: ['id', 'workflow_state']});
    
    data.privacy_level = data.workflow_state;

    $("#external_tool_match_by").val(data.url ? 'url' : 'domain').change();

    $dialog.find(".shared_secret_note").show();

    $dialog.find("form")
      .attr('method', 'PUT')
      .attr('action', $tool.find(".update_tool_url").attr('rel'));

    $dialog.fillFormData(data, {object_name: 'external_tool'});

    $dialog.dialog({
      title: I18n.t('titles.edit_external_tool', "Edit External Tool"),
      width: 600
    });

    $dialog.find(".config_type_option").hide();
    $("#external_tool_config_type").val('manual').change();

  }).delegate('.delete_tool_link', 'click', function(event) {
    event.preventDefault();
    var $tool = $(this).parents(".external_tool");
    var url = $tool.find(".update_tool_url").attr('rel');
    $tool.confirmDelete({
      url: url,
      message: I18n.t('prompts.remove_tool', "Are you sure you want to remove this tool?  Any courses using this tool will no longer work."),
      success: function() {
        $(this).slideUp(function() {
          $(this).remove();
        });
      }
    });
  });

  $("#external_tool_match_by").change(function() {
    if($(this).val() == 'url') {
      $(this).parents("form").find(".tool_domain").hide().find(":text").val("").end().end()
        .find(".tool_url").show();
    } else {
      $(this).parents("form").find(".tool_url").hide().find(":text").val("").end().end()
        .find(".tool_domain").show();
    }
  });

  $("#external_tool_config_type").change(function(event) {
    $("#external_tool_form .config_type").hide();
    $("#external_tool_form .config_type." + $(this).val()).show();
  });

});
});