//topPart.add(playBack).padLeft(6).left(); // TODO: add this back when we can support
private Table buildHeader() {
        Skin skin = getSkin();
        SquareButton ffBack = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-ff"));
        ffBack.flipHorizontal();
        playBack = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-play"), true);
        playBack.flipHorizontal();
        play = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-play"), true);
        SquareButton ffForward = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-ff"));
        repeatBtn = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-repeat"), true);
        newBtn = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-new"));
        newBtn.getIconCell().padTop(2).padLeft(1);
        SquareButton deleteBtn = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-delete"));
        upBtn = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-play"));
        upBtn.flipVertical();
        downBtn = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-play"));
        downBtn.flipVertical(); downBtn.flipHorizontal();
        Table header = new Table();
        header.setBackground(skin.getDrawable("timeline-top-bar-bg"));
        Table topPart = new Table();
        Table bottomPart = new Table();
        topPart.add(ffBack).padLeft(6).left();
        //topPart.add(playBack).padLeft(6).left(); // TODO: add this back when we can support
        topPart.add(play).padLeft(6).left();
        topPart.add(ffForward).padLeft(6).left();
        topPart.add(repeatBtn).padLeft(6).left();
        topPart.add().growX().minWidth(20);
        topPart.add(upBtn).padRight(6).right();
        topPart.add(downBtn).padRight(10).right();
        topPart.add(newBtn).right().padRight(6);
        topPart.add(deleteBtn).right().padRight(6);
        topActionCell = topPart.add().right();
        typeLabel = new Label("Items", skin);
        typeLabel.setColor(ColorLibrary.FONT_GRAY);
        bottomPart.add(typeLabel).padBottom(2).padLeft(5).left().expandX();
        header.add(topPart).height(33).padBottom(1).growX().row();
        header.add(bottomPart).height(16).growX().row();
        /**
         * Build header actions
         */
        ffBack.addListener(new ClickListener() {
            @Override
            public void clicked(InputEvent event, float x, float y) {
                timeline.onActionButtonClicked(TimelineListener.Type.skipToStart);
            }
        });
        ffForward.addListener(new ClickListener() {
            @Override
            public void clicked(InputEvent event, float x, float y) {
                timeline.onActionButtonClicked(TimelineListener.Type.skipToEnd);
            }
        });
        playBack.addListener(new ClickListener() {
            @Override
            public void clicked(InputEvent event, float x, float y) {
                timeline.onActionButtonClicked(TimelineListener.Type.rewind);
            }
        });
        play.addListener(new ClickListener() {
            @Override
            public void clicked(InputEvent event, float x, float y) {
                timeline.onActionButtonClicked(TimelineListener.Type.play);
            }
        });
        repeatBtn.addListener(new ClickListener() {
            @Override
            public void clicked(InputEvent event, float x, float y) {
                timeline.onActionButtonClicked(TimelineListener.Type.toggleLoop);
            }
        });
        deleteBtn.addListener(new ClickListener() {
            @Override
            public void clicked(InputEvent event, float x, float y) {
                timeline.onActionButtonClicked(TimelineListener.Type.deleteSelection);
            }
        });
        newBtn.addListener(new ClickListener() {
            @Override
            public void clicked(InputEvent event, float x, float y) {
                timeline.onActionButtonClicked(TimelineListener.Type.newItem);
            }
        });
        upBtn.addListener(new ClickListener() {
            @Override
            public void clicked(InputEvent event, float x, float y) {
                timeline.onActionButtonClicked(TimelineListener.Type.up);
            }
        });
        downBtn.addListener(new ClickListener() {
            @Override
            public void clicked(InputEvent event, float x, float y) {
                timeline.onActionButtonClicked(TimelineListener.Type.down);
            }
        });
        return header;
    }
Table bottomPart = new Table();
topPart.add(ffBack).padLeft(6).left();
//topPart.add(playBack).padLeft(6).left(); // TODO: add this back when we can support
topPart.add(play).padLeft(6).left();
topPart.add(ffForward).padLeft(6).left();
SquareButton deleteBtn = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-delete"));
upBtn = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-play"));
upBtn.flipVertical();
downBtn = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-play"));
downBtn.flipVertical(); downBtn.flipHorizontal();
Table header = new Table();
header.setBackground(skin.getDrawable("timeline-top-bar-bg"));
Table topPart = new Table();
Table bottomPart = new Table();
topPart.add(ffBack).padLeft(6).left();
//topPart.add(playBack).padLeft(6).left(); // TODO: add this back when we can support
topPart.add(play).padLeft(6).left();
topPart.add(ffForward).padLeft(6).left();
topPart.add(repeatBtn).padLeft(6).left();
topPart.add().growX().minWidth(20);
topPart.add(upBtn).padRight(6).right();
topPart.add(downBtn).padRight(10).right();
topPart.add(newBtn).right().padRight(6);
topPart.add(deleteBtn).right().padRight(6);
topActionCell = topPart.add().right();
typeLabel = new Label("Items", skin);
Skin skin = getSkin();
SquareButton ffBack = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-ff"));
ffBack.flipHorizontal();
playBack = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-play"), true);
playBack.flipHorizontal();
play = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-play"), true);
SquareButton ffForward = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-ff"));
repeatBtn = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-repeat"), true);
newBtn = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-new"));
newBtn.getIconCell().padTop(2).padLeft(1);
SquareButton deleteBtn = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-delete"));
upBtn = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-play"));
upBtn.flipVertical();
downBtn = new SquareButton(skin, skin.getDrawable("timeline-btn-icon-play"));
downBtn.flipVertical(); downBtn.flipHorizontal();
Table header = new Table();
header.setBackground(skin.getDrawable("timeline-top-bar-bg"));
Table topPart = new Table();
Table bottomPart = new Table();
topPart.add(ffBack).padLeft(6).left();
//topPart.add(playBack).padLeft(6).left(); // TODO: add this back when we can support
topPart.add(play).padLeft(6).left();
topPart.add(ffForward).padLeft(6).left();
topPart.add(repeatBtn).padLeft(6).left();
topPart.add().growX().minWidth(20);
topPart.add(upBtn).padRight(6).right();
topPart.add(downBtn).padRight(10).right();
topPart.add(newBtn).right().padRight(6);
topPart.add(deleteBtn).right().padRight(6);
topActionCell = topPart.add().right();
typeLabel = new Label("Items", skin);
typeLabel.setColor(ColorLibrary.FONT_GRAY);
bottomPart.add(typeLabel).padBottom(2).padLeft(5).left().expandX();
header.add(topPart).height(33).padBottom(1).growX().row();
header.add(bottomPart).height(16).growX().row();
/**
* Build header actions
*/
ffBack.addListener(new ClickListener() {
@Override
public void clicked(InputEvent event, float x, float y) {