Skip to content

feature: migrate media upload types grid to MUI #1005

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
santipalenque wants to merge 9 commits into
base: master
Choose a base branch
from
Open

feature: migrate media upload types grid to MUI #1005

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
3111a01
chore: migrate to MUI - WIP
santipalenque Jul 6, 2026
681bdca
chore: fix tests and change to file size input
santipalenque Jul 8, 2026
efe8c9f
chore: update uicore
santipalenque Jul 9, 2026
c374d40
fix: pr review
santipalenque Jul 13, 2026
ce8ee9d
chore: rebase master
santipalenque Jul 13, 2026
05b6578
chore: fix tests
santipalenque Jul 13, 2026
acaaa15
chore: fix pr review
santipalenque Jul 17, 2026
c1a551b
chore: update uicore
santipalenque Jul 23, 2026
4924f20
chore: rollback edit in dialog
santipalenque Jul 27, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
191 changes: 95 additions & 96 deletions src/actions/media-upload-actions.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,15 +20,13 @@ import {
createAction,
stopLoading,
startLoading,
showMessage,
showSuccessMessage,
authErrorHandler,
snackbarErrorHandler,
snackbarSuccessHandler,
escapeFilterValue,
fetchResponseHandler,
fetchErrorHandler
} from "openstack-uicore-foundation/lib/utils/actions";
import debounce from "lodash/debounce"
import history from "../history";
import debounce from "lodash/debounce";
import { getAccessTokenSafely } from "../utils/methods";
import { DEBOUNCE_WAIT, DEFAULT_PER_PAGE } from "../utils/constants";

Expand Down Expand Up @@ -66,8 +64,9 @@ export const getMediaUploads =
access_token: accessToken,
page,
per_page: perPage,
fields: "id,name,description",
relations: "none"
expand: "type",
fields: "id,name,description,type.is_system_defined",
relations: "none,presentation_types"
};

if (term) {
Expand All @@ -89,9 +88,9 @@ export const getMediaUploads =
createAction(REQUEST_MEDIA_UPLOADS),
createAction(RECEIVE_MEDIA_UPLOADS),
`${window.API_BASE_URL}/api/v1/summits/${currentSummit.id}/media-upload-types`,
authErrorHandler,
{ order, orderDir, term }
)(params)(dispatch).then(() => {
snackbarErrorHandler,
{ order, orderDir, term, perPage }
)(params)(dispatch).finally(() => {
dispatch(stopLoading());
});
};
Expand All @@ -111,94 +110,89 @@ export const getMediaUpload = (mediaUploadId) => async (dispatch, getState) => {
null,
createAction(RECEIVE_MEDIA_UPLOAD),
`${window.API_BASE_URL}/api/v1/summits/${currentSummit.id}/media-upload-types/${mediaUploadId}`,
authErrorHandler
)(params)(dispatch).then(() => {
snackbarErrorHandler
)(params)(dispatch).finally(() => {
dispatch(stopLoading());
});
};

export const queryMediaUploads = debounce(
async (summitId, input, callback) => {
const accessToken = await getAccessTokenSafely();
const apiUrl = URI(
`${window.API_BASE_URL}/api/v1/summits/${summitId}/media-upload-types`
);

apiUrl.addQuery("access_token", accessToken);
apiUrl.addQuery("order", "name");
apiUrl.addQuery("expand", "type");
apiUrl.addQuery("per_page", DEFAULT_PER_PAGE);

if (input) {
input = escapeFilterValue(input);
apiUrl.addQuery("filter[]", `name=@${input}`);
}
export const queryMediaUploads = debounce(async (summitId, input, callback) => {
const accessToken = await getAccessTokenSafely();
const apiUrl = URI(
`${window.API_BASE_URL}/api/v1/summits/${summitId}/media-upload-types`
);

apiUrl.addQuery("access_token", accessToken);
apiUrl.addQuery("order", "name");
apiUrl.addQuery("expand", "type");
apiUrl.addQuery("per_page", DEFAULT_PER_PAGE);

if (input) {
input = escapeFilterValue(input);
apiUrl.addQuery("filter[]", `name=@${input}`);
}

fetch(apiUrl.toString())
.then(fetchResponseHandler)
.then((json) => {
const options = [...json.data];
callback(options);
})
.catch(fetchErrorHandler);
},
DEBOUNCE_WAIT
);
fetch(apiUrl.toString())
.then(fetchResponseHandler)
.then((json) => {
const options = [...json.data];
callback(options);
})
.catch(fetchErrorHandler);
}, DEBOUNCE_WAIT);

export const resetMediaUploadForm = () => (dispatch) => {
dispatch(createAction(RESET_MEDIA_UPLOAD_FORM)({}));
};

