social_stream-base 0.5.0

data/app/views/profiles/edit.html.erb

@@ -0,0 +1,221 @@
+<% toolbar :profile => current_subject %>
+
+<% content_for :sidebar do %>
+  <%= render :partial => "#{ current_subject.class.to_s.tableize }/sidebar_index" %>
+<% end %>
+
+<% content_for :headers do %>
+  <%= stylesheet_link_tag "jquery-ui", :media => "screen, projection" %>
+  <%= javascript_include_tag 'jquery.validate' %>
+<% end %>
+
+<% content_for :javascript do %>
+  $(function() {
+	   $(".edit_profile").validate();
+  });
+<% end %>
+
+<%if params[:section].present? 
+  case params[:section]
+  when "about_me"
+    level2 = link_to(image_tag("btn/edit.png", :class => "menu_icon")+t('profile.' + current_subject.class.to_s.downcase + '.info'),
+      :controller => :profiles , :action => :edit, :section => "about_me")
+  when "contact_info" 
+    level2 = link_to(image_tag("btn/edit.png", :class => "menu_icon")+t('profile.contact'),
+      :controller => :profiles , :action => :edit, :section => "contact_info")
+  when "my_experience" 
+    level2 = link_to(image_tag("btn/edit.png", :class => "menu_icon")+t('profile.' + current_subject.class.to_s.downcase + '.experience'),
+      :controller => :profiles , :action => :edit, :section => "my_experience")
+  when "tags"
+  level2 = link_to(image_tag("btn/edit.png", :class => "menu_icon")+t('profile.' + current_subject.class.to_s.downcase + '.tags'),
+    :controller => :profiles , :action => :edit, :section => "tags")
+	end
+else
+  level2 = link_to(image_tag("btn/edit.png", :class => "menu_icon")+t('profile.one'),
+      :controller => :profiles , :action => :edit)
+end %>
+
+<%= location(
+  link_to(image_tag("btn/btn_edit.png", :class => "menu_icon")+t('menu.information'), [current_subject, :profile]),
+  level2
+) %>
+<div class="space_center"></div>
+
+<%= form_for(@profile, :url => [current_subject, :profile], :remote => true) do |f| %>
+
+<div class="block" id="profile_form">
+  
+  <% if !params[:section].present? or params[:section].eql?("tags") %>
+	<% content_for :headers do %>
+	  <%= stylesheet_link_tag "fcbkComplete.css", :media => "screen, projection" %>
+	  <%= javascript_include_tag 'jquery.fcbkcomplete.min', 'jquery.validate' %>
+	<% end %>
+	
+	<% content_for :javascript do %>
+	  $(function() {
+	    $(".new_group").validate();
+	  });
+	  $("#profile_actor_attributes_tag_list").fcbkcomplete({
+	    json_url: "<%= tags_path(:format => :json) %>",
+			cache: false,
+			filter_case: true,
+			filter_hide: true,
+			newel: false,
+			height: 6
+	  });
+	 <% @profile.subject.tag_list.each do |tag| %> $("#profile_actor_attributes_tag_list").trigger("addItem",{"title":"<%= tag %>","value":"<%= tag %>"});
+	<% end %>
+	<% end %>
+	
+    <div class="row">
+		<div class="form_row">
+		      	  <%= f.fields_for :actor do |actor_form| %>
+				    <div class="form_row">
+				      <div class="form_label">
+				       <%= f.label t(current_subject.class.to_s.downcase + '.tags') %>
+				      </div>
+				      <div class="form_field">
+						<%= actor_form.select :tag_list, [], :class => "form_tag" %>				
+				      </div>
+				    </div>
+		      	 <%end%>
+    	</div>
+	</div>
+  <% end %>
+  
+  <% if !params[:section].present? or params[:section].eql?("about_me") %>
+		<% content_for :javascript do %>
+	    $(function () {
+	        $( "#profile_birthday" ).datepicker({ yearRange: '1900:<%= Time.now.utc.to_date.year%>',
+	                                          changeYear: true, maxDate: '+0d', defaultDate: '-30y'});
+	    });
+	  <% end %>
+    <div class="row">
+	    <div class="form_row">
+	        <h2><%=t('profile.' + current_subject.class.to_s.downcase + '.info')%></h2>
+	    </div>
+	
+		  <%= f.fields_for :actor do |actor_form| %>
+		    <div class="form_row">
+		      <div class="form_label">
+		       <%= f.label t('actor.name') %>
+		      </div>
+		      <div class="form_field">
+		       <%= actor_form.text_field :name, :class => "required form_tag"  %>
+		      </div>
+		    </div>
+      <%end%>
+
+    </div>
+		
+	  <div class="form_row">
+	    <div class="form_label">
+	      <%= f.label t('profile.organization')%>
+	    </div>
+	    <div class="form_field">
+	      <%= f.text_field :organization , :class => "form_tag" %>
+	    </div>
+	  </div>
+
+	  <div class="form_row">
+	    <div class="form_label">
+	      <%= f.label t('profile.' + current_subject.class.to_s.downcase + '.birthday')%>
+	    </div>
+	    <div class="form_field">
+	      <%= f.text_field( :birthday , :class => "date form_tag") %>
+	    </div>
+	  </div>
+
+	  <div class="form_row">
+	    <div class="form_label">
+	      <%= f.label t('profile.actualcity')%>
+	    </div>
+	    <div class="form_field">
+	      <%= f.text_field :city,  :class => "form_tag" %>
+	    </div>
+	  </div>
+
+	  <div class="form_row">
+	    <div class="form_label">
+	      <%= f.label t('profile.country') %>
+	    </div>
+	    <div class="form_field">
+	      <%= f.text_field :country,  :class => "form_tag" %>
+	    </div>
+	  </div>
+
+	  <div class="form_row form_label">
+	    <%= f.label t('profile.' + current_subject.class.to_s.downcase + '.about') %>
+	  </div>
+	  <div class="form_row">
+	    <%= f.text_area :description, :maxlength => 200, :rows => 10, :class => "form_tag_long" %>
+	  </div>
+  <% end %>
+  <% if !params[:section].present? or params[:section].eql?("contact_info") %>
+    <div class="form_row">
+        <h2><%=t('profile.contact')%></h2>
+    </div>
+
+    <div class="form_row">
+      <div class="form_label">
+        <%= f.label t('profile.phone')%>
+      </div>
+      <div class="form_field">
+        <%= f.text_field :phone, :class => "phone form_tag" %>
+      </div>
+    </div>
+    <div class="form_row">
+      <div class="form_label">
+        <%= f.label t('profile.mobile') %>
+      </div>
+      <div class="form_field">
+        <%= f.text_field :mobile, :class => "phone form_tag" %>
+      </div>
+    </div>
+    <div class="form_row">
+      <div class="form_label">
+        <%= f.label t('profile.fax') %>
+      </div>
+      <div class="form_field">
+        <%= f.text_field :fax, :class => "phone form_tag" %>
+      </div>
+    </div>
+    <div class="form_row">
+      <div class="form_label">
+        <%= f.label t('profile.address') %>
+      </div>
+      <div class="form_field">
+        <%= f.text_field :address, :class => "form_tag" %>
+      </div>
+    </div>
+    <div class="form_row">
+      <div class="form_label">
+        <%= f.label t('profile.website')%>
+      </div>
+      <div class="form_field">
+        <%= f.text_field :website, :class => "url form_tag" %>
+      </div>
+    </div>
+  <% end %>
+  <% if !params[:section].present? or params[:section].eql?("my_experience") %>
+    <div class="form_row">
+        <h2><%=t('profile.' + current_subject.class.to_s.downcase + '.experience')%></h2>
+    </div>
+    <div class="row center">
+      <%= f.text_area :experience, :maxlength => 500, :rows => 10, :class => "form_tag_long" %>
+    </div>
+  <% end %>
+
+  <% if params[:section].present? %>
+    <%= hidden_field_tag("section", params[:section]) %>
+  <% end %>
+  <div class="form_row space_center">
+    <%= f.submit t('button.update'), :class => "button" %>&nbsp;
+    <button class="button" onclick="window.location.href='<%= polymorphic_path(current_subject) %>';">
+    	<%= t('button.cancel')%>
+		</button>
+  </div>
+
+<% end %>
+</div>
+

