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
No related branches found
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 VisibilityIcon from "./VisibilityIcon.jsx"
import AccessButtonGroup from "./AccessButtonGroup.jsx"
import Breadcrumbs from "./Breadcrumbs.jsx"
import ViewDate from "./ViewDate.jsx"
import Uhepp from "./Uhepp.jsx"
......@@ -23,8 +24,9 @@ const Dashboard = ({title, visibility, breadcrumbs, viewdate, uuid}) => (
<div className="col-md-6 col-lg-7">
<Breadcrumbs content={breadcrumbs} />
<h1 className="mb-0">
{ title } <VisibilityIcon level={visibility} />
<h1 className="mb-0 controls-head">
<span>{ title } <VisibilityIcon level={visibility} /></span>
<span><AccessButtonGroup /></span>
</h1>
<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