Commit ffa9b4b269fa40e6d7f103e1059ff893ec90ffcb

Authored by Luciano Santa Brígida
1 parent 0896ada6

new page to create proposals and a cleaner menu

frontend-lucianosb/ajuda.html
@@ -85,33 +85,11 @@ @@ -85,33 +85,11 @@
85 <li> 85 <li>
86 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a> 86 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a>
87 </li> 87 </li>
88 - <li>  
89 - <a href="javascript:void(0)"><span class="icon icon-today"></span>Etapas</a>  
90 - <span class="menu-collapse-toggle collapsed" data-target="#etapas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
91 - <ul class="menu-collapse collapse" id="etapas">  
92 - <li>  
93 - <a href="lista-perfil.html">Etapas Municipais</a>  
94 - </li>  
95 - <li>  
96 - <a href="lista-perfil.html">Etapas Estaduais</a>  
97 - </li>  
98 - <li>  
99 - <a href="lista-perfil.html">Etapa Nacional</a>  
100 - </li>  
101 - </ul>  
102 - </li>  
103 - <li>  
104 - <a href="javascript:void(0)"><span class="icon icon-forum"></span>Propostas</a>  
105 - <span class="menu-collapse-toggle collapsed" data-target="#propostas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
106 - <ul class="menu-collapse collapse" id="propostas">  
107 - <li>  
108 - <a href="lista-propostas.html">Tema 1</a>  
109 - </li>  
110 - <li>  
111 - <a href="lista-propostas.html">Tema 2</a>  
112 - </li>  
113 - </ul> 88 + <li>
  89 + <a href="meuperfil.html"><span class="icon icon-dashboard"></span>Meu Observatório</a>
114 </li> 90 </li>
  91 +
  92 +