data/app/views/profiles/show.html.erb

@@ -0,0 +1,25 @@
+<% content_for :title do%>
+  <%= @profile.subject.name %>
+<%end%>
+<% if @profile.description? %>
+  <% content_for :description do %>
+    <%= @profile.description%>
+  <% end %>
+<%end%>
+
+<% content_for :keywords do %>
+  <%= @profile.subject.tag_list%>
+<% end %>
+
+<% content_for :sidebar do %>
+  <%= render :partial => 'users/sidebar_index' %>
+<% end %>
+
+<% toolbar :profile => @profile.subject %>
+
+
+<%= location(link_to(image_tag("btn/btn_edit.png", :class => "menu_icon")+t('menu.information'), 
+              [@profile.subject, :profile])) %>
+
+
+<%= render :partial => "profile" %>

data/app/views/profiles/update.js.erb

@@ -0,0 +1,20 @@
+
+  if ($("#profile_notice").length == 0){
+    $("#profile_form").prepend('<div id="profile_notice" class="notice"></div>');  
+  } 
+	
+<% if @profile.valid? %>
+
+  $("#profile_notice").html("<%= t('profile.update.success')%>");
+	$("#profile_notice").removeClass('error');
+  $("#profile_notice").addClass('success');
+	
+<% else %>
+  $("#profile_notice").html("<h2><%= pluralize(@profile.errors.count, "error") %> <%= t('profile.update.error')%></h2>"
+	 +"<ul><% @profile.errors.full_messages.each do |msg| %><li><%= msg %></li><% end %></ul>");
+	$("#profile_notice").removeClass('success');
+	$("#profile_notice").addClass('error'); 
+
+<% end %>
+
+

