overte/domain-server/resources/web/js/shared.js

Settings = {
  showAdvanced: false,
  METAVERSE_URL: 'https://staging.highfidelity.com',
  ADVANCED_CLASS: 'advanced-setting',
  DEPRECATED_CLASS: 'deprecated-setting',
  TRIGGER_CHANGE_CLASS: 'trigger-change',
  DATA_ROW_CLASS: 'value-row',
  DATA_COL_CLASS: 'value-col',
  DATA_CATEGORY_CLASS: 'value-category',
  ADD_ROW_BUTTON_CLASS: 'add-row',
  ADD_ROW_SPAN_CLASSES: 'glyphicon glyphicon-plus add-row',
  DEL_ROW_BUTTON_CLASS: 'del-row',
  DEL_ROW_SPAN_CLASSES: 'glyphicon glyphicon-remove del-row',
  ADD_CATEGORY_BUTTON_CLASS: 'add-category',
  ADD_CATEGORY_SPAN_CLASSES: 'glyphicon glyphicon-plus add-category',
  TOGGLE_CATEGORY_COLUMN_CLASS: 'toggle-category',
  TOGGLE_CATEGORY_SPAN_CLASS: 'toggle-category-icon',
  TOGGLE_CATEGORY_SPAN_CLASSES: 'glyphicon toggle-category-icon',
  TOGGLE_CATEGORY_EXPANDED_CLASS: 'glyphicon-triangle-bottom',
  TOGGLE_CATEGORY_CONTRACTED_CLASS: 'glyphicon-triangle-right',
  DEL_CATEGORY_BUTTON_CLASS: 'del-category',
  DEL_CATEGORY_SPAN_CLASSES: 'glyphicon glyphicon-remove del-category',
  MOVE_UP_BUTTON_CLASS: 'move-up',
  MOVE_UP_SPAN_CLASSES: 'glyphicon glyphicon-chevron-up move-up',
  MOVE_DOWN_BUTTON_CLASS: 'move-down',
  MOVE_DOWN_SPAN_CLASSES: 'glyphicon glyphicon-chevron-down move-down',
  TABLE_BUTTONS_CLASS: 'buttons',
  ADD_DEL_BUTTONS_CLASS: 'add-del-buttons',
  ADD_DEL_BUTTONS_CLASSES: 'buttons add-del-buttons',
  REORDER_BUTTONS_CLASS: 'reorder-buttons',
  REORDER_BUTTONS_CLASSES: 'buttons reorder-buttons',
  NEW_ROW_CLASS: 'new-row',
  CONNECT_ACCOUNT_BTN_ID: 'connect-account-btn',
  DISCONNECT_ACCOUNT_BTN_ID: 'disconnect-account-btn',
  CREATE_DOMAIN_ID_BTN_ID: 'create-domain-btn',
  CHOOSE_DOMAIN_ID_BTN_ID: 'choose-domain-btn',
  GET_TEMPORARY_NAME_BTN_ID: 'get-temp-name-btn',
  DOMAIN_ID_SELECTOR: '[name="metaverse.id"]',
  ACCESS_TOKEN_SELECTOR: '[name="metaverse.access_token"]',
  PLACES_TABLE_ID: 'places-table',
  ADD_PLACE_BTN_ID: 'add-place-btn',
  FORM_ID: 'settings-form',
  INVALID_ROW_CLASS: 'invalid-input',
  DATA_ROW_INDEX: 'data-row-index'
};