115 </ul> 93 </ul>
116 <hr> 94 <hr>
117 <ul class="nav"> 95 <ul class="nav">
frontend-lucianosb/cadastrar-proposta-p1.html 0 → 100644
@@ -0,0 +1,403 @@ @@ -0,0 +1,403 @@
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +<head>
  4 + <meta charset="UTF-8">
  5 + <meta content="IE=edge" http-equiv="X-UA-Compatible">
  6 + <meta content="initial-scale=1.0, width=device-width" name="viewport">
  7 + <meta name="theme-color" content="#1A237E" />
  8 + <title>3confjuv</title>
  9 +
  10 + <!-- css -->
  11 + <link href="css/base.css" rel="stylesheet">
  12 +
  13 + <!-- favicon -->
  14 + <!-- ... -->
  15 +
  16 + <!-- ie -->
  17 + <!--[if lt IE 9]>
  18 + <script src="js/html5shiv.js" type="text/javascript"></script>
  19 + <script src="js/respond.js" type="text/javascript"></script>
  20 + <![endif]-->
  21 +
  22 +</head>
  23 +<body class="avoid-fout page-proposal">
  24 + <div class="avoid-fout-indicator avoid-fout-indicator-fixed">
  25 + <div class="progress-circular progress-circular-alt progress-circular-center">
  26 + <div class="progress-circular-wrapper">
  27 + <div class="progress-circular-inner">
  28 + <div class="progress-circular-left">
  29 + <div class="progress-circular-spinner"></div>
  30 + </div>
  31 + <div class="progress-circular-gap"></div>
  32 + <div class="progress-circular-right">
  33 + <div class="progress-circular-spinner"></div>
  34 + </div>
  35 + </div>
  36 + </div>
  37 + </div>
  38 + </div>
  39 + <header class="header" style="z-index:1020;">
  40 + <ul class="nav nav-list pull-left">
  41 + <li>
  42 + <a class="menu-toggle" href="#menu">
  43 + <span class="access-hide">Menu</span>
  44 + <span class="icon icon-menu icon-lg"></span>
  45 + <span class="header-close icon icon-close icon-lg"></span>
  46 + </a>
  47 + </li>
  48 + </ul>
  49 + <a class="header-logo" href="index.html">3confjuv</a>
  50 + <ul class="nav nav-list pull-right">
  51 + <li>
  52 + <a class="menu-toggle" href="#search">
  53 + <span class="access-hide">Pesquisar</span>
  54 + <span class="icon icon-search icon-lg"></span>
  55 + <span class="header-close icon icon-close icon-lg"></span>
  56 + </a>
  57 + </li>
  58 +
  59 + </ul>
  60 + </header>
  61 + <nav class="menu" id="menu">
  62 + <div class="menu-scroll">
  63 + <div class="menu-wrap">
  64 +
  65 + <div class="menu-top">
  66 + <div class="menu-top-img" id="menuBG">
  67 + <!--
  68 + <img alt="John Smith" src="images/samples/landscape.jpg">
  69 + -->
  70 + </div>
  71 + <div class="menu-top-info">
  72 + <a class="menu-top-user" href="meuperfil.html"><span class="avatar pull-left"><img alt="alt text for John Smith avatar" src="images/users/avatar-001.jpg"></span>John Smith</a>
  73 + </div>
  74 + </div>
  75 +
  76 + <div class="menu-content">
  77 + <ul class="nav">
  78 +
  79 + <li>
  80 + <a href="index.html"><span class="icon icon-star"></span>Destaques</a>
  81 + </li>
  82 + <li>
  83 + <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a>
  84 + </li>
  85 + <li>
  86 + <a href="meuperfil.html"><span class="icon icon-dashboard"></span>Meu Observatório</a>
  87 + </li>
  88 +
  89 +
  90 + </ul>
  91 + <hr>
  92 + <ul class="nav">
  93 + <li>
  94 + <a href="ajuda.html"><span class="icon icon-help"></span>Ajuda</a>
  95 + </li>
  96 + <li>
  97 + <a href="configuracoes.html"><span class="icon icon-settings"></span>Configurações</a>
  98 + </li>
  99 +
  100 + <li>
  101 + <a href="welcome.html"><span class="icon icon-exit-to-app"></span>Sair</a>
  102 + </li>
  103 +
  104 + </ul>
  105 +
  106 + </div>
  107 + </div>
  108 + </div>
  109 + </nav>
  110 +
  111 + <div class="menu menu-right menu-search" id="search">
  112 + <div class="menu-scroll">
  113 + <div class="menu-wrap">
  114 + <div class="menu-top">
  115 + <div class="menu-top-info">
  116 + <form class="form-group-home menu-top-form">
  117 + <label class="access-hide" for="menu-search">Busca</label>
  118 + <input class="form-control form-control-inverse menu-search-focus" id="menu-search" placeholder="Pesquisar palavra-chave" type="search">
  119 + <button class="access-hide" type="submit">Pesquisar</button>
  120 + </form>
  121 + </div>
  122 + </div>
  123 + <div class="menu-content">
  124 + <div class="menu-content-inner">
  125 + <h2 class="content-sub-heading">Filtrar</h2>
  126 + <nav class="tab-nav tab-nav-home">
  127 + <ul class="nav nav-justified">
  128 + <li class="active">
  129 + <a class="waves-color-home waves-effect" data-toggle="tab" href="#first-tab">Usuários</a>
  130 + </li>
  131 + <li>
  132 + <a class="waves-color-home waves-effect" data-toggle="tab" href="#second-tab">Propostas</a>
  133 + </li>
  134 +
  135 + </ul>
  136 + </nav>
  137 + <div class="tab-content">
  138 + <div class="tab-pane fade active in" id="first-tab">
  139 + <fieldset>
  140 + <legend>Tipos de perfil</legend>
  141 + <div class="form-group form-group-home">
  142 + <div class="checkbox checkbox-adv">
  143 + <label for="input-checkbox-1">
  144 + <input class="access-hide" id="input-checkbox-1" name="input-checkbox" type="checkbox">Pessoas
  145 + </label>
  146 + </div>
  147 + <div class="checkbox checkbox-adv">
  148 + <label for="input-checkbox-2">
  149 + <input class="access-hide" id="input-checkbox-2" name="input-checkbox" type="checkbox">Etapas da Conferencia
  150 + </label>
  151 + </div>
  152 + <div class="checkbox checkbox-adv">
  153 + <label for="input-checkbox-3">
  154 + <input class="access-hide" id="input-checkbox-3" name="input-checkbox" type="checkbox">Delegados
  155 + </label>
  156 + </div>
  157 + <div class="checkbox checkbox-adv">
  158 + <label for="input-checkbox-4">
  159 + <input class="access-hide" id="input-checkbox-4" name="input-checkbox" type="checkbox">Conselheiros
  160 + </label>
  161 + </div>
  162 + </div>
  163 + <legend>UF</legend>
  164 + <div class="form-group">
  165 + <label class="floating-label" for="float-select">UF</label>
  166 + <select class="form-control" id="float-select">
  167 + <option value="">&nbsp;</option>
  168 + <option value="1">1</option>
  169 + <option value="2">2</option>
  170 + <option value="3">3</option>
  171 + </select>
  172 + </div>
  173 + <legend>Cidade</legend>
  174 + <div class="form-group">
  175 + <label class="floating-label" for="float-text">Cidade</label>
  176 + <input class="form-control" id="float-text" type="text">
  177 + </div>
  178 + </fieldset>
  179 + <div class="form-group-btn">
  180 + <button class="btn btn-home waves-button waves-light waves-effect" type="submit">Filtrar</button>
  181 + </div>
  182 + </div>
  183 + <div class="tab-pane fade" id="second-tab">
  184 + <fieldset>
  185 + <legend>Tema</legend>
  186 + <div class="form-group">
  187 + <label class="floating-label" for="float-select">Tema</label>
  188 + <select class="form-control" id="float-select">
  189 + <option value="">&nbsp;</option>
  190 + <option value="1">1</option>
  191 + <option value="2">2</option>
  192 + <option value="3">3</option>
  193 + </select>
  194 + </div>
  195 + </fieldset>
  196 + <div class="form-group-btn">
  197 + <button class="btn btn-home waves-button waves-light waves-effect" type="submit">Filtrar</button>
  198 + </div>
  199 +
  200 + </div>
  201 +
  202 + </div>
  203 + </ul>
  204 + </div>
  205 + </div>
  206 + </div>
  207 + </div>
  208 + </div>
  209 +
  210 +
  211 + <div class="content">
  212 +
  213 + <div class="content-inner">
  214 +
  215 +
  216 +
  217 + <div class="container">
  218 + <div class="clearfix"></div>
  219 + <div id="form">
  220 + <form action="proposta.html">
  221 +
  222 + <h3>Informações Básica</h3>
  223 + <section>
  224 + <h2 class="content-sub-heading">Campos Obrigatórios</h2>
  225 + <div class="form-group form-group-label form-group-proposal">
  226 + <div class="row">
  227 + <div class="col-lg-6 col-sm-8">
  228 + <label class="floating-label" for="float-text-name">Título</label>
  229 + <input class="form-control" id="float-text-name" type="text">
  230 + </div>
  231 + </div>
  232 + </div>
  233 +
  234 + <div class="form-group form-group-label form-group-proposal">
  235 + <div class="row">
  236 + <div class="col-lg-6 col-sm-8">
  237 + <label class="floating-label" for="float-description">Descrição</label>
  238 + <textarea class="form-control" id="float-description" rows="5"></textarea>
  239 + </div>
  240 + </div>
  241 + </div>
  242 +
  243 + <h2 class="content-sub-heading">Selecione o Eixo</h2>
  244 +
  245 + <div class="form-group">
  246 + <div class="checkbox checkbox-adv checkbox-inline">
  247 + <label for="input-checkbox-inline-1">
  248 + <input class="access-hide" id="input-checkbox-inline-1" name="input-checkbox-inline" type="checkbox">Inline Option 1
  249 + <span class="circle"></span><span class="circle-check"></span><span class="circle-icon icon icon-done"></span></label>
  250 + </div>
  251 + <div class="checkbox checkbox-adv checkbox-inline">
  252 + <label for="input-checkbox-inline-2">
  253 + <input class="access-hide" id="input-checkbox-inline-2" name="input-checkbox-inline" type="checkbox">Inline Option 2
  254 + <span class="circle"></span><span class="circle-check"></span><span class="circle-icon icon icon-done"></span></label>
  255 + </div>
  256 + <div class="checkbox checkbox-adv checkbox-inline">
  257 + <label for="input-checkbox-inline-3">
  258 + <input class="access-hide" id="input-checkbox-inline-3" name="input-checkbox-inline" type="checkbox">Inline Option 3
  259 + <span class="circle"></span><span class="circle-check"></span><span class="circle-icon icon icon-done"></span></label>
  260 + </div>
  261 + <div class="checkbox checkbox-adv checkbox-inline">
  262 + <label for="input-checkbox-inline-4">
  263 + <input class="access-hide" id="input-checkbox-inline-4" name="input-checkbox-inline" type="checkbox">Inline Option 4
  264 + <span class="circle"></span><span class="circle-check"></span><span class="circle-icon icon icon-done"></span></label>
  265 + </div>
  266 + <div class="checkbox checkbox-adv checkbox-inline">
  267 + <label for="input-checkbox-inline-5">
  268 + <input class="access-hide" id="input-checkbox-inline-5" name="input-checkbox-inline" type="checkbox">Inline Option 5
  269 + <span class="circle"></span><span class="circle-check"></span><span class="circle-icon icon icon-done"></span></label>
  270 + </div>
  271 + <div class="checkbox checkbox-adv checkbox-inline">
  272 + <label for="input-checkbox-inline-6">
  273 + <input class="access-hide" id="input-checkbox-inline-6" name="input-checkbox-inline" type="checkbox">Inline Option 6
  274 + <span class="circle"></span><span class="circle-check"></span><span class="circle-icon icon icon-done"></span></label>
  275 + </div>
  276 + <div class="checkbox checkbox-adv checkbox-inline">
  277 + <label for="input-checkbox-inline-7">
  278 + <input class="access-hide" id="input-checkbox-inline-7" name="input-checkbox-inline" type="checkbox">Inline Option 7
  279 + <span class="circle"></span><span class="circle-check"></span><span class="circle-icon icon icon-done"></span></label>
  280 + </div>
  281 + <div class="checkbox checkbox-adv checkbox-inline">
  282 + <label for="input-checkbox-inline-8">
  283 + <input class="access-hide" id="input-checkbox-inline-8" name="input-checkbox-inline" type="checkbox">Inline Option 8
  284 + <span class="circle"></span><span class="circle-check"></span><span class="circle-icon icon icon-done"></span></label>
  285 + </div>
  286 + <div class="checkbox checkbox-adv checkbox-inline">
  287 + <label for="input-checkbox-inline-9">
  288 + <input class="access-hide" id="input-checkbox-inline93" name="input-checkbox-inline" type="checkbox">Inline Option 9
  289 + <span class="circle"></span><span class="circle-check"></span><span class="circle-icon icon icon-done"></span></label>
  290 + </div>
  291 + <div class="checkbox checkbox-adv checkbox-inline">
  292 + <label for="input-checkbox-inline-10">
  293 + <input class="access-hide" id="input-checkbox-inline-10" name="input-checkbox-inline" type="checkbox">Inline Option 10
  294 + <span class="circle"></span><span class="circle-check"></span><span class="circle-icon icon icon-done"></span></label>
  295 + </div>
  296 + <div class="checkbox checkbox-adv checkbox-inline">
  297 + <label for="input-checkbox-inline-11">
  298 + <input class="access-hide" id="input-checkbox-inline-11" name="input-checkbox-inline" type="checkbox">Inline Option 11
  299 + <span class="circle"></span><span class="circle-check"></span><span class="circle-icon icon icon-done"></span></label>
  300 + </div>
  301 +
  302 + </div>
  303 +
  304 + <hr />
  305 +
  306 + <h2 class="content-sub-heading">Campos Opcionais</h2>
  307 +
  308 + <div class="form-group">
  309 + <div class="row">
  310 + <div class="col-lg-2 col-md-3 col-sm-4">
  311 + <label class="form-label" for="input-photo">Enviar Foto</label>
  312 + </div>
  313 + <div class="col-lg-4 col-md-6 col-sm-8">
  314 + <input id="input-file" type="file">
  315 + </div>
  316 + </div>
  317 + </div>
  318 +
  319 + <div class="form-group">
  320 + <div class="row">
  321 + <div class="col-lg-2 col-md-3 col-sm-4">
  322 + <label class="form-label" for="float-text-tag">Adicionar Tags separando com virgula</label>
  323 + </div>
  324 + <ul class="tags-input">
  325 + <li class="tags"><span>Tag teste</span><span class="icon icon-close"></span></li>
  326 + <li class="tags-new">
  327 +
  328 + <input class="form-control" id="float-text-tag" type="text">
  329 + </li>
  330 + </ul>
  331 + </div>
  332 + </div>
  333 +
  334 + <div class="form-group">
  335 + <div class="checkbox switch">
  336 + <label for="input-switch-2">
  337 + <input class="access-hide" id="input-switch-2" name="input-switch" type="checkbox"><span class="switch-toggle switch-toggle-proposal"></span>Esta proposta veio de uma conferência livre?
  338 + </label>
  339 + </div>
  340 + </div>
  341 +
  342 +
  343 + </section>
  344 +
  345 +
  346 +
  347 +
  348 +
  349 + <div class="form-group-btn">
  350 + <a class="pull-right btn btn-proposal waves-button waves-effect" href="cadastrar-proposta-p2.html"> CONTINUAR </a>
  351 + </div>
  352 + </form>
  353 + </div>
  354 +
  355 +
  356 + </div>
  357 + </div>
  358 + </div>
  359 + <footer class="footer">
  360 + <div class="container">
  361 + <p>3confjuv</p>
  362 + </div>
  363 + </footer>
  364 +
  365 +
  366 + <script src="js/base.min.js" type="text/javascript"></script>
  367 +
  368 +
  369 +<script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.2.1/trianglify.min.js"></script>
  370 +<script>
  371 + var pattern = Trianglify({
  372 + width: window.innerWidth,
  373 + height: 300,
  374 + x_colors: 'Blues',
  375 + y_colors: 'match_x',
  376 + cell_size: 90,
  377 + variance: 0.5
  378 + });
  379 + var bg = document.getElementById("menuBG");
  380 + bg.appendChild(pattern.canvas())
  381 +
  382 +
  383 +</script>
  384 +
  385 +<script src="js/tags.js" type="text/javascript"></script>
  386 +
  387 +<script>
  388 +
  389 + // makes the fields appear dymically according to the chosen value for range
  390 +
  391 + $('#float-range').change(refresh_inputs);
  392 + refresh_inputs();
  393 + function refresh_inputs() {
  394 + var name = $('#float-range').attr('name');
  395 + var val = $('#float-range').val();
  396 + $('.'+name+' div.row').hide();
  397 + $('.'+val).show();
  398 + }
  399 +
  400 +</script>
  401 +
  402 +</body>
  403 +</html>