data/app/views/relation/customs/_form.html.erb

@@ -0,0 +1,29 @@
+<% @custom ||= @sphere.customs.build %>
+
+<%= form_for @custom, :remote => true do |f| %>
+  <%= f.hidden_field :sphere_id %>
+
+  <% if @custom.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(@custom.errors.count, "error") %> prohibited this custom relation from being saved:</h2>
+
+      <ul>
+      <% @custom.errors.full_messages.each do |msg| %>
+        <li><%= msg %></li>
+      <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <p><%= f.text_field :name, :class => "privacy_input_new", :size => 20 %></p>
+  <%= f.submit nil, :class => "button" %>
+  <button class="button" id="cancel_new_relation_custom" ><%= t('button.cancel') %></button>
+<% end %>
+
+<%= javascript_tag do %>
+  $("#cancel_new_relation_custom").click(function() {   
+    $("#new_relation_custom_input_block").hide();
+    $("#new_relation_custom_title_block").show();
+    return false;
+  });
+<% end %>

data/app/views/relation/customs/_index.html.erb

@@ -0,0 +1,30 @@
+<%= javascript_include_tag 'jquery.ui.widget'%>
+<%= javascript_include_tag 'jquery.ui.mouse'%>
+<%= javascript_include_tag 'jquery.ui.slider.js'%>
+
+<p class="sectionTitle"><%= raw t('relation_custom.in_sphere.choose', :name => h(@sphere.name)) %> </p>
+
+
+<div class="privacy_add_element">
+  <div id="new_relation_custom_title_block"> 
+    <a href="#"><span id="new_relation_custom_title" class="privacy_span_new"><%= t 'relation_custom.new' %></span></a>
+  </div> 
+  <div id="new_relation_custom_input_block"> 
+    <%= render :partial => 'relation/customs/form' %>
+  </div>
+</div>
+
+<div id="relation_custom_list">
+  <%= render :partial => 'relation/customs/list', :object => @customs %>
+</div>
+
+<%= javascript_tag do %>
+  $(function() {
+    $("#new_relation_custom_input_block").hide();
+
+    $("#new_relation_custom_title").click(function() {
+      $("#new_relation_custom_title_block").hide();
+      $("#new_relation_custom_input_block").show();
+    });
+  })
+<% end %>

