Skip to content
Snippets Groups Projects
Verified Commit 58712a98 authored by Frank Sauerburger's avatar Frank Sauerburger
Browse files

Add empty access button group

parent 5f8f4593
Branches 80-ui-redesign
No related tags found
1 merge request!33Draft: Resolve "UI redesign"
Pipeline #7984 waiting for manual action
import React from "react"
/**
* The AccessButtonGroup component provides quick access to the plot
*
* The AccessButtonGroup renders as a Bootstrap button group with different
* access methods, e.g., direct download as an image or as json, API access
* snippets or command-line tool shippets. The component is reactive and
* reduces to a burger menu on small screens.
*/
const AccessButtonGroup = ({uuid, collection_id}) => (
<div className="ml-auto btn-group btn-group-sm access-menu">
<div className="btn-group btn-group-sm dropdown">
<button className="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown">
Direct download
</button>
<div className="dropdown-menu dropdown-menu-right p-4 shadow">
</div>
</div>
<div className="btn-group btn-group-sm dropdown">
<button className="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
API Access
</button>
<div className="dropdown-menu dropdown-menu-right p-4 shadow">
</div>
</div>
<div className="btn-group btn-group-sm dropdown">
<button className="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown">
CLI tool
</button>
<div className="dropdown-menu dropdown-menu-right p-4 shadow">
</div>
</div>
</div>
)
export default AccessButtonGroup
import React from "react" import React from "react"
import VisibilityIcon from "./VisibilityIcon.jsx" import VisibilityIcon from "./VisibilityIcon.jsx"
import AccessButtonGroup from "./AccessButtonGroup.jsx"
import Breadcrumbs from "./Breadcrumbs.jsx" import Breadcrumbs from "./Breadcrumbs.jsx"
import ViewDate from "./ViewDate.jsx" import ViewDate from "./ViewDate.jsx"
import Uhepp from "./Uhepp.jsx" import Uhepp from "./Uhepp.jsx"
...@@ -23,8 +24,9 @@ const Dashboard = ({title, visibility, breadcrumbs, viewdate, uuid}) => ( ...@@ -23,8 +24,9 @@ const Dashboard = ({title, visibility, breadcrumbs, viewdate, uuid}) => (
<div className="col-md-6 col-lg-7"> <div className="col-md-6 col-lg-7">
<Breadcrumbs content={breadcrumbs} /> <Breadcrumbs content={breadcrumbs} />
<h1 className="mb-0"> <h1 className="mb-0 controls-head">
{ title } <VisibilityIcon level={visibility} /> <span>{ title } <VisibilityIcon level={visibility} /></span>
<span><AccessButtonGroup /></span>
</h1> </h1>
<ViewDate data={viewdate} /> <ViewDate data={viewdate} />
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment