index.html 2.85 KB
<html>
  <head>
    <meta charset="utf-8" />
    <title>Participa Brasil</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script src='js/jquery-2.1.3.min.js'></script>
    <script src='js/handlebars-v3.0.1.js'></script>
    <script src='js/handlebars-helpers.js'></script>
  </head>
  <body>
 
    <script id='proposal-template' type='text/x-handlebars-template'>
      <header>
        <h1>{{article.title}}</h1>
      </header>
  
      <div id="content">
        <p>{{article.body}}</p>
      </div>
  
      <nav>
        <ul>
          <li id='nav-proposal-categories'><a href="#proposal-categories" class="active">Temas</a></li>
          <li id='nav-proposal-group'><a href="#proposal-group">Programas</a></li>
        </ul>
      </nav>

      <ul id="proposal-categories">
          {{#each article.categories}}
            <li class="proposal-category">
              <img src="{{../host}}{{image.thumb_url}}"/>
              {{#link name id}}{{/link}}
              <ul id='proposal-item-{{id}}' class='proposal-category-item hide'>
                {{#list_proposal ../article.children category=slug}}
                  {{#link title id}}{{/link}}
                {{/list_proposal}}
              </ul>
            </li>
          {{/each}}
      </ul>

      <ul id="proposal-group" class='hide'>
          {{#list_proposal article.children}}
            {{#link title id}}{{/link}}
          {{/list_proposal}}
      </ul>

      {{#each article.children}}
        <div class='proposal-detail hide' id="proposal-item-{{id}}">
          <ul>
            {{#each categories}}
              <li>{{name}}</li>
            {{/each}}
          </ul>
          <img src="{{../host}}{{image.thumb_url}}"/>
          <div class='title'>{{title}}</div> 
          <span>{{body}}</span>
          <div class='make-proposal'>
            <title>Faça sua proposta</title>
          </div>
          <div class='support-proposal'>
            <title> Apoie outras propostas</title>
          </div>
          <div class='experience-proposal'>Conte sua experiência</div>
          <div class='talk-proposal'>Fale com o ministro</div>
        </div>
      {{/each}}
      
    </script>

    <div id='proposal-result'></div>

    <div id="login">
      <a href="//www.participa.br/plugin/oauth_client/google_oauth2?id=2" target="_blank" class="google">Google</a>
      <a href="//www.participa.br/plugin/oauth_client/facebook?id=1" target="_blank" class="facebook">Facebook</a>
      <a href="//www.participa.br/plugin/oauth_client/noosfero_oauth2?id=1" target="_blank" class="participa">Participa</a>
      <input type="text" id="private-token" style="display: none">
    </div>

    <footer>
      <p>Ícones desenhados por <a href="http://flaticon.com">Flaticon.com</a></p>
    </footer>

    <script src='js/main.js'></script>
    <script src='js/login.js'></script>
  </body>

</html>