data/app/views/relation/customs/_list.html.erb

@@ -0,0 +1,36 @@
+<table class="tableCheckBoxOptions">  
+
+  <tr><td colspan="2"><div class="slider-header"><%= current_subject.name %></div></td></tr>
+
+  <tr><td rowspan="<%= list.size + 1 %>">
+      <div class="slider-div">
+        <p>
+        <div id="slider-range"></div>
+        </p>
+      </div>
+    </td>
+  </tr>
+
+  <% order = 0 %>
+  <% list.sort.each do |r| %>
+    <tr><td>
+      <div contain=<%= dom_id r %> class="checkboxOptionLeft">
+        <input id=<%= dom_id r %> type="checkbox"/>
+        <label for="<%= dom_id r %>" order="<%= order %>"><%= r.name %></label>
+      </div>
+    </td></tr>
+    <% order += 1 %>
+  <% end %>
+
+  <tr><td colspan="2"><div class="slider-footer"><%= t 'relation_public.name' %></div></td><tr>
+</table>
+
+<%= javascript_tag do %>
+  $(function() {
+    relations = <%= list.sort.reverse.map{ |r| h(r.name) }.to_json.html_safe %>; 
+
+    $('input[id^="relation_custom"]').checkBox();
+
+    initSlider();
+  })
+<% end %>

data/app/views/relation/customs/create.js.erb

@@ -0,0 +1,20 @@
+<% if @custom.errors.present? %>
+  $('#new_relation_custom_input_block').html("<%= escape_javascript render(:partial => 'relation/customs/form') %>");
+<% else %>
+  // Hide #permissions
+  $('#permissions').html("");
+  $('#permissions').hide();
+
+  // Restore form
+  $('#relation_custom_name').val('');
+  $('#new_relation_custom_input_block').hide();
+  $('#new_relation_custom_title_block').show();
+
+
+  // Refresh list
+  $('#relation_custom_list').html("<%= escape_javascript render(:partial => 'relation/customs/list', :object => @custom.sphere.customs.reload) %>");
+
+  // Select relation_custom
+  $('#' + '<%= dom_id @custom %>').checkBox('changeCheckStatus', true);
+<% end %>
+

data/app/views/relation/customs/index.js.erb

@@ -0,0 +1,2 @@
+$('#relations').html("<%= escape_javascript render(:partial => 'index') %>");
+$('#relations').show();

data/app/views/relation/customs/update.js.erb

@@ -0,0 +1,6 @@
+<% if @custom.errors.present? %>
+  $('#new_relation_custom_input_block').html("<%= escape_javascript render(:partial => 'relation/customs/form') %>");
+<% else %>
+  alert("<%= escape_javascript t('privacy.rule.saved') %>");
+<% end %>
+

data/app/views/spheres/_form.html.erb

@@ -0,0 +1,28 @@
+<% @sphere ||= Sphere.new %>
+
+<%= form_for @sphere, :remote => true do |f| %>
+
+  <% if @sphere.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(@sphere.errors.count, "error") %> prohibited this sphere from being saved:</h2>
+
+      <ul>
+      <% @sphere.errors.full_messages.each do |msg| %>
+        <li><%= msg %></li>
+      <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <p><%= f.text_field :name, :class => "privacy_input_new", :size => 20 %></p>
+  <%= f.submit nil, :class => "button" %>
+  <button class="button" id="cancel_new_sphere" ><%= t('button.cancel') %></button>
+<% end %>
+
+<%= javascript_tag do %>
+  $("#cancel_new_sphere").click(function() {   
+    $("#new_sphere_input_block").hide();
+    $("#new_sphere_title_block").show();
+    return false;
+  });
+<% end %>

