Download as
Browse Code »

Commit 2c0d17c83765ab388114414788a53eadd9c63a43

Authored by Leonardo Merlin
1 parent c4dda55a
Exists in master and in 10 other branches build, build2, capa, captcha, contigency_plan_recaptcha, jasmine-testing, make_harder_to_vote_twice, production, refactory-sass, staging

Pequenos ajustes na escrita do html e js.

Showing 1 changed file with 81 additions and 79 deletions   Show diff stats
index.html
  Diff comments   View file @2c0d17c
... ... @@ -6,7 +6,7 @@
6 6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 7 <meta name="viewport" content="width=device-width, initial-scale=1">
8 8  
9   - <script type='text/javascript'>
  9 + <script type="text/javascript">
10 10 function removeUrlParameters(full_url){
11 11 var url_base = full_url.split('#').shift();
12 12 return url_base;
... ... @@ -21,10 +21,10 @@
21 21 return base + filename;
22 22 }
23 23 function makeCSSLink(filename){
24   - var fileref=document.createElement("link");
25   - fileref.setAttribute("rel", "stylesheet");
26   - fileref.setAttribute("type", "text/css");
27   - fileref.setAttribute("href", addBaseUrl(filename));
  24 + var fileref=document.createElement('link');
  25 + fileref.setAttribute('rel', 'stylesheet');
  26 + fileref.setAttribute('type', 'text/css');
  27 + fileref.setAttribute('href', addBaseUrl(filename));
28 28 return fileref;
29 29 }
30 30 function loadCSSFiles(){
... ... @@ -36,7 +36,7 @@
36 36 'http://fonts.googleapis.com/css?family=Asap:400,700',
37 37 'style.css'
38 38 ];
39   - head = document.getElementsByTagName("head")[0]
  39 + head = document.getElementsByTagName('head')[0]
40 40 for(i = 0; i < css_files.length; i++){
41 41 head.appendChild(makeCSSLink(css_files[i]));
42 42 }
... ... @@ -48,20 +48,20 @@
48 48 }
49 49  
50 50 function loadJavaScriptSync(file_path){
51   - var head = document.getElementsByTagName("head")[0];
52   - var script_element = document.createElement("script");
53   - script_element.type = "text/javascript";
  51 + var head = document.getElementsByTagName('head')[0];
  52 + var script_element = document.createElement('script');
  53 + script_element.type = 'text/javascript';
54 54 var req = new XMLHttpRequest();
55   - req.open("GET", file_path, false); // 'false': synchronous.
  55 + req.open('GET', file_path, false); // 'false': synchronous.
56 56 req.send(null);
57 57 script_element.text = req.responseText;
58 58 head.appendChild(script_element);
59 59 }
60 60  
61 61 function loadJavaScriptAsync(file_path){
62   - var head = document.getElementsByTagName("head")[0];
63   - var script_element = document.createElement("script");
64   - script_element.type = "text/javascript";
  62 + var head = document.getElementsByTagName('head')[0];
  63 + var script_element = document.createElement('script');
  64 + script_element.type = 'text/javascript';
65 65 script_element.src = file_path;
66 66 head.appendChild(script_element);
67 67 }
... ... @@ -91,31 +91,30 @@
91 91 }
92 92  
93 93 loadCSSFiles();
94   -
95 94 </script>
96 95  
97 96 </head>
98 97 <body>
99 98  
100   - <div id='proposal-result'></div>
  99 + <div id="proposal-result"></div>
101 100  
102   - <script id='proposal-template' type='text/x-handlebars-template'>
  101 + <script id="proposal-template" type="text/x-handlebars-template">
103 102 <header>
104 103 <h1><a href="#">{{article.title}}</a></h1>
105   - <a id='display-contrast' href='#'>Alto Contraste</a>
  104 + <a id="display-contrast" href="#">Alto Contraste</a>
