Display modal to create a new institution

Signed-off-by: Luciano Prestes <lucianopcbr@gmail.com> Signed-off-by: Pedro de Lyra <pedrodelyra@gmail.com>

Display modal to create a new institution
Signed-off-by: Luciano Prestes <lucianopcbr@gmail.com> Signed-off-by: Pedro de Lyra <pedrodelyra@gmail.com>
Luciano Prestes
1 parent 12664f27
Showing 5 changed files with 58 additions and 22 deletions Show diff stats
src/noosfero-spb/gov_user/public/style.css
src/noosfero-spb/gov_user/public/views/create-institution.js
src/noosfero-spb/gov_user/views/ratings_extra_field.html.erb
src/noosfero-spb/software_communities/public/style.css
src/noosfero-spb/software_communities/views/comments_extra_fields.html.erb
@@ -24,3 +24,12 @@
   border-color: #FF0000;
   box-shadow: 0 0 10px #FF0000;
 }
+
+#institution_empty_ajax_message {
+  margin-top: 10px;
+  margin-left: 0px !important;
+}
+
+#create_institution_link {
+  margin-left: 8px;
+}
@@ -34,6 +34,7 @@ modulejs.define(&#39;CreateInstitution&#39;, [&#39;jquery&#39;, &#39;NoosferoRoot&#39;, &#39;SelectElement&#39;]
         close: function() {
           $("#institution_dialog").html("");
           $('#institution_empty_ajax_message').switchClass("show-field", "hide-field");
+          toggle_extra_fields_style_status(false);
         }
       });
     });
@@ -196,6 +197,16 @@ modulejs.define(&#39;CreateInstitution&#39;, [&#39;jquery&#39;, &#39;NoosferoRoot&#39;, &#39;SelectElement&#39;]
     return user_institutions;
   }