data/app/views/spheres/_jquery.erb

@@ -0,0 +1,130 @@
+var relations;
+
+function checkBoxId(id) {
+  return id.match(/\d+$/)[0];
+}
+
+function checkBoxType(id) {
+  return id.match(/(.*)_\d+$/)[1]
+}
+
+function checkBoxValue(id) {
+  return $('label[for$=' + id +']').html(); 
+}
+
+function checkBoxOrder(id) {
+  return parseInt($('label[for$=' + id +']').attr("order"));
+}
+
+function checkBoxIdByOrder(order) {
+  return $('label[order$=' + order +']').attr("for");
+}
+
+
+function checkBoxEnable(id) {
+	$('div[contain$='+id+']').addClass("checked-option");
+
+        switch (checkBoxType(id)) {
+
+	case "sphere":
+		$(':checkbox[id^="sphere"]:checked:not(#' + id + ')').checkBox('changeCheckStatus', false);
+
+		var sphereSelected = checkBoxId(id);
+
+		$.ajax({
+			url: "<%= relation_customs_path %>",
+			context: document.body,
+			data: { sphere_id: sphereSelected },
+                        dataType: "script"
+		});
+
+                break;
+
+	case "relation_custom":
+		$(':checkbox[id^="relation_custom"]:checked:not(#' + id + ')').checkBox('changeCheckStatus', false);
+
+                var value = relations.length - checkBoxOrder(id) - 2;
+		$("#slider-range").slider("value", value);
+
+		$( "#relation" ).val(checkBoxValue(id));
+
+		$.ajax({
+			url: "<%= permissions_path %>",
+			context: document.body,
+			data: { relation_id: checkBoxId(id) },
+                        dataType: "script"
+		});
+
+                break;
+
+	case "permission":
+                $('input[id="relation_custom_permission_ids_' + checkBoxId(id) + '"]').attr('checked', 'checked');
+                $('label[for="relation_custom_permission_ids_' + checkBoxId(id) + '"]').parent().show();
+
+                break;
+
+        default:
+          alert("Unknown type of checkBox: " + checkBoxType(id));
+        }
+}
+
+function checkBoxDisable(id) {
+	$('div[contain$='+id+']').removeClass("checked-option");
+
+        switch (checkBoxType(id)) {
+
+	case "sphere":
+                $("#permissions").html("");
+		$("#permissions").hide();
+		$("#relations").hide();
+
+                break;
+
+	case "relation_custom":
+                $("#permissions").html("");
+		$("#permissions").hide();
+
+		$("#slider-range").slider("value", relations.length - 1);
+	        
+                break;
+
+	case "permission":
+                $('input[id="relation_custom_permission_ids_' + checkBoxId(id) + '"]').removeAttr('checked');
+                $('label[for="relation_custom_permission_ids_' + checkBoxId(id) + '"]').parent().hide();
+
+                break;
+        default:
+          alert("Unknown type of checkBox: " + checkBoxType(id));
+
+        }
+} 
+
+
+function initSlider() {
+  /* TODO: get relations from checkboxOptions */
+  relations.unshift("<%= t 'relation_public.name' %>");
+  relations.push("<%= current_subject.name %>");
+
+  $("#relation").val(relations[relations.length - 1]);
+
+  $("#slider-range").slider({
+    orientation: "vertical",
+    range: "min",
+    min: 0,
+    max: relations.length - 1,
+    step: 1,
+    value: relations.length - 1,
+    slide: function(event, ui) {
+      $('#relation').val(relations[ui.value]);
+      },
+    stop: function(event, ui) {
+      var order = relations.length - ui.value - 2;
+      if (order >= 0 && order < relations.length - 2) {
+        var id = '#' + checkBoxIdByOrder(order);
+        $(id).checkBox('changeCheckStatus', true);
+      } else {
+        $(':checkbox[id^="relation_custom"]:checked').checkBox('changeCheckStatus', false);
+      }
+    }
+  });
+};

data/app/views/spheres/_list.html.erb