export const saveMediaUpload =
(entity, noAlert = false) =>
async (dispatch, getState) => {
const { currentSummitState } = getState();
const accessToken = await getAccessTokenSafely();
const { currentSummit } = currentSummitState;
export const saveMediaUpload = (entity) => async (dispatch, getState) => {
Comment thread
santipalenque marked this conversation as resolved.
const { currentSummitState } = getState();
const accessToken = await getAccessTokenSafely();
const { currentSummit } = currentSummitState;

dispatch(startLoading());
dispatch(startLoading());

const normalizedEntity = normalizeEntity(entity);
const params = { access_token: accessToken };
const normalizedEntity = normalizeEntity(entity);
const params = { access_token: accessToken };

if (entity.id) {
putRequest(
createAction(UPDATE_MEDIA_UPLOAD),
createAction(MEDIA_UPLOAD_UPDATED),
`${window.API_BASE_URL}/api/v1/summits/${currentSummit.id}/media-upload-types/${entity.id}`,
normalizedEntity,
authErrorHandler,
entity
)(params)(dispatch).then(() => {
if (!noAlert)
dispatch(showSuccessMessage(T.translate("media_upload.saved")));
else dispatch(stopLoading());
});
} else {
const successMessage = {
title: T.translate("general.done"),
html: T.translate("media_upload.created"),
type: "success"
};

postRequest(
createAction(UPDATE_MEDIA_UPLOAD),
createAction(MEDIA_UPLOAD_ADDED),
`${window.API_BASE_URL}/api/v1/summits/${currentSummit.id}/media-upload-types`,
normalizedEntity,
authErrorHandler,
entity
)(params)(dispatch).then((payload) => {
if (entity.id) {
return putRequest(
createAction(UPDATE_MEDIA_UPLOAD),
createAction(MEDIA_UPLOAD_UPDATED),
`${window.API_BASE_URL}/api/v1/summits/${currentSummit.id}/media-upload-types/${entity.id}`,
normalizedEntity,
snackbarErrorHandler,
entity
)(params)(dispatch)
.then(() => {
dispatch(
showMessage(successMessage, () => {
history.push(
`/app/summits/${currentSummit.id}/media-uploads/${payload.response.id}`
);
snackbarSuccessHandler({
title: T.translate("general.success"),
html: T.translate("media_upload.saved")
})
);
});
}
};
})
.finally(() => dispatch(stopLoading()));
}

return postRequest(
createAction(UPDATE_MEDIA_UPLOAD),
createAction(MEDIA_UPLOAD_ADDED),
`${window.API_BASE_URL}/api/v1/summits/${currentSummit.id}/media-upload-types`,
normalizedEntity,
snackbarErrorHandler,
entity
)(params)(dispatch)
.then(() => {
dispatch(
snackbarSuccessHandler({
title: T.translate("general.success"),
html: T.translate("media_upload.created")
})
);
})
.finally(() => dispatch(stopLoading()));
};
Comment thread
coderabbitai[bot] marked this conversation as resolved.

export const linkToPresentationType =
(mediaUpload, presentationTypeId) => async (dispatch, getState) => {
Expand All @@ -215,8 +209,8 @@ export const linkToPresentationType =
createAction(MEDIA_UPLOAD_LINKED)({ mediaUpload }),
`${window.API_BASE_URL}/api/v1/summits/${currentSummit.id}/media-upload-types/${mediaUpload.id}/presentation-types/${presentationTypeId}`,
null,
authErrorHandler
)(params)(dispatch).then(() => {
snackbarErrorHandler
)(params)(dispatch).finally(() => {
dispatch(stopLoading());
});
};
Expand All @@ -236,8 +230,8 @@ export const unlinkFromPresentationType =
createAction(MEDIA_UPLOAD_UNLINKED)({ mediaUploadId }),
`${window.API_BASE_URL}/api/v1/summits/${currentSummit.id}/media-upload-types/${mediaUploadId}/presentation-types/${presentationTypeId}`,
null,
authErrorHandler
)(params)(dispatch).then(() => {
snackbarErrorHandler
)(params)(dispatch).finally(() => {
dispatch(stopLoading());
});
};
Expand All @@ -257,10 +251,8 @@ export const deleteMediaUpload =
createAction(MEDIA_UPLOAD_DELETED)({ mediaUploadId }),
`${window.API_BASE_URL}/api/v1/summits/${currentSummit.id}/media-upload-types/${mediaUploadId}`,
null,
authErrorHandler
)(params)(dispatch).then(() => {
dispatch(stopLoading());
});
snackbarErrorHandler
)(params)(dispatch);
};

export const copyMediaUploads = (summitId) => async (dispatch, getState) => {
Expand All @@ -272,16 +264,23 @@ export const copyMediaUploads = (summitId) => async (dispatch, getState) => {

const params = { access_token: accessToken };

postRequest(
return postRequest(
null,
createAction(MEDIA_UPLOADS_COPIED),
`${window.API_BASE_URL}/api/v1/summits/${summitId}/media-upload-types/all/clone/${currentSummit.id}`,
null,
authErrorHandler
)(params)(dispatch).then(() => {
dispatch(stopLoading());
dispatch(getMediaUploads());
});
snackbarErrorHandler
)(params)(dispatch)
.then(() => {
dispatch(
snackbarSuccessHandler({
title: T.translate("general.success"),
html: T.translate("media_upload.media_uploads_copied")
})
);
dispatch(getMediaUploads());
})
.finally(() => dispatch(stopLoading()));
};

const normalizeEntity = (entity) => {
Expand Down
Loading
Loading