0 \ No newline at end of file 404 \ No newline at end of file
frontend-lucianosb/cadastrar-proposta-p2.html 0 → 100644
@@ -0,0 +1,365 @@ @@ -0,0 +1,365 @@
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +<head>
  4 + <meta charset="UTF-8">
  5 + <meta content="IE=edge" http-equiv="X-UA-Compatible">
  6 + <meta content="initial-scale=1.0, width=device-width" name="viewport">
  7 + <meta name="theme-color" content="#1A237E" />
  8 + <title>3confjuv</title>
  9 +
  10 + <!-- css -->
  11 + <link href="css/base.css" rel="stylesheet">
  12 +
  13 + <!-- favicon -->
  14 + <!-- ... -->
  15 +
  16 + <!-- ie -->
  17 + <!--[if lt IE 9]>
  18 + <script src="js/html5shiv.js" type="text/javascript"></script>
  19 + <script src="js/respond.js" type="text/javascript"></script>
  20 + <![endif]-->
  21 +
  22 +</head>
  23 +<body class="avoid-fout page-proposal">
  24 + <div class="avoid-fout-indicator avoid-fout-indicator-fixed">
  25 + <div class="progress-circular progress-circular-alt progress-circular-center">
  26 + <div class="progress-circular-wrapper">
  27 + <div class="progress-circular-inner">
  28 + <div class="progress-circular-left">
  29 + <div class="progress-circular-spinner"></div>
  30 + </div>
  31 + <div class="progress-circular-gap"></div>
  32 + <div class="progress-circular-right">
  33 + <div class="progress-circular-spinner"></div>
  34 + </div>
  35 + </div>
  36 + </div>
  37 + </div>
  38 + </div>
  39 + <header class="header" style="z-index:1020;">
  40 + <ul class="nav nav-list pull-left">
  41 + <li>
  42 + <a class="menu-toggle" href="#menu">
  43 + <span class="access-hide">Menu</span>
  44 + <span class="icon icon-menu icon-lg"></span>
  45 + <span class="header-close icon icon-close icon-lg"></span>
  46 + </a>
  47 + </li>
  48 + </ul>
  49 + <a class="header-logo" href="index.html">3confjuv</a>
  50 + <ul class="nav nav-list pull-right">
  51 + <li>
  52 + <a class="menu-toggle" href="#search">
  53 + <span class="access-hide">Pesquisar</span>
  54 + <span class="icon icon-search icon-lg"></span>
  55 + <span class="header-close icon icon-close icon-lg"></span>
  56 + </a>
  57 + </li>
  58 +
  59 + </ul>
  60 + </header>
  61 + <nav class="menu" id="menu">
  62 + <div class="menu-scroll">
  63 + <div class="menu-wrap">
  64 +
  65 + <div class="menu-top">
  66 + <div class="menu-top-img" id="menuBG">
  67 + <!--
  68 + <img alt="John Smith" src="images/samples/landscape.jpg">
  69 + -->
  70 + </div>
  71 + <div class="menu-top-info">
  72 + <a class="menu-top-user" href="meuperfil.html"><span class="avatar pull-left"><img alt="alt text for John Smith avatar" src="images/users/avatar-001.jpg"></span>John Smith</a>
  73 + </div>
  74 + </div>
  75 +
  76 + <div class="menu-content">
  77 + <ul class="nav">
  78 +
  79 + <li>
  80 + <a href="index.html"><span class="icon icon-star"></span>Destaques</a>
  81 + </li>
  82 + <li>
  83 + <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a>
  84 + </li>
  85 + <li>
  86 + <a href="meuperfil.html"><span class="icon icon-dashboard"></span>Meu Observatório</a>
  87 + </li>
  88 +
  89 +
  90 + </ul>
  91 + <hr>
  92 + <ul class="nav">
  93 + <li>
  94 + <a href="ajuda.html"><span class="icon icon-help"></span>Ajuda</a>
  95 + </li>
  96 + <li>
  97 + <a href="configuracoes.html"><span class="icon icon-settings"></span>Configurações</a>
  98 + </li>
  99 +
  100 + <li>
  101 + <a href="welcome.html"><span class="icon icon-exit-to-app"></span>Sair</a>
  102 + </li>
  103 +
  104 + </ul>
  105 +
  106 + </div>
  107 + </div>
  108 + </div>
  109 + </nav>
  110 +
  111 + <div class="menu menu-right menu-search" id="search">
  112 + <div class="menu-scroll">
  113 + <div class="menu-wrap">
  114 + <div class="menu-top">
  115 + <div class="menu-top-info">
  116 + <form class="form-group-home menu-top-form">
  117 + <label class="access-hide" for="menu-search">Busca</label>
  118 + <input class="form-control form-control-inverse menu-search-focus" id="menu-search" placeholder="Pesquisar palavra-chave" type="search">
  119 + <button class="access-hide" type="submit">Pesquisar</button>
  120 + </form>
  121 + </div>
  122 + </div>
  123 + <div class="menu-content">
  124 + <div class="menu-content-inner">
  125 + <h2 class="content-sub-heading">Filtrar</h2>
  126 + <nav class="tab-nav tab-nav-home">
  127 + <ul class="nav nav-justified">
  128 + <li class="active">
  129 + <a class="waves-color-home waves-effect" data-toggle="tab" href="#first-tab">Usuários</a>
  130 + </li>
  131 + <li>
  132 + <a class="waves-color-home waves-effect" data-toggle="tab" href="#second-tab">Propostas</a>
  133 + </li>
  134 +
  135 + </ul>
  136 + </nav>
  137 + <div class="tab-content">
  138 + <div class="tab-pane fade active in" id="first-tab">
  139 + <fieldset>
  140 + <legend>Tipos de perfil</legend>
  141 + <div class="form-group form-group-home">
  142 + <div class="checkbox checkbox-adv">
  143 + <label for="input-checkbox-1">
  144 + <input class="access-hide" id="input-checkbox-1" name="input-checkbox" type="checkbox">Pessoas
  145 + </label>
  146 + </div>
  147 + <div class="checkbox checkbox-adv">
  148 + <label for="input-checkbox-2">
  149 + <input class="access-hide" id="input-checkbox-2" name="input-checkbox" type="checkbox">Etapas da Conferencia
  150 + </label>
  151 + </div>
  152 + <div class="checkbox checkbox-adv">
  153 + <label for="input-checkbox-3">
  154 + <input class="access-hide" id="input-checkbox-3" name="input-checkbox" type="checkbox">Delegados
  155 + </label>
  156 + </div>
  157 + <div class="checkbox checkbox-adv">
  158 + <label for="input-checkbox-4">
  159 + <input class="access-hide" id="input-checkbox-4" name="input-checkbox" type="checkbox">Conselheiros
  160 + </label>
  161 + </div>
  162 + </div>
  163 + <legend>UF</legend>
  164 + <div class="form-group">
  165 + <label class="floating-label" for="float-select">UF</label>
  166 + <select class="form-control" id="float-select">
  167 + <option value="">&nbsp;</option>
  168 + <option value="1">1</option>
  169 + <option value="2">2</option>
  170 + <option value="3">3</option>
  171 + </select>
  172 + </div>
  173 + <legend>Cidade</legend>
  174 + <div class="form-group">
  175 + <label class="floating-label" for="float-text">Cidade</label>
  176 + <input class="form-control" id="float-text" type="text">
  177 + </div>
  178 + </fieldset>
  179 + <div class="form-group-btn">
  180 + <button class="btn btn-home waves-button waves-light waves-effect" type="submit">Filtrar</button>
  181 + </div>
  182 + </div>
  183 + <div class="tab-pane fade" id="second-tab">
  184 + <fieldset>
  185 + <legend>Tema</legend>
  186 + <div class="form-group">
  187 + <label class="floating-label" for="float-select">Tema</label>
  188 + <select class="form-control" id="float-select">
  189 + <option value="">&nbsp;</option>
  190 + <option value="1">1</option>
  191 + <option value="2">2</option>
  192 + <option value="3">3</option>
  193 + </select>
  194 + </div>
  195 + </fieldset>
  196 + <div class="form-group-btn">
  197 + <button class="btn btn-home waves-button waves-light waves-effect" type="submit">Filtrar</button>
  198 + </div>
  199 +
  200 + </div>
  201 +
  202 + </div>
  203 + </ul>
  204 + </div>
  205 + </div>
  206 + </div>
  207 + </div>
  208 + </div>
  209 +
  210 +
  211 + <div class="content">
  212 +
  213 + <div class="content-inner">
  214 +
  215 +
  216 +
  217 + <div class="container">
  218 + <div class="clearfix"></div>
  219 + <div id="form">
  220 + <form action="proposta.html">
  221 +
  222 +
  223 +
  224 + <h3>Geolocalização</h3>
  225 + <section>
  226 + <h2 class="content-sub-heading">Para concluir, de onde vem esta proposta?</h2>
  227 +
  228 + <div class="form-group form-group-label form-group-range form-group-proposal">
  229 + <div class="row">
  230 + <div class="col-lg-6 col-sm-8">
  231 + <label class="floating-label" for="float-range">Abrangência</label>
  232 + <select class="form-control" id="float-range" name="option">
  233 + <option value="">&nbsp;</option>
  234 + <option value="nacional">Nacional</option>
  235 + <option value="estadual">Estadual</option>
  236 + <option value="regional">Regional</option>
  237 + <option value="municipal">Municipal</option>
  238 + <option value="tcidadania">Território da Cidadania</option>
  239 + <option value="trural">Território Rural</option>
  240 + </select>
  241 + </div>
  242 + </div>
  243 + </div>
  244 +
  245 + <div class="form-group form-group-label form-group-proposal form-group-range option">
  246 + <div class="row estadual municipal regional">
  247 + <div class="col-lg-6 col-sm-8">
  248 + <label class="floating-label" for="float-state">UF</label>
  249 + <select class="form-control" id="float-state">
  250 + <option value="">&nbsp;</option>
  251 + <option value="1">1</option>
  252 + <option value="2">2</option>
  253 + <option value="3">3</option>
  254 + </select>
  255 + </div>
  256 + </div>
  257 + </div>
  258 +
  259 + <div class="form-group form-group-label form-group-proposal form-group-range option">
  260 + <div class="row municipal">
  261 + <div class="col-lg-6 col-sm-8">
  262 + <label class="floating-label" for="float-text-city">Cidade</label>
  263 + <input class="form-control" id="float-text-city" type="text">
  264 + </div>
  265 + </div>
  266 + </div>
  267 +
  268 + <div class="form-group form-group-label form-group-proposal form-group-range option">
  269 + <div class="row regional">
  270 + <div class="col-lg-6 col-sm-8">
  271 + <label class="floating-label" for="float-text-city">Cidades</label>
  272 + <input class="form-control" id="float-text-city" type="text">
  273 + </div>
  274 + </div>
  275 + </div>
  276 +
  277 + <div class="form-group form-group-label form-group-proposal form-group-range option">
  278 + <div class="row tcidadania">
  279 + <div class="col-lg-6 col-sm-8">
  280 + <label class="floating-label" for="float-state">Escolha um Território da Cidadania</label>
  281 + <select class="form-control" id="float-state">
  282 + <option value="">&nbsp;</option>
  283 + <option value="1">1</option>
  284 + <option value="2">2</option>
  285 + <option value="3">3</option>
  286 + </select>
  287 + </div>
  288 + </div>
  289 + </div>
  290 +
  291 + <div class="form-group form-group-label form-group-proposal form-group-range option">
  292 + <div class="row trural">
  293 + <div class="col-lg-6 col-sm-8">
  294 + <label class="floating-label" for="float-state">Escolha um Território Rural</label>
  295 + <select class="form-control" id="float-state">
  296 + <option value="">&nbsp;</option>
  297 + <option value="1">1</option>
  298 + <option value="2">2</option>
  299 + <option value="3">3</option>
  300 + </select>
  301 + </div>
  302 + </div>
  303 + </div>
  304 +
  305 +
  306 + </section>
  307 +
  308 +
  309 +
  310 + <div class="form-group-btn">
  311 + <a class="pull-left btn waves-button waves-effect" href="cadastrar-proposta-p2.html"> VOLTAR </a>
  312 + <button class="pull-right btn btn-proposal waves-button waves-light waves-effect" type="submit">Salvar</button>
  313 + </div>
  314 + </form>
  315 + </div>
  316 +
  317 +
  318 + </div>
  319 + </div>
  320 + </div>
  321 + <footer class="footer">
  322 + <div class="container">
  323 + <p>3confjuv</p>
  324 + </div>
  325 + </footer>
  326 +
  327 +
  328 + <script src="js/base.min.js" type="text/javascript"></script>
  329 +
  330 +
  331 +<script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.2.1/trianglify.min.js"></script>
  332 +<script>
  333 + var pattern = Trianglify({
  334 + width: window.innerWidth,
  335 + height: 300,
  336 + x_colors: 'Blues',
  337 + y_colors: 'match_x',
  338 + cell_size: 90,
  339 + variance: 0.5
  340 + });
  341 + var bg = document.getElementById("menuBG");
  342 + bg.appendChild(pattern.canvas())
  343 +
  344 +
  345 +</script>
  346 +
  347 +<script src="js/tags.js" type="text/javascript"></script>
  348 +
  349 +<script>
  350 +
  351 + // makes the fields appear dymically according to the chosen value for range
  352 +
  353 + $('#float-range').change(refresh_inputs);
  354 + refresh_inputs();
  355 + function refresh_inputs() {
  356 + var name = $('#float-range').attr('name');
  357 + var val = $('#float-range').val();
  358 + $('.'+name+' div.row').hide();
  359 + $('.'+val).show();
  360 + }
  361 +
  362 +</script>
  363 +
  364 +</body>
  365 +</html>
