Differential D5696 Diff 20404 assets/src/bundles/save/index.js

Changeset View

Standalone View

assets/src/bundles/save/index.js

/**		/**
* Copyright (C) 2018-2021 The Software Heritage developers		* Copyright (C) 2018-2021 The Software Heritage developers
* See the AUTHORS file at the top-level directory of this distribution		* See the AUTHORS file at the top-level directory of this distribution
* License: GNU Affero General Public License version 3, or any later version		* License: GNU Affero General Public License version 3, or any later version
* See top-level LICENSE file for more information		* See top-level LICENSE file for more information
*/		*/

import {csrfPost, handleFetchError, isGitRepoUrl, htmlAlert, removeUrlFragment} from 'utils/functions';		import {csrfPost, handleFetchError, isGitRepoUrl, htmlAlert, removeUrlFragment} from 'utils/functions';
import {swhSpinnerSrc} from 'utils/constants';		import {swhSpinnerSrc} from 'utils/constants';
		import './save.css';

let saveRequestsTable;		let saveRequestsTable;

function originSaveRequest(originType, originUrl,		function originSaveRequest(
acceptedCallback, pendingCallback, errorCallback) {		originType, originUrl, extraData,
		acceptedCallback, pendingCallback, errorCallback
		) {
		// Actually trigger the origin save request
let addSaveOriginRequestUrl = Urls.api_1_save_origin(originType, originUrl);		let addSaveOriginRequestUrl = Urls.api_1_save_origin(originType, originUrl);
$('.swh-processing-save-request').css('display', 'block');		$('.swh-processing-save-request').css('display', 'block');
csrfPost(addSaveOriginRequestUrl)		let headers = {};
		let body = null;
		if (extraData !== {}) {
		body = JSON.stringify(extraData);
		headers = {
		'Content-Type': 'application/json'
		};
		};

		csrfPost(addSaveOriginRequestUrl, headers, body)
.then(handleFetchError)		.then(handleFetchError)
.then(response => response.json())		.then(response => response.json())
.then(data => {		.then(data => {
$('.swh-processing-save-request').css('display', 'none');		$('.swh-processing-save-request').css('display', 'none');
if (data.save_request_status === 'accepted') {		if (data.save_request_status === 'accepted') {
acceptedCallback();		acceptedCallback();
} else {		} else {
pendingCallback();		pendingCallback();
}		}
})		})
.catch(response => {		.catch(response => {
$('.swh-processing-save-request').css('display', 'none');		$('.swh-processing-save-request').css('display', 'none');
response.json().then(errorData => {		response.json().then(errorData => {
errorCallback(response.status, errorData);		errorCallback(response.status, errorData);
});		});
});		});
}		}

		export function maybeDisplayExtraInputs() {
		// Read the actual selected value and depending on the origin type, display some extra
		// inputs or hide them.
		const originType = $('#swh-input-visit-type').val();
		const display = originType === 'bundle' ? 'block' : 'none';
		$('#optional-origin-forms').css('display', display);
		}

const userRequestsFilterCheckbox = `		const userRequestsFilterCheckbox = `
<div class="custom-control custom-checkbox swhid-option">		<div class="custom-control custom-checkbox swhid-option">
<input class="custom-control-input" value="option-user-requests-filter" type="checkbox"		<input class="custom-control-input" value="option-user-requests-filter" type="checkbox"
id="swh-save-requests-user-filter">		id="swh-save-requests-user-filter">
<label class="custom-control-label font-weight-normal" for="swh-save-requests-user-filter">		<label class="custom-control-label font-weight-normal" for="swh-save-requests-user-filter">
show only your own requests		show only your own requests
</label>		</label>
</div>		</div>
`;		`;