+  function toggle_extra_fields_style_status(status) {
+      if(status) {
+        $('.extra-fields-container').css({ marginTop: "55px" });
+        $('.button-bar').css({ marginTop: "55px" });
+      } else {
+        $('.extra-fields-container').css({ marginTop: "0px" });
+        $('.button-bar').css({ marginTop: "20px" });
+      }
+  }
+
   function institution_autocomplete() {
     $("#input_institution").autocomplete({
@@ -209,8 +220,17 @@ modulejs.define(&#39;CreateInstitution&#39;, [&#39;jquery&#39;, &#39;NoosferoRoot&#39;, &#39;SelectElement&#39;]
             if( result.length === 0 ) {
               $('#institution_empty_ajax_message').switchClass("hide-field", "show-field");
+
+              if(!$('#institution_empty_ajax_message').has('a').length) {
+                $('#institution_empty_ajax_message').append("<a id='create_institution_link' class='button with-text icon-save submit' href='#'>Adicionar</a>");
+              }
+
+              toggle_extra_fields_style_status(true);
+              $("#create_institution_link").click(open_create_institution_modal);
             } else {
               $('#institution_empty_ajax_message').switchClass("show-field", "hide-field");
+              $("#create_institution_link").remove();
+              toggle_extra_fields_style_status(false);
             }
           },
           error: function(ajax, stat, errorThrown) {
@@ -223,11 +243,6 @@ modulejs.define(&#39;CreateInstitution&#39;, [&#39;jquery&#39;, &#39;NoosferoRoot&#39;, &#39;SelectElement&#39;]
       select : function (event, selected) {
         $("#institution_selected").val(selected.item.id).attr("data-name", selected.item.label);
-
-        // +("") -> 0; +("1") -> 1...
-        if (+($("#institution_selected").val()) !== 0) {
-          add_new_institution();
-        }
       }
     });
   }
@@ -241,27 +256,27 @@ modulejs.define(&#39;CreateInstitution&#39;, [&#39;jquery&#39;, &#39;NoosferoRoot&#39;, &#39;SelectElement&#39;]
   }
-  function add_new_institution() {
+  function add_new_institution(evt) {
+    evt.preventDefault();
     var selected = $("#institution_selected");
-    var already_added_to_list = is_institution_already_added_to_list(selected.val());
+    var institution_already_added = $(".institutions_added li[data-institution='"+selected.val()+"']").length;
-    if(selected.val().length > 0 && !already_added_to_list) {
+    if(selected.val().length > 0 && institution_already_added === 0) {
       //field that send the institutions to the server
       $(".institution_container").append(get_clone_institution_data(selected.val()));
       // Visualy add the selected institution to the list
       add_selected_institution_to_list(selected.val(), selected.attr("data-name"));
+      // clean the institution flag
+      selected.val("").attr("data-name", "");
+      $("#input_institution").val("");
+
       $(".remove-institution").click(remove_institution);
     }
   }
-  function is_institution_already_added_to_list(institution_id) {
-    return $(".institutions_added li[data-institution='"+institution_id+"']").length !== 0;
-  }
-
-
   function remove_institution(evt) {
     evt.preventDefault();
     var code = $(this).parent().attr("data-institution");
@@ -365,6 +380,7 @@ modulejs.define(&#39;CreateInstitution&#39;, [&#39;jquery&#39;, &#39;NoosferoRoot&#39;, &#39;SelectElement&#39;]
   }
   function set_events() {
+
     $("#create_institution_link").click(open_create_institution_modal);
     $("input[name='institutions[type]']").click(function(){
@@ -376,6 +392,8 @@ modulejs.define(&#39;CreateInstitution&#39;, [&#39;jquery&#39;, &#39;NoosferoRoot&#39;, &#39;SelectElement&#39;]
     $("#community_name").keyup(institution_already_exists);
+    $("#add_new_institution").click(add_new_institution);
+
     $(".remove-institution").click(remove_institution);
     $("#community_country").change(function(){
@@ -8,3 +8,5 @@
                   :class=>"errorExplanation hide-field") %>
   <%= hidden_field_tag "organization_rating[institution_id]", "", id: "institution_selected" %>
 </div>
+
+<%= content_tag(:div, "", :id=>"institution_dialog") %>
 \ No newline at end of file
@@ -110,3 +110,7 @@
   cursor: pointer;
 }
+.extra-fields-container {
+  overflow: auto;
+}
+
@@ -7,15 +7,18 @@
 </div>
 <div class="comments-software-extra-fields">
-  <div class="comments-software-people-benefited">
-    <%= label_tag "comments_people_benefited", _("Number of Beneficiaries")%>
-    <span class="star-tooltip" title="Quantidade de pessoas beneficiadas com a utilização do software"></span>
-    <%= text_field_tag "organization_rating[people_benefited]", "" %>
-  </div>
-  <div class="comments-software-saved-values">
-    <%= label_tag "comments_saved_value", _("Saved resources")%>
-    <span class="star-tooltip" title="Valores em “Real” economizados com a utilização do software"></span>
-    <%= text_field_tag "organization_rating[saved_value]", "", :placeholder=>"R$"%>
+  <div class="extra-fields-container">
+    <div class="comments-software-people-benefited">
+      <%= label_tag "comments_people_benefited", _("Number of Beneficiaries")%>
+      <span class="star-tooltip" title="Estimativa do número de pessoas beneficiadas com a utilização do software"></span>
+      <%= text_field_tag "organization_rating[people_benefited]", "" %>
+    </div>
+
+    <div class="comments-software-saved-values">
+      <%= label_tag "comments_saved_value", _("Saved resources")%>
+      <span class="star-tooltip" title='Estimativa dos valores em "Real" economizados com a utilização do software'></span>
+      <%= text_field_tag "organization_rating[saved_value]", "", :placeholder=>"R$"%>
+    </div>
   </div>
 </div>
	@@ -24,3 +24,12 @@		@@ -24,3 +24,12 @@
24	border-color: #FF0000;	24	border-color: #FF0000;
25	box-shadow: 0 0 10px #FF0000;	25	box-shadow: 0 0 10px #FF0000;
26	}	26	}
		27	+
		28	+#institution_empty_ajax_message {
		29	+ margin-top: 10px;
		30	+ margin-left: 0px !important;
		31	+}
		32	+
		33	+#create_institution_link {
		34	+ margin-left: 8px;
		35	+}
	@@ -8,3 +8,5 @@		@@ -8,3 +8,5 @@
8	:class=>"errorExplanation hide-field") %>	8	:class=>"errorExplanation hide-field") %>
9	<%= hidden_field_tag "organization_rating[institution_id]", "", id: "institution_selected" %>	9	<%= hidden_field_tag "organization_rating[institution_id]", "", id: "institution_selected" %>
10	</div>	10	</div>
		11	+
		12	+<%= content_tag(:div, "", :id=>"institution_dialog") %>
11	\ No newline at end of file	13	\ No newline at end of file
	@@ -110,3 +110,7 @@		@@ -110,3 +110,7 @@
110	cursor: pointer;	110	cursor: pointer;
111	}	111	}
112		112
		113	+.extra-fields-container {
		114	+ overflow: auto;
		115	+}
		116	+