propostas.html 4.8 KB
<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <div ncy-breadcrumb></div>
    </div>
  </div>
</div>

<div class="page--propostas">

  <section class="section-info" ng-if="pagePropostas.loading || pagePropostas.error">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div ng-if="pagePropostas.loading && !pagePropostas.error">
            <div class="alert alert-info" role="alert">Carregando conteúdo...</div>
          </div>

          <div ng-if="pagePropostas.error">
            <div class="alert alert-danger" role="alert">
              Erro ao carregar o conteúdo principal.
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section--header" ng-if="pagePropostas.proposals || pagePropostas.themes">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <h1>Propostas</h1>
        </div>
      </div>
    </div>
  </section>

  <section class="section--articles section-gray section-space-up" ng-if="pagePropostas.proposals || pagePropostas.themes">
    <div class="container">
      <div id="lista-de-propostas" class="row">
        <div class="col-sm-4 col-md-3">
          <div class="row visible-xs">
            <div class="col-xs-12">
              <div class="input-group input-group-lg input-group-search">
                <label for="articleQueryFilter" class="control-label sr-only">Buscar propostas:</label>
                <input id="articleQueryFilter" type="search" class="form-control input-search" ng-model="pagePropostas.query" placeholder="Buscar propostas" aria-label="Buscar propostas" >
                <span class="input-group-btn">
                  <button type="button" class="btn btn-default" ng-click="pagePropostas.search()">
                    <span class="icon-circle icon-small color-theme-common-bg">
                      <span class="glyphicon glyphicon-search"></span>
                    </span>
                    <span class="sr-only">Buscar</span>
                  </button>
                </span>
              </div>
              <br/>
            </div>
          </div>
          <div ng-if="pagePropostas.themes">
            <category-list categories="pagePropostas.themes" selected-category="pagePropostas.selectedTheme"></category-list>
          </div>
          <div ng-if="!pagePropostas.themes && pagePropostas.loadingThemes">
            <div class="alert alert-info" role="alert">
              Carregando temas.
            </div>
          </div>
          <div ng-if="!pagePropostas.themes && pagePropostas.themesError">
            <div class="alert alert-danger" role="alert">
              Não foi possível carregar a lista de temas neste momento.
            </div>
          </div>
        </div>
        <div class="col-sm-8 col-md-9">
          <div class="row hidden-xs" ng-if="pagePropostas.proposals">
            <div class="col-xs-12">
              <div class="input-group input-group-lg input-group-search">
                <label for="articleQueryFilter" class="control-label sr-only">Buscar propostas:</label>
                <input id="articleQueryFilter" type="search" class="form-control input-search" ng-model="pagePropostas.query" placeholder="Buscar propostas" aria-label="Buscar propostas" >
                <span class="input-group-btn">
                  <button type="button" class="btn btn-default" ng-click="pagePropostas.search()">
                    <span class="icon-circle icon-small color-theme-common-bg">
                      <span class="glyphicon glyphicon-search"></span>
                    </span>
                    <span class="sr-only">Buscar</span>
                  </button>
                </span>
              </div>
            </div>
          </div>

          <div class="row" ng-if="pagePropostas.proposals">
            <div class="col-sm-12">
              <header class="header">
                <h2>Total de Propostas: "<b>{{pagePropostas.filtredProposals.length}} propostas</b>"</h2>
              </header>
            </div>
          </div>

          <div class="row">
            <div class="col-sm-12" ng-if="pagePropostas.proposals">
              <proposal-grid proposals="pagePropostas.filtredProposals"></proposal-grid>
            </div>
            <div ng-if="!pagePropostas.proposals && pagePropostas.loadingProposals">
              <div class="alert alert-info" role="alert">
                Carregando propostas.
              </div>
            </div>
            <div ng-if="!pagePropostas.proposals && pagePropostas.proposalsError">
              <div class="alert alert-danger" role="alert">
                Não foi possível carregar a lista de propostas neste momento.
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>