mirror of
https://github.com/peeringdb/peeringdb.git
synced 2024-05-11 05:55:09 +00:00
8cc0f13ec1
* install django-grainy * nsp to grainy first iteration * nsp to grainy second iteration * grainy and django-grainy pinned to latest releases * Fix typo * Update djangorestframework, peeringdb, django-ratelimit * Rewrite login view ratelimit decorator * Relock pipfile * add list() to make copy of dictionaries before iterating * relock pipfile with python3.9 change docker to use python3.9 * add ordering to admin search queryset for deskproticket and email * add org api key and begin to write tests * additional key tests * add drf-api-keys to pipfile * Wire orgapikey to modelviewsetpermissions * Update api key helper functions * add put test * Add Org API key tab to frontend * Add user api key model * Update user key handling and tests * Update APIPermissionsApplicator to make it work w requests * Add org api key perm panel * add org key permissions * Add user api key views * Add templates for handling user api key (adding, not revoking) * relock pipfile * assorted fixes and tweaks * Add general user group permissions and org user group perms * refactor org api key perms * Add tests for api keys * Add docstrings to permissions helpers * Add api key examples * squash migrations * remove custom api key header config * Change api key test setup * Update permissions for grainy change * Bump up pipfile and pipfile.lock * Add API Key to Verification Queue Item * Delete travis * Add workaround to Dockerfile * update pipfile and sort out migrations * Add comment to Dockerfile * Re-add API Key migrations * Add locale to .gitignore * remove suggest functionality from ix * Update test to recognize that IX api no longer has suggest function * Add test to outlaw POSTing an IX w its org equal to the suggest entity org * Add meta information geowarning * Add alert to demonstrate UI * Add error to fac update * Add template warning for geovalidation * Add geowarning meta js * cover absent meta_response test case * Update styles for geowarning * refactor geotag warning implementation * null lat and long on unsuccessful geo locate * modify geovalidation frontend update * Add deskproticket model email field * Add missing span * add email to org keys * Add email to org key tests * update serializer with rdap validation wrapper * update admin for api keys * Enable writing an email as part of org key creation * Add email validation to org api key form * fix css style on perm row * Add suggested info to api response * display suggested address on frontend * add needs geocode to serializer * save lat long on forward geonormalization * add address suggestion submit button * Add suggested address popin to ADD facility form * Fix css * add lat and long rounding to geocodenabled model clean method * add migration and regression test for lat long decimal db constraint * Add another regression test for model decimal places * Get deskpro functions passing isort and flake * Update ticket_queue_deletion_prevented * update ticket_queue_deletion_prevented for use with org api key * add template for org key dpt from asnauto skipvq * Update deskproticket for rdap error * add facility aka * add aka to serializer and views * black and isort test api keys * fix typo in org key deskpro template * skip or rewrite unapplicable org key tests, and add as_set tests * adjust api key test comments * Add vqi_notify to signals * Add reversion comments for api keys and helper function * update how org keys are added to verification queue items * rename verification queue item fk from api_key to org_key * fix group id error * update key tests with correct http header info * check both user and key, not just user * templates fiex * adapt deskpro integration to work with email only * make org api keys editable for desc and email * pipfile relock * edit test setupdata settings for groups * Change comment to signify we don't need to remove code * address untranslated accept button * Add docstrings to the serializer functions * Add loading shim * Add migration for all longname and aka * Add aka and long name to views and serializers * delete migration w decimals * standardize serializer lat and long fields * Add clean rounding for lat and long * fix serializer error * api key admin improvements * fix linebreak in user api key form * remove debug prints * Add rounding util * Add rounding to lat and long fields * remove 'clean' from geocode method (logic now in admin form) * remove erroneous tests * revert serializer changes * Fix migrations * Add long name and aka to admin models * Update API key docs * Add documentation for api keys * fix typo * fix org api key revoke broken by editable api keys * doc tweaks * doc tweaks * doc tweaks * black format * fix migration hierarchy * docs * docs * api key permissions screenshot * formatting * formatting * padding fixed * remove one image * fix get_user_from_request type checking take out POST only valdiator for entity suggest * didnt mean to commit the django-peeringdb mount * fix suggest on PUT net fix tests * black formatting * update org key permission template * install rust for cryptography * pipfile relock (django-peeringdb to 2.6) Co-authored-by: Stefan Pratter <stefan@20c.com> Co-authored-by: Elliot Frank <elliot@20c.com>
2602 lines
74 KiB
JavaScript
2602 lines
74 KiB
JavaScript
PeeringDB = {
|
|
// flip to false to disable js side confirmation
|
|
// prompts
|
|
confirmation_prompts: {
|
|
approve : true,
|
|
remove : true,
|
|
deny : true
|
|
},
|
|
is_mobile : /Android|WebOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),
|
|
js_enabled : function() {
|
|
return this.is_mobile ? false : true;
|
|
},
|
|
advanced_search_result : {
|
|
net : {},
|
|
fac : {},
|
|
ix : {}
|
|
},
|
|
recaptcha_loaded : function() {
|
|
return (typeof grecaptcha == "object");
|
|
},
|
|
init : function() {
|
|
this.InlineSearch.init_search();
|
|
|
|
twentyc.listutil.filter_input.init();
|
|
twentyc.listutil.sortable.init();
|
|
|
|
this.csrf = Cookies.get("csrftoken")
|
|
|
|
$.ajaxSetup({
|
|
beforeSend : function(xhr, settings) {
|
|
if(!/^(GET|HEAD|OPTIONS|TRACE)$/.test(settings.type) && !this.crossDomain) {
|
|
xhr.setRequestHeader("X-CSRFToken", PeeringDB.csrf);
|
|
}
|
|
}
|
|
});
|
|
|
|
$('#form-create-account').on('export', function(e, data) {
|
|
if(this.recaptcha_loaded()){
|
|
data.recaptcha = grecaptcha.getResponse();
|
|
} else {
|
|
data.captcha = $('#id_captcha_generator_0').val()+":"+$('#id_captcha_generator_1').val()
|
|
}
|
|
}.bind(this));
|
|
|
|
setTimeout(function() {
|
|
var fallback = $('#form-create-account').find('.fallback');
|
|
if(!this.recaptcha_loaded()) {
|
|
console.log("re-captcha could not be loaded, falling back to internal captcha");
|
|
$('#form-create-account').find('.recaptcha').hide();
|
|
fallback.show();
|
|
} else {
|
|
// since re-captcha loaded successfully we don't need a requirement
|
|
// on the fallback input
|
|
fallback.find('#id_captcha_0').attr('required', false);
|
|
}
|
|
}.bind(this), 3000);
|
|
|
|
this.fix_list_offsets();
|
|
|
|
$('.sponsor-badge').click(function(e) {
|
|
// only redirect while not in edit mode
|
|
if($(this).parents('.mode-edit').length == 0)
|
|
window.location.href = "/sponsors";
|
|
});
|
|
|
|
|
|
$('.translate-btn').click(function(e){
|
|
$(this).closest('.fmt_text').find('.popin').remove();
|
|
var note_o = $(this).closest('.fmt_text').find('p');
|
|
var ps = [];
|
|
note_o.each(function(i,o){
|
|
ps.push($(o).text());
|
|
});
|
|
var note = ps.join(' xx22xx ');
|
|
var source = ''; //$('select[name="language-to"]').val();
|
|
var tgt = ''; //$('select[name="language-to"]').val();
|
|
$.post('translate', 'note=' + note + '&target=' + tgt + '&source=' + source)
|
|
.done(function(reply){
|
|
if('undefined' != typeof(reply.error)){
|
|
var message = ('undefined' != typeof(reply.error.error))? reply.error.error.message : JSON.stringify(reply.error);
|
|
note_o.parent().append( '<div class="editable popin error">' + message + '</div>')
|
|
return;
|
|
}
|
|
if('undefined' == typeof(reply.translation) || 'undefined' == typeof(reply.translation.translatedText)){
|
|
note_o.parent().append( '<div class="editable popin error">Unknown error</div>')
|
|
console.log(reply);
|
|
return;
|
|
}
|
|
var translation = reply.translation.translatedText.split(' xx22xx ').join('</p><p>');
|
|
note_o.parent().append( '<div class="editable popin info"><p>' + translation + '</p></div>')
|
|
console.log(translation);
|
|
})
|
|
.fail(function(a,b,c){
|
|
console.log(a,b,c);
|
|
});
|
|
});
|
|
|
|
// render markdown content
|
|
$('[data-render-markdown="yes"]').each(function() {
|
|
var converter = new showdown.Converter()
|
|
var value = $(this).data("edit-value")
|
|
// sanitize any html tags
|
|
var translate = $(this).find('div.translate').detach()
|
|
|
|
var html = converter.makeHtml(value.replace(/>/g, '>').replace(/</g, '<'))
|
|
// set html after further sanitizing output via DOMPurify
|
|
$(this).html(DOMPurify.sanitize(html, {SAFE_FOR_JQUERY: true}))
|
|
$(this).append(translate);
|
|
})
|
|
|
|
},
|
|
|
|
// fix list x offsets depending on whether content is overflowing
|
|
// or not - as it gets pushed over by scrollbars
|
|
fix_list_offsets : function() {
|
|
$('.scrollable').each(function() {
|
|
if(this.clientHeight >= this.scrollHeight && $(this).children().length>1) {
|
|
$(this).css("padding-right", "15px");
|
|
$(this).find(".empty-result").css("margin-right", "-15px");
|
|
} else {
|
|
$(this).css("padding-right", "");
|
|
$(this).find(".empty-result").css("margin-right", "");
|
|
}
|
|
});
|
|
},
|
|
|
|
// some api listings have an external form to create new items
|
|
// this function takes care of linking the form up with the listing
|
|
// module
|
|
list_ext_add : function(form, listing) {
|
|
form.on('action-success:submit', function(ev, data) {
|
|
var instance = listing.data('edit-module-instance')
|
|
instance.listing_add(
|
|
data.id,
|
|
$(this),
|
|
instance.container,
|
|
data
|
|
)
|
|
// clear any error popins on form
|
|
$(this).editable('clear-error-popins');
|
|
// reset the form
|
|
$(this).editable('reset');
|
|
});
|
|
},
|
|
|
|
pretty_speed : function(value) {
|
|
value = parseInt(value);
|
|
if(value >= 1000000)
|
|
value = (value / 1000000)+"T";
|
|
else if(value >= 1000)
|
|
value = (value / 1000)+"G";
|
|
else
|
|
value = value+"M";
|
|
return value
|
|
},
|
|
|
|
// if an api response includes a "geovalidation warning"
|
|
// field in its metadata, display that warning
|
|
|
|
add_geo_warning : function(meta, endpoint) {
|
|
$('.geovalidation-warning').each(function(){
|
|
let popin = $(this);
|
|
let warning = meta.geovalidation_warning;
|
|
if (endpoint == popin.data("edit-geotag")){
|
|
popin.text(warning);
|
|
popin.removeClass("hidden").show();
|
|
|
|
}
|
|
})
|
|
},
|
|
|
|
// if an api response includes a "geo"
|
|
add_suggested_address : function(request, endpoint) {
|
|
|
|
let popin = $('.suggested-address').filter(function() {
|
|
return $(this).data("edit-geotag") == endpoint
|
|
});
|
|
if (popin === null){
|
|
return
|
|
}
|
|
|
|
// Fill in text to each field
|
|
let suggested_address = request.meta.suggested_address;
|
|
let address_fields = popin.find('div, span').filter(function(){
|
|
return $(this).data("edit-field")
|
|
})
|
|
address_fields.each(function(){
|
|
let elem = $(this);
|
|
let field = elem.data("edit-field");
|
|
let value = suggested_address[field];
|
|
if (value){
|
|
if (field === "city" || field === "state"){
|
|
value += ",";
|
|
}
|
|
elem.text(value);
|
|
}
|
|
|
|
})
|
|
|
|
// Initialize the Submit button
|
|
let button = popin.find("a.btn.suggestion-accept");
|
|
PeeringDB.init_accept_suggestion(button, request, endpoint);
|
|
|
|
// Show the popin
|
|
popin.removeClass("hidden").show();
|
|
},
|
|
|
|
// initializes the "Accept suggestion" button
|
|
|
|
init_accept_suggestion : function(button, response, endpoint){
|
|
|
|
let payload = response.data[0];
|
|
// Overwrite returned instance with the suggested data
|
|
Object.assign(payload, response.meta.suggested_address);
|
|
|
|
// No need to have latitude or longitude
|
|
// in the payload since it will get
|
|
// geocoded again
|
|
|
|
delete payload.latitude;
|
|
delete payload.longitude;
|
|
|
|
|
|
// Set up PUT request on click
|
|
button.click(function(event){
|
|
$("#view").editable("loading-shim", "show");
|
|
PeeringDB.API.request(
|
|
"PUT",
|
|
endpoint,
|
|
payload.id,
|
|
payload,
|
|
function(){
|
|
PeeringDB.refresh()
|
|
}
|
|
)
|
|
});
|
|
|
|
},
|
|
// searches the page for all editable forms that
|
|
// have data-check-incomplete attribute set and
|
|
// displays a notification if any of the fields
|
|
// are blank
|
|
|
|
incomplete_data_notify : function() {
|
|
$('[data-check-incomplete="Yes"]').each(function() {
|
|
var status = { incomplete : false};
|
|
$(this).find('[data-edit-name]').each(function() {
|
|
var value = $(this).html().trim();
|
|
var name = $(this).data("edit-name");
|
|
var field = $(this).prev('.view_field');
|
|
var group = field.data("notify-incomplete-group")
|
|
|
|
if(!field.length)
|
|
field = $(this).parent().prev('.view_field');
|
|
|
|
// if field is part of a notify-incomplete-group
|
|
// it means we don't want to show a warning as long
|
|
// as one of the members of the group has it's value set
|
|
|
|
if(group && (value == "" || value == "0")) {
|
|
var other, i, others, _value;
|
|
|
|
// get other members of the group
|
|
|
|
others = $('[data-notify-incomplete-group="'+group+'"]')
|
|
|
|
for(i = 0; i < others.length; i++) {
|
|
other = $(others[i]).next('.view_value')
|
|
_value = other.html().trim()
|
|
|
|
// other group member's value is set, use that value
|
|
// to toggle that we do not want to show a notification
|
|
// warning for this field
|
|
|
|
if(_value != "" && _value != "0") {
|
|
value = _value
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
var check = (field.find('.incomplete').length == 1);
|
|
if(check && (value == "" || value == "0")) {
|
|
status.incomplete = true;
|
|
field.find('.incomplete').removeClass("hidden")
|
|
} else {
|
|
field.find('.incomplete').addClass("hidden")
|
|
}
|
|
})
|
|
|
|
if(status.incomplete) {
|
|
$(this).find('.editable.popin.incomplete').removeClass("hidden").show();
|
|
} else {
|
|
$(this).find('.editable.popin.incomplete').addClass("hidden").hide();
|
|
}
|
|
});
|
|
},
|
|
|
|
/**
|
|
* prompt user with a confirmation dialogue
|
|
*
|
|
* will take `confirmation_prompts` setting into account
|
|
*/
|
|
|
|
confirm: function(msg, type) {
|
|
if(!type || this.confirmation_prompts[type]) {
|
|
return confirm(msg);
|
|
} else {
|
|
return true;
|
|
}
|
|
},
|
|
|
|
refresh: function() {
|
|
window.document.location.href = window.document.location.href;
|
|
}
|
|
}
|
|
|
|
function moveCursorToEnd(el) {
|
|
if (typeof el.selectionStart == "number") {
|
|
el.selectionStart = el.selectionEnd = el.value.length;
|
|
} else if (typeof el.createTextRange != "undefined") {
|
|
el.focus();
|
|
var range = el.createTextRange();
|
|
range.collapse(false);
|
|
range.select();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Tools to handle pre and post processing of ix/net/fac/org views
|
|
* submissions
|
|
* @class ViewTools
|
|
* @namespace PeeringDB
|
|
*/
|
|
|
|
|
|
PeeringDB.ViewTools = {
|
|
|
|
/**
|
|
* applies the value of a field as it was returned by the
|
|
* server in the response to the submissions to the corresponding
|
|
* form element on the page
|
|
*
|
|
* this only needs to be done for fields that rely on server side
|
|
* data validation that can't be done locally
|
|
*
|
|
* @method apply_data
|
|
* @param {jQuery} container - main js-edit element for the submissions
|
|
* @param {Object} data - object literal containing server response for the entity
|
|
* @param {String} field - field name
|
|
*/
|
|
|
|
apply_data : function(container, data, field) {
|
|
|
|
var input;
|
|
input = $('[data-edit-name="'+field+'"]').data("edit-input-instance")
|
|
if(input) {
|
|
input.set(data[field]);
|
|
input.apply(data[field]);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* after submission cleanup / handling
|
|
*
|
|
* @method after_submit
|
|
* @param {jQuery} container - main js-edit element for the submissions
|
|
* @param {Object} data - object literal containing server response for the entity
|
|
*/
|
|
|
|
after_submit : function(container, data) {
|
|
|
|
const addressFields = ["address1", "address2", "city", "state", "zipcode", "geocode"];
|
|
var target = container.data("edit-target");
|
|
if(target == "api:ix:update") {
|
|
this.apply_data(container, data, "tech_phone");
|
|
this.apply_data(container, data, "policy_phone");
|
|
}
|
|
if (target === "api:fac:update" || target === "api:org:update") {
|
|
addressFields.forEach(field => this.apply_data(container, data, field));
|
|
this.update_geocode(data);
|
|
}
|
|
},
|
|
|
|
update_geocode: function(data){
|
|
const geo_field = $("#geocode_active");
|
|
if (data.latitude && data.longitude){
|
|
let link = `https://maps.google.com/?q=${data.latitude},${data.longitude}`
|
|
let contents = `<a href="${link}">${data.latitude}, ${data.longitude}</a>`
|
|
geo_field.empty().append(contents);
|
|
$("#geocode_inactive").addClass("hidden").hide();
|
|
} else if (data.latitude === null && data.longitude === null) {
|
|
$("#geocode_active").empty();
|
|
$("#geocode_inactive").removeClass("hidden").show();
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
PeeringDB.ViewActions = {
|
|
|
|
init : function() {
|
|
$('button[data-view-action]').each(function(){
|
|
$(this).click(function() {
|
|
var action = $(this).data("view-action")
|
|
var id = $(this).closest("[data-edit-id]").data("edit-id");
|
|
PeeringDB.ViewActions.actions[action](id);
|
|
});
|
|
});
|
|
},
|
|
|
|
actions : {}
|
|
}
|
|
|
|
PeeringDB.ViewActions.actions.ix_ixf_preview = function(netId) {
|
|
$("#ixf-preview-modal").modal("show");
|
|
var preview = new PeeringDB.IXFPreview()
|
|
preview.request(netId, $("#ixf-log"));
|
|
}
|
|
|
|
|
|
PeeringDB.ViewActions.actions.net_ixf_preview = function(netId) {
|
|
$("#ixf-preview-modal").modal("show");
|
|
var preview = new PeeringDB.IXFNetPreview()
|
|
preview.request(netId, $("#ixf-log"));
|
|
}
|
|
|
|
PeeringDB.ViewActions.actions.net_ixf_postmortem = function(netId) {
|
|
$("#ixf-postmortem-modal").modal("show");
|
|
var postmortem = new PeeringDB.IXFNetPostmortem()
|
|
postmortem.request(netId, $("#ixf-postmortem"));
|
|
}
|
|
|
|
/**
|
|
* Handles the IX-F proposals UI for suggestions
|
|
* made to networks from exchanges through
|
|
* the exchange's IX-F data feeds
|
|
* @class IXFProposals
|
|
* @namespace PeeringDB
|
|
* @constructor
|
|
*/
|
|
|
|
PeeringDB.IXFProposals = twentyc.cls.define(
|
|
"IXFProposals",
|
|
{
|
|
IXFProposals : function() {
|
|
|
|
var ixf_proposals = this;
|
|
|
|
// the netixlan list element in the network
|
|
// view (Public peering exchange points)
|
|
this.netixlan_list = $('[data-edit-target="api:netixlan"]')
|
|
|
|
// the netixlan list module
|
|
this.netixlan_mod = this.netixlan_list.data('editModuleInstance')
|
|
|
|
// this will be true once the user as applied or dismissed
|
|
// a suggestion. If true once the network editor is closed
|
|
// either through cancel or save a page reload will be forced
|
|
this.require_refresh= false;
|
|
|
|
// wire button to reset dismissed proposals
|
|
$('#btn-reset-proposals').click(function() {
|
|
ixf_proposals.reset_proposals($(this).data("reset-path"))
|
|
});
|
|
|
|
// process and wire all proposals (per exchange)
|
|
$("[data-ixf-proposals-ix]").each(function() {
|
|
// individual exchange
|
|
|
|
// container element for proposals
|
|
var proposals = $(this)
|
|
|
|
// wire batch action buttons
|
|
var button_add_all = proposals.find('button.add-all')
|
|
var button_resolve_all = proposals.find('button.resolve-all');
|
|
|
|
button_add_all.click(() => { ixf_proposals.add_all(proposals); });
|
|
button_resolve_all.click(() => { ixf_proposals.resolve_all(proposals); });
|
|
|
|
ixf_proposals.sync_proposals_state(proposals);
|
|
|
|
// write proposals
|
|
proposals.find('.row.item').each(function() {
|
|
var row = $(this)
|
|
var button_add = row.find('button.add');
|
|
var button_dismiss = row.find('button.dismiss');
|
|
var button_delete = row.find('button.delete')
|
|
var button_modify = row.find('button.modify')
|
|
|
|
button_add.click(() => { ixf_proposals.add(row) })
|
|
button_dismiss.click(() => { ixf_proposals.dismiss(row) })
|
|
button_delete.click(() => {
|
|
if(!PeeringDB.confirm(button_delete.data("confirm")))
|
|
return
|
|
ixf_proposals.delete(row)
|
|
})
|
|
button_modify.click(() => { ixf_proposals.modify(row) })
|
|
})
|
|
})
|
|
},
|
|
|
|
/**
|
|
* Sends ajax request to reset dismissed proposals
|
|
* and upon success will force a page reload
|
|
* @method reset_proposals
|
|
* @param {String} path url path to reset proposals
|
|
*/
|
|
|
|
reset_proposals : function(path) {
|
|
$.ajax({
|
|
method: "POST",
|
|
url: path
|
|
}).done(PeerignDB.refresh);
|
|
},
|
|
|
|
/**
|
|
* Dismisses a proposal
|
|
* @method dismiss
|
|
* @param {jQuery} row jquery result for proposal row
|
|
*/
|
|
|
|
dismiss : function(row) {
|
|
var data= this.collect(row);
|
|
row.find('.loading-shim').show();
|
|
$.ajax({
|
|
method: "POST",
|
|
url: "/net/"+data.net_id+"/dismiss-ixf-proposal/"+data.suggestion_id+"/",
|
|
data: {}
|
|
}).
|
|
fail((response) => { this.render_errors(row, response); }).
|
|
done(() => { this.detach_row(row);}).
|
|
always(() => {
|
|
row.find('.loading-shim').hide();
|
|
})
|
|
},
|
|
|
|
/**
|
|
* Apply modifications to netixlan form in
|
|
* public peering exchange points list
|
|
* from proposal row
|
|
* @method modify
|
|
* @param {jQuery} row jquery result for proposal row
|
|
*/
|
|
|
|
modify : function(row) {
|
|
var data=this.collect(row);
|
|
var proposals = row.closest("[data-ixf-proposals-ix]")
|
|
var ixf_proposals = this;
|
|
|
|
var requirements = row.find("[data-ixf-require-delete]")
|
|
|
|
var apply = () => {
|
|
var netixlan_row = this.netixlan_list.find('[data-edit-id="'+data.id+'"]')
|
|
netixlan_row.find('[data-edit-name="speed"] input').val(data.speed)
|
|
netixlan_row.find('[data-edit-name="ipaddr4"] input').val(data.ipaddr4)
|
|
netixlan_row.find('[data-edit-name="ipaddr6"] input').val(data.ipaddr6)
|
|
netixlan_row.find('[data-edit-name="is_rs_peer"] input').prop("checked", data.is_rs_peer)
|
|
netixlan_row.find('[data-edit-name="operational"] input').prop("checked", data.operational)
|
|
netixlan_row.addClass("newrow")
|
|
this.detach_row(row);
|
|
row.find('button').tooltip("hide")
|
|
}
|
|
|
|
|
|
if(!requirements.length)
|
|
return apply();
|
|
|
|
var promise = new Promise((resolve, reject) => { resolve(); });
|
|
|
|
requirements.each(function() {
|
|
var req_id = $(this).data("ixf-require-delete")
|
|
promise.then(ixf_proposals.delete(
|
|
proposals.find('.suggestions-delete [data-ixf-id="'+req_id+'"]')
|
|
))
|
|
});
|
|
|
|
promise.then(apply)
|
|
},
|
|
|
|
/**
|
|
* Applies a proposed netixlan deletion
|
|
* @method delete
|
|
* @param {jQuery} row jquery result for proposal row
|
|
*/
|
|
|
|
delete : function(row) {
|
|
var data=this.collect(row);
|
|
var proposals = row.closest("[data-ixf-proposals-ix]")
|
|
row.find('.loading-shim').show();
|
|
|
|
return PeeringDB.API.request(
|
|
"DELETE",
|
|
"netixlan/"+data.id,
|
|
0,
|
|
{}
|
|
).fail(
|
|
(response) => { this.render_errors(row, response); }
|
|
).done(
|
|
() => {
|
|
this.netixlan_list.find('[data-edit-id="'+data.id+'"]').detach();
|
|
this.detach_row(row);
|
|
}
|
|
).always(() => {
|
|
row.find('.loading-shim').hide();
|
|
})
|
|
|
|
},
|
|
|
|
/**
|
|
* Batch applies all netixlan creations
|
|
* @method add_all
|
|
* @param {jQuery} jquery result for exchange proposals container
|
|
*/
|
|
|
|
add_all : function(proposals) {
|
|
|
|
var entries = this.all_entries_for_action(proposals, "add");
|
|
|
|
if(!entries.rows.length)
|
|
return alert(gettext("Nothing to do"))
|
|
|
|
var confirm_text = [
|
|
gettext("This will create the following entries")
|
|
]
|
|
|
|
var b = PeeringDB.confirm(
|
|
confirm_text.concat(entries.ixf_ids).join("\n")
|
|
)
|
|
|
|
if(b)
|
|
this.process_all_for_action(entries.rows, "add");
|
|
},
|
|
|
|
/**
|
|
* Batch applies all netixlan modifications and removals
|
|
* @method resolve_all
|
|
* @param {jQuery} jquery result for exchange proposals container
|
|
*/
|
|
|
|
resolve_all : function(proposals) {
|
|
|
|
var entries_delete = this.all_entries_for_action(proposals, "delete")
|
|
var entries_modify = this.all_entries_for_action(proposals, "modify")
|
|
|
|
var confirm_text = []
|
|
|
|
if(!entries_delete.rows.length && !entries_modify.rows.length) {
|
|
alert(gettext("Nothing to do"))
|
|
return;
|
|
}
|
|
|
|
if(entries_delete.rows.length) {
|
|
confirm_text.push(gettext("Remove these entries"))
|
|
confirm_text = confirm_text.concat(entries_delete.ixf_ids)
|
|
confirm_text.push("")
|
|
}
|
|
|
|
if(entries_modify.rows.length) {
|
|
confirm_text.push(gettext("Update these entries"))
|
|
confirm_text = confirm_text.concat(entries_modify.ixf_ids)
|
|
confirm_text.push("")
|
|
}
|
|
|
|
var b = PeeringDB.confirm(confirm_text.join("\n"))
|
|
|
|
if(b) {
|
|
this.process_all_for_action(entries_delete.rows, "delete");
|
|
this.process_all_for_action(entries_modify.rows, "modify");
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Returns object literal with rows and ixf_ids for
|
|
* specified action
|
|
* @method all_entries_for_action
|
|
* @param {jQuery} proposals
|
|
* @param {String} action add | modify | delete
|
|
*/
|
|
|
|
all_entries_for_action : function(proposals, action) {
|
|
var rows = proposals.find('.suggestions-'+action+' .row.item')
|
|
rows = rows.not('.hidden')
|
|
|
|
var ids = []
|
|
rows.each(function() {
|
|
var row = $(this)
|
|
ids.push(row.data("ixf-id"))
|
|
})
|
|
return {rows: rows, ixf_ids: ids}
|
|
},
|
|
|
|
/**
|
|
* Batch apply all proposals for action
|
|
* @method process_all_for_action
|
|
* @param {jQuery} rows
|
|
* @param {String} action add | modify | delete
|
|
*/
|
|
|
|
process_all_for_action : function(rows, action) {
|
|
var ixf_proposals = this;
|
|
rows.each(function() {
|
|
var row = $(this);
|
|
ixf_proposals[action](row);
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Create the proposed netixlan
|
|
* @method add
|
|
* @param {jQuery} row jquery result set for proposal row
|
|
*/
|
|
|
|
add : function(row) {
|
|
var data=this.collect(row);
|
|
var proposals = row.closest("[data-ixf-proposals-ix]")
|
|
|
|
row.find('.loading-shim').show();
|
|
row.find('.errors').hide()
|
|
row.find('.validation-error').removeClass('validation-error')
|
|
row.find('.input-note').detach()
|
|
|
|
return PeeringDB.API.request(
|
|
"POST",
|
|
"netixlan",
|
|
0,
|
|
data
|
|
).done((a) => {
|
|
var netixlan = a.data[0]
|
|
netixlan.ix = { name : data.ix_name, id : data.ix_id }
|
|
if(!netixlan.ipaddr4)
|
|
netixlan.ipaddr4 = ""
|
|
if(!netixlan.ipaddr6)
|
|
netixlan.ipaddr6 = ""
|
|
this.netixlan_mod.listing_add(
|
|
netixlan.id, null, this.netixlan_list, netixlan);
|
|
this.detach_row(row);
|
|
}).fail((response) => {
|
|
this.render_errors(row, response);
|
|
}).always(() => {
|
|
row.find('.loading-shim').hide();
|
|
})
|
|
},
|
|
|
|
/**
|
|
* Removes the proposal row
|
|
* @method detach_row
|
|
* @param {jQuery} row
|
|
*/
|
|
|
|
detach_row : function(row) {
|
|
|
|
var par = row.parent()
|
|
var proposals = row.closest(".ixf-proposals");
|
|
|
|
row.detach();
|
|
this.require_refresh = true;
|
|
if(!par.find('.row.item').not('.hidden').length) {
|
|
par.prev(".header").detach()
|
|
par.detach()
|
|
this.sync_proposals_state(proposals);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* This will update the batch actions buttons to
|
|
* be disabled if no actions are left for them to
|
|
* apply
|
|
*
|
|
* This will also remove the proposals contaienr if
|
|
* no actions are left to apply
|
|
* @method sync_proposals_state
|
|
* @param {jQuery} proposals jquery result for exchange proposals
|
|
*/
|
|
|
|
sync_proposals_state : function(proposals) {
|
|
var button_add_all = proposals.find('button.add-all')
|
|
var button_resolve_all = proposals.find('button.resolve-all')
|
|
|
|
if(!this.all_entries_for_action(proposals, 'delete').rows.length) {
|
|
proposals.find('.suggestions-delete').prev('.header').detach();
|
|
}
|
|
|
|
if(!this.all_entries_for_action(proposals, 'add').rows.length) {
|
|
button_add_all.prop('disabled',true);
|
|
}
|
|
if(
|
|
!this.all_entries_for_action(proposals, 'delete').rows.length &&
|
|
!this.all_entries_for_action(proposals, 'modify').rows.length
|
|
) {
|
|
button_resolve_all.prop('disabled',true);
|
|
}
|
|
|
|
// make sure all tooltips are closed
|
|
|
|
proposals.find('[data-toggle="tooltip"]').each(function() {
|
|
$(this).tooltip("hide");
|
|
});
|
|
|
|
if(button_resolve_all.prop('disabled') && button_add_all.prop('disabled'))
|
|
proposals.detach()
|
|
},
|
|
|
|
/**
|
|
* Renders the errors of an API request
|
|
* to the proposal row
|
|
* @method render_errors
|
|
* @param {jQuery} row
|
|
* @param {jQuery XHR Response} response
|
|
*/
|
|
|
|
render_errors : function(row, response) {
|
|
var element, field, msg;
|
|
var errors = row.find('.errors')
|
|
var info = [response.status + " " + response.statusText]
|
|
if(response.status == 400) {
|
|
info = [gettext("The server rejected your data")];
|
|
for(field in response.responseJSON) {
|
|
msg = response.responseJSON[field]
|
|
if(msg && msg.join)
|
|
msg = msg.join(",")
|
|
element = row.find('[data-field="'+field+'"]')
|
|
$('<div>')
|
|
.addClass("editable input-note always-absolute validation-error")
|
|
.text(msg)
|
|
.insertBefore(element);
|
|
element.addClass('validation-error')
|
|
}
|
|
} else if(response.status == 403) {
|
|
info = [gettext("You do not have permissions to perform this action")]
|
|
}
|
|
|
|
if(response.responseJSON && response.responseJSON.non_field_errors) {
|
|
info = [];
|
|
var i;
|
|
for(i in response.responseJSON.non_field_errors)
|
|
info.push(response.responseJSON.non_field_errors[i]);
|
|
}
|
|
errors.empty().text(info.join("\n")).show()
|
|
},
|
|
|
|
/**
|
|
* Collect all the netixlan fields / values from
|
|
* a proposal row and return them as an object literal
|
|
* @method collect
|
|
* @param {jQuery} row
|
|
*/
|
|
|
|
collect : function(row) {
|
|
var proposals = row.closest("[data-ixf-proposals-ix]")
|
|
var ix_id = proposals.data("ixf-proposals-ix")
|
|
var ix_name = proposals.data("ixf-proposals-ix-name")
|
|
var net_id = proposals.data("ixf-proposals-net")
|
|
|
|
var data = {ixlan_id:ix_id, net_id:net_id, ix_name:ix_name}
|
|
row.find('[data-field]').each(function() {
|
|
var field = $(this)
|
|
if(field.data("value")) {
|
|
data[field.data("field")] = field.data("value");
|
|
} else if(field.attr("type") == "checkbox") {
|
|
data[field.data("field")] = field.prop("checked");
|
|
} else {
|
|
data[field.data("field")] = field.val()
|
|
}
|
|
});
|
|
return data;
|
|
}
|
|
}
|
|
)
|
|
|
|
|
|
PeeringDB.IXFPreview = twentyc.cls.define(
|
|
"IXFPreview",
|
|
{
|
|
|
|
/**
|
|
* Handle the IX-F import preview request and rendering
|
|
* to UI modal
|
|
*
|
|
* @class IXFPreview
|
|
* @namespace PeeringDB
|
|
*/
|
|
|
|
request : function(ixlanId, renderTo) {
|
|
|
|
/**
|
|
* request a preview for the ixlan with ixlanId
|
|
*
|
|
* @method request
|
|
* @param {Number} ixlanId
|
|
* @param {jQuery} renderTo - render to this element (needs to have
|
|
* the appropriate children elements to work, they are not
|
|
* created automatically)
|
|
*/
|
|
|
|
renderTo.find("#tab-ixf-changes").tab("show");
|
|
renderTo.find('.ixf-result').empty().
|
|
append($("<div>").addClass("center").text("... loading ..."));
|
|
renderTo.find('.ixf-error-counter').empty();
|
|
$.get('/import/ixlan/'+ixlanId+'/ixf/preview', function(result) {
|
|
this.render(result, renderTo);
|
|
}.bind(this)).error(function(result) {
|
|
if(result.responseJSON) {
|
|
this.render(result.responseJSON, renderTo);
|
|
} else {
|
|
this.render({"non_field_errors": ["HTTP error "+result.status]});
|
|
}
|
|
}.bind(this));
|
|
},
|
|
|
|
render : function(result, renderTo) {
|
|
|
|
/**
|
|
* Render preview result and errors
|
|
*
|
|
* @method render
|
|
* @param {Object} result - result as returned from the preview request
|
|
* @param {jQuery} renderTo
|
|
*
|
|
* Needs to have child divs with the following classes
|
|
*
|
|
*
|
|
* .ixf-errors-list: errors will be rendered to here
|
|
* .ixf-result: changes will be rendered to here
|
|
* .ixf-error-counter: will be updated with number of errors
|
|
*
|
|
*/
|
|
|
|
renderTo.find('.ixf-errors-list').empty()
|
|
renderTo.find('.ixf-result').empty()
|
|
|
|
var errors = (result.errors || []).concat(result.non_field_errors || []);
|
|
|
|
this.render_errors(errors, renderTo.find('.ixf-errors-list'));
|
|
this.render_data(result.data || [], renderTo.find('.ixf-result'));
|
|
|
|
if(!result.data || !result.data.length) {
|
|
if(errors && errors.length) {
|
|
renderTo.find("#tab-ixf-errors").tab("show");
|
|
}
|
|
}
|
|
},
|
|
|
|
render_errors : function(errors, renderTo) {
|
|
/**
|
|
* Render the errors, called automatically by `render`
|
|
*
|
|
* @method render_errors
|
|
* @param {Array} errors
|
|
* @param {jQuery} renderTo
|
|
*/
|
|
|
|
var error, i;
|
|
|
|
if(!errors.length)
|
|
return;
|
|
|
|
$('.ixf-error-counter').text("("+errors.length+")");
|
|
|
|
for(i = 0; i < errors.length; i++) {
|
|
error = errors[i];
|
|
renderTo.append($('<div>').addClass("ixf-error").text(error));
|
|
}
|
|
},
|
|
|
|
render_data : function(data, renderTo) {
|
|
/**
|
|
* Renders the changes made by the ix-f import, called automatically
|
|
* by `render`
|
|
*
|
|
* @method render_data
|
|
* @param {Array} data
|
|
* @param {jQuery} renderTo
|
|
*/
|
|
|
|
var row, i;
|
|
for(i = 0; i < data.length; i++) {
|
|
row = data[i];
|
|
renderTo.append(
|
|
$('<div>').addClass("row ixf-row ixf-"+row.action).append(
|
|
$('<div>').addClass("col-sm-1").text(row.action),
|
|
$('<div>').addClass("col-sm-2").text("AS"+row.peer.asn),
|
|
$('<div>').addClass("col-sm-3").text(row.peer.ipaddr4 || "-"),
|
|
$('<div>').addClass("col-sm-3").text(row.peer.ipaddr6 || "-"),
|
|
$('<div>').addClass("col-sm-1").text(PeeringDB.pretty_speed(row.peer.speed)),
|
|
$('<div>').addClass("col-sm-2").text(row.peer.is_rs_peer?"yes":"no"),
|
|
$('<div>').addClass("col-sm-12 ixf-reason").text(row.reason)
|
|
)
|
|
);
|
|
}
|
|
}
|
|
}
|
|
);
|
|
|
|
PeeringDB.IXFNetPreview = twentyc.cls.extend(
|
|
"IXFNetPreview",
|
|
{
|
|
/**
|
|
* Handle the IX-F import preview for networks request and rendering
|
|
* to UI modal
|
|
*
|
|
* @class IXFNetPreview
|
|
* @namespace PeeringDB
|
|
*/
|
|
|
|
request : function(netId, renderTo) {
|
|
|
|
/**
|
|
* request a preview for the ixlan with ixlanId
|
|
*
|
|
* @method request
|
|
* @param {Number} netId
|
|
* @param {jQuery} renderTo - render to this element (needs to have
|
|
* the appropriate children elements to work, they are not
|
|
* created automatically)
|
|
*/
|
|
|
|
renderTo.find("#tab-ixf-changes").tab("show");
|
|
renderTo.find('.ixf-result').empty().
|
|
append($("<div>").addClass("center").text("... loading ..."));
|
|
renderTo.find('.ixf-error-counter').empty();
|
|
$.get('/import/net/'+netId+'/ixf/preview', function(result) {
|
|
this.render(result, renderTo);
|
|
}.bind(this)).error(function(result) {
|
|
if(result.responseJSON) {
|
|
this.render(result.responseJSON, renderTo);
|
|
} else {
|
|
this.render({"non_field_errors": ["HTTP error "+result.status]});
|
|
}
|
|
}.bind(this));
|
|
},
|
|
|
|
render_data : function(data, renderTo) {
|
|
/**
|
|
* Renders the changes made by the ix-f import, called automatically
|
|
* by `render`
|
|
*
|
|
* @method render_data
|
|
* @param {Array} data
|
|
* @param {jQuery} renderTo
|
|
*/
|
|
|
|
var row, i;
|
|
for(i = 0; i < data.length; i++) {
|
|
row = data[i];
|
|
renderTo.append(
|
|
$('<div>').addClass("row ixf-row ixf-"+row.action).append(
|
|
$('<div>').addClass("col-sm-1").text(row.action),
|
|
$('<div>').addClass("col-sm-3").append(
|
|
$('<a>').attr("href", "/ix/"+row.peer.ix_id).text(row.peer.ix_name)
|
|
),
|
|
$('<div>').addClass("col-sm-2").text(row.peer.ipaddr4 || "-"),
|
|
$('<div>').addClass("col-sm-3").text(row.peer.ipaddr6 || "-"),
|
|
$('<div>').addClass("col-sm-1").text(PeeringDB.pretty_speed(row.peer.speed)),
|
|
$('<div>').addClass("col-sm-2").text(row.peer.is_rs_peer?"yes":"no"),
|
|
$('<div>').addClass("col-sm-12 ixf-reason").text(row.reason)
|
|
)
|
|
);
|
|
}
|
|
}
|
|
|
|
},
|
|
PeeringDB.IXFPreview
|
|
)
|
|
|
|
PeeringDB.IXFNetPostmortem = twentyc.cls.extend(
|
|
"IXFNetPostmortem",
|
|
{
|
|
/**
|
|
* Handle the IX-F import preview for networks request and rendering
|
|
* to UI modal
|
|
*
|
|
* @class IXFNetPostmortem
|
|
* @namespace PeeringDB
|
|
*/
|
|
|
|
request : function(netId, renderTo) {
|
|
|
|
/**
|
|
* request a preview for the ixlan with ixlanId
|
|
*
|
|
* @method request
|
|
* @param {Number} netId
|
|
* @param {jQuery} renderTo - render to this element (needs to have
|
|
* the appropriate children elements to work, they are not
|
|
* created automatically)
|
|
*/
|
|
|
|
renderTo.find("#tab-ixf-changes").tab("show");
|
|
renderTo.find('.ixf-result').empty().
|
|
append($("<div>").addClass("center").text("... loading ..."));
|
|
renderTo.find('.ixf-error-counter').empty();
|
|
|
|
var limit = $('#ixf-postmortem-limit').val()
|
|
var btnRefresh = $('#ixf-postmortem-refresh')
|
|
|
|
btnRefresh.off("click").click(function() {
|
|
this.request(netId, renderTo);
|
|
}.bind(this));
|
|
|
|
$.get('/import/net/'+netId+'/ixf/postmortem?limit='+limit, function(result) {
|
|
this.render(result, renderTo);
|
|
}.bind(this)).error(function(result) {
|
|
if(result.responseJSON) {
|
|
this.render(result.responseJSON, renderTo);
|
|
} else {
|
|
this.render({"non_field_errors": ["HTTP error "+result.status]});
|
|
}
|
|
}.bind(this));
|
|
},
|
|
|
|
render_data : function(data, renderTo) {
|
|
/**
|
|
* Renders the changes made by the ix-f import, called automatically
|
|
* by `render`
|
|
*
|
|
* @method render_data
|
|
* @param {Array} data
|
|
* @param {jQuery} renderTo
|
|
*/
|
|
|
|
var row, i;
|
|
for(i = 0; i < data.length; i++) {
|
|
row = data[i];
|
|
renderTo.append(
|
|
$('<div>').addClass("row ixf-row ixf-"+row.action).append(
|
|
$('<div>').addClass("col-sm-1").text(row.action),
|
|
$('<div>').addClass("col-sm-3").append(
|
|
$('<a>').attr("href", "/ix/"+row.ix_id).text(row.ix_name)
|
|
),
|
|
$('<div>').addClass("col-sm-2").text(row.ipaddr4 || "-"),
|
|
$('<div>').addClass("col-sm-3").text(row.ipaddr6 || "-"),
|
|
$('<div>').addClass("col-sm-1").text(PeeringDB.pretty_speed(row.speed)),
|
|
$('<div>').addClass("col-sm-2").text(row.is_rs_peer?"yes":"no"),
|
|
$('<div>').addClass("col-sm-12 ixf-reason").text(row.created + " - " +row.reason)
|
|
)
|
|
);
|
|
}
|
|
}
|
|
|
|
},
|
|
PeeringDB.IXFPreview
|
|
)
|
|
|
|
|
|
PeeringDB.InlineSearch = {
|
|
|
|
init_search : function() {
|
|
if(this.initialized)
|
|
return
|
|
|
|
$('#search').keypress(function(e) {
|
|
if(e.which == 13) {
|
|
window.document.location.href= "/search?q="+$(this).val()
|
|
e.preventDefault();
|
|
}
|
|
});
|
|
|
|
$('#search').keyup(function(e) {
|
|
PeeringDB.InlineSearch.search($(this).val());
|
|
});
|
|
|
|
this.searchResult = $('#search-result');
|
|
this.searchContainer = $('#inline-search-container');
|
|
this.contentContainer = $('#content');
|
|
|
|
this.initialized = true;
|
|
},
|
|
|
|
search : function(value) {
|
|
|
|
if(!value || value.length < 3) {
|
|
if(this.searchContainer.is(":visible")) {
|
|
this.searchContainer.hide();
|
|
this.contentContainer.show();
|
|
}
|
|
return;
|
|
}
|
|
|
|
if(this.busy) {
|
|
this.queuedSearch = value;
|
|
return;
|
|
}
|
|
|
|
this.busy = true;
|
|
$.get(
|
|
"/api_search",
|
|
{ q : value },
|
|
function(data) {
|
|
var val;
|
|
|
|
if(typeof data == 'string')
|
|
data = JSON.parse(data)
|
|
|
|
|
|
twentyc.data.load("sponsors", {callback:function() {
|
|
PeeringDB.InlineSearch.apply_result(data)
|
|
PeeringDB.InlineSearch.busy = false
|
|
if(val=PeeringDB.InlineSearch.queuedSearch) {
|
|
PeeringDB.InlineSearch.queuedSearch = null;
|
|
PeeringDB.InlineSearch.search(val);
|
|
}
|
|
}.bind(this)});
|
|
}
|
|
)
|
|
|
|
},
|
|
|
|
apply_result : function(data) {
|
|
var i, row, rowNode, type, resultNodes = PeeringDB.InlineSearch.resultNodes;
|
|
|
|
var count = 0;
|
|
|
|
for(type in data) {
|
|
if(!this.resultNodes)
|
|
this.resultNodes = {};
|
|
if(!this.resultNodes[type]) {
|
|
this.resultNodes[type] = {
|
|
rl : $("#search-result-length-"+type),
|
|
lst : $("#search-result-"+type)
|
|
}
|
|
}
|
|
|
|
this.resultNodes[type].rl.html(data[type].length);
|
|
this.resultNodes[type].lst.empty()
|
|
for(i in data[type]) {
|
|
count++;
|
|
row = data[type][i];
|
|
rowNode = $(document.createElement("div"))
|
|
rowNode.addClass("result_row")
|
|
rowNode.append($('<a>').attr("href", "/"+type+"/"+row.id).text(row.name));
|
|
|
|
var sponsor = (twentyc.data.get("sponsors")[row.org_id] || {}).name;
|
|
if(sponsor) {
|
|
rowNode.append($('<a>').
|
|
attr("href", "/sponsors").
|
|
addClass("sponsor "+sponsor).
|
|
text(sponsor+" sponsor"));
|
|
}
|
|
|
|
this.resultNodes[type].lst.append(rowNode)
|
|
}
|
|
}
|
|
|
|
if(!this.searchContainer.is(":visible") && $('#search').val().length > 2) {
|
|
this.searchContainer.show();
|
|
this.contentContainer.hide();
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/**
|
|
* api request
|
|
*/
|
|
|
|
PeeringDB.API = {
|
|
request : function(method, ref, id, data, success) {
|
|
|
|
var url = "/api/"+ref;
|
|
if(id)
|
|
url += "/"+id
|
|
|
|
var prepared;
|
|
if(data) {
|
|
if(method.toLowerCase() == "get")
|
|
prepared = data;
|
|
else
|
|
prepared = JSON.stringify(data);
|
|
}
|
|
|
|
return $.ajax(
|
|
{
|
|
url : url,
|
|
method : method,
|
|
contentType : 'application/json',
|
|
data : prepared,
|
|
dataType : 'json',
|
|
success : success
|
|
}
|
|
);
|
|
|
|
},
|
|
get : function(ref, id, success) {
|
|
return this.request("GET", ref, id, null, function(r) {
|
|
if(success) {
|
|
success(r.data[0], r);
|
|
}
|
|
});
|
|
},
|
|
list : function(ref, success) {
|
|
return this.request("GET", ref, 0, null, success);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* editable key management endpoint
|
|
*/
|
|
|
|
twentyc.editable.action.register(
|
|
"revoke-org-key",
|
|
{
|
|
execute: function(trigger, container) {
|
|
|
|
}
|
|
}
|
|
)
|
|
|
|
twentyc.editable.module.register(
|
|
"key_perm_listing",
|
|
{
|
|
loading_shim : true,
|
|
PERM_UPDATE : 0x02,
|
|
PERM_CREATE : 0x04,
|
|
PERM_DELETE : 0x08,
|
|
|
|
init : function() {
|
|
this.listing_init();
|
|
this.container.on("listing:row-add", function(e, rowId, row, data, me) {
|
|
row.editable("payload", {
|
|
key_prefix : data.key_prefix,
|
|
org_id : data.org_id
|
|
})
|
|
});
|
|
},
|
|
|
|
org_id : function() {
|
|
return this.container.data("edit-id");
|
|
},
|
|
key_prefix : function() {
|
|
return this.container.data("edit-key-prefix");
|
|
},
|
|
prepare_data : function(extra) {
|
|
var perms = 0;
|
|
if(this.target.data.perm_u)
|
|
perms |= this.PERM_UPDATE;
|
|
if(this.target.data.perm_c)
|
|
perms |= this.PERM_CREATE;
|
|
if(this.target.data.perm_d)
|
|
perms |= this.PERM_DELETE;
|
|
this.target.data.perms = perms;
|
|
if(extra)
|
|
$.extend(this.target.data, extra);
|
|
},
|
|
|
|
add : function(rowId, trigger, container, data) {
|
|
|
|
var i, labels = twentyc.data.get("key_permissions");
|
|
|
|
for(i=0; i<labels.length; i++) {
|
|
if(labels[i].id == data.entity) {
|
|
data.entity = labels[i].name;
|
|
break;
|
|
}
|
|
}
|
|
|
|
data.perm_u = ((data.perms & this.PERM_UPDATE) == this.PERM_UPDATE)
|
|
data.perm_c = ((data.perms & this.PERM_CREATE) == this.PERM_CREATE)
|
|
data.perm_d = ((data.perms & this.PERM_DELETE) == this.PERM_DELETE)
|
|
|
|
var row = this.listing_add(rowId, trigger, container, data);
|
|
},
|
|
|
|
execute_add : function(trigger, container) {
|
|
this.components.add.editable("export", this.target.data);
|
|
var data = this.target.data;
|
|
console.log(data)
|
|
this.prepare_data();
|
|
this.target.execute("update", this.components.add, function(response) {
|
|
this.add(data.entity, trigger, container, data);
|
|
}.bind(this));
|
|
},
|
|
|
|
execute_remove : function(trigger, container) {
|
|
this.components.add.editable("export", this.target.data);
|
|
var data = this.target.data;
|
|
var row = this.row(trigger);
|
|
this.prepare_data({perms:0, entity:row.data("edit-id")});
|
|
this.target.execute("remove", trigger, function(response) {
|
|
this.listing_execute_remove(trigger, container);
|
|
}.bind(this));
|
|
},
|
|
|
|
submit : function(rowId, data, row, trigger, container) {
|
|
this.target.data = data;
|
|
this.prepare_data({entity:rowId});
|
|
this.target.execute("update", row, function() {
|
|
this.listing_submit(rowId, data, row, trigger, container);
|
|
}.bind(this));
|
|
},
|
|
|
|
load : function(keyPrefix) {
|
|
var me = this; target = this.get_target();
|
|
if(!keyPrefix) {
|
|
me.clear();
|
|
return;
|
|
}
|
|
this.container.data("edit-key-prefix", keyPrefix);
|
|
target.data = {"key_prefix":keyPrefix, "org_id":this.org_id()}
|
|
target.execute(null, null, function(data) {
|
|
me.clear();
|
|
for(k in data.user_permissions) {
|
|
var perms = {};
|
|
perms.perms = data.user_permissions[k];
|
|
perms.entity = k;
|
|
me.add(k, null, me.container, perms);
|
|
};
|
|
});
|
|
}
|
|
|
|
},
|
|
"listing"
|
|
);
|
|
|
|
/**
|
|
* editable uoar management endpoint
|
|
*/
|
|
|
|
twentyc.editable.module.register(
|
|
"uperm_listing",
|
|
{
|
|
loading_shim : true,
|
|
PERM_UPDATE : 0x02,
|
|
PERM_CREATE : 0x04,
|
|
PERM_DELETE : 0x08,
|
|
|
|
init : function() {
|
|
this.listing_init();
|
|
this.container.on("listing:row-add", function(e, rowId, row, data, me) {
|
|
row.editable("payload", {
|
|
user_id : data.user_id,
|
|
org_id : data.org_id
|
|
})
|
|
});
|
|
},
|
|
|
|
org_id : function() {
|
|
return this.container.data("edit-id");
|
|
},
|
|
user_id : function() {
|
|
return this.container.data("edit-user-id");
|
|
},
|
|
prepare_data : function(extra) {
|
|
var perms = 0;
|
|
if(this.target.data.perm_u)
|
|
perms |= this.PERM_UPDATE;
|
|
if(this.target.data.perm_c)
|
|
perms |= this.PERM_CREATE;
|
|
if(this.target.data.perm_d)
|
|
perms |= this.PERM_DELETE;
|
|
this.target.data.perms = perms;
|
|
if(extra)
|
|
$.extend(this.target.data, extra);
|
|
},
|
|
|
|
add : function(rowId, trigger, container, data) {
|
|
|
|
var i, labels = twentyc.data.get("permissions");
|
|
|
|
for(i=0; i<labels.length; i++) {
|
|
if(labels[i].id == data.entity) {
|
|
data.entity = labels[i].name;
|
|
break;
|
|
}
|
|
}
|
|
|
|
data.perm_u = ((data.perms & this.PERM_UPDATE) == this.PERM_UPDATE)
|
|
data.perm_c = ((data.perms & this.PERM_CREATE) == this.PERM_CREATE)
|
|
data.perm_d = ((data.perms & this.PERM_DELETE) == this.PERM_DELETE)
|
|
|
|
var row = this.listing_add(rowId, trigger, container, data);
|
|
},
|
|
|
|
execute_add : function(trigger, container) {
|
|
this.components.add.editable("export", this.target.data);
|
|
var data = this.target.data;
|
|
this.prepare_data();
|
|
this.target.execute("update", this.components.add, function(response) {
|
|
this.add(data.entity, trigger, container, data);
|
|
}.bind(this));
|
|
},
|
|
|
|
execute_remove : function(trigger, container) {
|
|
this.components.add.editable("export", this.target.data);
|
|
var data = this.target.data;
|
|
var row = this.row(trigger);
|
|
this.prepare_data({perms:0, entity:row.data("edit-id")});
|
|
this.target.execute("remove", trigger, function(response) {
|
|
this.listing_execute_remove(trigger, container);
|
|
}.bind(this));
|
|
},
|
|
|
|
submit : function(rowId, data, row, trigger, container) {
|
|
this.target.data = data;
|
|
this.prepare_data({entity:rowId});
|
|
this.target.execute("update", row, function() {
|
|
this.listing_submit(rowId, data, row, trigger, container);
|
|
}.bind(this));
|
|
},
|
|
|
|
load : function(userId) {
|
|
var me = this; target = this.get_target();
|
|
if(!userId) {
|
|
me.clear();
|
|
return;
|
|
}
|
|
this.container.data("edit-user-id", userId);
|
|
target.data= {"user_id":userId, "org_id":this.org_id()}
|
|
target.execute(null, null, function(data) {
|
|
me.clear();
|
|
for(k in data.key_perms) {
|
|
var perms = {};
|
|
perms.perms = data.key_perms[k];
|
|
perms.entity = k;
|
|
me.add(k, null, me.container, perms);
|
|
};
|
|
});
|
|
}
|
|
|
|
},
|
|
"listing"
|
|
);
|
|
|
|
|
|
twentyc.editable.module.register(
|
|
"user_listing",
|
|
{
|
|
loading_shim : true,
|
|
org_id : function() {
|
|
return this.container.data("edit-id");
|
|
},
|
|
|
|
remove : function(id, row, trigger, container) {
|
|
var b = PeeringDB.confirm(gettext("Remove") + " " +row.data("edit-label"), "remove"); ///
|
|
var me = this;
|
|
$(this.target).on("success", function(ev, data) {
|
|
if(b)
|
|
me.listing_remove(id, row, trigger, container);
|
|
});
|
|
if(b) {
|
|
this.target.data = { user_id : id, org_id : this.org_id() };
|
|
this.target.execute("delete");
|
|
} else {
|
|
$(this.target).trigger("success", [gettext("Canceled")]); ///
|
|
}
|
|
},
|
|
submit : function(rowId, data, row, trigger, container) {
|
|
this.target.data = data;
|
|
this.target.data.org_id = this.org_id();
|
|
this.target.data.user_id = rowId;
|
|
this.target.execute("update", row, function() {
|
|
this.listing_submit(rowId, data, row, trigger, container);
|
|
}.bind(this));
|
|
},
|
|
|
|
|
|
},
|
|
"listing"
|
|
);
|
|
|
|
|
|
twentyc.editable.module.register(
|
|
"key_listing",
|
|
{
|
|
loading_shim : true,
|
|
org_id : function() {
|
|
return this.container.data("edit-id");
|
|
},
|
|
|
|
api_key_popin : function(key) {
|
|
const message = gettext("Your API key was successfully created. "
|
|
+ "Write this key down some place safe. "
|
|
+ "Keys cannot be recovered once "
|
|
+ "this message is exited or overwritten.");
|
|
|
|
const buttonText = gettext("I have written down my key")
|
|
|
|
var panel = $('<div>').addClass("alert alert-success marg-top-15").
|
|
append($('<div>').text(message)).
|
|
append($('<div>').addClass("center marg-top-15").text(key))
|
|
|
|
this.container.find("#api-key-popin-frame").empty().append(panel)
|
|
},
|
|
|
|
remove : function(id, row, trigger, container) {
|
|
var b = PeeringDB.confirm(gettext("Remove") + " " +row.data("edit-label"), "remove"); ///
|
|
var me = this;
|
|
$(this.target).on("success", function(ev, data) {
|
|
if(b)
|
|
me.listing_remove(id, row, trigger, container);
|
|
});
|
|
if(b) {
|
|
this.target.data = { prefix : id, org_id : this.org_id() };
|
|
this.target.execute("delete");
|
|
} else {
|
|
$(this.target).trigger("success", [gettext("Canceled")]); ///
|
|
}
|
|
},
|
|
|
|
execute_add : function(trigger, container) {
|
|
this.components.add.editable("export", this.target.data);
|
|
var data = this.target.data;
|
|
this.target.execute("add", this.components.add, function(response) {
|
|
if(response.readonly)
|
|
response.name = response.name + " (read-only)";
|
|
var row = this.add(data.entity, trigger, container, response);
|
|
console.log(data)
|
|
console.log(row)
|
|
this.api_key_popin(response.key)
|
|
}.bind(this));
|
|
},
|
|
|
|
add : function(rowId, trigger, container, data) {
|
|
var row = this.listing_add(data.prefix, trigger, container, data);
|
|
row.attr("data-edit-label", data.prefix + " - " + data.name)
|
|
row.data("edit-label", data.prefix + " - " + data.name)
|
|
var update_key_form = row.find(".update-key")
|
|
update_key_form.find(".popin, .loading-shim").detach()
|
|
update_key_form.editable()
|
|
return row
|
|
},
|
|
|
|
execute_update : function(trigger, container) {
|
|
var row = this.row(trigger);
|
|
row.editable("export", this.target.data);
|
|
var data = this.target.data;
|
|
var id = data.prefix = row.data("edit-id")
|
|
console.log(this.target, row)
|
|
this.target.execute("update", trigger, function(response) {
|
|
}.bind(this));
|
|
},
|
|
|
|
execute_revoke : function(trigger, container) {
|
|
|
|
var row = this.row(trigger);
|
|
var b = PeeringDB.confirm(gettext("Revoke key") + " " +row.data("edit-label"), "remove");
|
|
|
|
if(!b) {
|
|
container.editable("loading-shim", "hide")
|
|
return
|
|
}
|
|
|
|
this.components.add.editable("export", this.target.data);
|
|
var data = this.target.data;
|
|
var id = data.prefix = row.data("edit-id")
|
|
this.target.execute("revoke", trigger, function(response) {
|
|
this.listing_remove(id, row, trigger, container);
|
|
}.bind(this));
|
|
}
|
|
|
|
},
|
|
"listing"
|
|
);
|
|
|
|
|
|
twentyc.editable.module.register(
|
|
"uoar_listing",
|
|
{
|
|
execute_approve : function(trigger, container) {
|
|
var row = trigger.closest("[data-edit-id]").first()
|
|
|
|
var b = PeeringDB.confirm(gettext("Add user") + " " +row.data("edit-label")+ " " + gettext("to Organization?"), "approve"); ///
|
|
if(!b)
|
|
return;
|
|
|
|
this.target.data = {id:row.data("edit-id")};
|
|
|
|
container.editable("export", this.target.data);
|
|
this.target.execute("approve", row, function(data) {
|
|
row.detach()
|
|
var user_listing = $('#org-user-manager').data("edit-module-instance")
|
|
row.data("edit-label", data.full_name)
|
|
user_listing.add(data.id, row, user_listing.container, data)
|
|
});
|
|
},
|
|
execute_deny : function(trigger, container) {
|
|
var row = trigger.closest("[data-edit-id]").first()
|
|
|
|
var b = PeeringDB.confirm(gettext("Deny") +" "+row.data("edit-label")+"'s " + gettext("request to join the Organization?"), "deny"); ///
|
|
if(!b)
|
|
return;
|
|
|
|
this.target.data = {id:row.data("edit-id")};
|
|
container.editable("export", this.target.data);
|
|
this.target.execute("deny", row, function(data) {
|
|
row.detach();
|
|
});
|
|
}
|
|
},
|
|
"base"
|
|
);
|
|
|
|
/**
|
|
* editable advanced_search endpoint
|
|
*/
|
|
|
|
twentyc.editable.target.register(
|
|
"advanced_search",
|
|
{
|
|
execute : function() {
|
|
var i, data = this.data_clean(true);
|
|
data.reftag = this.args[1]
|
|
for(i in data) {
|
|
if(data[i] && data[i].join)
|
|
data[i] = data[i].join(",")
|
|
}
|
|
window.location.replace(
|
|
'?'+$.param(data)
|
|
);
|
|
},
|
|
search : function() {
|
|
var reftag = this.args[1];
|
|
var data = this.data_clean(true);
|
|
var me = $(this), mod=this, sender = this.sender, i;
|
|
|
|
for(i in data) {
|
|
if(typeof data[i] == "object" && data[i].join) {
|
|
data[i] = data[i].join(",")
|
|
}
|
|
}
|
|
|
|
data.limit = this.limit || 250;
|
|
data.depth = 1;
|
|
|
|
//console.log("Advanced Search", data);
|
|
|
|
sender.find('.results-empty').hide();
|
|
sender.find('.results-cutoff').hide();
|
|
|
|
PeeringDB.advanced_search_result[reftag] = {"param": $.param(data), data : []}
|
|
|
|
PeeringDB.API.request(
|
|
"GET",
|
|
reftag,
|
|
null,
|
|
data,
|
|
function(r) {
|
|
|
|
me.trigger("success", r.data);
|
|
|
|
var resultNode = sender.find('.results').first()
|
|
resultNode.empty();
|
|
|
|
if(!r.data.length) {
|
|
sender.find('.results-empty').show();
|
|
} else {
|
|
if(r.data.length == data.limit) {
|
|
sender.find('.results-cutoff').show();
|
|
}
|
|
var row, i, d;
|
|
for(i in r.data) {
|
|
d = r.data[i];
|
|
|
|
if(typeof mod["finalize_data_"+reftag] == "function") {
|
|
mod["finalize_data_"+reftag](d);
|
|
}
|
|
|
|
row = twentyc.editable.templates.copy("advanced-search-"+reftag+"-item")
|
|
|
|
if(d.sponsorship) {
|
|
$('<a>').
|
|
attr("href", "/sponsors").
|
|
addClass("sponsor "+d.sponsorship).
|
|
text(d.sponsorship.toLowerCase()+" sponsor").
|
|
insertAfter(row.find('.name'));
|
|
}
|
|
|
|
row.find("[data-edit-name]").each(function(idx) {
|
|
var fld = $(this);
|
|
var value = d[fld.data("edit-name")]
|
|
var sortValue = value;
|
|
|
|
// if field has a sort-target specified get value for sorting
|
|
// from there instead
|
|
if(fld.data("sort-target")) {
|
|
sortValue = d[fld.data("sort-target")];
|
|
}
|
|
fld.data("sort-value", typeof sortValue == "string" ? sortValue.toLowerCase() : sortValue);
|
|
fld.text(value);
|
|
if(this.tagName == "A") {
|
|
fld.attr("href", fld.attr("href").replace("$id", d.id));
|
|
}
|
|
});
|
|
resultNode.append(row);
|
|
}
|
|
sender.sortable("sortInitial");
|
|
}
|
|
PeeringDB.advanced_search_result[reftag].data = r.data
|
|
}
|
|
).fail(function(response) {
|
|
twentyc.editable.target.error_handlers.http_json(response, me, sender);
|
|
});
|
|
|
|
},
|
|
|
|
finalize_data_net : function(data) {
|
|
data.ix_count = data.netixlan_set.length;
|
|
data.fac_count = data.netfac_set.length;
|
|
data.info_traffic_raw = twentyc.data.get("traffic_speed_by_label")[data.info_traffic] || 0;
|
|
data.sponsorship = (twentyc.data.get("sponsors")[data.org_id] || {}).name;
|
|
},
|
|
|
|
finalize_data_ix : function(data) {
|
|
data.sponsorship = (twentyc.data.get("sponsors")[data.org_id] || {}).name;
|
|
},
|
|
|
|
finalize_data_fac : function(data) {
|
|
data.sponsorship = (twentyc.data.get("sponsors")[data.org_id] || {}).name;
|
|
}
|
|
},
|
|
"base"
|
|
);
|
|
|
|
/**
|
|
* editable api endpoint
|
|
*/
|
|
|
|
twentyc.editable.target.register(
|
|
"api",
|
|
{
|
|
execute : function() {
|
|
var endpoint = this.args[1]
|
|
var requestType = this.args[2]
|
|
var method = "POST"
|
|
|
|
var button = $(this.sender.context);
|
|
|
|
if(this.context) {
|
|
var sender = this.context;
|
|
} else {
|
|
var sender = this.sender;
|
|
}
|
|
|
|
var me = $(this),
|
|
data = this.data,
|
|
id = parseInt(this.data._id);
|
|
|
|
if(requestType == "update") {
|
|
if(id)
|
|
method = "PUT"
|
|
} else if(requestType == "delete") {
|
|
method = "DELETE"
|
|
} else if(requestType == "create") {
|
|
method = "POST"
|
|
} else {
|
|
throw(gettext("Unknown request type:") + " "+requestType); ///
|
|
}
|
|
|
|
if(button.data("confirm")) {
|
|
if(!PeeringDB.confirm(button.data("confirm"))) {
|
|
this.sender.editable("loading-shim", "hide")
|
|
return;
|
|
}
|
|
}
|
|
|
|
PeeringDB.API.request(
|
|
method,
|
|
endpoint,
|
|
id,
|
|
data,
|
|
function(r) {
|
|
if(r)
|
|
me.trigger("success", r.data[0]);
|
|
else
|
|
me.trigger("success", {});
|
|
}
|
|
).done(function(r) {
|
|
if (r.meta && r.meta.geovalidation_warning){
|
|
PeeringDB.add_geo_warning(r.meta, endpoint);
|
|
} else if (r.meta && r.meta.suggested_address){
|
|
PeeringDB.add_suggested_address(r, endpoint);
|
|
}
|
|
}).fail(function(r) {
|
|
if(r.status == 400) {
|
|
var k,i,info=[gettext("The server rejected your data")]; ///
|
|
for(k in r.responseJSON) {
|
|
if(k == "meta") {
|
|
var err = r.responseJSON.meta.error;
|
|
if(err.indexOf(gettext("not yet been approved")) > 0) { //////
|
|
info.push(gettext("Parent entity pending review - please wait for it to be approved before adding entities to it")) ///
|
|
} else if(err != "Unknown")
|
|
info.push(r.responseJSON.meta.error)
|
|
continue;
|
|
}
|
|
sender.find('[data-edit-name="'+k+'"]').each(function(idx) {
|
|
|
|
var input = $(this).data("edit-input-instance");
|
|
if(input)
|
|
input.show_validation_error(r.responseJSON[k]);
|
|
});
|
|
if(k == "non_field_errors") {
|
|
var i;
|
|
for(i in r.responseJSON[k])
|
|
info.push(r.responseJSON[k][i]);
|
|
}
|
|
}
|
|
|
|
me.trigger("error", {
|
|
type : "HTTPError",
|
|
info : info.join("<br />")
|
|
});
|
|
} else {
|
|
if(r.responseJSON && r.responseJSON.meta && r.responseJSON.meta.error)
|
|
var info = r.responseJSON.meta.error;
|
|
else if(r.status == 403)
|
|
var info = gettext("You do not have permissions to perform this action")
|
|
else
|
|
var info = r.status+" "+r.statusText
|
|
|
|
me.trigger("error", {
|
|
type : "HTTPError",
|
|
info : info
|
|
});
|
|
}
|
|
});
|
|
}
|
|
},
|
|
"base"
|
|
);
|
|
|
|
|
|
/*
|
|
* editable api listing module
|
|
*/
|
|
|
|
twentyc.editable.module.register(
|
|
"api_listing",
|
|
{
|
|
loading_shim : true,
|
|
|
|
init : function() {
|
|
this.listing_init();
|
|
|
|
this.container.on("listing:row-add", function(e, rowId, row, data, me) {
|
|
var target = me.target;
|
|
if(!target)
|
|
target = me.get_target();
|
|
var finalizer = "finalize_row_"+target.args[1];
|
|
if(me[finalizer]) {
|
|
me[finalizer](rowId, row, data);
|
|
}
|
|
|
|
// set sorting and filtering values on new row
|
|
row.find('[data-sort-name], [data-filter-name]').each(function(idx) {
|
|
var filter = $(this).data('filter-name')
|
|
var sort = $(this).data('sort-name')
|
|
if(filter)
|
|
$(this).attr('data-filter-value', data[filter])
|
|
if(sort)
|
|
$(this).attr('data-sort-value', data[sort])
|
|
});
|
|
|
|
$(this).find("[data-filter-target]").filterInput("retest");
|
|
// always show newly added row
|
|
row.show();
|
|
row.addClass("status-"+data.status)
|
|
PeeringDB.fix_list_offsets()
|
|
if(me.components.add)
|
|
me.components.add.editable("reset");
|
|
});
|
|
},
|
|
|
|
add : function(id, trigger, container, data, context) {
|
|
var me =this;
|
|
var sentData = data;
|
|
this.target.data = data;
|
|
this.target.args[2] = "update"
|
|
this.target.context = this.components.add || context;
|
|
$(this.target).on("success", function(ev, data) {
|
|
var finalizer = "finalize_add_"+me.target.args[1];
|
|
if(me[finalizer]) {
|
|
container.editable("loading-shim","show");
|
|
me[finalizer](data, function(data) {
|
|
me.listing_add(data.id, trigger, container, data);
|
|
container.editable("loading-shim","hide");
|
|
}, sentData);
|
|
} else {
|
|
me.listing_add(data.id, trigger, container, data);
|
|
}
|
|
});
|
|
container.editable("clear-error-popins");
|
|
this.target.execute();
|
|
},
|
|
|
|
submit : function(id, data, row, trigger, container) {
|
|
data._id = id;
|
|
var me = this;
|
|
var sentData = data;
|
|
this.target.data = data;
|
|
this.target.args[2] = "update"
|
|
this.target.context = row;
|
|
|
|
$(this.target).on("success", function(ev, data) {
|
|
var finalizer = "finalize_update_"+me.target.args[1];
|
|
if(me[finalizer]) {
|
|
me[finalizer](id, row, data);
|
|
}
|
|
});
|
|
this.target.execute();
|
|
},
|
|
|
|
remove : function(id, row, trigger, container) {
|
|
var b = PeeringDB.confirm(gettext("Remove") + " "+row.data("edit-label"), "remove"); ///
|
|
var me = this;
|
|
$(this.target).on("success", function(ev, data) {
|
|
if(b)
|
|
me.listing_remove(id, row, trigger, container);
|
|
});
|
|
|
|
if(b) {
|
|
this.target.args[2] = "delete";
|
|
this.target.data = { _id : id };
|
|
this.target.execute();
|
|
} else {
|
|
$(this.target).trigger("success", ["Canceled"]);
|
|
}
|
|
},
|
|
|
|
// FINALIZERS: IX
|
|
|
|
finalize_row_ix : function(rowId, row, data) {
|
|
// finalize ix row after add
|
|
// we need to make sure that the ix name
|
|
// is rendered as a link
|
|
|
|
var ixlnk = $('<a></a>');
|
|
ixlnk.attr("href", "/ix/"+data.id);
|
|
ixlnk.text(data.name);
|
|
row.find(".name").html(ixlnk);
|
|
|
|
row.data("edit-label", gettext("Exchange") + ": " +data.name); ///
|
|
},
|
|
|
|
|
|
// FINALIZERS: NET
|
|
|
|
finalize_row_net : function(rowId, row, data) {
|
|
// finalize net row after add
|
|
// we need to make sure that the network name
|
|
// is rendered as a link
|
|
|
|
var netlnk = $('<a></a>');
|
|
netlnk.attr("href", "/net/"+data.id);
|
|
netlnk.text(data.name);
|
|
row.find(".name").html(netlnk);
|
|
|
|
row.data("edit-label", gettext("Participant") + ": " +data.name); ///
|
|
},
|
|
|
|
|
|
// FINALIZERS: FAC
|
|
|
|
finalize_row_fac : function(rowId, row, data) {
|
|
// finalize fac row after add
|
|
// we need to make sure that the facility name
|
|
// is rendered as a link
|
|
|
|
var faclnk = $('<a></a>');
|
|
faclnk.attr("href", "/fac/"+data.id);
|
|
faclnk.text(data.name);
|
|
row.find(".name").html(faclnk);
|
|
|
|
row.data("edit-label", gettext("Facility") + ": " +data.name); ///
|
|
},
|
|
|
|
// FINALIZERS: POC
|
|
|
|
finalize_row_poc : function(rowId, row, data) {
|
|
row.editable("payload", {
|
|
net_id : data.net_id,
|
|
role : data.role
|
|
})
|
|
|
|
//row.find(".phone").val(data.phone);
|
|
var phone = row.find(".phone").data("edit-input-instance")
|
|
phone.set(data.phone)
|
|
|
|
row.data("edit-label", gettext("Network Contact") + ": "+data.name); ///
|
|
},
|
|
|
|
finalize_update_poc : function(rowId, row, data) {
|
|
row.find(".phone").text(data.phone);
|
|
},
|
|
|
|
// FINALIZERS: NETIX
|
|
|
|
finalize_row_netixlan : function(rowId, row, data) {
|
|
|
|
// finalize netix row after add
|
|
// we need to make sure that the exchange name
|
|
// is rendered as a link and that speed is
|
|
// formatted in a humanized way
|
|
|
|
var ixlnk = $('<a></a>');
|
|
ixlnk.attr("href", "/ix/"+data.ix.id);
|
|
ixlnk.text(data.ix.name);
|
|
row.find(".exchange").html(ixlnk);
|
|
|
|
if(data.operational)
|
|
row.addClass("operational")
|
|
|
|
//row.find(".asn").html(data.asn)
|
|
row.find(".speed").data("edit-content-backup", PeeringDB.pretty_speed(data.speed))
|
|
|
|
row.editable("payload", {
|
|
ixlan_id : data.ixlan.id,
|
|
net_id : data.net.id
|
|
});
|
|
|
|
// this needs to be fixed in twentyc.edit.js
|
|
var rs_peer_html = twentyc.editable.templates.copy("check")
|
|
twentyc.editable.input.get("bool").prototype.template_handlers["check"](data.is_rs_peer, rs_peer_html);
|
|
row.find(".is_rs_peer").data("edit-content-backup", rs_peer_html)
|
|
|
|
row.data("edit-label", gettext("Network - Exchange link") + ": "+data.ix.name); ///
|
|
|
|
},
|
|
|
|
finalize_add_netixlan : function(data, callback) {
|
|
|
|
// finalize netix data after add
|
|
// we need to get ix name
|
|
|
|
if(!data.ipaddr4)
|
|
data.ipaddr4="";
|
|
if(!data.ipaddr6)
|
|
data.ipaddr6="";
|
|
|
|
PeeringDB.API.get("ixlan", data.ixlan_id, function(ixlan) {
|
|
data.ixlan = ixlan;
|
|
PeeringDB.API.get("ix", ixlan.ix_id, function(ix) {
|
|
data.ix = ix;
|
|
data.exchange_name = ix.name;
|
|
callback(data);
|
|
});
|
|
});
|
|
|
|
},
|
|
|
|
finalize_update_netixlan : function(rowId, row, data) {
|
|
var pretty_speed = PeeringDB.pretty_speed(data.speed)
|
|
row.find(".speed").data("edit-content-backup", pretty_speed)
|
|
row.find(".speed").data("edit-value", data.speed)
|
|
row.find(".speed").text(pretty_speed)
|
|
if(data.operational)
|
|
row.addClass("operational")
|
|
else
|
|
row.removeClass("operational")
|
|
},
|
|
|
|
|
|
// FINALIZERS: NETFAC
|
|
|
|
finalize_row_netfac : function(rowId, row, data) {
|
|
|
|
// finalize netfac row after add
|
|
// we need to make sure that the facility name
|
|
// is rendered as a link
|
|
|
|
var faclnk = $('<a></a>');
|
|
faclnk.attr("href", "/fac/"+data.fac_id);
|
|
faclnk.text(data.facility);
|
|
row.find(".facility").html(faclnk);
|
|
|
|
row.editable("payload", {
|
|
fac_id : data.fac_id,
|
|
net_id : data.net_id,
|
|
local_asn : data.local_asn
|
|
});
|
|
|
|
row.data("edit-label", gettext("Network - Facility link") + ": "+data.facility); ///
|
|
|
|
},
|
|
|
|
finalize_add_netfac : function(data, callback) {
|
|
|
|
// finalize netfac data after add
|
|
// we need to get facility data so we can fill in
|
|
// the fields accordingly
|
|
|
|
PeeringDB.API.get("fac", data.fac_id, function(r) {
|
|
data.country = r.country;
|
|
data.city = r.city;
|
|
data.fac_id = r.id;
|
|
data.facility = r.name;
|
|
callback(data);
|
|
});
|
|
|
|
},
|
|
|
|
// FINALIZERS: IXLAN PREFIX
|
|
|
|
finalize_row_ixpfx : function(rowId, row, data) {
|
|
row.editable("payload", {
|
|
ixlan_id : data.ixlan_id
|
|
})
|
|
row.data("edit-label", gettext("IXLAN Prefix") +data.prefix); ///
|
|
},
|
|
|
|
// FINALIZERS: IXFAC
|
|
|
|
finalize_row_ixfac : function(rowId, row, data) {
|
|
|
|
// finalize icfac row after add
|
|
// we need to make sure that the facility name
|
|
// is rendered as a link
|
|
|
|
var faclnk = $('<a></a>');
|
|
faclnk.attr("href", "/fac/"+data.fac_id);
|
|
faclnk.text(data.facility);
|
|
row.find(".facility").html(faclnk);
|
|
|
|
row.editable("payload", {
|
|
fac_id : data.fac_id,
|
|
ix_id : data.ix_id,
|
|
});
|
|
|
|
row.data("edit-label", gettext("Exchange - Facility link") + ": "+data.facility); ///
|
|
|
|
},
|
|
|
|
finalize_add_ixfac : function(data, callback) {
|
|
|
|
// finalize ixfac data after add
|
|
// we need to get facility data so we can fill in
|
|
// the fields accordingly
|
|
//
|
|
// this is identical to what we need to for netfac, so
|
|
// just use that
|
|
|
|
this.finalize_add_netfac(data, callback);
|
|
|
|
}
|
|
|
|
},
|
|
"listing"
|
|
);
|
|
|
|
/*
|
|
* showdown (markdown) input type
|
|
*/
|
|
|
|
twentyc.editable.input.register(
|
|
"markdown",
|
|
{
|
|
|
|
apply : function(value) {
|
|
var converter = new showdown.Converter()
|
|
if(!value)
|
|
value = "";
|
|
var html = converter.makeHtml(value.replace(/>/g, '>').replace(/</g, '<'))
|
|
this.source.html(DOMPurify.sanitize(html, {SAFE_FOR_JQUERY: true}))
|
|
this.source.find('a').each(function(idx) {
|
|
var url = $(this).attr("href"), valid = true;
|
|
if(url && !url.match(/^([^:]+):/))
|
|
url = "http://"+url;
|
|
if(url && !url.match(/^(http|https):/i))
|
|
valid = false;
|
|
if(!valid || !url)
|
|
$(this).attr("href","")
|
|
else
|
|
$(this).attr("href", url)
|
|
});
|
|
this.source.data("edit-value", value)
|
|
}
|
|
},
|
|
"text"
|
|
);
|
|
|
|
twentyc.editable.input.register(
|
|
"readonly",
|
|
{
|
|
make : function() {
|
|
return $('<span class="editable input-note-relative"></span>')
|
|
},
|
|
set : function(value) {
|
|
this.element.text(value)
|
|
},
|
|
get : function(value) {
|
|
return this.element.text()
|
|
}
|
|
},
|
|
"text"
|
|
);
|
|
|
|
/*
|
|
* mandatory boolean input type
|
|
* renders a drop down with 3 choices
|
|
*
|
|
* - `-`
|
|
* - `yes`
|
|
* - `no`
|
|
*
|
|
* Will raise input-required validation error if `-`
|
|
* is selected upon form submission
|
|
*/
|
|
|
|
twentyc.editable.input.register(
|
|
"mandatory_bool",
|
|
{
|
|
|
|
make : function() {
|
|
var node = this.select_make();
|
|
this.source.data("edit-required", "yes")
|
|
return node;
|
|
},
|
|
|
|
set : function() {
|
|
this.load();
|
|
},
|
|
|
|
load : function() {
|
|
this.select_load([
|
|
{id: "", name: "-"},
|
|
{id: "1", name: gettext("Yes")},
|
|
{id: "0", name: gettext("No")},
|
|
])
|
|
}
|
|
},
|
|
"select"
|
|
);
|
|
|
|
|
|
/*
|
|
* autocomplete input type
|
|
*/
|
|
|
|
twentyc.editable.input.register(
|
|
"autocomplete",
|
|
{
|
|
confirm_handlers : {},
|
|
wire : function() {
|
|
var input = this.element;
|
|
var url = "/autocomplete/"+this.source.data("edit-autocomplete")
|
|
|
|
input.yourlabsAutocomplete(
|
|
{
|
|
url : "/autocomplete/"+
|
|
this.source.data("edit-autocomplete"),
|
|
minimumCharacters : 2,
|
|
choiceSelector : "span",
|
|
inputClick : function(e) { return ; }
|
|
}
|
|
).input.bind("selectChoice", function(a,b) {
|
|
input.data("value" , b.data("value"));
|
|
input.val(b.text());
|
|
input.removeClass("invalid");
|
|
input.addClass("valid");
|
|
this.render_confirm(b.data("value"));
|
|
}.bind(this));
|
|
// turn off auto-complete firefox workaround
|
|
if(/Firefox/i.test(navigator.userAgent)) {
|
|
$(window).off('scroll', $.proxy(this.hide, this))
|
|
}
|
|
|
|
if(this.source.data("edit-autocomplete-text") && this.source.data("edit-value")) {
|
|
input.val(this.source.data("edit-autocomplete-text"));
|
|
input.data("edit-value", this.source.data("edit-value"));
|
|
input.data("value", this.source.data("edit-value"));
|
|
}
|
|
|
|
|
|
},
|
|
|
|
reset_confirm : function() { this.confirm_node().empty(); },
|
|
render_confirm : function(id) {
|
|
var hdl;
|
|
if(hdl=this.confirm_handlers[this.source.data("edit-autocomplete")])
|
|
hdl.apply(this, [id])
|
|
},
|
|
confirm_node : function() {
|
|
return this.source.siblings("[data-autocomplete-confirm]")
|
|
},
|
|
reset : function(resetValue) {
|
|
twentyc.editable.input.get("base").prototype.reset.call(this, resetValue);
|
|
this.element.data("value","")
|
|
this.reset_confirm();
|
|
},
|
|
get : function() {
|
|
var val = this.element.data("value");
|
|
if(val === 0 || val === "") {
|
|
if(this.source.data("edit-autocomplete-allow-nonexistent")) {
|
|
val = this.element.val();
|
|
}
|
|
}
|
|
return val;
|
|
},
|
|
set : function(value) {
|
|
if(value && value.split)
|
|
var t = value.split(";");
|
|
else
|
|
var t = []
|
|
this.element.data("value", t[0]);
|
|
this.element.val(t[1]);
|
|
},
|
|
validate : function() {
|
|
if(!this.source.data("edit-autocomplete-allow-nonexistent")) {
|
|
if(this.get())
|
|
return this.get() > 0;
|
|
}
|
|
return true;
|
|
}
|
|
},
|
|
"string"
|
|
);
|
|
|
|
twentyc.editable.input.get("autocomplete").prototype.confirm_handlers.fac = function(id) {
|
|
PeeringDB.API.get("fac", id, function(data) {
|
|
this.confirm_node().html(
|
|
[
|
|
$('<div>').text(data.address1),
|
|
$('<div>').text(data.address2),
|
|
$('<div>').text(data.city+", "+data.state+", "+data.zipcode),
|
|
$('<div>').text(data.country)
|
|
]
|
|
)
|
|
}.bind(this));
|
|
}
|
|
|
|
/*
|
|
* network speed input type
|
|
*/
|
|
|
|
|
|
|
|
twentyc.editable.input.register(
|
|
"network_speed",
|
|
{
|
|
apply : function(value) {
|
|
this.source.html(PeeringDB.pretty_speed(this.get()));
|
|
},
|
|
|
|
export : function() {
|
|
console.log("exporting")
|
|
return this.convert(this.get())
|
|
},
|
|
|
|
convert : function(value) {
|
|
if ( $.isNumeric(value) ){
|
|
return value
|
|
} else {
|
|
return this.reverse_pretty_speed(value)
|
|
}
|
|
},
|
|
|
|
validate : function() {
|
|
console.log("validating")
|
|
// Check if it's an integer
|
|
let value = this.element.val();
|
|
let suffix = value.slice(-1);
|
|
|
|
if ( $.isNumeric(value) ){
|
|
return true
|
|
} else if ( $.isNumeric(value.slice(0,-1) ) && this.validate_suffix(suffix)) {
|
|
return true
|
|
}
|
|
return false
|
|
},
|
|
validation_message : function() {
|
|
return gettext("Needs to be an integer or a speed ending in M, G, or T") ///
|
|
},
|
|
|
|
validate_suffix: function(suffix) {
|
|
return ( suffix.toLowerCase() === "m" ||
|
|
suffix.toLowerCase() === "g" ||
|
|
suffix.toLowerCase() === "t" )
|
|
},
|
|
|
|
reverse_pretty_speed : function(value) {
|
|
// Given a pretty speed (string), output the integer speed
|
|
|
|
const conversion_factor = {
|
|
"m": 1,
|
|
"g": 1000,
|
|
"t": 1000000,
|
|
}
|
|
|
|
const num = parseFloat(value.slice(0, -1));
|
|
const unit = value.slice(-1).toLowerCase();
|
|
const multiplier = conversion_factor[unit]
|
|
|
|
// Always return the speed as an integer
|
|
return Math.round(num * multiplier)
|
|
},
|
|
|
|
|
|
},
|
|
"string"
|
|
);
|
|
|
|
/*
|
|
* set up input templates
|
|
*/
|
|
|
|
twentyc.editable.templates.register("check", $('<img class="checkmark" />'));
|
|
twentyc.editable.templates.register("poc_email", $('<a></a>'));
|
|
|
|
/*
|
|
* set up input template handlers
|
|
*/
|
|
|
|
twentyc.editable.input.get("bool").prototype.template_handlers["check"] = function(value, node, input) {
|
|
if(input)
|
|
node.attr("src", STATIC_URL+"checkmark"+(input.get()?"":"-off")+".png");
|
|
else
|
|
node.attr("src", STATIC_URL+"checkmark"+(value?"":"-off")+".png");
|
|
}
|
|
|
|
twentyc.editable.input.get("string").prototype.template_handlers["poc_email"] = function(value, node, input) {
|
|
var email = input.source.next().data("edit-input-instance").get()
|
|
if(email) {
|
|
node.attr("href", "mailto:"+email)
|
|
} else {
|
|
node.addClass("empty")
|
|
}
|
|
node.text(input.get());
|
|
}
|
|
|
|
/*
|
|
* set up data loaders
|
|
*/
|
|
|
|
twentyc.data.loaders.register(
|
|
"data",
|
|
{
|
|
data : function(id, config) {
|
|
config.url = "/data/"+id;
|
|
this.XHRGet(id, config);
|
|
}
|
|
},
|
|
"XHRGet" ///
|
|
);
|
|
|
|
twentyc.data.loaders.register(
|
|
"org_admin",
|
|
{
|
|
"org_admin" : function(id, config) {
|
|
config.url = "/org_admin/"+id;
|
|
config.data = {org_id:this.orgId};
|
|
this.XHRGet(id, config);
|
|
}
|
|
},
|
|
"XHRGet" ///
|
|
);
|
|
|
|
twentyc.data.loaders.register(
|
|
"network_data",
|
|
{
|
|
"network_data" : function(id, config) {
|
|
config.url = "/data/"+id
|
|
config.data = {id:this.id};
|
|
this.XHRGet(id, config);
|
|
}
|
|
},
|
|
"XHRGet" ///
|
|
);
|
|
|
|
$.urlParam = function(name){
|
|
var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
|
|
if(!results)
|
|
return 0;
|
|
return results[1] || 0;
|
|
}
|
|
|
|
twentyc.data.loaders.assign("locales", "data");
|
|
twentyc.data.loaders.assign("countries", "data");
|
|
twentyc.data.loaders.assign("countries_b", "data");
|
|
twentyc.data.loaders.assign("facilities", "data");
|
|
twentyc.data.loaders.assign("sponsors", "data");
|
|
twentyc.data.loaders.assign("enum/regions", "data");
|
|
twentyc.data.loaders.assign("enum/org_groups", "data");
|
|
twentyc.data.loaders.assign("enum/media", "data");
|
|
twentyc.data.loaders.assign("enum/net_types", "data");
|
|
twentyc.data.loaders.assign("enum/net_types_trunc", "data");
|
|
twentyc.data.loaders.assign("enum/net_types_advs", "data");
|
|
twentyc.data.loaders.assign("enum/ratios", "data");
|
|
twentyc.data.loaders.assign("enum/ratios_trunc", "data");
|
|
twentyc.data.loaders.assign("enum/ratios_advs", "data");
|
|
twentyc.data.loaders.assign("enum/traffic", "data");
|
|
twentyc.data.loaders.assign("enum/scopes", "data");
|
|
twentyc.data.loaders.assign("enum/scopes_trunc", "data");
|
|
twentyc.data.loaders.assign("enum/scopes_advs", "data");
|
|
twentyc.data.loaders.assign("enum/protocols", "data");
|
|
twentyc.data.loaders.assign("enum/poc_roles", "data");
|
|
twentyc.data.loaders.assign("enum/policy_general", "data");
|
|
twentyc.data.loaders.assign("enum/policy_locations", "data");
|
|
twentyc.data.loaders.assign("enum/policy_contracts", "data");
|
|
twentyc.data.loaders.assign("enum/visibility", "data");
|
|
twentyc.data.loaders.assign("enum/bool_choice_str", "data");
|
|
|
|
$(twentyc.data).on("load-enum/traffic", function(e, payload) {
|
|
var r = {}, i = 0, data=payload.data;
|
|
for(i=0; i<data.length; i++)
|
|
r[data[i].name] = i
|
|
twentyc.data._data["traffic_speed_by_label"] = r;
|
|
});
|
|
|
|
$(window).bind("load", function() {
|
|
PeeringDB.init();
|
|
})
|