Add center footer option

This commit is contained in:
Paulo Gustavo Veiga 2022-10-08 16:02:12 -07:00
parent 349b68c1f7
commit b4558fc79e

View File

@ -10,6 +10,7 @@ import NoteOutlinedIcon from '@mui/icons-material/NoteOutlined';
import LinkOutlinedIcon from '@mui/icons-material/LinkOutlined'; import LinkOutlinedIcon from '@mui/icons-material/LinkOutlined';
import ZoomOutOutlinedIcon from '@mui/icons-material/ZoomOutOutlined'; import ZoomOutOutlinedIcon from '@mui/icons-material/ZoomOutOutlined';
import ZoomInOutlinedIcon from '@mui/icons-material/ZoomInOutlined'; import ZoomInOutlinedIcon from '@mui/icons-material/ZoomInOutlined';
import CenterFocusStrongOutlinedIcon from '@mui/icons-material/CenterFocusStrongOutlined';
import SentimentSatisfiedAltIcon from '@mui/icons-material/SentimentSatisfiedAlt'; import SentimentSatisfiedAltIcon from '@mui/icons-material/SentimentSatisfiedAlt';
import UndoOutlinedIcon from '@mui/icons-material/UndoOutlined'; import UndoOutlinedIcon from '@mui/icons-material/UndoOutlined';
import RedoOutlinedIcon from '@mui/icons-material/RedoOutlined'; import RedoOutlinedIcon from '@mui/icons-material/RedoOutlined';
@ -37,6 +38,7 @@ import ActionConfig from '../../classes/action/action-config';
import { SwitchValueDirection } from './ToolbarValueModelBuilder'; import { SwitchValueDirection } from './ToolbarValueModelBuilder';
import NodePropertyValueModelBuilder from '../../classes/model/node-property-builder'; import NodePropertyValueModelBuilder from '../../classes/model/node-property-builder';
import Typography from '@mui/material/Typography'; import Typography from '@mui/material/Typography';
import { ToolbarActionType } from '.';
import KeyboardOutlined from '@mui/icons-material/KeyboardOutlined'; import KeyboardOutlined from '@mui/icons-material/KeyboardOutlined';
import Tooltip from '@mui/material/Tooltip'; import Tooltip from '@mui/material/Tooltip';
import ColorPicker from '../action-widget/pane/color-picker'; import ColorPicker from '../action-widget/pane/color-picker';
@ -48,8 +50,6 @@ import IconPicker from '../action-widget/pane/icon-picker';
import FontFamilySelector from '../action-widget/button/font-family-selector'; import FontFamilySelector from '../action-widget/button/font-family-selector';
import Capability from '../../classes/action/capability'; import Capability from '../../classes/action/capability';
export type ToolbarActionType = 'export' | 'publish' | 'history' | 'print' | 'share' | 'info';
/** /**
* *
* @param designer designer to aply changes * @param designer designer to aply changes
@ -305,6 +305,13 @@ export function buildZoomToolbarConfiguration(
if (!designer) return []; if (!designer) return [];
return [ return [
{
icon: <CenterFocusStrongOutlinedIcon />,
tooltip: $msg('CENTER_POSITION'),
onClick: () => {
designer.zoomToFit();
},
},
{ {
// zoom value candidate, neds to fixit // zoom value candidate, neds to fixit
render: () => ( render: () => (