-
{{vm.profile.name}}
-
Brasília-DF, Brasil
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget fermentum mauris, non viverra felis. In varius, felis et placerat feugiat, massa magna sagittis nisl, ut scelerisque ex urna nec ipsum.
-
-
www.noosfero.gov.br/patriciaoliveira
+
{{ vm.profile.name }}
+
+
+ {{ 'profile.person.description' | translate }}: {{ vm.profile.additional_data['description'] }}
+
+
www.noosfero.gov.br/{{ vm.profile.identifier }}
-
Informações de Contato
+
{{ 'profile.person.contact_info' | translate }}
-
patricia@oliveira.com
-
61 9999-9999
+
Email: {{ vm.profile.additional_data['contact_email'] }}
+
+ {{ 'profile.person.contact_phone' | translate }}: {{ vm.profile.additional_data['contact_phone'] }}
+
+
+ {{ 'profile.person.no_contact_info' | translate }}
+
diff --git a/src/app/profile/profile.scss b/src/app/profile/profile.scss
index 7a4b867..ef9ea91 100644
--- a/src/app/profile/profile.scss
+++ b/src/app/profile/profile.scss
@@ -1,13 +1,26 @@
+@mixin padding-sides {
+ padding-right: 15px;
+ padding-left: 15px;
+}
+
+@mixin profile-img {
+ text-align: center;
+ margin: 10px;
+ border: 1px solid #eee;
+}
+
+@media (min-width: 768px) {
+ .container {max-width: 980px;}
+}
+
.profile-container {
@extend .container-fluid;
margin-top: -$wrapper-padding-top;
margin-left: -$wrapper-padding-left;
margin-bottom: -$wrapper-padding-bottom;
margin-right: -$wrapper-padding-right;
- @media (max-width: 978px) {
- padding: 0 2%;
- }
+ @media (max-width: 978px) {padding: 0 2%;}
}
.wrapper-container {
@@ -15,147 +28,28 @@
max-width: 980px;
}
-#profile-left {
- text-align: center;
- margin-top: 15px;
-}
-
-@charset "UTF-8";
-/* CSS Document */
-
-/* Space out content a bit */
-body {
- padding-top: 0;
- padding-bottom: 0;
-}
-
-.navbar-default {background:#333;border:none; padding:0 5rem;}
-.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color:transparent !important;}
-.navbar-brand {line-height: 40px !important;}
-
-/* Everything but the jumbotron gets side spacing for mobile first views */
-.header,
-.footer {
- padding-right: 15px;
- padding-left: 15px;
-}
-
-/* Custom page header */
-.header {
- border-bottom: 1px solid #e5e5e5;
-}
-/* Make the masthead heading the same height as the navigation */
-.header h3 {
- padding-bottom: 19px;
- margin-top: 0;
- margin-bottom: 0;
- line-height: 40px;
-}
-
-/* Custom page footer */
-.footer {
- padding-top: 19px;
- color: #777;
- border-top: 1px solid #e5e5e5;
-}
-
-/* Profile image */
-
-.navbar {margin-bottom:0 !important;}
-
-.navbar-default.navbar-main .navbar-nav .img-avatar, .navbar-default.navbar-main .navbar-nav .img-avatar-top {
- max-width: 40px;
- display: inline-block;
- height: auto;
- padding: 1px;
- line-height: 1.428571429;
- background-color: #fff;
- border: 1px solid #ddd;
- border-radius: 50%;
- -webkit-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
-}
-
-.navbar-default.navbar-main .navbar-nav .img-avatar-top {max-width: 60px;}
-
-.navbar-nav>li>.dropdown-menu {
- margin-top:-10px !important;
- width: 300px;
- padding: 1rem;}
-
-.dropdown-menu>li {margin:5px 0;}
-
-.dropdown-menu>li>a {padding:3px 10px 3px 0 !important;}
- .dropdown-menu>li>a:hover {background-color:transparent !important;}
-
-.bg-image {background-color:#eee;height: 260px;}
-
-/* Customize container */
-@media (min-width: 768px) {
- .container {
- max-width: 980px;
- }
-}
-.container-narrow > hr {
- margin: 30px 0;
-}
-
-/* Responsive: Portrait tablets and up */
-@media screen and (min-width: 768px) {
- /* Remove the padding we set earlier */
- .header,
- .footer {
- padding-right: 0;
- padding-left: 0;
- }
- /* Space out the masthead */
- .header {
- margin-bottom: 30px;
- }
- /* Remove the bottom border on the jumbotron for visual effect */
- .jumbotron {
- border-bottom: 0;
+.dropdown-menu {
+ >li {
+ margin:5px 0;
+ >a {
+ padding:3px 10px 3px 0 !important;
+ &:hover {background-color:transparent !important;}
+ }
}
}
-#lightbox .modal-content, #recuperarsenha .modal-content {
- display: inline-block;
- text-align:center;
- padding:20px;
-}
-
-#lightbox .modal-content label, #recuperarsenha .modal-content label {
- text-align:left;
-}
-
-/* style wireframe */
-
-a{
- color: #959595 !important;
-}
-
-.distance {
- margin-bottom:2em;
- margin-top:1em;
-}
-
-.distance-top{
- margin-top: 10px;
-}
-
-.distance-left {
- margin-bottom:2em;
- margin-top:1em;
- margin-left: 11em !important;
+.bg-image {
+ background-color:#eee;
+ height: 260px;
}
-/* NOOSFERO PROFILE */
-.bg-image {}
-
-@mixin profile-img {
- text-align: center;
- margin: 10px;
- border: 1px solid #eee;
+.social-links {
+ ul {
+ list-style:none;
+ text-align:center;
+ padding:0;
+ margin:0;
+ }
}
#noosfero-profile {
@@ -167,73 +61,21 @@ a{
border:1px solid #eee;
padding:20px 0;
font-size: 14px;
- img {
- @include profile-img;
- }
- i {
- @include profile-img;
- }
- .col-sm-2 {
- text-align: center;
- }
- h3 {
- margin-top: 16px;
- }
+
+ img,
+ i {@include profile-img;}
+
+ .col-sm-2 {text-align: center;}
+
+ h3 {margin-top: 16px;}
+
.btn {
font-size: 12px;
padding: 5px 10px;
}
+
.profile-contact {
padding-top: 10px;
- p {
- margin: 0px;
- }
+ p {margin: 0px;}
}
}
-
-ul.social {list-style:none; text-align:center;padding:0; margin:0;}
-#infocontato {max-width:200px;}
-#infocontato .alert-info{margin:.5rem 0;
- padding:1rem;
- font-size:1rem;
- line-height:1.5rem;
-}
-#noosfero-groups {margin:auto;}
-
-.secondary {border:1px solid #eee; padding:1rem; margin-top:2rem;}
-#interesses span {background:#333; padding:4px 6px; font-size:1rem; color:#fff; cursor:pointer;}
-
-#atividades p, .viewall, #comunidades p, #pessoas p {font-size:1rem;}
-
-#comunidades img, #pessoas img {width:100%;}
-
-.img-avatar-edit {position:relative;}
-
-.img-avatar-edit:hover div.update-img {
- display: block;
-}
-.img-avatar-edit div.update-img {
- position:absolute;
- display:none;
-}
-.img-avatar-edit div.update-img {
- bottom:10px;
- left:10px;
- width:130px;
-}
-div.update-img {
- background:#333;
- color:#fff;
- font-size:1rem;
- padding:5px 2px;
- opacity: 0.7;
- filter: alpha(opacity=70); /* For IE8 and earlier */
- text-align:center;
- cursor:pointer;
-}
-
-.edit-button {position:relative;}
-#edit-toggle {position:absolute; left:240px; background:#fff; top:0px; border:1px solid #eee; padding:1rem 0; width:340px; height:auto;}
-#edit-toggle input {margin-bottom:1rem;}
-
-
diff --git a/src/languages/en.json b/src/languages/en.json
index d3b6ce5..5a8f1f8 100644
--- a/src/languages/en.json
+++ b/src/languages/en.json
@@ -17,6 +17,10 @@
"profile.others_info": "Others",
"profile.community.title": "Community",
"profile.person.title": "Person",
+ "profile.person.description": "Description",
+ "profile.person.contact_info": "Contact Informations",
+ "profile.person.contact_phone": "Phone",
+ "profile.person.no_contact_info": "No contact informations",
"activities.title": "Activities",
"activities.create_article.description": "has published on",
"activities.add_member_in_community.description": "has joined the community",
diff --git a/src/languages/pt.json b/src/languages/pt.json
index 15e60a2..fc33dd3 100644
--- a/src/languages/pt.json
+++ b/src/languages/pt.json
@@ -17,6 +17,10 @@
"profile.others_info": "Outras informações",
"profile.community.title": "Comunidade",
"profile.person.title": "Pessoa",
+ "profile.person.description": "Descrição",
+ "profile.person.contact_info": "Informações de Contato",
+ "profile.person.contact_phone": "Telefone",
+ "profile.person.no_contact_info": "Sem informações de contato",
"activities.title": "Atividades",
"activities.create_article.description": "publicou em",
"activities.add_member_in_community.description": "entrou na comunidade",
--
libgit2 0.21.2