canine/app/javascript/controllers/github_select_repository_controller.js

import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
  static targets = ["frame", "repository", "button", "publicRepository", "modal"]

  connect() {
    this.frameTarget.addEventListener("turbo:frame-load", this.onFrameLoad.bind(this))
  }

  selectPublicRepository() {
    this.repositoryTarget.value = this.publicRepositoryTarget.value

    // Close the modal
    this.modalTarget.removeAttribute("open")
  }

  onFrameLoad(event) {
    this.buttonTarget.removeAttribute("disabled")
  }

  selectRepository(e) {
    this.repositoryTarget.value = e.target.dataset.repositoryName;
    this.modalTarget.removeAttribute("open")
  }

  connectToGithub(e) {
    // Set attribute of src to the url of the frame
    console.log(this.frameTarget)
    this.frameTarget.setAttribute("src", "/integrations/github/repositories")
    
    // Disable the button after clicking
    this.buttonTarget.setAttribute("disabled", "true")
  }
}