Strings = {
  LOADING_SETTINGS_ERROR: "There was a problem loading the domain settings.\nPlease refresh the page to try again.",

  CHOOSE_DOMAIN_BUTTON: "Choose from my domains",
  CREATE_DOMAIN_BUTTON: "Create new domain ID",
  CREATE_DOMAIN_SUCCESS_JUST_CONNECTED: "We connnected your High Fidelity account and created a new domain ID for this machine.",
  CREATE_DOMAIN_SUCCESS: "We created a new domain ID for this machine.",

  // When a place modification fails, they will be brought back to the previous
  // dialog with new path still set, allowing them to retry immediately, and without
  // having to type the new path in again.
  EDIT_PLACE_TITLE: "Modify Viewpoint or Path",
  EDIT_PLACE_ERROR: "Failed to update place path. Please try again.",
  EDIT_PLACE_CONFIRM_BUTTON: "Save",
  EDIT_PLACE_CONFIRM_BUTTON_PENDING: "Saving...",
  EDIT_PLACE_CANCEL_BUTTON: "Cancel",

  REMOVE_PLACE_TITLE: "Are you sure you want to remove <strong>{{place}}</strong>?",
  REMOVE_PLACE_ERROR: "Failed to remove place. Please try again.",
  REMOVE_PLACE_DELETE_BUTTON: "Delete",
  REMOVE_PLACE_DELETE_BUTTON_PENDING: "Deleting...",
  REMOVE_PLACE_CANCEL_BUTTON: "Cancel",

  ADD_PLACE_TITLE: "Choose a place",
  ADD_PLACE_MESSAGE: "Choose the High Fidelity place to point at this domain server.",
  ADD_PLACE_CONFIRM_BUTTON: "Choose place",
  ADD_PLACE_CONFIRM_BUTTON_PENDING: "Saving...",
  ADD_PLACE_CANCEL_BUTTON: "Cancel",
  ADD_PLACE_UNKNOWN_ERROR: "There was an error adding this place name.",

  ADD_PLACE_NO_PLACES_MESSAGE: "<p>You do not have any places in your High Fidelity account."
      + "<br/><br/>Go to your <a href='https://metaverse.highfidelity.com/user/places/new'>places page</a> to create a new one. Once your place is created re-open this dialog to select it.</p>",
  ADD_PLACE_NO_PLACES_BUTTON: "Create new place",
  ADD_PLACE_UNABLE_TO_LOAD_ERROR: "We were unable to load your place names. Please try again later.",
  ADD_PLACE_LOADING_DIALOG: "Loading your places...",
};

var DOMAIN_ID_TYPE_NONE_OR_UNKNOWN = 0;
var DOMAIN_ID_TYPE_TEMP = 1;
var DOMAIN_ID_TYPE_FULL = 2;

function getCurrentDomainIDType() {
  if (typeof DomainInfo === 'undefined') {
    return DOMAIN_ID_TYPE_NONE_OR_UNKNOWN;
  }
  if (DomainInfo !== null) {
    if (DomainInfo.name !== undefined) {
      return DOMAIN_ID_TYPE_TEMP;
    }
    return DOMAIN_ID_TYPE_FULL;
  }
  return DOMAIN_ID_TYPE_NONE_OR_UNKNOWN;
}

function showLoadingDialog(msg) {
  var message = '<div class="text-center">';
  message += '<span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span> ' + msg;
  message += '</div>';

  return bootbox.dialog({
    message: message,
    closeButton: false
  });
}

function sendUpdatePlaceRequest(id, path, domainID, clearDomainID, onSuccess, onError) {
  var data = {
    place_id: id,
    path: path
  };
  if (domainID) {
    data.domain_id = domainID;
  }
  if (clearDomainID) {
    data.domain_id = null;
  }
  $.ajax({
    url: '/api/places',
    type: 'PUT',
    data: data,
    success: onSuccess,
    error: onError
  });
}

