-1}},$.fn.multiselect=function(option,parameter,extraOptions){return this.each((function(){var data=$(this).data("multiselect"),options;data||(data=new Multiselect(this,"object"==typeof option&&option),$(this).data("multiselect",data)),"string"==typeof option&&(data[option](parameter,extraOptions),"destroy"===option&&$(this).data("multiselect",!1))}))},$.fn.multiselect.Constructor=Multiselect,$((function(){$("select[data-role=multiselect]").multiselect()}))}));
\ No newline at end of file
diff --git a/ckanext/justicehub_theme/public/js/dataUploadSteps.js b/ckanext/justicehub_theme/public/js/dataUploadSteps.js
new file mode 100644
index 00000000..c787e3c1
--- /dev/null
+++ b/ckanext/justicehub_theme/public/js/dataUploadSteps.js
@@ -0,0 +1,33 @@
+export default class DataUploadSteps {
+ constructor() {
+ this.steps = [
+ { id: 1, section: 'files-section' },
+ { id: 2, section: 'ownership-section' },
+ { id: 3, section: 'relevancy-section' },
+ { id: 4, section: 'source-section' }
+ ];
+ this.activeStep = { id: 1, section: 'files-section' };
+ }
+
+ setActiveStep = (sectionId, next) => {
+ this.activeStep = this.steps.find((section) => section.id === sectionId);
+ next();
+ };
+
+ setActiveStepByName = (sectionName, next) => {
+ this.activeStep = this.steps.find((step) => step.section === sectionName);
+ next();
+ }
+
+ goToNextStep = (next) => {
+ if (this.activeStep.id < 4) {
+ this.setActiveStep(this.activeStep.id + 1, next);
+ }
+ };
+
+ goToPreviousStep = (next) => {
+ if (this.activeStep.id > 1) {
+ this.setActiveStep(this.activeStep.id - 1, next);
+ }
+ };
+}
diff --git a/ckanext/justicehub_theme/public/js/dataset.js b/ckanext/justicehub_theme/public/js/dataset.js
new file mode 100644
index 00000000..b1e49b42
--- /dev/null
+++ b/ckanext/justicehub_theme/public/js/dataset.js
@@ -0,0 +1,36 @@
+export default class Dataset {
+ constructor() {
+ this.name = '';
+ this.description = '';
+ this.files = [];
+ this.license = {};
+ this.viewPermission = '';
+ this.publisher = {
+ type: '',
+ authors: []
+ };
+ this.region = {
+ country: '',
+ subRegions: []
+ };
+ this.date = '';
+ this.month = '';
+ this.year = '';
+ this.timePeriod = {
+ from: { month: '', year: '' },
+ to: { month: '', year: '' }
+ };
+ this.language = '';
+ this.keywords = [];
+ this.sources = [];
+ this.referenceLinks = [];
+ }
+
+ updateProperty = (property, value) => {
+ this[property] = value;
+ };
+
+ addItemToListProperty = (property, item) => {
+ this[property] = [...this[property], item];
+ };
+}
diff --git a/ckanext/justicehub_theme/public/js/errorInfo.js b/ckanext/justicehub_theme/public/js/errorInfo.js
new file mode 100644
index 00000000..ac3eedbe
--- /dev/null
+++ b/ckanext/justicehub_theme/public/js/errorInfo.js
@@ -0,0 +1,14 @@
+export default class ErrorInfo {
+ constructor() {
+ this.latestErrorMessage = '';
+ }
+
+ get error() {
+ return !!this.latestErrorMessage;
+ }
+
+ updateErrorMessage(message) {
+ this.latestErrorMessage = message;
+ return this;
+ }
+}
diff --git a/ckanext/justicehub_theme/public/js/index.js b/ckanext/justicehub_theme/public/js/index.js
new file mode 100644
index 00000000..6053c3ef
--- /dev/null
+++ b/ckanext/justicehub_theme/public/js/index.js
@@ -0,0 +1,1496 @@
+import DataUploadSteps from './dataUploadSteps.js';
+import Dataset from './dataset.js';
+import ErrorInfo from './errorInfo.js';
+
+(function () {
+ const fullURL = window.location.href;
+ const splitURL = fullURL.split('/');
+
+ const BASE_URL = `${splitURL[0]}//${splitURL[2]}`;
+
+ const dataUploadSteps = new DataUploadSteps();
+ const dataset = new Dataset();
+ const errorInfo = new ErrorInfo();
+
+ function isEditMode() {
+ return splitURL.indexOf('edit') > 0;
+ }
+
+ let receivedResources = [];
+ let receivedResourcesIds = [];
+ let resourcesByType = { added: [], deleted: [], updated: [] };
+ let datasetIdName = '';
+
+ const dataUploadSections = document.querySelectorAll('.data-upload-section');
+ const stepIndicators = document.querySelectorAll('.step-indicator');
+
+ // functions to update DOM
+
+ function scrollToTop() {
+ document.body.scrollTop = 0;
+ document.documentElement.scrollTop = 0;
+ }
+
+ function updateActiveSectionDOM() {
+ scrollToTop();
+ dataUploadSections.forEach((section) => {
+ if (section.classList.contains(dataUploadSteps.activeStep.section)) {
+ section.classList.remove('hide');
+ return;
+ }
+ section.classList.add('hide');
+ });
+
+ stepIndicators.forEach((step) => {
+ if (parseInt(step.dataset.value) === dataUploadSteps.activeStep.id) {
+ step.classList.add('active');
+ } else if (parseInt(step.dataset.value) < dataUploadSteps.activeStep.id) {
+ step.classList.remove('active');
+ } else {
+ step.classList.remove('active');
+ }
+ });
+ }
+
+ function resetInput(event) {
+ const fileInputToBeReset = event.target.parentElement;
+ const textArea = fileInputToBeReset.querySelector('textarea');
+ if (textArea) {
+ textArea.value = '';
+ }
+ const allFields = fileInputToBeReset.querySelectorAll('input');
+ allFields.forEach((field) => (field.value = ''));
+ updateFileInputBackground(fileInputToBeReset.querySelector('.upload-box'), 'none');
+ }
+
+ // remove file inputs
+ function removeFileInput(event) {
+ if (event.target.classList.contains('reset-input')) {
+ resetInput(event);
+ return;
+ } else if (event.target.classList.contains('remove-input')) {
+ const fileInputToBeRemoved = event.target.parentElement;
+ if (!fileInputToBeRemoved.parentElement) return;
+ if (receivedResourcesIds.indexOf(fileInputToBeRemoved.id) > -1) {
+ resourcesByType.deleted.push(fileInputToBeRemoved.id);
+ }
+ fileInputToBeRemoved.parentElement.removeChild(fileInputToBeRemoved);
+ }
+ }
+
+ // next and previous buttons' click handlers
+
+ const nextButtons = document.querySelectorAll('.next-button');
+ const previousButtons = document.querySelectorAll('.previous-button');
+
+ nextButtons.forEach((button) => {
+ button.addEventListener('click', () => {
+ dataUploadSteps.goToNextStep(updateActiveSectionDOM);
+ });
+ });
+
+ previousButtons.forEach((button) => {
+ button.addEventListener('click', () => {
+ dataUploadSteps.goToPreviousStep(updateActiveSectionDOM);
+ });
+ });
+
+ // step indicator click handlers
+
+ stepIndicators.forEach((step) => {
+ step.addEventListener('click', () => {
+ const parsedStepId = parseInt(step.dataset.value);
+
+ switch (parsedStepId) {
+ case 1:
+ updateDatasetWithValuesFromFilesSection();
+ break;
+ case 2:
+ updateDatasetWithValuesFromFilesSection();
+ updateDatasetWithValuesFromOwnershipSection();
+ break;
+ case 3:
+ updateDatasetWithValuesFromFilesSection();
+ updateDatasetWithValuesFromOwnershipSection();
+ updateDatasetWithValuesFromRelevancySection();
+ break;
+ case 4:
+ updateDatasetWithValuesFromFilesSection();
+ updateDatasetWithValuesFromOwnershipSection();
+ updateDatasetWithValuesFromRelevancySection();
+ updateDatasetWithReferences();
+ break;
+ default:
+ return;
+ }
+
+ dataUploadSteps.setActiveStep(parsedStepId, updateActiveSectionDOM);
+ });
+ });
+
+ // file upload section
+
+ const FILEINPUT_ICONS = [
+ {
+ format: 'xlsx',
+ backgroundColor: '#CEE1CE',
+ icon: 'vscode-icons:file-type-excel2',
+ iconTemplate: ''
+ },
+ {
+ format: 'pdf',
+ backgroundColor: '#F8BE67',
+ icon: 'vscode-icons:file-type-pdf',
+ iconTemplate: ''
+ },
+ {
+ format: 'csv',
+ backgroundColor: '#F8BE67',
+ icon: 'grommet-icons:document-csv',
+ iconTemplate: ''
+ },
+ {
+ format: 'none',
+ backgroundColor: 'transparent',
+ icon: 'fe:upload',
+ iconTemplate: ''
+ },
+ {
+ format: 'unknown',
+ backgroundColor: 'trasparent',
+ icon: 'akar-icons:file',
+ iconTemplate: ''
+ }
+ ];
+
+ function getFileUploadBoxPropertyByFileType(fileType, property) {
+ if (FILEINPUT_ICONS.find((file) => file.format === fileType)) {
+ return FILEINPUT_ICONS.find((file) => file.format === fileType)[property];
+ }
+
+ return FILEINPUT_ICONS.find((file) => file.format === 'unknown')[property];
+ }
+
+ function generateFileUploadField(fileId, fileName = '', fileDescription = '', fileFormat = '') {
+ return `
+
+
+
+
+
Description
+
+
+
+
+
+
Paste Link
+
+
+
+
Give your link a title
+
+
+
+
+
+
+
+
${file.fileName}
+
+
Description:
+
${file.fileDescription}
+
+
+
+
+ | Region(s) covered: |
+ ${
+ Array.isArray(dataset.region)
+ ? dataset.region.map((region) => ` ${region}`)
+ : `No regions selected`
+ } |
+
+
+ | Date of Publication: |
+ ${dataset.date} ${dataset.month} ${dataset.year} |
+
+
+ | Time period covered: |
+ ${
+ dataset.timePeriod.from.year && dataset.timePeriod.to.year
+ ? `${dataset.timePeriod.from.month} ${dataset.timePeriod.from.year} - ${dataset.timePeriod.to.month} ${dataset.timePeriod.to.year}`
+ : 'From and To years are not entered'
+ } |
+
+
+ | Language: |
+ ${dataset.language ? dataset.language : 'No language added'} |
+
+ `;
+ }
+
+ function generateSourcePreviewTableHTML(dataset) {
+ return `
+
+ | Keywords: |
+ ${
+ dataset.keywords.length ? dataset.keywords.join(', ') : `No keywords entered`
+ } |
+
+
+ | Data Source(s): |
+ ${
+ dataset.sources.length ? dataset.sources.join(', ') : `No sources entered`
+ } |
+
+
+ | Reference Links: |
+
+ ${dataset.referenceLinks.map((reference) => ` ${reference.title} - ${reference.link}`)}
+ |
+
+ `;
+ }
+
+ function generateOwnershipPreviewTableHTML(dataset) {
+ return `
+
+ | Licensing permissions: |
+ ${
+ dataset.license.licenseDescription
+ ? dataset.license.licenseDescription
+ : `No license selected`
+ } |
+
+
+ | Viewing Permissions: |
+ ${
+ dataset.viewPermission ? dataset.viewPermission : `No permission selected`
+ } |
+
+
+ | Primary Author(s): |
+
+ ${
+ dataset.publisher.authors[0].authorName
+ ? dataset.publisher.authors.map(
+ (author) => ` ${author.authorName} - ${author.authorEmail} - ${author.authorWebsite}`
+ )
+ : `No publishers entered`
+ }
+ |
+
+`;
+ }
+
+ previewButton.addEventListener('click', () => {
+ updateDatasetWithReferences();
+ const filesListPreviewSection = document.querySelector('#filesListOnPreview');
+
+ if (areMandatoryFieldsEmpty()) {
+ submitDatasetButton.disabled = true;
+ } else {
+ submitDatasetButton.disabled = false;
+ }
+
+ submitDatasetButton.style.display = 'block';
+ const loader = document.querySelector('.loader');
+ if (loader) {
+ loader.style.display = 'none';
+ }
+
+ filesListPreviewSection.innerHTML = '';
+ if (!isEditMode()) {
+ dataset.files.forEach((file) => {
+ filesListPreviewSection.insertAdjacentHTML('beforeend', generateFilePreviewHTML(file));
+ });
+ } else {
+ const updatedFiles = resourcesByType.updated.map((resourceId) => document.getElementById(resourceId));
+
+ updatedFiles.forEach((fileUploadElement) =>
+ filesListPreviewSection.insertAdjacentHTML(
+ 'beforeend',
+ generateFilePreviewHTML(getFileDetailsFromFileUploadElement(fileUploadElement))
+ )
+ );
+
+ const addedFiles = resourcesByType.added.map((resourceId) => document.getElementById(resourceId));
+
+ addedFiles.forEach((fileUploadElement) =>
+ filesListPreviewSection.insertAdjacentHTML(
+ 'beforeend',
+ generateFilePreviewHTML(getFileDetailsFromFileUploadElement(fileUploadElement))
+ )
+ );
+
+ const untouchedFiles = receivedResources
+ .filter(
+ (resource) => resourcesByType.updated.indexOf(resource.id) < 0 && resourcesByType.deleted.indexOf(resource.id)
+ )
+ .map((resource) => document.getElementById(resource.id));
+
+ if (untouchedFiles) {
+ untouchedFiles.forEach((fileUploadElement) =>
+ filesListPreviewSection.insertAdjacentHTML(
+ 'beforeend',
+ generateFilePreviewHTML(getFileDetailsFromFileUploadElement(fileUploadElement))
+ )
+ );
+ }
+ }
+
+ document.querySelector('#dataRelevancyPreviewTable').innerHTML = generateDataRelevancyPreviewTableHTML(dataset);
+ document.querySelector('#ownershipPreviewTable').innerHTML = generateOwnershipPreviewTableHTML(dataset);
+ document.querySelector('#sourcePreviewTable').innerHTML = generateSourcePreviewTableHTML(dataset);
+ const titleContainer = document.querySelector('#datasetNameOnPreviewModal');
+ titleContainer.innerHTML = dataset.name ? dataset.name : 'No title entered';
+ const descContainer = document.querySelector('#datasetDescOnPreviewModal');
+ descContainer.innerHTML = dataset.description ? dataset.description : '';
+
+ console.log(dataset);
+ });
+
+ // preview modal
+
+ const editSectionButtons = document.querySelectorAll('.preview-edit');
+ editSectionButtons.forEach((button) =>
+ button.addEventListener('click', () => {
+ dataUploadSteps.setActiveStepByName(button.dataset.section, updateActiveSectionDOM);
+ })
+ );
+
+ const submitDatasetButton = document.getElementById('submitDatasetButton');
+ submitDatasetButton.addEventListener('click', () => {
+ submitDatasetButton.style.display = 'none';
+ submitDatasetButton.insertAdjacentHTML('afterend', ``);
+ postDatasetRequest();
+ });
+
+ function areMandatoryFieldsEmpty() {
+ return (
+ !dataset.name ||
+ !dataset.publisher.authors[0].authorName ||
+ !dataset.keywords.length ||
+ !dataset.sources.length ||
+ !dataset.timePeriod.from.year ||
+ !dataset.timePeriod.to.year ||
+ !dataset.language ||
+ !dataset.license.licenseName
+ );
+ }
+
+ // don't check when it is draft
+
+ // api calls
+
+ function generateFormDataForPostingMetaData(state) {
+ let metaData = new FormData();
+ if (isEditMode()) {
+ metaData.append('pkg_name', datasetIdName);
+ }
+ metaData.append('title', dataset.name);
+ metaData.append('notes', dataset.description);
+ metaData.append('license_id', dataset.license.licenseName);
+ metaData.append('private', dataset.viewPermission === 'Anyone' ? false : true);
+ metaData.append('publisher_type', dataset.publisher.type);
+ metaData.append('publication_date', `${dataset.date}/${dataset.month}/${dataset.year}`);
+ metaData.append('start_month', `${dataset.timePeriod.from.year}-${dataset.timePeriod.from.month}`);
+ metaData.append('end_month', `${dataset.timePeriod.to.year}-${dataset.timePeriod.to.month}`);
+ metaData.append('region', [dataset.region]);
+ dataset.publisher.authors.forEach((author, index) => {
+ metaData.append(`publisher_contacts-${index + 1}-name`, author.authorName);
+ metaData.append(`publisher_contacts-${index + 1}-email`, author.authorEmail);
+ metaData.append(`publisher_contacts-${index + 1}-website`, author.authorWebsite);
+ });
+ dataset.referenceLinks.forEach((referenceLink, index) => {
+ metaData.append(`links-${index + 1}-link`, referenceLink.link);
+ metaData.append(`links-${index + 1}-title`, referenceLink.title);
+ });
+ metaData.append('language', dataset.language);
+ metaData.append('tag_string', dataset.keywords.join(','));
+ metaData.append('source', dataset.sources.join(','));
+ metaData.append('dataset_state', state);
+
+ return metaData;
+ }
+
+ function postAllFilesSync(packageName, filesList) {
+ console.log(errorInfo.error);
+ console.log(filesList);
+ if (filesList.length === 0 && !errorInfo.error) {
+ if (window.global_state === 'draft') {
+ window.location = `/message/success?message= Dataset saved as draft successfully&dataset=${packageName}`;
+ } else if (isEditMode()) {
+ window.location = `/message/success?message= Dataset updated successfully&dataset=${packageName}`;
+ } else {
+ window.location = `/message/success?message= Dataset created successfully&dataset=${packageName}`;
+ }
+ return;
+ }
+
+ if (filesList.length === 0 && errorInfo.error) {
+ submitDatasetButton.style.display = 'block';
+ const loader = document.querySelector('.loader');
+ if (loader) {
+ loader.style.display = 'none';
+ }
+ return;
+ }
+
+ const filesData = new FormData();
+ filesData.append('upload', filesList[0].file);
+ filesData.append('name', filesList[0].fileName);
+ filesData.append('description', filesList[0].fileDescription);
+
+ fetch(`${BASE_URL}/api/dataset/${packageName}/resource/new`, {
+ method: 'POST',
+ credentials: 'same-origin',
+ body: filesData
+ })
+ .then((response) => {
+ console.log(response.ok);
+ if (!response.ok) {
+ errorInfo.updateErrorMessage(`Could not upload ${filesList[0].fileName}`);
+ const failedFileSummary = document.getElementById(`${filesList[0].fileId}`);
+ failedFileSummary.querySelector('file-error').style.display = 'block';
+ failedFileSummary.querySelector('file-error').innerHTML = 'This file could not be uploaded';
+ }
+ postAllFilesSync(packageName, filesList.slice(1));
+ })
+ .catch((error) => {
+ errorInfo.updateErrorMessage(error.message);
+ postAllFilesSync(packageName, filesList.slice(1));
+ });
+ }
+
+ // function to delete a single resource
+ function deleteAllResources(resourceList, packageName) {
+ if (!resourceList.length) {
+ updateResources(resourcesByType.updated, packageName);
+ } else {
+ const resourceToBeDeleted = resourceList[0];
+
+ fetch(`${BASE_URL}/api/dataset/${packageName}/resource/${resourceToBeDeleted}/delete`, {
+ method: 'POST'
+ })
+ .then((response) => {
+ if (!response.ok) {
+ errorInfo.updateErrorMessage(`Could not delete ${resourceToBeDeleted}`);
+ }
+ deleteAllResources(resourceList.slice(1));
+ })
+ .catch((error) => {
+ errorInfo.updateErrorMessage(error.message);
+ console.log(error.message);
+ });
+ }
+ }
+
+ function updateResources(resourcesList, packageName) {
+ if (!resourcesList.length) {
+ const filesList = resourcesByType.added.map((resourceId) =>
+ getFileDetailsFromFileUploadElement(document.getElementById(resourceId))
+ );
+ postAllFilesSync(packageName, filesList);
+ } else {
+ const resource = getFileDetailsFromFileUploadElement(document.getElementById(resourcesList[0]));
+
+ const fileData = new FormData();
+ if (resource.file) {
+ fileData.append('upload', resource.file);
+ }
+ fileData.append('name', resource.fileName);
+ fileData.append('description', resource.fileDescription);
+
+ fetch(`${BASE_URL}/api/dataset/${packageName}/resource/${resourcesList[0]}/edit`, {
+ method: 'POST',
+ credentials: 'same-origin',
+ body: fileData
+ })
+ .then((response) => {
+ if (!response.ok) {
+ errorInfo.updateErrorMessage(`Could not update ${resource.fileName}`);
+ }
+ updateResources(resourcesList.slice(1));
+ })
+ .catch((error) => {
+ errorInfo.updateErrorMessage(error.message);
+ console.log(error.message);
+ });
+ }
+ }
+
+ // function to update a single resource
+
+ function updateAllResources(packageName = datasetIdName) {
+ console.log(packageName);
+ console.log(datasetIdName);
+ deleteAllResources(resourcesByType.deleted, packageName);
+ }
+
+ function postDatasetRequest(state = 'active') {
+ window.global_state = state;
+ errorInfo.updateErrorMessage('');
+
+ const modalBody = document.querySelector('#previewDatasetModal .modal-body');
+ const existingErrorMessageElement = modalBody.querySelector('.dataset-fail');
+ if (existingErrorMessageElement) {
+ existingErrorMessageElement.remove();
+ }
+
+ // if (state === 'active' && areMandatoryFieldsEmpty()) {
+ // modalBody.insertAdjacentHTML(
+ // 'afterbegin',
+ // `Some fields are empty. Please populate them.
`
+ // );
+ // return;
+ // }
+
+ if (state === 'draft' && !dataset.name) {
+ document.getElementById('datasetNameField').setAttribute('placeholder', 'Enter a name for the dataset');
+ document.getElementById('datasetNameField').style.border = '1px solid red';
+ dataUploadSteps.setActiveStep(1, updateActiveSectionDOM);
+ setTimeout(() => {
+ document.getElementById('datasetNameField').style.border = '1px solid #ccc';
+ }, 2000);
+ return;
+ }
+
+ if (isEditMode()) {
+ console.log('sending update request');
+ fetch(`${BASE_URL}/api/dataset/new`, {
+ method: 'POST',
+ credentials: 'same-origin',
+ body: generateFormDataForPostingMetaData(state)
+ })
+ .then((response) => {
+ if (!response.ok) {
+ errorInfo.updateErrorMessage('Could not edit dataset');
+ modalBody.insertAdjacentHTML(
+ 'afterbegin',
+ `${error.message} - Couldn't update dataset. Please try again.
`
+ );
+
+ submitDatasetButton.style.display = 'block';
+
+ if (state == 'draft') {
+ saveAsDraftButtons.forEach((button) => {
+ button.addEventListener('click', () => {
+ button.style.display = 'block';
+ });
+ });
+ }
+ const loader = document.querySelector('.loader');
+ if (loader) {
+ loader.style.display = 'none';
+ }
+ return;
+ }
+ return response.json();
+ })
+ .then((data) => {
+ updateAllResources(data.pkg_name);
+ })
+ .catch((error) => {
+ console.log(error.message);
+ });
+ } else {
+ fetch(`${BASE_URL}/api/dataset/new`, {
+ method: 'POST',
+ credentials: 'same-origin',
+ body: generateFormDataForPostingMetaData(state)
+ })
+ .then((response) => response.json())
+ .then((data) => {
+ if (!data.success) {
+ errorInfo.updateErrorMessage('Could not upload dataset');
+ modalBody.insertAdjacentHTML(
+ 'afterbegin',
+ `${error.message} - Couldn't upload dataset. Please try again.
`
+ );
+
+ submitDatasetButton.style.display = 'block';
+
+ if (state == 'draft') {
+ saveAsDraftButtons.forEach((button) => {
+ button.addEventListener('click', () => {
+ button.style.display = 'block';
+ });
+ });
+ }
+ const loader = document.querySelector('.loader');
+ if (loader) {
+ loader.style.display = 'none';
+ }
+ return;
+ }
+ const filesList = resourcesByType.added.map((resourceId) =>
+ getFileDetailsFromFileUploadElement(document.getElementById(resourceId))
+ );
+ postAllFilesSync(data.pkg_name, filesList);
+ })
+ .catch((error) => {
+ console.log(error.message);
+ errorInfo.updateErrorMessage(error.message);
+ modalBody.insertAdjacentHTML(
+ 'afterbegin',
+ `${error.message} - Couldn't upload dataset. Please try again.
`
+ );
+
+ submitDatasetButton.style.display = 'block';
+
+ if (state == 'draft') {
+ saveAsDraftButtons.forEach((button) => {
+ button.addEventListener('click', () => {
+ button.style.display = 'block';
+ });
+ });
+ }
+ const loader = document.querySelector('.loader');
+ if (loader) {
+ loader.style.display = 'none';
+ }
+ return;
+ });
+ }
+ }
+
+ document.addEventListener('DOMContentLoaded', () => {
+ if (isEditMode()) {
+ const datasetName = splitURL[splitURL.length - 2];
+ fetch(`${BASE_URL}/api/dataset/${datasetName}`, {
+ method: 'GET',
+ credentials: 'same-origin'
+ })
+ .then((response) => response.json())
+ .then((data) => fillFieldsWithData(data))
+ .catch((error) => console.log(error.message));
+ }
+ });
+
+ function fillFieldsWithData(data) {
+ console.log(data);
+
+ datasetIdName = data.name;
+
+ const fileUploadSections = document.querySelectorAll('.file-upload');
+ fileUploadSections.forEach((section) => {
+ section.parentElement.removeChild(section);
+ });
+
+ // file section
+ document.getElementById('datasetNameField').value = data.title;
+ document.getElementById('datasetDescriptionField').innerHTML = data.notes;
+ receivedResources = data.resources;
+ receivedResourcesIds = receivedResources.map((resource) => resource.id);
+ receivedResources.forEach((resource) => {
+ fileUploadContainer.insertAdjacentHTML(
+ 'beforeend',
+ generateFileUploadField(resource.id, resource.name, resource.description.replace('\n', '\r\n'), resource.format)
+ );
+ const uploadBox = document.getElementById(resource.id).querySelector('.upload-box');
+ updateFileInputBackground(uploadBox, resource.format.toLowerCase());
+ });
+
+ // ownership section
+ document.getElementById('licenseSelect').value = data.license_id;
+ document.querySelector(`input[name="view-permissions"]`).value = data.public === 'false' ? 'Only me' : 'Anyone';
+ document.querySelector(`input[name="primary-publisher"]`).value = data.publisher_type;
+
+ const publisherAdditionInputs = document.querySelectorAll('.item-addition--author');
+ publisherAdditionInputs.forEach((input) => {
+ input.parentElement.removeChild(input);
+ });
+
+ data.publisher_contacts.forEach((publisher) => {
+ authorAdditionForm.insertAdjacentHTML(
+ 'beforeend',
+ generateAuthorField(
+ data.publisher_type === 'individual' ? 'Author' : 'Organization',
+ publisher.name,
+ publisher.email ? publisher.email : '',
+ publisher.website ? publisher.website : ''
+ )
+ );
+ });
+
+ // relevancy section
+ const [fromYear, fromMonth] = data.start_month.split('-');
+ const [toYear, toMonth] = data.end_month.split('-');
+ const [pubDate, pubMonth, pubYear] = data.publication_date ? data.publication_date.split('/') : ['', '', ''];
+ const regions = data.region.split(',');
+
+ if (regions[0] === 'All India') {
+ const allIndiaInput = document.getElementById('allIndia');
+ allIndiaInput.checked = true;
+ } else {
+ const partialIndiaInput = document.getElementById('partialIndia');
+ partialIndiaInput.checked = true;
+ const nativeMultiSelect = document.querySelector('span.multiselect-native-select');
+ const multiSelectToggle = document.querySelector('.multiselect.dropdown-toggle');
+ nativeMultiSelect.style.display = 'inline-block';
+ multiSelectToggle.style.display = 'inline-block';
+ populateStates(regions);
+ }
+
+ document.getElementById('fromYear').value = fromYear;
+ document.getElementById('toYear').value = toYear;
+ document.getElementById('fromMonth').value = fromMonth ? fromMonth : '--';
+ document.getElementById('toMonth').value = toMonth ? toMonth : '--';
+
+ document.getElementById('pubDateInput').value = pubDate;
+ document.getElementById('pubMonthInput').value = pubMonth ? pubMonth : '--';
+ document.getElementById('pubYearInput').value = pubYear;
+
+ if (data.language === 'English' || data.language === 'Hindi') {
+ document.querySelector(`input[name="language-options"]`).value = data.language;
+ } else {
+ document.querySelector(`input[name="language-options"]`).value = 'other';
+ document.getElementById('otherLanguageInput').style.display = 'inline-block';
+ document.getElementById('otherLanguageInput').value = data.language;
+ }
+
+ // sources section
+
+ data.tags.forEach((tag) => {
+ insertTag(keywordsInput.parentElement, tag.display_name);
+ dataset.addItemToListProperty('keywords', tag.display_name);
+ });
+ data.source.forEach((s) => {
+ insertTag(sourcesInput.parentElement, s);
+ dataset.addItemToListProperty('sources', s);
+ });
+
+ const referenceInputs = document.querySelectorAll('.item-addition--reference');
+
+ referenceInputs.forEach((input) => {
+ input.parentElement.removeChild(input);
+ });
+
+ const referenceLinks = data.links ? data.links : [];
+
+ referenceLinks.forEach((link) => {
+ const referenceAdditionForm = document.querySelector('.data-upload-section__form__field--references');
+ referenceAdditionForm.insertAdjacentHTML(
+ 'beforeend',
+ generateReferenceField(Math.random(), link.title, link.link)
+ );
+ });
+ }
+})();
diff --git a/ckanext/justicehub_theme/public/justicehub_theme.css b/ckanext/justicehub_theme/public/justicehub_theme.css
index 36233348..bd049689 100644
--- a/ckanext/justicehub_theme/public/justicehub_theme.css
+++ b/ckanext/justicehub_theme/public/justicehub_theme.css
@@ -154,8 +154,8 @@ a.morelink:visited {
[class^="btn btn-"],
.res-actions a,
.content_action a {
- border-radius: 30px;
- padding: 5px 25px;
+ /* border-radius: 30px;
+ padding: 5px 25px; */
color: #ffffff;
}
.content_action a {
diff --git a/ckanext/justicehub_theme/templates/base.html b/ckanext/justicehub_theme/templates/base.html
index b1114329..779366ca 100644
--- a/ckanext/justicehub_theme/templates/base.html
+++ b/ckanext/justicehub_theme/templates/base.html
@@ -1,20 +1,49 @@
{% ckan_extends %}
+{% block meta %}
+ {{ super() }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endblock %}
+
{% block meta_viewport %}
{% endblock %}
{% block styles %}
{{ super() }}
-
-
+ {#
+ #}
+
+
+
+
+
+
{% endblock %}
{%- block scripts %}
@@ -22,3 +51,8 @@
{% resource 'ckanext_issues/autocomplete-action-api.js' %}
{% resource 'justicehub_theme/justicehub_theme.js' %}
{% endblock -%}
+
+
+{#
+
+#}
diff --git a/ckanext/justicehub_theme/templates/dataupload/index.html b/ckanext/justicehub_theme/templates/dataupload/index.html
new file mode 100644
index 00000000..23641d93
--- /dev/null
+++ b/ckanext/justicehub_theme/templates/dataupload/index.html
@@ -0,0 +1,540 @@
+
+
+
+
+
+
+
+
+
+
+
+ Data Upload Flow
+
+
+ {% include "header.html" %}
+
+
+
+
+
+
+
+ Add more
+
+
+
+
+
+
+
+
+
+
Files
+
+
+
+
+
+
+
Ownership
+
+
+
+
+
+
+
Data Relevancy
+
+
+
+
+
+
+
Source of Data
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ Hello {{ name }}
+ Thank you for registering an account on the Justice Hub.
+ Please click on this
link to validate your e-mail Id. Post this step, you will be able to contribute datasets on the
Justice Hub
+ For any queries, kindly reach out at
info@justicehub.in
+ We look forward to collaborate with you.
+ Regards,
+ The
JusticeHub Team
+
Dear {{ user_fullname }},
+
+Password reset form for JusticeHub
+Please click on this link below to reset before {{ expiration_in_hours }} hours:
+
+Link
+
+Thank you
diff --git a/ckanext/justicehub_theme/templates/footer.html b/ckanext/justicehub_theme/templates/footer.html
index 88a6c1e2..91a7ce9a 100644
--- a/ckanext/justicehub_theme/templates/footer.html
+++ b/ckanext/justicehub_theme/templates/footer.html
@@ -1,4 +1,67 @@
-
+ 
+
+