Footers, Headers, NavBars: API Proposal

[ajoslin]

Header

<ion-header-bar align-title="left">
  <div class="buttons">
    <button class="button">Hello Left!</button>
  </div>
  <h1 class="title">Title</h1>
  <div class="buttons">
    <button class="button">Hello Right!</button>
  </div>
</ion-header-bar>
<ion-content>
  Some content!
</ion-content>

Footer

<ion-content>
  Some content!
</ion-content>
<ion-footer-bar align-title="left">
  <div class="buttons">
    <button class="button">Hello Left!</button>
  </div>
  <h1 class="title">Title</h1>
  <div class="buttons">
    <button class="button">Hello Right!</button>
  </div>
</ion-footer-bar>

NavBar

<ion-nav-bar>
</ion-nav-bar>
<ion-nav-view>
  <ion-view>
    <ion-nav-buttons side="left">
      <button class="button">Hello Left!</button>
    </ion-nav-buttons>
    <ion-nav-buttons side="right">
      <button class="button">Hello Right!</button>
    </ion-nav-buttons>
    <ion-content>
      Some content!
    </ion-content>
  </ion-view>
</ion-nav-view>

[ajoslin]

Declarative NavBar Back

<ion-nav-bar>
  <!-- ng-click is overrideable by dev; defaults to go back -->
  <ion-nav-back class="ion-arrow-left-c">
    Back!
  </ion-nav-back>
</ion-nav-bar>

[mlynch]

This at least seems like an improvement over the old API for the nav bar. The question then is what's the point of ion-header-bar or ion-footer-bar if it only handles header alilgnment?

[ajoslin]

State management like #619

[adamdbradley]

Seems pretty clear actually. And you could use ng-repeat if you wanted, and even have more buttons after the repeat, so yeah, I think this format is much more flexible. What are the negatives to doing it this way?

[ajoslin]

I can't think of any negatives besides verbosity, to be honest.

[rvanbaalen]

@ajoslin Is verbosity a negative?

API looks good to me.

[ajoslin]

Landed via bfcfae3

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.