0 \ No newline at end of file 366 \ No newline at end of file
frontend-lucianosb/cadastrar-proposta.html
@@ -69,7 +69,7 @@ @@ -69,7 +69,7 @@
69 --> 69 -->
70 </div> 70 </div>
71 <div class="menu-top-info"> 71 <div class="menu-top-info">
72 - <a class="menu-top-user" href="javascript:void(0)"><span class="avatar pull-left"><img alt="alt text for John Smith avatar" src="images/users/avatar-001.jpg"></span>John Smith</a> 72 + <a class="menu-top-user" href="meuperfil.html"><span class="avatar pull-left"><img alt="alt text for John Smith avatar" src="images/users/avatar-001.jpg"></span>John Smith</a>
73 </div> 73 </div>
74 </div> 74 </div>
75 75
@@ -82,33 +82,11 @@ @@ -82,33 +82,11 @@
82 <li> 82 <li>
83 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a> 83 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a>
84 </li> 84 </li>
85 - <li>  
86 - <a href="javascript:void(0)"><span class="icon icon-today"></span>Etapas</a>  
87 - <span class="menu-collapse-toggle collapsed" data-target="#etapas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
88 - <ul class="menu-collapse collapse" id="etapas">  
89 - <li>  
90 - <a href="lista-perfil.html">Etapas Municipais</a>  
91 - </li>  
92 - <li>  
93 - <a href="lista-perfil.html">Etapas Estaduais</a>  
94 - </li>  
95 - <li>  
96 - <a href="lista-perfil.html">Etapa Nacional</a>  
97 - </li>  
98 - </ul>  
99 - </li>  
100 - <li>  
101 - <a href="javascript:void(0)"><span class="icon icon-forum"></span>Propostas</a>  
102 - <span class="menu-collapse-toggle collapsed" data-target="#propostas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
103 - <ul class="menu-collapse collapse" id="propostas">  
104 - <li>  
105 - <a href="lista-propostas.html">Tema 1</a>  
106 - </li>  
107 - <li>  
108 - <a href="lista-propostas.html">Tema 2</a>  
109 - </li>  
110 - </ul> 85 + <li>
  86 + <a href="meuperfil.html"><span class="icon icon-dashboard"></span>Meu Observatório</a>
