FlipFlopWeekly/zori

<div class="container-fluid admin-panel">
  <section>
    <p class="lead">
      Where you can manage {{nbLinks}} links.
    </p>
  </section>

  <section>
  <header id="header">
    <form id="link-form" ng-submit="addLink()">
      <div class="form-group">
        <div class="input-group">

          <input id="new-link" class="form-control" placeholder="Add a new link" ng-model="newLink" autofocus>

          <div class="input-group-btn">
            <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span></button>
          </div>

        </div>
      </div>
    </form>
  </header>
  <section id="main">
    <ul id="link-list" class="link-list">
      <li ng-repeat="(id, link) in links">
        <form class="form-inline" ng-submit="doneEditing(id)">
          <div class="form-group">
            <div class="input-group">

              <span class="input-group-addon">
                <input ng-model="link.nbClick" ng-focus="editLink(id)" ng-blur="doneEditing(id)">
              </span>

              <input class="edit form-control" ng-trim="false" ng-model="link.url" ng-focus="editLink(id)" ng-blur="doneEditing(id)">

              <div class="input-group-btn">
                <a ng-href="{{link.url}}" class="btn btn-default" target="_blank"><span class="glyphicon glyphicon-new-window"></span></a>
                <button type="button" class="btn btn-default" ng-click="removeLink(id)"><span class="glyphicon glyphicon-remove"></span></button>
              </div>

            </div>
          </div>
        </form>
      </li>
    </ul>
  </section>
</section>
</div>