Fix create instutution form with colab profile

Signed-off-by: Álvaro Fernando <alvarofernandoms@gmail.com> Signed-off-by: Macartur Sousa <macartur.sc@gmail.com>

Fix create instutution form with colab profile
Signed-off-by: Álvaro Fernando <alvarofernandoms@gmail.com> Signed-off-by: Macartur Sousa <macartur.sc@gmail.com>
Macartur Sousa
1 parent bd921519
Showing 2 changed files with 88 additions and 4 deletions Show diff stats
src/noosfero-spb/gov_user/public/views/create-institution.js
src/noosfero-spb/noosfero-spb-theme/css/modal.css
@@ -76,11 +76,11 @@ modulejs.define(&#39;CreateInstitution&#39;, [&#39;jquery&#39;, &#39;NoosferoRoot&#39;, &#39;SelectElement&#39;]
     add_selected_institution_to_list(institution_id, institution_name);
     $(".remove-institution").click(remove_institution);
-    //$('#institution_dialog').dialog('close');
     $('#institution_modal').modal('toggle');
   }
+
   function success_ajax_response(response) {
     close_loading();
@@ -107,6 +107,7 @@ modulejs.define(&#39;CreateInstitution&#39;, [&#39;jquery&#39;, &#39;NoosferoRoot&#39;, &#39;SelectElement&#39;]
       update_user_institutions_list();
     } else {
       var errors = create_error_list(response);
+
       $("#create_institution_errors").switchClass("hide-field", "show-field").html("<h2>"+response.message+"</h2>"+errors);
       show_errors_in_each_field(response.errors);
@@ -117,8 +118,8 @@ modulejs.define(&#39;CreateInstitution&#39;, [&#39;jquery&#39;, &#39;NoosferoRoot&#39;, &#39;SelectElement&#39;]
     var errors = "<ul>";
     var field_name;
-    for(var error in response.errors) {
-        errors += "<li>"+response.errors[error]+"</li>";
+    for(var i =0;i<response.errors.length;i++) {
+        errors += "<li>"+response.errors[i]+"</li>";
     }
     errors += "</ul>";
@@ -19,15 +19,18 @@
   overflow-y: auto;
 }
+#noosfero_profile-content .fade,
 .fade {
   opacity: 0;
   transition: opacity 0.15s linear 0s;
 }
+#noosfero_profile-content .fade.in,
 .fade.in {
   opacity: 1;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal-dialog,
 .action-profile_editor-edit #content .main-content #profile-data .modal-dialog,
 .modal-dialog {
   width: 590px;
@@ -35,7 +38,7 @@
   position: relative;
 }
-#noosfero_profile-content #content .main-content #profile-data .modal-dialog{
+#noosfero_profile-content #content .main-content #profile-data .modal-dialog {
   position: static;
 }
@@ -44,16 +47,19 @@
   transform: translate(0px, 0px);
 }
+#noosfero_profile-content #content .main-content #profile-data .modal.fade .modal-dialog,
 .action-profile_editor-edit #content .main-content #profile-data .modal.fade .modal-dialog,
 .modal.fade .modal-dialog {
   transition: transform 0.3s ease-out 0s;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal-content,
 .action-profile_editor-edit #content .main-content #profile-data .modal-content,
 .modal-content {
   box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
 }
+#noosfero_profile-content .modal-content,
 .modal-content {
   position: relative;
   background-color: #FFF;
@@ -64,6 +70,7 @@
   box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.5);
 }
+#noosfero_profile-content #content .main-content #profile-data .modal-header,
 .action-profile_editor-edit #content .main-content #profile-data .modal-header,
 .modal-header {
   min-height: 16.43px;
@@ -71,11 +78,13 @@
   border-bottom: 1px solid #E5E5E5;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal-header .close,
 .action-profile_editor-edit #content .main-content #profile-data .modal-header .close,
 .modal-header .close {
   margin-top: -2px;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal-header button.close,
 .action-profile_editor-edit #content .main-content #profile-data .modal-header button.close,
 .modal-header button.close {
   padding: 0px;
@@ -84,6 +93,7 @@
   border: 0px none;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal-header .close,
 .action-profile_editor-edit #content .main-content #profile-data .modal-header .close,
 .modal-header .close {
   float: right;
@@ -100,12 +110,14 @@
   line-height: 1.42857 !important;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal-body,
 .action-profile_editor-edit #content .main-content #profile-data .modal-body,
 .modal-body {
   position: relative;
   padding: 15px;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal-footer,
 .action-profile_editor-edit #content .main-content #profile-data .modal-footer,
 .modal-footer {
   padding: 15px;
@@ -115,23 +127,31 @@
 /* Bootstrap modal override */
+#noosfero_profile-content #content .main-content #profile-data .modal-title,
 .action-profile_editor-edit #content .main-content #profile-data .modal-title,
 .modal-title {
   font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
 }
+#noosfero_profile-content #content .main-header h4,
 .action-profile_editor-edit #content .main-header h4,
 .modal-header h4 {
   color: #333 !important;
   font-size: 17px !important;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal-body,
 .action-profile_editor-edit #content .main-content #profile-data .modal-body,
 .modal-body {
   overflow: hidden;
 }
 /* Bootstrap modal form fields */
+#noosfero_profile-content #content .main-content #profile-data .modal,
+#noosfero_profile-content #content .main-content #profile-data .modal input,
+#noosfero_profile-content #content .main-content #profile-data .modal select,
+#noosfero_profile-content #content .main-content #profile-data .modal .formlabel,
+#noosfero_profile-content #content .main-content #profile-data .modal .button.with-text,
 .action-profile_editor-edit #content .main-content #profile-data .modal,
 .action-profile_editor-edit #content .main-content #profile-data .modal input,
 .action-profile_editor-edit #content .main-content #profile-data .modal select,
@@ -146,21 +166,33 @@
   font-style: normal;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal .button.with-text.icon-cancel {
+  color: #3E67B1;
+}
+
+#noosfero_profile-content #content .main-content #profile-data .modal .button.with-text.icon-cancel:hover {
+  color: #fff;
+}
+
+#noosfero_profile-content #content .main-content #profile-data .modal label,
 .action-profile_editor-edit #content .main-content #profile-data .modal label,
 .modal label {
   margin-left: 4px;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal .sisp-fields label,
 .action-profile_editor-edit #content .main-content #profile-data .modal .sisp-fields label,
 .modal .sisp-fields label {
   margin-left: 0px;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal h2,
 .action-profile_editor-edit #content .main-content #profile-data .modal h2,
 .modal h2 {
   margin-top: 0px !important;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal .form-description,
 .action-profile_editor-edit #content .main-content #profile-data .modal .form-description,
 .modal .form-description {
   border-bottom: 1px solid #E5E5E5;
@@ -168,12 +200,15 @@
   overflow: hidden;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal .formfieldline,
 .action-profile_editor-edit #content .main-content #profile-data .modal .formfieldline,
 .modal .formfieldline {
   padding: 0px;
   margin: 0px;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal input[type="text"],
+#noosfero_profile-content #content .main-content #profile-data .modal select,
 .action-profile_editor-edit #content .main-content #profile-data .modal input[type="text"],
 .action-profile_editor-edit #content .main-content #profile-data .modal select,
 .modal input[type="text"],
@@ -184,12 +219,14 @@
   background-color: #fff;
 }
+#noosfero_profile-content #content .main-content form .modal input[type="radio"],
 .action-profile_editor-edit #content .main-content form .modal input[type="radio"],
 .modal input[type="radio"] {
   vertical-align: middle;
   margin: 0;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal .explanation,
 .action-profile_editor-edit #content .main-content #profile-data .modal .explanation,
 .modal .explanation {
   color: #3F60C6;
@@ -199,6 +236,8 @@
   letter-spacing: 0.1px;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal .required-field,
+#noosfero_profile-content #content .main-content #profile-data .modal .errorExplanation,
 .action-profile_editor-edit #content .main-content #profile-data .modal .required-field,
 .action-profile_editor-edit #content .main-content #profile-data .modal .errorExplanation,
 .modal .required-field,
@@ -208,6 +247,8 @@
   margin-bottom: 20px;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal .required-field,
+#noosfero_profile-content #content .main-content #profile-data .modal .errorExplanation:empty,
 .action-profile_editor-edit #content .main-content #profile-data .modal .required-field,
 .action-profile_editor-edit #content .main-content #profile-data .modal .errorExplanation:empty,
 .modal .required-field,
@@ -215,22 +256,26 @@
   margin-bottom: 0px;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal .spb-row,
 .action-profile_editor-edit #content .main-content #profile-data .modal .spb-row,
 .modal .spb-row {
   margin-top: 15px;
   letter-spacing: 0.1px;
 }
+#noosfero_profile-content #content .main-content #profile-data .no-margin-top,
 .action-profile_editor-edit #content .main-content #profile-data .no-margin-top,
 .no-margin-top {
   margin-top: 0px !important;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal .modal-margin-right,
 .action-profile_editor-edit #content .main-content #profile-data .modal .modal-margin-right,
 .modal .modal-margin-right {
   margin-right: 4%;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal .modal-margin-left,
 .action-profile_editor-edit #content .main-content #profile-data .modal .modal-margin-left,
 .modal .modal-margin-left {
   margin-left: 4%;
@@ -242,6 +287,8 @@
   width: 392px;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal #institutions_cnpj,
+#noosfero_profile-content #content .main-content #profile-data .modal #institutions_corporate_name,
 .action-profile_editor-edit #content .main-content #profile-data .modal #institutions_cnpj,
 .modal #institutions_cnpj{
   height: 16px;
@@ -258,11 +305,13 @@
   width: 220px;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal #community_state,
 .action-profile_editor-edit #content .main-content #profile-data .modal #community_state,
 .modal #community_state {
   width: 90px;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal #community_city,
 .action-profile_editor-edit #content .main-content #profile-data .modal #community_city,
 .modal #community_city {
   height: 16px;
@@ -276,6 +325,33 @@
   width: 111px;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal #community_city,
+#noosfero_profile-content #content .main-content #profile-data .modal #institutions_acronym,
+#noosfero_profile-content #content .main-content #profile-data .modal #community_name,
+#noosfero_profile-content #content .main-content #profile-data .modal #institutions_cnpj,
+#noosfero_profile-content #content .main-content #profile-data .modal #institutions_corporate_name {
+  height: 38px;
+}
+
+#noosfero_profile-content #content .main-content #profile-data .modal #institutions_acronym {
+  width: 133px;
+}
+
+#noosfero_profile-content #content .main-content #profile-data .modal #community_name {
+  width: 410px;
+}
+
+#noosfero_profile-content #content .main-content #profile-data .modal #institutions_cnpj,
+#noosfero_profile-content #content .main-content #profile-data .modal #institutions_corporate_name {
+  width: 553px;
+}
+
+#noosfero_profile-content #content .main-content #profile-data .modal #community_city {
+  width: 225px;
+}
+
+#noosfero_profile-content #content .main-content #profile-data .modal a.button.with-text.icon-add,
+#noosfero_profile-content #content .main-content #profile-data .modal a.button.with-text.icon-cancel,
 .action-profile_editor-edit #content .main-content #profile-data .modal a.button.with-text.icon-add,
 .action-profile_editor-edit #content .main-content #profile-data .modal a.button.with-text.icon-cancel,
 .modal a.button.with-text.icon-add,
@@ -285,17 +361,20 @@
   font-size: 12px !important;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal a.button.with-text.icon-add,
 .action-profile_editor-edit #content .main-content #profile-data .modal a.button.with-text.icon-add,
 .modal a.button.with-text.icon-add {
   background-color: #3E67B1 !important;
   color: #fff !important;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal .public-institutions-fields,
 .action-profile_editor-edit #content .main-content #profile-data .modal .public-institutions-fields,
 .modal .public-institutions-fields {
   display: none;
 }
+#noosfero_profile-content #content .main-content #profile-data .modal .modal-form-actions,
 .action-profile_editor-edit #content .main-content #profile-data .modal .modal-form-actions,
 .modal .modal-form-actions {
   margin-top: 20px;
@@ -325,3 +404,7 @@
   color: #FFF !important;
   text-transform: none !important;
 }
+
+body .modal-backdrop.fade.in {
+  display: none;
+}