111 </li> 87 </li>
  88 +
  89 +
112 </ul> 90 </ul>
113 <hr> 91 <hr>
114 <ul class="nav"> 92 <ul class="nav">
@@ -341,7 +319,7 @@ @@ -341,7 +319,7 @@
341 <div class="form-group"> 319 <div class="form-group">
342 <div class="row"> 320 <div class="row">
343 <div class="col-lg-2 col-md-3 col-sm-4"> 321 <div class="col-lg-2 col-md-3 col-sm-4">
344 - <label class="form-label" for="input-photo">Adicionar Tags separando com virgula</label> 322 + <label class="form-label" for="float-text-tag">Adicionar Tags separando com virgula</label>
345 </div> 323 </div>
346 <ul class="tags-input"> 324 <ul class="tags-input">
347 <li class="tags"><span>Tag teste</span><span class="icon icon-close"></span></li> 325 <li class="tags"><span>Tag teste</span><span class="icon icon-close"></span></li>
@@ -366,10 +344,28 @@ @@ -366,10 +344,28 @@
366 344
367 <h3>Geolocalização</h3> 345 <h3>Geolocalização</h3>
368 <section> 346 <section>
369 - <h2 class="content-sub-heading">Para concluir, de onde vem esta proposta?</h2>  
370 - <div class="form-group form-group-label form-group-proposal"> 347 + <h2 class="content-sub-heading">Para concluir, de onde vem esta proposta?</h2>
  348 +
  349 + <div class="form-group form-group-label form-group-range form-group-proposal">
371 <div class="row"> 350 <div class="row">
372 <div class="col-lg-6 col-sm-8"> 351 <div class="col-lg-6 col-sm-8">
  352 + <label class="floating-label" for="float-range">Abrangência</label>
  353 + <select class="form-control" id="float-range" name="option">
  354 + <option value="">&nbsp;</option>
  355 + <option value="nacional">Nacional</option>
  356 + <option value="estadual">Estadual</option>
  357 + <option value="regional">Regional</option>
  358 + <option value="municipal">Municipal</option>
  359 + <option value="tcidadania">Território da Cidadania</option>
  360 + <option value="trural">Território Rural</option>
  361 + </select>
  362 + </div>
  363 + </div>
  364 + </div>
  365 +
  366 + <div class="form-group form-group-label form-group-proposal form-group-range option">
  367 + <div class="row estadual municipal regional">
  368 + <div class="col-lg-6 col-sm-8">
373 <label class="floating-label" for="float-state">UF</label> 369 <label class="floating-label" for="float-state">UF</label>
374 <select class="form-control" id="float-state"> 370 <select class="form-control" id="float-state">
375 <option value="">&nbsp;</option> 371 <option value="">&nbsp;</option>
@@ -381,23 +377,60 @@ @@ -381,23 +377,60 @@
381 </div> 377 </div>
382 </div> 378 </div>
383 379
384 - <div class="form-group form-group-label form-group-proposal">  
385 - <div class="row"> 380 + <div class="form-group form-group-label form-group-proposal form-group-range option">
  381 + <div class="row municipal">
