From 53382f37f898bd0a039fb2a2888e22c1c0619d69 Mon Sep 17 00:00:00 2001 From: Leonardo Merlin Date: Fri, 27 Nov 2015 18:08:55 -0200 Subject: [PATCH] WIP: update 'programa' page. --- src/app/index.scss | 4 +++- src/app/pages/programas/programa.controller.js | 16 ++++++++++++++++ src/app/pages/programas/programa.html | 452 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- src/app/pages/programas/programas.scss | 86 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 346 insertions(+), 212 deletions(-) diff --git a/src/app/index.scss b/src/app/index.scss index 0fe598c..5653607 100644 --- a/src/app/index.scss +++ b/src/app/index.scss @@ -292,7 +292,9 @@ $common-color: #5E739E; .color-theme-common-fg {color: $common-color; } .color-theme-common-bg {background-color: $common-color; } .color-fg-white {color: #fff; } -.color-bg-gray {color: #ccc; } +.color-bg-white {background-color: #fff; } +.color-fg-gray {color: #ccc; } +.color-bg-gray {background-color: #ccc; } // Contraste .contraste { diff --git a/src/app/pages/programas/programa.controller.js b/src/app/pages/programas/programa.controller.js index c23e479..7667d35 100644 --- a/src/app/pages/programas/programa.controller.js +++ b/src/app/pages/programas/programa.controller.js @@ -275,4 +275,20 @@ vm.proposalStatus = null; }; + + ProgramaPageController.prototype.toggleContentVisibility = function() { + var $sectionContent = angular.element('.section-content'); + + if(!$sectionContent || $sectionContent.length === 0){ + vm.$log.warn('".section-content" not found.'); + return; + } + + if($sectionContent.is(':visible')){ + $sectionContent.slideUp(); + }else{ + $sectionContent.slideDown(); + angular.element('html,body').animate({scrollTop: $sectionContent.offset().top}, 'fast'); + } + }; })(); diff --git a/src/app/pages/programas/programa.html b/src/app/pages/programas/programa.html index 73fa68a..19f7bdf 100644 --- a/src/app/pages/programas/programa.html +++ b/src/app/pages/programas/programa.html @@ -1,234 +1,264 @@
-
-
-
+
+
+
+
-
-
-
-
-
-
- - +
+
+
+
+ + +
+
-
-
-
- -
-
-
-
-
- -
-

{{::pagePrograma.article.title}}

+
+
+
+
+
+
+ +
+

{{::pagePrograma.article.title}}

+
+ +
+
+
+
+
+ +
+
+

{{::stripHtml(pagePrograma.article.summary)}}

+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+ +
+
+ +
+ +
+ +
+ +
+

Propostas mais votadas

+ +
+
+ +
+
+

Apoie outras propostas

+ +
+ +
+ +
+
+ +
+
+

Programas sem propostas

+

+ Este programa ainda não possui nenhuma proposta. +

+ +
+

+
+
+
+
+
+
- -
-
-
-
-
- -
-
-

{{::stripHtml(pagePrograma.article.summary)}}

-
-
-
-
-
+ + +
+
+
+
+

+ + As propostas para este programa já foram +
+ respondidas pelo governo! Confira as respostas: +

-
- - -
-

Propostas mais votadas

- -
- - -
-
-

Apoie outras propostas

- -
- - -
- +
+
+
+
+
+
+ +
-
-
- - -
-
-

Programas sem propostas

-

- Este programa ainda não possui nenhuma proposta. -

- -
-

-
-
-
- -
-
- - - - - - -
-
-
-
-
- + +
+
+
+
+
+ diff --git a/src/app/pages/programas/programas.scss b/src/app/pages/programas/programas.scss index 8fadbd8..c4bb685 100644 --- a/src/app/pages/programas/programas.scss +++ b/src/app/pages/programas/programas.scss @@ -182,5 +182,91 @@ .proposal-extended-section-header { position: relative; } + + #section-archived-banner { + position: relative; + padding: 20px 0; + color: #fff; + + margin-top: 30px; + + h2 { + font-size: 28px; + line-height: 40px; + + @media screen and (max-width: $screen-md) { + font-size: 22px; + line-height: 30px; + } + + @media screen and (max-width: $screen-xs) { + font-size: 18px; + line-height: 24px; + } + } + + .program-banner--icon { + float: left; + margin-right: 20px; + width: 85px; + height: 85px; + overflow: hidden; + + .icon-discussion { + position: relative; + top: -3px; + left: -3px; + display: block; + width: 85px; + height: 85px; + background: red; + } + } + + .archived-banner--title2 { + font-weight: bold; + } + } + + #section-response { + + h3 { + font-weight: bold; + } + .sub-section{ + padding: 20px 0; + &:nth-child(odd) { + background-color: #f1f1f1; + } + + &:nth-child(even) { + background-color: #ffffff; + } + } + + .button--themed { + position: relative; + max-width: 500px; + + button { + text-transform: uppercase; + letter-spacing: 1px; + } + } + + .button-left-icon { + position: absolute; + top: 15px; + right: 15px; + + .glyphicon { + position: relative; + top: -2px; + background-color: #fff; + padding: 6px 5px 5px 6px; + border-radius: 100%; + } + } + } } -- libgit2 0.21.2