Use new icon logic
This commit is contained in:
parent
ac44228b94
commit
6cd84dfa27
@ -36,14 +36,13 @@ const mergeProps = (propsFromState, propsFromDispatch, ownProps) => {
|
|||||||
|
|
||||||
// TODO: Do not display certain options if the current display set
|
// TODO: Do not display certain options if the current display set
|
||||||
// cannot be displayed using these view types
|
// cannot be displayed using these view types
|
||||||
const Icons = `${window.config.routerBasename}/icons.svg`.replace('//', '/')
|
|
||||||
const buttons = [
|
const buttons = [
|
||||||
{
|
{
|
||||||
text: 'Acquired',
|
text: 'Acquired',
|
||||||
type: 'command',
|
type: 'command',
|
||||||
iconClasses: 'fa fa-bars',
|
icon: 'bars',
|
||||||
active: false,
|
active: false,
|
||||||
onClick: click => {
|
onClick: () => {
|
||||||
console.warn('Original Acquisition')
|
console.warn('Original Acquisition')
|
||||||
|
|
||||||
const layoutData = setSingleLayoutData(
|
const layoutData = setSingleLayoutData(
|
||||||
@ -57,10 +56,9 @@ const mergeProps = (propsFromState, propsFromDispatch, ownProps) => {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: 'Axial',
|
text: 'Axial',
|
||||||
svgUrl: `${Icons}#cube`,
|
icon: 'cube',
|
||||||
svgClasses: 'icon-rotate-120',
|
|
||||||
active: false,
|
active: false,
|
||||||
onClick: click => {
|
onClick: () => {
|
||||||
console.warn('Axial')
|
console.warn('Axial')
|
||||||
const data = {
|
const data = {
|
||||||
plugin: 'vtk',
|
plugin: 'vtk',
|
||||||
@ -81,9 +79,9 @@ const mergeProps = (propsFromState, propsFromDispatch, ownProps) => {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: 'Sagittal',
|
text: 'Sagittal',
|
||||||
svgUrl: `${Icons}#cube`,
|
icon: 'cube',
|
||||||
active: false,
|
active: false,
|
||||||
onClick: click => {
|
onClick: () => {
|
||||||
console.warn('Sagittal')
|
console.warn('Sagittal')
|
||||||
const data = {
|
const data = {
|
||||||
plugin: 'vtk',
|
plugin: 'vtk',
|
||||||
@ -104,10 +102,9 @@ const mergeProps = (propsFromState, propsFromDispatch, ownProps) => {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: 'Coronal',
|
text: 'Coronal',
|
||||||
svgUrl: `${Icons}#cube`,
|
icon: 'cube',
|
||||||
svgClasses: 'fa-rotate-90 fa-flip-horizontal',
|
|
||||||
active: false,
|
active: false,
|
||||||
onClick: click => {
|
onClick: () => {
|
||||||
console.warn('Coronal')
|
console.warn('Coronal')
|
||||||
const data = {
|
const data = {
|
||||||
plugin: 'vtk',
|
plugin: 'vtk',
|
||||||
@ -128,7 +125,7 @@ const mergeProps = (propsFromState, propsFromDispatch, ownProps) => {
|
|||||||
},
|
},
|
||||||
/*{
|
/*{
|
||||||
text: '3D',
|
text: '3D',
|
||||||
svgUrl: `${Icons}#cube`,
|
icon: `${Icons}#cube`,
|
||||||
onClick: (click) => {
|
onClick: (click) => {
|
||||||
console.warn('3D Perspective');
|
console.warn('3D Perspective');
|
||||||
const data = {
|
const data = {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user