@@ -0,0 +1,19 @@
+<table class="tableCheckBoxOptions">
+  <% list.each do |sphere| %>
+    <%= raw cycle("<tr><td>", "<td>", :name => "begin_cell") %>
+      <div contain="<%= dom_id(sphere) %>" class="checkboxOptionLeft">
+        <input id=<%= dom_id(sphere) %> type="checkbox"/>
+        <label for=<%= dom_id(sphere) %>><%=sphere.name%></label>
+      </div>
+    <%= raw cycle("</td>", "</td></tr>", :name => "end_cell") %>
+  <% end %>
+
+  <%= raw("</tr>") if list.size.odd? %>
+
+</table>
+
+<%= javascript_tag do %>
+  $(function() {
+    $('input[id^="sphere"]').checkBox();
+  })
+<% end %>

data/app/views/spheres/create.js.erb

@@ -0,0 +1,20 @@
+<% if @sphere.errors.present? %>
+  $('#new_sphere_input_block').html("<%= escape_javascript render(:partial => 'spheres/form') %>");
+<% else %>
+  // Hide #relations and #permissions
+  $('#permissions').html("");
+  $('#permissions').hide();
+  $('#relations').hide();
+
+  // Restore form
+  $('#sphere_name').val('');
+  $('#new_sphere_input_block').hide();
+  $('#new_sphere_title_block').show();
+
+  // Refresh list
+  $('#spheres_list').html("<%= escape_javascript render(:partial => 'spheres/list', :object => current_subject.spheres) %>");
+
+  // Select sphere
+  $('#' + '<%= dom_id @sphere %>').checkBox('changeCheckStatus', true);
+<% end %>
+

data/app/views/spheres/index.html.erb

@@ -0,0 +1,74 @@
+<% content_for :headers do %>
+  <%= stylesheet_link_tag "spheres.css", :media => "screen, projection" %>
+  <%= stylesheet_link_tag "jquery.ui.slider.css", :media => "screen, projection" %>
+  <%= stylesheet_link_tag "jquery.ui.slidertheme.css", :media => "screen, projection" %>
+  <%= javascript_include_tag 'ui.checkbox'%>
+<% end %> 
+
+<% toolbar :profile => current_subject, :option => 'contacts' %>
+
+<%= javascript_tag do %>
+  <%= render :partial => 'spheres/jquery' %>
+<% end %>
+
+<div id="wrapper_section">   
+
+  <p class="pageTitle"><%= t 'sphere.title' %></p>
+
+  <div id="spheres" class="privacy_block_section first_block_section">
+    <p class="sectionTitle"><%= t 'sphere.choose' %></p>
+
+    <div class="privacy_add_element">
+      <div id="new_sphere_title_block"> 
+        <a href="#"><span id="new_sphere_title" class="privacy_span_new"><%= t('sphere.new') %></span></a>
+      </div> 
+      <div id="new_sphere_input_block"> 
+        <%= render :partial => 'spheres/form' %>
+      </div>
+    </div>
+
+    <%= javascript_tag do %>
+      $(function() {
+        $("#new_sphere_input_block").hide();
+
+        $("#new_sphere_title").click(function() {
+          $("#new_sphere_title_block").hide();
+          $("#new_sphere_input_block").show();
+        });
+
+        $("#loading").hide();
+
+        $("#loading").ajaxStart(function(){
+           $(this).show();
+        });
+
+        $("#loading").ajaxStop(function(){
+           $(this).hide();
+        });
+
+      })
+    <% end %>
+
+    <div id="spheres_list">
+      <%= render :partial => 'spheres/list', :object => @spheres %>
+    </div>
+
+</div>
+
+
+  <div id="relations" class="privacy_block_section">
+  </div>
+
+
+  <div id="permissions" class="privacy_block_section">
+  </div>
+
+  <div id="loading"></div>
+
+  <%= javascript_tag do %>
+    $(function() {
+      $("#relations").hide();
+      $("#permissions").hide();
+    })
+  <% end %>
+</div>