export function initOriginSave() {		export function initOriginSave() {

$(document).ready(() => {		$(document).ready(() => {

$.fn.dataTable.ext.errMode = 'none';		$.fn.dataTable.ext.errMode = 'none';

fetch(Urls.origin_save_types_list())		fetch(Urls.origin_save_types_list())
.then(response => response.json())		.then(response => response.json())
.then(data => {		.then(data => {
for (let originType of data) {		for (let originType of data) {
$('#swh-input-visit-type').append(`<option value="${originType}">${originType}</option>`);		$('#swh-input-visit-type').append(`<option value="${originType}">${originType}</option>`);
}		}
		// set git as the default value as before
		$('#swh-input-visit-type').val('git');
});		});

saveRequestsTable = $('#swh-origin-save-requests')		saveRequestsTable = $('#swh-origin-save-requests')
.on('error.dt', (e, settings, techNote, message) => {		.on('error.dt', (e, settings, techNote, message) => {
$('#swh-origin-save-request-list-error').text('An error occurred while retrieving the save requests list');		$('#swh-origin-save-request-list-error').text('An error occurred while retrieving the save requests list');
console.log(message);		console.log(message);
})		})
.DataTable({		.DataTable({
▲ Show 20 Lines • Show All 149 Lines • ▼ Show 20 Lines	$('#swh-save-origin-form').submit(event => {
event.preventDefault();		event.preventDefault();
event.stopPropagation();		event.stopPropagation();
$('.alert').alert('close');		$('.alert').alert('close');
if (event.target.checkValidity()) {		if (event.target.checkValidity()) {
$(event.target).removeClass('was-validated');		$(event.target).removeClass('was-validated');
let originType = $('#swh-input-visit-type').val();		let originType = $('#swh-input-visit-type').val();
let originUrl = $('#swh-input-origin-url').val();		let originUrl = $('#swh-input-origin-url').val();

originSaveRequest(originType, originUrl,		// read the extra inputs for the bundle type
		let extraData = originType !== 'bundle' ? {} : {
		'artifact_url': $('#swh-input-artifact-url').val(),
		'artifact_filename': $('#swh-input-artifact-filename').val(),
		'artifact_version': $('#swh-input-artifact-version').val()
		};

		originSaveRequest(originType, originUrl, extraData,
() => $('#swh-origin-save-request-status').html(saveRequestAcceptedAlert),		() => $('#swh-origin-save-request-status').html(saveRequestAcceptedAlert),
() => $('#swh-origin-save-request-status').html(saveRequestPendingAlert),		() => $('#swh-origin-save-request-status').html(saveRequestPendingAlert),
(statusCode, errorData) => {		(statusCode, errorData) => {
$('#swh-origin-save-request-status').css('color', 'red');		$('#swh-origin-save-request-status').css('color', 'red');
if (statusCode === 403) {		if (statusCode === 403) {
const errorAlert = htmlAlert('danger', `Error: ${errorData['reason']}`);		const errorAlert = htmlAlert('danger', `Error: ${errorData['reason']}`);
$('#swh-origin-save-request-status').html(errorAlert);		$('#swh-origin-save-request-status').html(errorAlert);
} else if (statusCode === 429) {		} else if (statusCode === 429) {
▲ Show 20 Lines • Show All 110 Lines • ▼ Show 20 Lines	export function initTakeNewSnapshot() {

$(document).ready(() => {		$(document).ready(() => {
$('#swh-take-new-snapshot-form').submit(event => {		$('#swh-take-new-snapshot-form').submit(event => {
event.preventDefault();		event.preventDefault();
event.stopPropagation();		event.stopPropagation();

let originType = $('#swh-input-visit-type').val();		let originType = $('#swh-input-visit-type').val();
let originUrl = $('#swh-input-origin-url').val();		let originUrl = $('#swh-input-origin-url').val();
		let extraData = {};

originSaveRequest(originType, originUrl,		originSaveRequest(originType, originUrl, extraData,
() => $('#swh-take-new-snapshot-request-status').html(newSnapshotRequestAcceptedAlert),		() => $('#swh-take-new-snapshot-request-status').html(newSnapshotRequestAcceptedAlert),
() => $('#swh-take-new-snapshot-request-status').html(newSnapshotRequestPendingAlert),		() => $('#swh-take-new-snapshot-request-status').html(newSnapshotRequestPendingAlert),
(statusCode, errorData) => {		(statusCode, errorData) => {
$('#swh-take-new-snapshot-request-status').css('color', 'red');		$('#swh-take-new-snapshot-request-status').css('color', 'red');
if (statusCode === 403) {		if (statusCode === 403) {
const errorAlert = htmlAlert('danger', `Error: ${errorData['detail']}`, true);		const errorAlert = htmlAlert('danger', `Error: ${errorData['detail']}`, true);
$('#swh-take-new-snapshot-request-status').html(errorAlert);		$('#swh-take-new-snapshot-request-status').html(errorAlert);
} else if (statusCode === 429) {		} else if (statusCode === 429) {
▲ Show 20 Lines • Show All 122 Lines • Show Last 20 Lines