386 <div class="col-lg-6 col-sm-8"> 382 <div class="col-lg-6 col-sm-8">
387 <label class="floating-label" for="float-text-city">Cidade</label> 383 <label class="floating-label" for="float-text-city">Cidade</label>
388 <input class="form-control" id="float-text-city" type="text"> 384 <input class="form-control" id="float-text-city" type="text">
389 </div> 385 </div>
390 </div> 386 </div>
391 </div> 387 </div>
  388 +
  389 + <div class="form-group form-group-label form-group-proposal form-group-range option">
  390 + <div class="row regional">
  391 + <div class="col-lg-6 col-sm-8">
  392 + <label class="floating-label" for="float-text-city">Cidades</label>
  393 + <input class="form-control" id="float-text-city" type="text">
  394 + </div>
  395 + </div>
  396 + </div>
  397 +
  398 + <div class="form-group form-group-label form-group-proposal form-group-range option">
  399 + <div class="row tcidadania">
  400 + <div class="col-lg-6 col-sm-8">
  401 + <label class="floating-label" for="float-state">Escolha um Território da Cidadania</label>
  402 + <select class="form-control" id="float-state">
  403 + <option value="">&nbsp;</option>
  404 + <option value="1">1</option>
  405 + <option value="2">2</option>
  406 + <option value="3">3</option>
  407 + </select>
  408 + </div>
  409 + </div>
  410 + </div>
  411 +
  412 + <div class="form-group form-group-label form-group-proposal form-group-range option">
  413 + <div class="row trural">
  414 + <div class="col-lg-6 col-sm-8">
  415 + <label class="floating-label" for="float-state">Escolha um Território Rural</label>
  416 + <select class="form-control" id="float-state">
  417 + <option value="">&nbsp;</option>
  418 + <option value="1">1</option>
  419 + <option value="2">2</option>
  420 + <option value="3">3</option>
  421 + </select>
  422 + </div>
  423 + </div>
  424 + </div>
392 425
393 426
394 </section> 427 </section>
395 428
396 429
397 430
398 - <!--<div class="form-group-btn"> 431 + <div class="form-group-btn">
399 <button class="btn btn-proposal waves-button waves-light waves-effect" type="submit">Salvar</button> 432 <button class="btn btn-proposal waves-button waves-light waves-effect" type="submit">Salvar</button>
400 - </div>--> 433 + </div>
401 </form> 434 </form>
402 </div> 435 </div>
403 436
@@ -430,32 +463,23 @@ @@ -430,32 +463,23 @@
430 463
431 464
432 </script> 465 </script>
433 - 466 +
  467 +<script src="js/tags.js" type="text/javascript"></script>
434 468
435 <script> 469 <script>
436 470
437 - $('#float-profilekind').change(refresh_inputs); 471 + // makes the fields appear dymically according to the chosen value for range
  472 +
  473 + $('#float-range').change(refresh_inputs);
438 refresh_inputs(); 474 refresh_inputs();
439 function refresh_inputs() { 475 function refresh_inputs() {
440 - var name = $('#float-profilekind').attr('name');  
441 - var val = $('#float-profilekind').val(); 476 + var name = $('#float-range').attr('name');
  477 + var val = $('#float-range').val();
442 $('.'+name+' div.row').hide(); 478 $('.'+name+' div.row').hide();
443 $('.'+val).show(); 479 $('.'+val).show();
444 } 480 }
445 481
446 </script> 482 </script>
447 -  
448 -<script src="js/tags.js" type="text/javascript"></script>  
449 -<script src="js/jquery.steps.js" type="text/javascript"></script>  
450 -<script>  
451 -  
452 - $("#form").steps({  
453 - headerTag: "h3",  
454 - bodyTag: "section",  
455 - transitionEffect: "slideLeft"  
456 - });  
457 -  
458 -</script>  
459 483
460 </body> 484 </body>
461 </html> 485 </html>
462 \ No newline at end of file 486 \ No newline at end of file
frontend-lucianosb/configuracoes.html
@@ -85,33 +85,11 @@ @@ -85,33 +85,11 @@
85 <li> 85 <li>
86 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a> 86 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a>
87 </li> 87 </li>
88 - <li>  
89 - <a href="javascript:void(0)"><span class="icon icon-today"></span>Etapas</a>  
90 - <span class="menu-collapse-toggle collapsed" data-target="#etapas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
91 - <ul class="menu-collapse collapse" id="etapas">  
92 - <li>  
93 - <a href="lista-perfil.html">Etapas Municipais</a>  
94 - </li>  
95 - <li>  
96 - <a href="lista-perfil.html">Etapas Estaduais</a>  
97 - </li>  
98 - <li>  
99 - <a href="lista-perfil.html">Etapa Nacional</a>  
100 - </li>  
101 - </ul>  
102 - </li>  
103 - <li>  
104 - <a href="javascript:void(0)"><span class="icon icon-forum"></span>Propostas</a>  
105 - <span class="menu-collapse-toggle collapsed" data-target="#propostas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
106 - <ul class="menu-collapse collapse" id="propostas">  
107 - <li>  
108 - <a href="lista-propostas.html">Tema 1</a>  
109 - </li>  
110 - <li>  
111 - <a href="lista-propostas.html">Tema 2</a>  
112 - </li>  
113 - </ul> 88 + <li>
  89 + <a href="meuperfil.html"><span class="icon icon-dashboard"></span>Meu Observatório</a>
114 </li> 90 </li>
  91 +
  92 +
115 </ul> 93 </ul>
116 <hr> 94 <hr>
117 <ul class="nav"> 95 <ul class="nav">
frontend-lucianosb/editar-perfil.html
@@ -69,7 +69,7 @@ @@ -69,7 +69,7 @@
69 --> 69 -->
70 </div> 70 </div>
71 <div class="menu-top-info"> 71 <div class="menu-top-info">
72 - <a class="menu-top-user" href="javascript:void(0)"><span class="avatar pull-left"><img alt="alt text for John Smith avatar" src="images/users/avatar-001.jpg"></span>John Smith</a> 72 + <a class="menu-top-user" href="meuperfil.html"><span class="avatar pull-left"><img alt="alt text for John Smith avatar" src="images/users/avatar-001.jpg"></span>John Smith</a>
73 </div> 73 </div>
74 </div> 74 </div>
75 75
@@ -82,33 +82,11 @@ @@ -82,33 +82,11 @@
82 <li> 82 <li>
83 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a> 83 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a>
84 </li> 84 </li>
85 - <li>  
86 - <a href="javascript:void(0)"><span class="icon icon-today"></span>Etapas</a>  
87 - <span class="menu-collapse-toggle collapsed" data-target="#etapas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
88 - <ul class="menu-collapse collapse" id="etapas">  
89 - <li>  
90 - <a href="lista-perfil.html">Etapas Municipais</a>  
91 - </li>  
92 - <li>  
93 - <a href="lista-perfil.html">Etapas Estaduais</a>  
94 - </li>  
95 - <li>  
96 - <a href="lista-perfil.html">Etapa Nacional</a>  
97 - </li>  
98 - </ul>  
99 - </li>  
100 - <li>  
101 - <a href="javascript:void(0)"><span class="icon icon-forum"></span>Propostas</a>  
102 - <span class="menu-collapse-toggle collapsed" data-target="#propostas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
103 - <ul class="menu-collapse collapse" id="propostas">  
104 - <li>  
105 - <a href="lista-propostas.html">Tema 1</a>  
106 - </li>  
107 - <li>  
108 - <a href="lista-propostas.html">Tema 2</a>  
109 - </li>  
110 - </ul> 85 + <li>
  86 + <a href="meuperfil.html"><span class="icon icon-dashboard"></span>Meu Observatório</a>