function chooseFromHighFidelityPlaces(accessToken, forcePathTo, onSuccessfullyAdded) {
  if (accessToken) {

    var loadingDialog = showLoadingDialog(Strings.ADD_PLACE_LOADING_DIALOG);

    $.ajax("/api/places", {
      dataType: 'json',
      jsonp: false,
      success: function(data) {
        if (data.status == 'success') {
          var modal_buttons = {
            cancel: {
              label: Strings.ADD_PLACE_CANCEL_BUTTON,
              className: 'add-place-cancel-button btn-default'
            }
          };

          var dialog;
          var modal_body;

          if (data.data.places.length) {
            var places_by_id = {};

            modal_body = $('<div>');

            var currentDomainIDType = getCurrentDomainIDType();
            if (currentDomainIDType === DOMAIN_ID_TYPE_TEMP) {
              var warning = "<div class='domain-loading-error alert alert-warning'>";
              warning += "If you choose a place name it will replace your current temporary place name.";
              warning += "</div>";
              modal_body.append(warning);
            }

            // setup a select box for the returned places
            modal_body.append($("<label for='place-name-select'>Places</label>"));
            place_select = $("<select id='place-name-select' class='form-control'></select>");
            _.each(data.data.places, function(place) {
              places_by_id[place.id] = place;
              place_select.append("<option value='" + place.id + "'>" + place.name + "</option>");
            })
            modal_body.append(place_select);
            modal_body.append($("<p id='place-name-warning' class='warning-text' style='display: none'>This place name already points to a place or path. Saving this would overwrite the previous settings associated with it.</p>"));

            if (forcePathTo === undefined || forcePathTo === null) {
              var path = "<div class='form-group'>";
              path += "<label for='place-path-input' class='control-label'>Path</label>";
              path += "<input type='text' id='place-path-input' class='form-control' value='/'>";
              path += "</div>";
              modal_body.append($(path));
            }

            var place_select = modal_body.find("#place-name-select")
            place_select.change(function(ev) {
              var warning = modal_body.find("#place-name-warning");
              var place = places_by_id[$(this).val()];
              console.log(warning, place, $(this).val());
              if (place === undefined || place.pointee === null) {
                warning.hide();
              } else {
                warning.show();
              }
            });
            place_select.trigger('change');

            modal_buttons["success"] = {
              label: Strings.ADD_PLACE_CONFIRM_BUTTON,
              className: 'add-place-confirm-button btn btn-primary',
              callback: function() {
                var placeID = $('#place-name-select').val()
                // set the place ID on the form
                $(Settings.place_ID_SELECTOR).val(placeID).change();

                if (forcePathTo === undefined || forcePathTo === null) {
                  var placePath = $('#place-path-input').val();
                } else {
                  var placePath = forcePathTo;
                }

                $('.add-place-confirm-button').attr('disabled', 'disabled');
                $('.add-place-confirm-button').html(Strings.ADD_PLACE_CONFIRM_BUTTON_PENDING);
                $('.add-place-cancel-button').attr('disabled', 'disabled');

                function finalizeSaveDomainID(domainID) {
                  var jsonSettings = {
                    metaverse: {
                      id: domainID
                    }
                  } 
                  var dialog = showLoadingDialog("Waiting for Domain Server to restart...");
                  $.ajax('/settings.json', {
                    data: JSON.stringify(jsonSettings),
                    contentType: 'application/json',
                    type: 'POST'
                  }).done(function(data) {
                    if (data.status == "success") {
                      waitForDomainServerBackUp(function() {
                        dialog.modal('hide');
                        if (onSuccessfullyAdded) {
                          onSuccessfullyAdded(places_by_id[placeID].name, domainID);
                        }
                      });
                    } else {
                      bootbox.alert("Failed to add place");
                    }
                  }).fail(function() {
                    bootbox.alert("Failed to add place");
                  });
                }

                function finishSettingUpPlace(domainID) {
                  sendUpdatePlaceRequest(
                    placeID,
                    placePath,
                    domainID,
                    false,
                    function(data) {
                      $(Settings.DOMAIN_ID_SELECTOR).val(domainID).change();
                      dialog.modal('hide')
                      if (domainID) {
                        finalizeSaveDomainID(domainID);
                      } else {
                        if (onSuccessfullyAdded) {
                          onSuccessfullyAdded(places_by_id[placeID].name);
                        }
                      }
                    },
                    function(data) {
                      $('.add-place-confirm-button').removeAttr('disabled');
                      $('.add-place-confirm-button').html(Strings.ADD_PLACE_CONFIRM_BUTTON);
                      $('.add-place-cancel-button').removeAttr('disabled');
                      bootbox.alert(Strings.ADD_PLACE_UNKNOWN_ERROR);
                    }
                  );
                }

                if (currentDomainIDType === DOMAIN_ID_TYPE_FULL) {
                  finishSettingUpPlace();
                } else {
                  sendCreateDomainRequest(function(domainID) {
                    console.log("Created domain", domainID);
                    finishSettingUpPlace(domainID);
                  }, function() {
                    $('.add-place-confirm-button').removeAttr('disabled');
                    $('.add-place-confirm-button').html(Strings.ADD_PLACE_CONFIRM_BUTTON);
                    $('.add-place-cancel-button').removeAttr('disabled');
                    bootbox.alert(Strings.ADD_PLACE_UNKNOWN_ERROR);
                    bootbox.alert("FAIL");
                  });
                }


                return false;
              }
            }
          } else {
            modal_buttons["success"] = {
              label: Strings.ADD_PLACE_NO_PLACES_BUTTON,
              callback: function() {
                window.open(Settings.METAVERSE_URL + "/user/places", '_blank');
              }
            }
            modal_body = Strings.ADD_PLACE_NO_PLACES_MESSAGE;
          }

          dialog = bootbox.dialog({
            title: Strings.ADD_PLACE_TITLE,
            message: modal_body,
            closeButton: false,
            buttons: modal_buttons
          });
        } else {
          bootbox.alert(Strings.ADD_PLACE_UNABLE_TO_LOAD_ERROR);
        }
      },
      error: function() {
        bootbox.alert(Strings.ADD_PLACE_UNABLE_TO_LOAD_ERROR);
      },
      complete: function() {
        loadingDialog.modal('hide');
      }
    });

  } else {
    bootbox.alert({
      message: "You must have an access token to query your High Fidelity places.<br><br>" +
      "Please follow the instructions on the settings page to add an access token.",
      title: "Access token required"
    })
  }
}