How to use de.tudarmstadt.ukp.clarin.webanno.support.bootstrap

@Override
protected Component newFeedbackPanel(String id) {
  BootstrapFeedbackPanel panel = new BootstrapFeedbackPanel(id);
  panel.setOutputMarkupId(true);
  return panel;
}

public BootstrapFeedbackPanel(String id) {
  super(id);
  
  initCloseAll();
}

  @Override
  protected void onConfigure()
  {
    super.onConfigure();
    
    setVisible(selectedProject.getObject() != null);
  }
};

add(autoTabs = new BootstrapAjaxTabbedPanel<>("autoTabs", tabs));
autoTabs.setOutputMarkupPlaceholderTag(true);

public InstancePanel(String aId, IModel<KnowledgeBase> aKbModel,
    IModel<KBHandle> aSelectedConceptHandle, IModel<KBHandle> aSelectedInstanceHandle,
    IModel<KBInstance> aSelectedInstanceModel)
{
  super(aId, aSelectedInstanceModel);
  setOutputMarkupId(true);
  kbModel = aKbModel;
  selectedInstanceHandle = aSelectedInstanceHandle;
  selectedConceptHandle = aSelectedConceptHandle;
  
  addOrReplace(new InstanceInfoPanel("instanceinfo", aKbModel, selectedInstanceHandle,
      aSelectedInstanceModel));
  add(new BootstrapAjaxTabbedPanel<ITab>("tabPanel", makeTabs()));
}

feedbackPanel = new BootstrapFeedbackPanel("feedbackPanel");
feedbackPanel.setOutputMarkupId(true);
feedbackPanel.setFilter((IFeedbackMessageFilter) aMessage -> {

private void initCloseAll()
{
  WebMarkupContainer messagesContainer = (WebMarkupContainer) get("feedbackul");
  
  WebMarkupContainer closeAll = new WebMarkupContainer("closeAll") {
    private static final long serialVersionUID = -2488179250168075146L;
    @Override
    protected void onConfigure()
    {
      super.onConfigure();
      
      // If there is more than 1 sticky messages, then show the close-all button
      int stickyMessages = 0;
      for (FeedbackMessage msg : getCurrentMessages()) {
        if (!(msg.isSuccess() || msg.isInfo())) {
          stickyMessages ++;
        }
        if (stickyMessages > 1) {
          break;
        }
      }
      
      setVisible(stickyMessages > 1);
    }
  };
  
  messagesContainer.add(closeAll);
}

  @Override
  protected void onConfigure()
  {
    super.onConfigure();
    
    // If there is more than 1 sticky messages, then show the close-all button
    int stickyMessages = 0;
    for (FeedbackMessage msg : getCurrentMessages()) {
      if (!(msg.isSuccess() || msg.isInfo())) {
        stickyMessages ++;
      }
      if (stickyMessages > 1) {
        break;
      }
    }
    
    setVisible(stickyMessages > 1);
  }
};

@Override
protected Component newFeedbackPanel(String id) {
  BootstrapFeedbackPanel panel = new BootstrapFeedbackPanel(id);
  panel.setOutputMarkupId(true);
  return panel;
}

add(autoTabs = new BootstrapAjaxTabbedPanel<>("autoTabs", tabs));
autoTabs.setOutputMarkupPlaceholderTag(true);

public InstancePanel(String aId, IModel<KnowledgeBase> aKbModel,
    IModel<KBHandle> aSelectedConceptHandle, IModel<KBHandle> aSelectedInstanceHandle,
    IModel<KBInstance> aSelectedInstanceModel)
{
  super(aId, aSelectedInstanceModel);
  setOutputMarkupId(true);
  kbModel = aKbModel;
  selectedInstanceHandle = aSelectedInstanceHandle;
  selectedConceptHandle = aSelectedConceptHandle;
  
  addOrReplace(new InstanceInfoPanel("instanceinfo", aKbModel, selectedInstanceHandle,
      aSelectedInstanceModel));
  add(new BootstrapAjaxTabbedPanel<ITab>("tabPanel", makeTabs()));
}

feedbackPanel = new BootstrapFeedbackPanel("feedbackPanel");
feedbackPanel.setOutputMarkupId(true);
feedbackPanel.setFilter((IFeedbackMessageFilter) aMessage -> {

public BootstrapFeedbackPanel(String id, IFeedbackMessageFilter filter) {
  super(id, filter);
  
  initCloseAll();
}

  @Override
  protected void onConfigure()
  {
    super.onConfigure();
    
    setVisible(selectedProject.getObject() != null);
  }
};

public ConceptInstancePanel(String aId, IModel<KnowledgeBase> aKbModel,
    IModel<KBHandle> selectedConceptHandle, IModel<KBConcept> selectedConceptModel)
{
  super(aId, selectedConceptModel);
  setOutputMarkupId(true);
  kbModel = aKbModel;
  selectedInstanceHandle = Model.of();
  this.selectedConceptHandle = selectedConceptHandle;
  
  add(new BootstrapAjaxTabbedPanel<ITab>("tabPanel", makeTabs()));
  
  add(new ConceptInfoPanel("info", kbModel, selectedConceptHandle, selectedConceptModel));
      
  instanceInfoPanel = new EmptyPanel(INSTANCE_INFO_MARKUP_ID).setVisibilityAllowed(false);
  add(instanceInfoPanel);
}

public ConceptInstancePanel(String aId, IModel<KnowledgeBase> aKbModel,
    IModel<KBHandle> selectedConceptHandle, IModel<KBConcept> selectedConceptModel)
{
  super(aId, selectedConceptModel);
  setOutputMarkupId(true);
  kbModel = aKbModel;
  selectedInstanceHandle = Model.of();
  this.selectedConceptHandle = selectedConceptHandle;
  
  add(new BootstrapAjaxTabbedPanel<ITab>("tabPanel", makeTabs()));
  
  add(new ConceptInfoPanel("info", kbModel, selectedConceptHandle, selectedConceptModel));
      
  instanceInfoPanel = new EmptyPanel(INSTANCE_INFO_MARKUP_ID).setVisibilityAllowed(false);
  add(instanceInfoPanel);
}