id: main
children:
  - Organism.Header:
      children:
        - Atom.Heading:
            size: h1
            value: filmit
            style: left margin-left
        - Molecule.Navigation:
            style: right margin-right
            children:
              - Atom.Button:
                  events:
                    - touch
                  text: Sing out
                  callbacks:
                    - onSingout
  - Molecule.Navigation:
      id: context
      events:
        - select
      callbacks:
        - onContext
      children:
        - Atom.Button:
            text: Search
            style: active
        - Atom.Button:
            id: pending
            text: Pending
        - Atom.Button:
            id: viewed
            text: Viewed
  - Molecule.Search:
      id: search
      events:
        - submit
        - change

  - Organism.Section:
      id: films
      children:
        - Molecule.List:
            id: search
            events:
              - select
            callbacks:
              - onFilmIMDB
            bind:
              entity: __.Entity.FilmIMDB
              atom: Atom.Li
              events:
                - touch
              create : true
              destroy: true

        - Molecule.List:
            id: list
            events:
              - select
            callbacks:
              - onFilm
            bind:
              entity: __.Entity.Film
              atom: Atom.Li
              events:
                - touch
              # create : true

id: main
children:
  - Organism.Header:
      children:
        - Atom.Heading:
            size: h1
            value: filmit
            style: left margin-left
        - Molecule.Navigation:
            style: right margin-right
            children:
              - Atom.Button:
                  events:
                    - touch
                  text: Log Out
                  callbacks:
                    - onLogout
  - Molecule.Navigation:
      id: context
      events:
        - select
      callbacks:
        - onContext
      children:
        - Atom.Button:
            text: Search
            style: active
        - Atom.Button:
            id: pending
            text: Pending
        - Atom.Button:
            id: viewed
            text: Viewed
  - Molecule.Search:
      id: search
      events:
        - submit
        - change

  - Organism.Section:
      id: films
      children:
        - Molecule.List:
            id: search
            events:
              - select
            callbacks:
              - onFilmIMDB
            bind:
              entity: __.Entity.FilmIMDB
              atom: Atom.Li
              events:
                - touch
              create : true
              destroy: true

        - Molecule.List:
            id: list
            events:
              - select
            callbacks:
              - onFilm
            bind:
              entity: __.Entity.Film
              atom: Atom.Li
              events:
                - touch
              # create : true

Change callback for log out
Change callback for log out