111 </li> 87 </li>
  88 +
  89 +
112 </ul> 90 </ul>
113 <hr> 91 <hr>
114 <ul class="nav"> 92 <ul class="nav">
frontend-lucianosb/index.html
@@ -9,8 +9,7 @@ @@ -9,8 +9,7 @@
9 9
10 <!-- css --> 10 <!-- css -->
11 <link href="css/base.css" rel="stylesheet"> 11 <link href="css/base.css" rel="stylesheet">
12 - <link href="css/grumble.min.css" rel="stylesheet">  
13 - <link href="css/crumble.css" rel="stylesheet"> 12 +
14 13
15 <!-- favicon --> 14 <!-- favicon -->
16 <!-- ... --> 15 <!-- ... -->
@@ -85,33 +84,11 @@ @@ -85,33 +84,11 @@
85 <li> 84 <li>
86 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a> 85 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a>
87 </li> 86 </li>
88 - <li>  
89 - <a href="javascript:void(0)"><span class="icon icon-today"></span>Etapas</a>  
90 - <span class="menu-collapse-toggle collapsed" data-target="#etapas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
91 - <ul class="menu-collapse collapse" id="etapas">  
92 - <li>  
93 - <a href="lista-perfil.html">Etapas Municipais</a>  
94 - </li>  
95 - <li>  
96 - <a href="lista-perfil.html">Etapas Estaduais</a>  
97 - </li>  
98 - <li>  
99 - <a href="lista-perfil.html">Etapa Nacional</a>  
100 - </li>  
101 - </ul>  
102 - </li>  
103 - <li>  
104 - <a href="javascript:void(0)"><span class="icon icon-forum"></span>Propostas</a>  
105 - <span class="menu-collapse-toggle collapsed" data-target="#propostas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
106 - <ul class="menu-collapse collapse" id="propostas">  
107 - <li>  
108 - <a href="lista-propostas.html">Tema 1</a>  
109 - </li>  
110 - <li>  
111 - <a href="lista-propostas.html">Tema 2</a>  
112 - </li>  
113 - </ul> 87 + <li>
  88 + <a href="meuperfil.html"><span class="icon icon-dashboard"></span>Meu Observatório</a>
114 </li> 89 </li>
  90 +
  91 +
115 </ul> 92 </ul>
116 <hr> 93 <hr>
117 <ul class="nav"> 94 <ul class="nav">
@@ -254,6 +231,33 @@ @@ -254,6 +231,33 @@
254 <h2 class="content-sub-heading">Como você vai mudar o Brasil?</h2> 231 <h2 class="content-sub-heading">Como você vai mudar o Brasil?</h2>
255 <div class="cards"> 232 <div class="cards">
256 <!-- the cards are generated by js/cards.js --> 233 <!-- the cards are generated by js/cards.js -->
  234 +
  235 + <div aria-hidden="true" class="modal fade" id="comment-action" role="dialog" tabindex="-2" style="display: none;">
  236 + <div class="modal-dialog modal-xs">
  237 + <div class="modal-content">
  238 + <div class="modal-heading">
  239 + <a class="modal-close" data-dismiss="modal">×</a>
  240 + <h2 class="modal-title">Insira seu Comentário</h2>
  241 + </div>
  242 + <div class="modal-inner">
  243 +
  244 + <div class="form-group form-group-label form-group-proposal">
  245 + <div class="row">
  246 + <div>
  247 + <label class="floating-label" for="comment-area">Comentário</label>
  248 + <textarea class="form-control" id="commente-area" rows="10"></textarea>
  249 + </div>
  250 + </div>
  251 + </div>
  252 +
  253 + </div>
  254 + <div class="modal-footer">
  255 + <p class="text-right"><button class="btn btn-flat btn-alt" data-dismiss="modal" type="button">Fechar</button></p>
  256 + </div>
  257 + </div>
  258 + </div>
  259 + </div>
  260 +
