package com.weEat.modules

import mhtml.{Rx,Cancelable}
import com.weEat.view.View

case class Navbar(nav: Rx[Seq[View]]) extends Module {

  private var lastCancelable: Option[Cancelable] = None

  def renderView(view: View) = {
    lastCancelable.foreach(_.cancel)
    lastCancelable = Some(view.present())
    ()
  }

  val render = {
    <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
    {
      nav.map({
        for (view <- _) yield {
          <li class={if (false) "nav-item active" else "nav-item"}>
            <a class="nav-link" href="#" onclick={() =>
              renderView(view)
            }>{view.title}</a>
          </li>
        }
      })
    }
    </ul>
  }
}