106 105 </header>
107 106  
108 107 <div id="content">
109 108 <p>{{{article.body}}}</p>
110 109 </div>
111 110  
112   - <nav>
113   - <ul>
114   - <li id='nav-proposal-categories'>
115   - <a href="#/temas" class="active">Temas</a>
  111 + <nav role="tabpanel">
  112 + <ul role="tablist">
  113 + <li id="nav-proposal-categories" role="presentation">
  114 + <a href="#/temas" class="active" role="tab" aria-controls="proposal-categories">Temas</a>
116 115 </li>
117   - <li id='nav-proposal-group'>
118   - <a href="#/programas">Programas</a>
  116 + <li id="nav-proposal-group" role="presentation">
  117 + <a href="#/programas" role="tab" aria-controls="proposal-group">Programas</a>
119 118 </li>
120 119 </ul>
121 120 </nav>
... ... @@ -123,13 +122,13 @@
123 122 <div id="proposal-categories">
124 123 <div id="proposal-categories-container">
125 124 {{#each article.categories}}
126   - <li id='proposal-category-{{slug}}' class="proposal-category" data-category="{{slug}}">
  125 + <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}">
127 126 <a href="#/temas/{{slug}}/{{id}}" class="proposal-link hvr-float-shadow" data-target="proposal-item-{{id}}">{{name}}</a>
128 127 <div class="arrow-box" style="display: none"></div>
129 128 </li>
130 129 {{/each}}
131 130 {{#each article.categories}}
132   - <div id='proposal-item-{{id}}' class="proposal-category-items proposal-category-items-{{slug}} hide" data-category="{{slug}}">
  131 + <div id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide" data-category="{{slug}}">
133 132 <div class="header">
134 133 <div class="name">{{name}}</div>
135 134 <div class="description"></div>
... ... @@ -144,13 +143,12 @@
144 143 </div>
145 144 </div>
146 145  
147   - <div id="proposal-group" class='hide'>
  146 + <div id="proposal-group" class="hide">
148 147 <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
149 148 <div id="search-input-container">
150 149 <input placeholder="palavra chave" id="search-input" type="text" name="search" />
151 150 </div>
152 151 <ul>
153   -
154 152 {{#list_proposal article.children}}
155 153 {{#link title id}}{{/link}}
156 154 {{/list_proposal}}
... ... @@ -158,11 +156,11 @@
158 156 </div>
159 157  
160 158 {{#each article.children}}
161   - <div class='proposal-detail hide' id="proposal-item-{{id}}">
162   - <div class='categories {{#each categories}}{{slug}} {{/each}}'>
  159 + <div class="proposal-detail hide" id="proposal-item-{{id}}">
  160 + <div class="categories {{#each categories}}{{slug}} {{/each}}">
163 161 <ul class="select">
164 162 {{#each categories}}
165   - <li class='category proposal-category' data-category="{{slug}}">
  163 + <li class="category proposal-category" data-category="{{slug}}">
166 164 <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
167 165 <button class="go-back btn btn-default pull-right">
168 166 VOLTAR
... ... @@ -173,96 +171,98 @@
173 171 {{/each}}
174 172 </ul>
175 173  
176   - <div class='proposal-header'>
177   - <div class='abstract'>
  174 + <div class="proposal-header">
  175 + <div class="abstract">
178 176 <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
179 177 </div>
180   - <div class='title'>{{title}}</div>
181   - <div class='abstract'>{{{abstract}}}</div>
182   - <div class='show_body'>
183   - <a href='#/programas/{{id}}/sobre-o-programa'><span>Conheça o Programa</span></a>
  178 + <div class="title">{{title}}</div>
  179 + <div class="abstract">{{{abstract}}}</div>
  180 + <div class="show_body">
  181 + <a href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o Programa</span></a>
184 182 </div>
185 183 </div>
186 184  
187   - <div class='body proposal-detail-base hide'>
  185 + <div class="body proposal-detail-base hide">
188 186 {{{body}}}
189   - <div class='go-to-proposal-button'>
190   - <a href="#/programas/{{id}}" data-target='proposal-item-{{id}}'>
191   - <span class='fa fa-reply'></span>
  187 + <div class="go-to-proposal-button">
  188 + <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}">
  189 + <span class="fa fa-reply"></span>
192 190 Agora contribua para a melhoria desse programa
193 191 </a>
194   - </div>
195   -
  192 + </div>
196 193 </div>
197   - <div class='make-proposal-container'>
198   - <div class='make-proposal'>
199   - <div class='container-title'>Faça Uma Proposta</div>
200   - <div class='subtitle'>Qual a sua sugestão para melhorar este programa?</div>
201   - <div class='info'>Ela se tornará pública em até 24 horas após o envio e poderá ser apoiada por outros participantes.</div>
202   - <div class='send-proposal-button send-button'><a href='#'><span>Envie Sua Proposta</span></a></div>
  194 +
  195 + <div class="make-proposal-container">
  196 + <div class="make-proposal">
  197 + <div class="container-title">Faça Uma Proposta</div>
  198 + <div class="subtitle">Qual a sua sugestão para melhorar este programa?</div>
  199 + <div class="info">Ela se tornará pública em até 24 horas após o envio e poderá ser apoiada por outros participantes.</div>
  200 + <div class="send-proposal-button send-button"><a href="#"><span>Envie Sua Proposta</span></a></div>
203 201 <div class="login-container hide">Login</div>
204   - <form class='make-proposal-form save-article-form hide' id='make-proposal-form-{{id}}'>
  202 + <form class="make-proposal-form save-article-form hide" id="make-proposal-form-{{id}}">
205 203 <div class="message hide"></div>
206 204 <div>
207 205 <div><label for="article_abstract">Descrição</label></div>
208 206 <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea>
209 207 </div>
210   - <input id='content_type' name='content_type' value='ProposalsDiscussionPlugin::Proposal' type='hidden'>
211   - <input type='submit' id='make-proposal-button' class='make-proposal-button' name='make-proposal-button' value='Enviar'>
  208 + <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Proposal">
  209 + <input type="submit" id="make-proposal-button" name="make-proposal-button" class="make-proposal-button" value="Enviar">
212 210 </form>
213   - <div class='success-proposal-sent success-sent hide send-button'>
  211 + <div class="success-proposal-sent success-sent hide send-button">
214 212 <p>Sua proposta foi encaminhada com sucesso!</p>
215   - <a href='#'>Encaminhar Nova Proposta</a>
  213 + <a href="#">Encaminhar Nova Proposta</a>
216 214 </div>
217 215 <br style="clear: both;" />
218 216 </div>
219 217 </div>
220   - <div class='support-proposal-container'>
221   - <div class='support-proposal'>
222   - <div class='container-title'> Apoie outras propostas</div>
223   - <div class='subtitle'> Propostas da sociedade</div>
  218 + <div class="support-proposal-container">
  219 + <div class="support-proposal">
  220 + <div class="container-title"> Apoie outras propostas</div>
  221 + <div class="subtitle"> Propostas da sociedade</div>
224 222 <div class="random-proposal"></div>
225 223 <div class="loading">Carregando...</div>
226 224 <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div>
227 225 </div>
228 226 </div>
229   - <div class='results-container hide'></div>
230   - <div class='experience-proposal-container'>
231   - <div class='experience-proposal'>
232   - <div class='container-title'>Conte sua experiência</div>
  227 + <div class="results-container hide"></div>
  228 + <div class="experience-proposal-container">
  229 + <div class="experience-proposal">
  230 + <div class="container-title">Conte sua experiência</div>
233 231 <p>Adoraríamos que você nos contasse a sua experiência com este programa ou a de alguém que você conhece.</p>
234 232 <p>Esta história pode nos ajudar a melhorar a nossa ação e não será divulgada.</p>
235   - <div class='send-experience-button send-button'><a href='#'><span>Envie Sua Experiência</span></a></div>
  233 + <div class="send-experience-button send-button"><a href="#"><span>Envie Sua Experiência</span></a></div>
236 234 <div class="login-container hide">Login</div>
237   - <form class='make-experience-form save-article-form hide' id='make-experience-form-{{id}}'>
  235 + <form class="make-experience-form save-article-form hide" id="make-experience-form-{{id}}">
238 236 <div class="message hide"></div>
239 237 <div>
240   - <div><label for="article_abstract">Descrição</label></div>
  238 + <div>
  239 + <label for="article_abstract">Descrição</label>
  240 + </div>
241 241 <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="5000"></textarea>
242 242 </div>
243   - <input id='content_type' name='content_type' value='ProposalsDiscussionPlugin::Story' type='hidden'>
244   - <input type='submit' id='make-experience-button' class='make-experience-button' name='make-experience-button' value='Enviar'>
  243 + <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Story">
  244 + <input type="submit" id="make-experience-button" name="make-experience-button" class="make-experience-button" value="Enviar">
245 245 </form>
246   - <div class='success-experience-sent success-sent hide send-button'>
  246 + <div class="success-experience-sent success-sent hide send-button">
247 247 <p>Sua experiência foi encaminhada com sucesso!</p>
248   - <a href='#'>Encaminhar Nova Experiência</a>
  248 + <a href="#">Encaminhar Nova Experiência</a>
249 249 </div>
250 250 </div>
251 251 </div>
252   - <div class='talk-proposal-container'>
253   - <div class='talk-proposal'>
254   - <div class='container-title'>Fale com os ministros</div>
  252 + <div class="talk-proposal-container">
  253 + <div class="talk-proposal">
  254 + <div class="container-title">Fale com os ministros</div>
255 255 <p>Confira as datas e horários disponíveis:</p>
256   - <ul class='calendar'>
  256 + <ul class="calendar">
257 257 <li>
258 258 <span>Arthur Chioro</span>
259 259 <span>Saúde</span>
260   - <div class='date'><i class="fa fa-calendar"></i> 22/04/2015</div><div class='time'><i class="fa fa-clock-o"></i> 09:00</div>
  260 + <div class="date"><i class="fa fa-calendar"></i> 22/04/2015</div><div class="time"><i class="fa fa-clock-o"></i> 09:00</div>
261 261 </li>
262 262 <li>
263 263 <span>Teresa Campello</span>
264 264 <span>Desenvolvimento Social</span>
265   - <div class='date'><i class="fa fa-calendar"></i> 22/04/2015</div><div class='time'><i class="fa fa-clock-o"></i> 09:00</div>
  265 + <div class="date"><i class="fa fa-calendar"></i> 22/04/2015</div><div class="time"><i class="fa fa-clock-o"></i> 09:00</div>
266 266 </li>
267 267 </ul>
268 268 </div>
... ... @@ -272,8 +272,10 @@
272 272 {{/each}}
273 273 </script>
274 274  
275   - <script id='support-proposal-template' type='text/x-handlebars-template'>
276   - <div class='abstract'><p>"{{trimString abstract 200}}"</p></div>
  275 + <script id="support-proposal-template" type="text/x-handlebars-template">
  276 + <div class="abstract">
  277 + <p>{{trimString abstract 200}}</p>
  278 + </div>
277 279 <div class="vote-actions">
278 280 <a href="#" class="like dislike" data-vote-value="-1"></a>
279 281 <a href="#" class="like" data-vote-value="1"></a>
... ... @@ -282,7 +284,7 @@
282 284 </div>
283 285 </script>
284 286  
285   - <script id="results" type='text/x-handlebars-template'>
  287 + <script id="results" type="text/x-handlebars-template">
286 288 <div class="loading">Carregando...</div>
287 289 <div class="results-content hide">
288 290 <a href="#" class="vote-result">Fechar</a>
... ... @@ -305,7 +307,7 @@
305 307 </div>
306 308 </script>
307 309  
308   - <script id='login' type='text/x-handlebars-template'>
  310 + <script id="login" type="text/x-handlebars-template">
309 311 <form id="login-form" class="login">
310 312 <div class="message hide"></div>
311 313 <div class="username">
... ... @@ -329,7 +331,7 @@
329 331 </form>
330 332 </script>
331 333  
332   - <script type='text/javascript'>
  334 + <script type="text/javascript">
333 335 loadJSFiles();
334 336 </script>
335 337  
... ...