Resource Catalog

This app provides a user interface to browse available Resources and their features, with the ability to filter the list for easier browsing.

Example

<div id="resource_catalog_app"></div>
<script type="module">
  import { renderCatalog } from "https://esm.sh/@xras/[email protected]";

  renderCatalog({
    api_url: "/path/to/catalog.json",
    allowed_categories: [],
    allowed_filters: [],
    excluded_categories: [],
    excluded_filters: [],
    disable_bootstrap: false
  });
</script>

Options

| Option | Values | Required | | --- | --- | --- | | api_url | The URL for your Resource Catalog | True | | allowed_categories | A list of filter categories that you want displayed. Ex: ["Resource Type", "Specialized Hardware"] | False | | allowed_filters | A list of filters you want users to see. Ex: ["GPU Compute"] | False | | excluded_categories | A list of filter categories that you want hidden from users. Ex: ["Specialized Support", "Specialized Hardware"] | False | | excluded_filters | A list of filters that you want hidden from users. Ex: ["ACCESS Allocated", "ACCESS OnDemand"] | False | | disable_bootstrap | If your site uses Bootstrap and you don't want this app to overwrite your styles, add this parameter. | False | | allowed_features | If you only want to include Resources that have certain features, you can use this parameter. Ex: [{category: "Resource Category", features: ["Classroom Platform"]}] | False | | excluded_features | If you want to exclude Resources that have certain features, you can use this parameter. Ex: [{category: "Resource Category", features: ["Classroom Platform"]}] | False |

Note: Avoid combining allowed_categories and excluded_categories, or allowed_filters and excluded_filters. If an invalid combination is found, it will default to what is specified in the allowed_* options