openProjectOptionsDialog(project) {
    this.projectOptionsSelected = project;

    // reset the dialog
    this.shadowRoot.getElementById("connected-group-name").style.removeProperty("display");
    this.shadowRoot.getElementById("input-edit-group-name").style.setProperty("display", "none");

    this.shadowRoot.getElementById("connected-group-project-name").innerText = project.name;
    this.shadowRoot.getElementById("connected-group-name").innerText = project.groupName;

    // open the dialog
    this.shadowRoot.getElementById("dialog-project-options").open();
  }
/**
   * Gets called when the "options" icon of one of the displayed projects gets clicked and opens a dialog with
   * information on the group which is currently connected to the project and the possibility to delete the project.
   * @param project
   */
Gets called when the "options" icon of one of the displayed projects gets clicked and opens a dialog with
information on the group which is currently connected to the project and the possibility to delete the project.
@param project
Gets called when the " options " icon of one of the displayed projects gets clicked and opens a dialog with information on the group which is currently connected to the project and the possibility to delete the project . @param project
openProjectOptionsDialog(project) {
    this.projectOptionsSelected = project;
    this.shadowRoot.getElementById("connected-group-name").style.removeProperty("display");
    this.shadowRoot.getElementById("input-edit-group-name").style.setProperty("display", "none");
    this.shadowRoot.getElementById("connected-group-project-name").innerText = project.name;
    this.shadowRoot.getElementById("connected-group-name").innerText = project.groupName;
    this.shadowRoot.getElementById("dialog-project-options").open();
  }
openProjectOptionsDialog ( project ) { this . projectOptionsSelected = project ; this . shadowRoot . getElementById ( "connected-group-name" ) . style . removeProperty ( "display" ) ; this . shadowRoot . getElementById ( "input-edit-group-name" ) . style . setProperty ( "display" , "none" ) ; this . shadowRoot . getElementById ( "connected-group-project-name" ) . innerText = project . name ; this . shadowRoot . getElementById ( "connected-group-name" ) . innerText = project . groupName ; this . shadowRoot . getElementById ( "dialog-project-options" ) . open ( ) ; }
Gets called when the "options" icon of one of the displayed projects gets clicked and opens a dialog with
 information on the group which is currently connected to the project and the possibility to delete the project.
Gets called when the " options " icon of one of the displayed projects gets clicked and opens a dialog with information on the group which is currently connected to the project and the possibility to delete the project .
// reset the dialog // open the dialog