createCarouselSlidePrivateTeam()

in source/webapp/src/lib/js/workteam.js [188:252]

• 60 lines of code
• 1 McCabe index (conditional complexity)

  createCarouselSlidePrivateTeam() {
    const slide = WorkteamWizard.Constants.Carousel.Slide;
    const element = `
    <div
    class="carousel-item"
    id="${slide.PrivateTeam.Id}"
    style="height: 400px">
      <div
      class="container"
      style="height: 100%; width: 96%;">
        <div
        class="row d-flex justify-content-center align-items-center"
        style="height: 90%;">
          <!-- graphics -->
          <div class="col-sm-3 px-0 text-center">
            <i class="fas fa-users-cog" style="color: #ccc; font-size: 6em"></i>
          </div>

          <!-- description -->
          <div class="col-sm-9 px-0">
            <h4>Choose a work team</h4>
            <p class="lead mt-3">
              From the 'select' box, choose an existing team to work on the labeling tasks. If no team has been created before, select 'Create new team' to create one.
            </p>

            <!-- content -->
            <form>
              <div class="form-group">
                <select class="form-control" id="${slide.PrivateTeam.Select.Workteam}">
                </select>
              </div>
            </form>
          </div>
        </div>

        <div class="row d-flex justify-content-end align-items-end">
          <!-- Cancel -->
          <button
          type="button"
          class="btn btn-sm btn-light px-4 mx-1"
          data-action="${slide.Cancel.Id}">
            Cancel
          </button>

          <!-- Welcome -->
          <button
          type="button"
          class="btn btn-sm btn-primary px-4 mx-1"
          data-action="${slide.Welcome.Id}">
            Back
          </button>

          <!-- Team Member -->
          <button
          type="button"
          class="btn btn-sm btn-success px-4 mx-1"
          data-action="${slide.TeamMember.Id}">
            Next
          </button>
        </div>
      </div>
    </div>
    `;
    return element;
  }