canvasManagement/Management.Web/Shared/InitializeNewCourse.razor

@using CanvasModel.EnrollmentTerms
@using Management.Web.Shared.Components
@using CanvasModel.Courses
@using Microsoft.AspNetCore.Components.Server.ProtectedBrowserStorage
@using LocalModels

@inject CanvasService canvas
@inject FileStorageManager fileStorageManager


@code {
  [Parameter, EditorRequired]
  public Action NewFileCreated { get; set; } = default!;
  private bool loadingTerms = false;
  private bool loadingCourses = false;
  public IEnumerable<LocalCourse>? localCourses { get; set; }
  private IEnumerable<EnrollmentTermModel>? terms { get; set; } = null;
  private IEnumerable<CourseModel>? courses { get; set; } = null;
  private ulong? _selectedTermId { get; set; }
  private ulong? selectedTermId
  {
    get => _selectedTermId;
    set
    {
      _selectedTermId = value;
      this.InvokeAsync(updateCourses);
    }
  }
  private EnrollmentTermModel? selectedTerm
  {
    get => terms?.FirstOrDefault(t => t.Id == selectedTermId);
  }

  private ulong? _selectedCourseId { get; set; }
  private ulong? selectedCourseId
  {
    get => _selectedCourseId;
    set
    {
      _selectedCourseId = value;
    }
  }

  private CourseModel? selectedCourse
  {
    get => courses?.First(c => c.Id == selectedCourseId);
  }

  private List<DayOfWeek> days { get; set; } = new();

  private IEnumerable<string> directoriesNotUsed { get; set; } = [];
  private string? selectedStorageDirectory { get; set; } = null;
  protected override async Task OnInitializedAsync()
  {
    loadingTerms = true;
    terms = await canvas.GetCurrentTermsFor();
    loadingTerms = false;
    directoriesNotUsed = fileStorageManager.GetEmptyDirectories();
  }

  private async Task SaveNewCourse()
  {
    if (selectedCourse != null && selectedStorageDirectory != null && selectedStorageDirectory != string.Empty)
    {
      var course = new LocalCourse
        {
          Modules = new LocalModule[] { },
          Settings = new LocalCourseSettings()
          {
            Name = Path.GetFileName(selectedStorageDirectory),
            CanvasId = selectedCourse.Id,
            StartDate = selectedTerm?.StartAt ?? new DateTime(),
            EndDate = selectedTerm?.EndAt ?? new DateTime(),
            DaysOfWeek = days,
          }
        };
      await fileStorageManager.SaveCourseAsync(course, null);
      NewFileCreated();
    }
    await updateCourses();
  }

  private async Task updateCourses()
  {
    if (selectedTermId != null)
    {
      loadingCourses = true;

      localCourses = await fileStorageManager.LoadSavedCourses();
      var storedCourseIds = localCourses.Select(c => c.Settings.CanvasId);
      var allCourses = await canvas.GetCourses((ulong)selectedTermId);
      courses = allCourses.Where(c => !storedCourseIds.Contains(c.Id));
      loadingCourses = false;
    }
    else
      courses = null;

    StateHasChanged();
  }
}

@if (loadingTerms)
{
  <Spinner />
}

@if (terms != null)
{
  <div class="row justify-content-center">
  <div class="col-auto">
    <label for="termselect">Select Term:</label>
    <select
      id="termselect"
      class="form-select"
      @bind="selectedTermId"
    >
      @foreach (var term in terms)
        {
          <option value="@term.Id">@term.Name</option>
        }
      </select>
    </div>
  </div>
}


@if (selectedTerm is not null)
{
  @if (loadingCourses)
  {
    <Spinner />
  }

  @if (courses != null)
  {
    <div class="row justify-content-center m-3">
      <div class="col-auto">
        <label for="courseselect">Select Course:</label>
        <select id="courseselect" class="form-select" @bind="selectedCourseId">
        @foreach (var course in courses)
        {
          <option value="@course.Id">@course.Name</option>
        }
        </select>
      </div>
    </div>
    <div class="row justify-content-center m-3">
      <div class="col-auto">
        <label for="directorySelect">Select Storage Directory:</label>
        <select
          id="directorySelect"
          class="form-select"
          @bind="selectedStorageDirectory"
        >
          <option></option>
          @foreach (var folder in directoriesNotUsed)
          {
            <option value="@folder">@folder</option>
          }
        </select>
      </div>
    </div>
  }

  <h5 class="text-center mt-3">Select Days Of Week</h5>
  <div class="row m-3">
  @foreach (DayOfWeek day in (DayOfWeek[])Enum.GetValues(typeof(DayOfWeek)))
    {
      <div class="col">
        <button
          class="@(
            days.Contains(day)
            ? "btn btn-secondary"
            : "btn btn-outline-secondary"
          )"
          @onclick="() => {
            if(days.Contains(day))
              days.Remove(day);
            else
              days.Add(day);
          }"
        >
          @day
        </button>
      </div>
    }
  </div>


  <div class="text-center">
    <button @onclick="SaveNewCourse" class="btn btn-primary">
      Create Course Files
    </button>
  </div>
}