257 <div class="card backcard"></div> 261 <div class="card backcard"></div>
258 </div> 262 </div>
259 263
@@ -312,7 +316,6 @@ @@ -312,7 +316,6 @@
312 </script> 316 </script>
313 317
314 318
315 -</script>  
316 319
317 </body> 320 </body>
318 </html> 321 </html>
319 \ No newline at end of file 322 \ No newline at end of file
frontend-lucianosb/js/cards.js
@@ -61,7 +61,7 @@ $(document).ready(function(event) { @@ -61,7 +61,7 @@ $(document).ready(function(event) {
61 + '<div class="card-inner"><p>'+descs+'</p></div>' 61 + '<div class="card-inner"><p>'+descs+'</p></div>'
62 + '<div class="card-action">' 62 + '<div class="card-action">'
63 + '<ul class="nav nav-list pull-right">' 63 + '<ul class="nav nav-list pull-right">'
64 - + '<li><a href="proposta.html"><span class="icon icon-open-in-new text-blue"></span>&nbsp;<span class="text-blue">Leia Mais</span></a></li><li><a href="javascript:void(0)"><span class="icon icon-comment"></span>&nbsp;Comentar</a></li><li><a href="javascript:void(0)"><span class="icon icon-notifications"></span>&nbsp;Seguir</a></li>' 64 + + '<li><a href="proposta.html"><span class="icon icon-open-in-new text-blue"></span>&nbsp;<span class="text-blue">Leia Mais</span></a></li><li><a data-toggle="modal" href="#comment-action"><span class="icon icon-comment"></span>&nbsp;Comentar</a></li><li><a href="javascript:void(0)"><span class="icon icon-notifications"></span>&nbsp;Seguir</a></li>'
65 + '</ul></div>' 65 + '</ul></div>'
66 + '</div></div>'); 66 + '</div></div>');
67 67
frontend-lucianosb/lista-perfil.html
@@ -82,33 +82,11 @@ @@ -82,33 +82,11 @@
82 <li> 82 <li>
83 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a> 83 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a>
84 </li> 84 </li>
85 - <li>  
86 - <a href="javascript:void(0)"><span class="icon icon-today"></span>Etapas</a>  
87 - <span class="menu-collapse-toggle collapsed" data-target="#etapas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
88 - <ul class="menu-collapse collapse" id="etapas">  
89 - <li>  
90 - <a href="lista-perfil.html">Etapas Municipais</a>  
91 - </li>  
92 - <li>  
93 - <a href="lista-perfil.html">Etapas Estaduais</a>  
94 - </li>  
95 - <li>  
96 - <a href="lista-perfil.html">Etapa Nacional</a>  
97 - </li>  
98 - </ul>  
99 - </li>  
100 - <li>  
101 - <a href="javascript:void(0)"><span class="icon icon-forum"></span>Propostas</a>  
102 - <span class="menu-collapse-toggle collapsed" data-target="#propostas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
103 - <ul class="menu-collapse collapse" id="propostas">  
104 - <li>  
105 - <a href="lista-propostas.html">Tema 1</a>  
106 - </li>  
107 - <li>  
108 - <a href="lista-propostas.html">Tema 2</a>  
109 - </li>  
110 - </ul> 85 + <li>
  86 + <a href="meuperfil.html"><span class="icon icon-dashboard"></span>Meu Observatório</a>
111 </li> 87 </li>
  88 +
  89 +
112 </ul> 90 </ul>
113 <hr> 91 <hr>
114 <ul class="nav"> 92 <ul class="nav">
frontend-lucianosb/lista-propostas.html
@@ -82,33 +82,11 @@ @@ -82,33 +82,11 @@
82 <li> 82 <li>
83 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a> 83 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a>
84 </li> 84 </li>
85 - <li>  
86 - <a href="javascript:void(0)"><span class="icon icon-today"></span>Etapas</a>  
87 - <span class="menu-collapse-toggle collapsed" data-target="#etapas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
88 - <ul class="menu-collapse collapse" id="etapas">  
89 - <li>  
90 - <a href="lista-perfil.html">Etapas Municipais</a>  
91 - </li>  
92 - <li>  
93 - <a href="lista-perfil.html">Etapas Estaduais</a>  
94 - </li>  
95 - <li>  
96 - <a href="lista-perfil.html">Etapa Nacional</a>  
97 - </li>  
98 - </ul>  
99 - </li>  
100 - <li>  
101 - <a href="javascript:void(0)"><span class="icon icon-forum"></span>Propostas</a>  
102 - <span class="menu-collapse-toggle collapsed" data-target="#propostas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
103 - <ul class="menu-collapse collapse" id="propostas">  
104 - <li>  
105 - <a href="lista-propostas.html">Tema 1</a>  
106 - </li>  
107 - <li>  
108 - <a href="lista-propostas.html">Tema 2</a>  
109 - </li>  
110 - </ul> 85 + <li>
  86 + <a href="meuperfil.html"><span class="icon icon-dashboard"></span>Meu Observatório</a>
111 </li> 87 </li>
  88 +
  89 +
112 </ul> 90 </ul>
113 <hr> 91 <hr>
114 <ul class="nav"> 92 <ul class="nav">
frontend-lucianosb/meuperfil.html
@@ -69,7 +69,7 @@ @@ -69,7 +69,7 @@
69 --> 69 -->
70 </div> 70 </div>
71 <div class="menu-top-info"> 71 <div class="menu-top-info">
72 - <a class="menu-top-user" href="javascript:void(0)"><span class="avatar pull-left"><img alt="alt text for John Smith avatar" src="images/users/avatar-001.jpg"></span>John Smith</a> 72 + <a class="menu-top-user" href="meuperfil.html"><span class="avatar pull-left"><img alt="alt text for John Smith avatar" src="images/users/avatar-001.jpg"></span>John Smith</a>
73 </div> 73 </div>
74 </div> 74 </div>
75 75
@@ -82,33 +82,11 @@ @@ -82,33 +82,11 @@
82 <li> 82 <li>
83 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a> 83 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a>
84 </li> 84 </li>
85 - <li>  
86 - <a href="javascript:void(0)"><span class="icon icon-today"></span>Etapas</a>  
87 - <span class="menu-collapse-toggle collapsed" data-target="#etapas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
88 - <ul class="menu-collapse collapse" id="etapas">  
89 - <li>  
90 - <a href="lista-perfil.html">Etapas Municipais</a>  
91 - </li>  
92 - <li>  
93 - <a href="lista-perfil.html">Etapas Estaduais</a>  
94 - </li>  
95 - <li>  
96 - <a href="lista-perfil.html">Etapa Nacional</a>  
97 - </li>  
98 - </ul>  
99 - </li>  
100 - <li>  
101 - <a href="javascript:void(0)"><span class="icon icon-forum"></span>Propostas</a>  
102 - <span class="menu-collapse-toggle collapsed" data-target="#propostas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
103 - <ul class="menu-collapse collapse" id="propostas">  
104 - <li>  
105 - <a href="lista-propostas.html">Tema 1</a>  
106 - </li>  
107 - <li>  
108 - <a href="lista-propostas.html">Tema 2</a>  
109 - </li>  
110 - </ul> 85 + <li>
  86 + <a href="meuperfil.html"><span class="icon icon-dashboard"></span>Meu Observatório</a>
111 </li> 87 </li>
  88 +
  89 +
112 </ul> 90 </ul>
113 <hr> 91 <hr>
114 <ul class="nav"> 92 <ul class="nav">
frontend-lucianosb/profile.html
@@ -82,33 +82,11 @@ @@ -82,33 +82,11 @@
82 <li> 82 <li>
83 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a> 83 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a>
84 </li> 84 </li>
85 - <li>  
86 - <a href="javascript:void(0)"><span class="icon icon-today"></span>Etapas</a>  
87 - <span class="menu-collapse-toggle collapsed" data-target="#etapas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
88 - <ul class="menu-collapse collapse" id="etapas">  
89 - <li>  
90 - <a href="lista-perfil.html">Etapas Municipais</a>  
91 - </li>  
92 - <li>  
93 - <a href="lista-perfil.html">Etapas Estaduais</a>  
94 - </li>  
95 - <li>  
96 - <a href="lista-perfil.html">Etapa Nacional</a>  
97 - </li>  
98 - </ul>  
99 - </li>  
100 - <li>  
101 - <a href="javascript:void(0)"><span class="icon icon-forum"></span>Propostas</a>  
102 - <span class="menu-collapse-toggle collapsed" data-target="#propostas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
103 - <ul class="menu-collapse collapse" id="propostas">  
104 - <li>  
105 - <a href="lista-propostas.html">Tema 1</a>  
106 - </li>  
107 - <li>  
108 - <a href="lista-propostas.html">Tema 2</a>  
109 - </li>  
110 - </ul> 85 + <li>
  86 + <a href="meuperfil.html"><span class="icon icon-dashboard"></span>Meu Observatório</a>
111 </li> 87 </li>
  88 +
  89 +
112 </ul> 90 </ul>
113 <hr> 91 <hr>
114 <ul class="nav"> 92 <ul class="nav">
frontend-lucianosb/proposta.html
@@ -82,33 +82,11 @@ @@ -82,33 +82,11 @@
82 <li> 82 <li>
83 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a> 83 <a href="meuperfil.html"><span class="icon icon-person"></span>Meu Perfil</a>
84 </li> 84 </li>
85 - <li>  
86 - <a href="javascript:void(0)"><span class="icon icon-today"></span>Etapas</a>  
87 - <span class="menu-collapse-toggle collapsed" data-target="#etapas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
88 - <ul class="menu-collapse collapse" id="etapas">  
89 - <li>  
90 - <a href="lista-perfil.html">Etapas Municipais</a>  
91 - </li>  
92 - <li>  
93 - <a href="lista-perfil.html">Etapas Estaduais</a>  
94 - </li>  
95 - <li>  
96 - <a href="lista-perfil.html">Etapa Nacional</a>  
97 - </li>  
98 - </ul>  
99 - </li>  
100 - <li>  
101 - <a href="javascript:void(0)"><span class="icon icon-forum"></span>Propostas</a>  
102 - <span class="menu-collapse-toggle collapsed" data-target="#propostas" data-toggle="collapse"><i class="icon icon-close menu-collapse-toggle-close"></i><i class="icon icon-add menu-collapse-toggle-default"></i></span>  
103 - <ul class="menu-collapse collapse" id="propostas">  
104 - <li>  
105 - <a href="lista-propostas.html">Tema 1</a>  
106 - </li>  
107 - <li>  
108 - <a href="lista-propostas.html">Tema 2</a>  
109 - </li>  
110 - </ul> 85 + <li>
  86 + <a href="meuperfil.html"><span class="icon icon-dashboard"></span>Meu Observatório</a>
111 </li> 87 </li>
  88 +
  89 +
112 </ul> 90 </ul>
113 <hr> 91 <hr>
114 <ul class="nav"> 92 <ul class="nav">