QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 13:20:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Store in local storage what api & version were selected (and re-select them0

Browse Source
This commit is contained in:
darin.kelkhoff
2023-06-21 12:05:03 -05:00
parent 9cbf9f4dcf
commit 97f1ac2263
1 changed files with 60 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/qqq/pages/records/developer/TableDeveloperView.tsx
View File

@ -47,8 +47,6 @@ TableDeveloperView.defaultProps =
function TableDeveloperView({table}: Props): JSX.Element
{
const {id} = useParams();
const {getAccessTokenSilently} = useAuth0();
const [accessToken, setAccessToken] = useState(null as string);
@ -70,6 +68,33 @@ function TableDeveloperView({table}: Props): JSX.Element
setAccessToken(accessToken);
})();
const LAST_API_NAME_LS_KEY = "qqq.tableDeveloperView.lastApiName";
const LAST_API_VERSION_LS_KEY = "qqq.tableDeveloperView.lastApiVersion";
const lastSelectedApiName = localStorage.getItem(LAST_API_NAME_LS_KEY);
const lastSelectedApiVersion = localStorage.getItem(LAST_API_VERSION_LS_KEY);
function selectVersionAfterApiIsChanged(versionsJson: any)
{
if (versionsJson.currentVersion)
{
setSelectedVersion(versionsJson.currentVersion);
localStorage.setItem(LAST_API_VERSION_LS_KEY, versionsJson.currentVersion);
}
if (lastSelectedApiVersion)
{
for (let i = 0; i < versionsJson.supportedVersions.length; i++)
{
if (versionsJson.supportedVersions[i] == lastSelectedApiVersion)
{
setSelectedVersion(lastSelectedApiVersion);
localStorage.setItem(LAST_API_VERSION_LS_KEY, lastSelectedApiVersion);
}
}
}
}
if (!asyncLoadInited)
{
setAsyncLoadInited(true);
@ -90,6 +115,9 @@ function TableDeveloperView({table}: Props): JSX.Element
setPageHeader(tableMetaData.label + " Developer Mode");
///////////////////////////////
// fetch apis for this table //
///////////////////////////////
const apisResponse = await fetch("/apis.json?tableName=" + tableName);
const apisJson = await apisResponse.json();
console.log(apisJson);
@ -102,18 +130,36 @@ function TableDeveloperView({table}: Props): JSX.Element
setSupportedApis(apisJson["apis"]);
const selectedApi = apisJson["apis"][0];
////////////////////////////////////////////////////////////////////////////////////////////////////////
// either select the 0th api, or, if there was one previously stored in local storage, use it instead //
////////////////////////////////////////////////////////////////////////////////////////////////////////
let selectedApi = apisJson["apis"][0];
if (lastSelectedApiName)
{
for (let i = 0; i < apisJson["apis"].length; i++)
{
if (apisJson["apis"][i].name == lastSelectedApiName)
{
selectedApi = apisJson["apis"][i];
break;
}
}
}
localStorage.setItem(LAST_API_NAME_LS_KEY, selectedApi.name);
setSelectedApi(selectedApi);
////////////////////////////////
// fetch versions for ths api //
////////////////////////////////
const versionsResponse = await fetch(selectedApi["path"] + "versions.json");
const versionsJson = await versionsResponse.json();
console.log(versionsJson);
setSupportedVersions(versionsJson.supportedVersions);
if (versionsJson.currentVersion)
{
setSelectedVersion(versionsJson.currentVersion);
}
///////////////////////////////////////////////////////////////////////////////////////////////
// set the selected version, either to current, or to one from local storage, if still valid //
///////////////////////////////////////////////////////////////////////////////////////////////
selectVersionAfterApiIsChanged(versionsJson);
})();
}
@ -129,16 +175,15 @@ function TableDeveloperView({table}: Props): JSX.Element
{
const selectedApi = supportedApis[i];
setSelectedApi(selectedApi);
localStorage.setItem(LAST_API_NAME_LS_KEY, selectedApi.name);
const versionsResponse = await fetch(selectedApi["path"] + "versions.json");
const versionsJson = await versionsResponse.json();
console.log(versionsJson);
setSupportedVersions(versionsJson.supportedVersions);
if (versionsJson.currentVersion)
{
setSelectedVersion(versionsJson.currentVersion);
}
selectVersionAfterApiIsChanged(versionsJson);
break;
}
}
@ -147,6 +192,7 @@ function TableDeveloperView({table}: Props): JSX.Element
const selectVersion = (event: SelectChangeEvent) =>
{
setSelectedVersion(event.target.value);
localStorage.setItem(LAST_API_VERSION_LS_KEY, event.target.value);
};
return (
@ -207,7 +253,7 @@ function TableDeveloperView({table}: Props): JSX.Element
persist-auth={true}
allow-server-selection={false}
allow-spec-file-download={true}
sort-endpoints-by="method"
sort-endpoints-by="none"
schema-description-expanded={true}
css-file={"/api/rapi-doc.css"}
css-classes={"qqq-rapi-doc"}