Merge pull request #323 from openml/feature/new-croissants

Feature/new croissants
openml · Dec 21, 2023 · 4809a5d · 4809a5d
2 parents 439159f + cf78b36
commit 4809a5d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 39 deletions.
diff --git a/app/README.md b/app/README.md
@@ -1,37 +1,3 @@
 # OpenML Website
 
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, install the dependencies with:
-
-```bash
-npm install
-```
-
-Then, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
-
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
-
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
+See https://docs.openml.org/Website/ for instructions
diff --git a/server/src/client/app/src/pages/search/Dataset.js b/server/src/client/app/src/pages/search/Dataset.js
@@ -82,23 +82,28 @@ export class DatasetItem extends React.Component {
     this.featureSizeLimit = this.defaultFeatureListSizeLimit;
   }
   render() {
-    let featureTableColumns = [
+    const featureTableColumns = [
       "",
       "Feature Name",
       "Type",
       "Distinct/Missing Values"
     ];
-    let qualityTableColumns = ["", "Quality Name", "Value"];
+    const qualityTableColumns = ["", "Quality Name", "Value"];
+    const did = this.props.object.data_id;
+    const did_padded = did.toString().padStart(4, "0");
+    const bucket_url = "https://openml1.win.tue.nl/datasets/";
+    const bucket_bracket = Math.floor(did / 10000).toString().padStart(4, "0");
+    const croissant_url = bucket_url + bucket_bracket + "/" + did_padded + "/dataset_" + did + "_croissant.json";
     return (
       <React.Fragment>
-        <CroissantComponent url={"https://openml1.win.tue.nl/dataset" + this.props.object.data_id + "/croissant.json"} />
+        <CroissantComponent url={croissant_url} />
         <Grid container spacing={6}>
           <Grid item xs={12}>
             <MainContext.Consumer>
               {context => (
                 <React.Fragment>                  
                   <Tooltip title="Download Croissant description" placement="bottom-start">
-                    <ActionButton color="primary" href={"https://openml1.win.tue.nl/dataset" + this.props.object.data_id + "/croissant.json"}>
+                    <ActionButton color="primary" href={croissant_url}>
                       <Action>
                         <Icon icon="fluent-emoji-high-contrast:croissant" />
                         <Typography>Croissant</Typography>