index.js
View Options

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

	import {handleFetchError, csrfPost, removeUrlFragment} from 'utils/functions';
	import './auth.css';

	let apiTokensTable;

	function tokenForm(infoText, buttonText) {
	const form =
	`<form id="swh-token-form" class="text-center">
	<p id="swh-token-form-text">${infoText}</p>
	<input id="swh-token-form-submit" type="submit" value="${buttonText}">
	<div id="swh-token-form-message"></div>
	</form>`;
	return form;
	}

	function errorMessage(message) {
	return `<p id="swh-token-error-message" class="mt-3 swh-token-form-message">${message}</p>`;
	}

	function successMessage(message) {
	return `<p id="swh-token-success-message" class="mt-3 swh-token-form-message">${message}</p>`;
	}

	function disableSubmitButton() {
	$('#swh-token-form-submit').prop('disabled', true);
	}

	function generateToken() {
	window.location = Urls.oidc_generate_bearer_token();
	}

	function displayToken(tokenId) {
	const postData = {
	token_id: tokenId
	};
	csrfPost(Urls.oidc_get_bearer_token(), {}, JSON.stringify(postData))
	.then(handleFetchError)
	.then(response => response.text())
	.then(token => {
	const tokenHtml =
	`<p>Below is your token.</p>
	<pre id="swh-bearer-token" class="mt-3">${token}</pre>`;
	swh.webapp.showModalHtml('Display bearer token', tokenHtml);
	})
	.catch(response => {
	response.text().then(responseText => {
	let errorMsg = 'Internal server error.';
	if (response.status === 400) {
	errorMsg = responseText;
	}
	swh.webapp.showModalHtml('Display bearer token', errorMessage(errorMsg));
	});
	});
	}

	function revokeTokens(tokenIds) {
	const postData = {
	token_ids: tokenIds
	};
	csrfPost(Urls.oidc_revoke_bearer_tokens(), {}, JSON.stringify(postData))
	.then(handleFetchError)
	.then(() => {
	disableSubmitButton();
	$('#swh-token-form-message').html(
	successMessage(`Bearer token${tokenIds.length > 1 ? 's' : ''} successfully revoked.`));
	apiTokensTable.draw();
	})
	.catch(() => {
	$('#swh-token-form-message').html(errorMessage('Internal server error.'));
	});
	}

	function revokeToken(tokenId) {
	revokeTokens([tokenId]);
	}

	function revokeAllTokens() {
	const tokenIds = [];
	const rowsData = apiTokensTable.rows().data();
	for (let i = 0; i < rowsData.length; ++i) {
	tokenIds.push(rowsData[i].id);
	}
	revokeTokens(tokenIds);
	}

	export function applyTokenAction(action, tokenId) {
	const actionData = {
	display: {
	submitCallback: displayToken
	},
	generate: {
	modalTitle: 'Bearer token generation',
	infoText: 'Click on the button to generate the token. You will be redirected to ' +
	'Software Heritage Authentication Service and might be asked to enter ' +
	'your password again.',
	buttonText: 'Generate token',
	submitCallback: generateToken
	},
	revoke: {
	modalTitle: 'Revoke bearer token',
	infoText: 'Click on the button to revoke the token.',
	buttonText: 'Revoke token',
	submitCallback: revokeToken
	},
	revokeAll: {
	modalTitle: 'Revoke all bearer tokens',
	infoText: 'Click on the button to revoke all tokens.',
	buttonText: 'Revoke tokens',
	submitCallback: revokeAllTokens
	}
	};

	if (!actionData[action]) {
	return;
	}

	if (action !== 'display') {
	const tokenFormHtml = tokenForm(
	actionData[action].infoText, actionData[action].buttonText);

	swh.webapp.showModalHtml(actionData[action].modalTitle, tokenFormHtml);
	$(`#swh-token-form`).submit(event => {
	event.preventDefault();
	event.stopPropagation();
	actionData[action].submitCallback(tokenId);
	});
	} else {
	actionData[action].submitCallback(tokenId);
	}
	}

	export function initProfilePage() {
	$(document).ready(() => {
	apiTokensTable = $('#swh-bearer-tokens-table')
	.on('error.dt', (e, settings, techNote, message) => {
	$('#swh-origin-save-request-list-error').text(
	'An error occurred while retrieving the tokens list');
	console.log(message);
	})
	.DataTable({
	serverSide: true,
	ajax: Urls.oidc_list_bearer_tokens(),
	columns: [
	{
	data: 'creation_date',
	name: 'creation_date',
	render: (data, type, row) => {
	if (type === 'display') {
	let date = new Date(data);
	return date.toLocaleString();
	}
	return data;
	}
	},
	{
	render: (data, type, row) => {
	const html =
	`<button class="btn btn-default"
	onclick="swh.auth.applyTokenAction('display', ${row.id})">
	Display token
	</button>
	<button class="btn btn-default"
	onclick="swh.auth.applyTokenAction('revoke', ${row.id})">
	Revoke token
	</button>`;
	return html;
	}
	}
	],
	ordering: false,
	searching: false,
	scrollY: '50vh',
	scrollCollapse: true
	});
	$('#swh-oidc-profile-tokens-tab').on('shown.bs.tab', () => {
	apiTokensTable.draw();
	window.location.hash = '#tokens';
	});
	$('#swh-oidc-profile-account-tab').on('shown.bs.tab', () => {
	removeUrlFragment();
	});
	if (window.location.hash === '#tokens') {
	$('.nav-tabs a[href="#swh-oidc-profile-tokens"]').tab('show');
	}
	});
	}

File Metadata

Mime Type: text/x-java
Expires: Jul 4 2025, 10:25 AM (5 w, 3 h ago)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 3413511

index.js
No OneTemporary
Actions

index.js
View Options

File Metadata

Event Timeline

index.jsNo OneTemporaryActions

index.jsView Options

File Metadata

Event Timeline

index.js
No OneTemporary
Actions

index.js
View Options