socialforge/app/views/welcome/index.html.erb

<!--add by huang-->
<div style="height:220px;">
	<div class="welcome_left" style="margin-top: 60px">
		<table width="388px">
			<tr><td><span class="font_welcome_trustie"><%= l(:label_welcome_trustie) %> </span><span class="font_welcome_tdescription">, <%= l(:label_welcome_trustie_description) %></span></td></tr>			
		</table>
	</div>
	<table>
		<tr>
			<td> <%= call_hook :view_account_login_top %>
			<div id="login-form_new" style="margin-top: -20px;">
				<%= form_tag(signin_path) do %>
					<%= back_url_hidden_field_tag if is_logout? %>
					<% unless User.current.logged? %> <!--modified by young-->
						<table >
							<tr>
								<td align="right"><label for="username"><%= l(:label_username) %></label></td>
								<td align="left"><%= text_field_tag 'username', params[:username], :tabindex => '1' %></td>
							</tr>
							<tr>
								<td align="right"><label for="password"><%= l(:label_password) %></label></td>
								<td align="left"><%= password_field_tag 'password', nil, :tabindex => '2' %></td>
							</tr>
							<% if Setting.openid? %>
							<tr>
								<td align="right"><label for="openid_url"><%= l(:field_identity_url)%></label></td>
								<td align="left"><%= text_field_tag "openid_url", nil, :tabindex => '3' %></td>
							</tr>
							<% end %>
							<tr>
								<td></td>
						<td align="left"> <% if Setting.autologin? %> <label for="autologin"><%= check_box_tag 'autologin', 1, false, :tabindex => 4 %> <%= l(:label_stay_logged_in) %></label> <% end %> </td>
							</tr>
							<tr>
						<td align="left"> <% if Setting.lost_password? %>
										<%= link_to l(:label_password_lost), lost_password_path %>
						<% end %> </td>
								<td align="right">
									<input type="submit" name="login" value="<%= l(:button_login)%> &#187;" tabindex="5"/>
								</td>
							</tr>
						</table>
					<% else %>						
				<div>
<!--info-->
						<table width="200" border="0">
						  <tr>
						    <td colspan="2" align="center" class="font_welcome_Cdescription" ><%= l(:label_welcome) %> <strong class="font_small_watch" style=" word-wrap: break-word; word-break: break-all"><%=link_to User.current.lastname<<User.current.firstname, user_path(User.current) %></strong> <%= l(:label_join) %></td>
						  </tr>
						  <tr>

    <td rowspan="2" style="padding-left: 20px"><%= image_tag(url_to_avatar(User.current), :class => 'avatar') %></td>
						    <td><strong class="font_small_watch"><%= link_to l(:label_user_watcher)+"("+User.watched_by(User.current).count.to_s+")", user_path(User.current)  %></strong>&nbsp
							    <strong class="font_small_watch"><%=link_to l(:label_x_user_fans, :count => User.current.watcher_users(User.current.id).count)+"("+User.current.watcher_users(User.current.id).count.to_s+")", user_path(User.current) %></strong></td>
						  </tr>
						  <tr>
						    <td align="left"><% unless User.current.memberships.empty? %>
						    	<%= l(:label_x_welcome_participate, :count => User.current.memberships.count) %>  <strong class="font_small_watch"><%= link_to User.current.memberships.count, {:controller => 'users', :action => 'user_projects', :id => User.current} %></strong> <%= l(:label_welcome_participate_project)%>
									<% end %>
								</td>
						  </tr>
						</table>						
<!-- end -->
				</div>
					<% end %>
				<% end %>
			</div> <%= call_hook :view_account_login_bottom %>

			<% if params[:username].present? %>
			<%= javascript_tag "$('#password').focus();" %>
			<% else %>
			<%= javascript_tag "$('#username').focus();" %>
			<% end %> 
			</td>
		</tr>
	</table>
	</div>
<!--model-->

<!-- fq -->

<script type="text/javascript" language="javascript">
	function clearInfo(id, content) {
		var text = $('#' + id);
		if (text.val() == content) {
			$('#' + id).val('');
		}
	}

	function showInfo(id, content) {
		var text = $('#' + id);
		if (text.val() == '') {
			$('#' + id).val(content);
		}
	}
	
	 // $(function(){
		// var x = 10;
		// var y = 20;
		// $("span.tooltip").mouseover(function(e){
			// this.myTitle = this.title;
			// this.title = "";
			// var tooltip = "<div id='tooltip' style=' position: absolute;'><div class='arrow bottom right'></div>" + this.myTitle + "</div>";
			// $("body").append(tooltip);
			// $("#tooltip")
			  // .css({
				// "top": (e.pageY + y) + "px",
				// "left": (e.pageX + x) + "px"
			// }).show("fast");
		// }).mouseout(function(){
			// this.title = this.myTitle;
			// $("#tooltip").remove();
		// }).mousemove(function(e){
			// $("#tooltip")
			  // .css({
				// "top": (e.pageY + y) + "px",
				// "left": (e.pageX + x) + "px"
			// });
		// });
	// })
	
	// $('li').mouseover(function(){ 
      // var id=$(this).attr('id'); 
      // alert(id); 
    // }); 


</script>
<!-- info display block -->
<%= stylesheet_link_tag 'welcome' %>
<div class="body_resize">
	
<div class="left" style="float: left; height: 445px; width: 50%;">  
<ul class="welcome-message-list" style="width: 90%; ">
	<h3 style="color: rgb(21, 188, 207);margin-left: 8px;"><strong>论坛热帖</strong></h3>
	<div class="welcome-box-list">
		<% find_hot_forum_topics.each do |topic|%>
		<li class="message-brief-intro" style="min-height: 25px;">
			<div  style="display: inline-block; width: 100%;">
			  <span style="color:gray; display: inline-block;   background: url('/images/list-icon.png') no-repeat scroll ;background-position: left center;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			  <%= link_to topic.subject.truncate(30, omission: '...'), topic.event_url, :class => "gray" , :style => "font-size: 10pt !important;"%>
			  </span>
			<br>
			<span style="margin-left: 20px; color: rgb(172, 174, 177); white-space: nowrap; font-size：　9pt !important;;"><%=l(:field_updated_on)%><%=time_tag_welcome(topic_last_time topic)%>前</span>
			<span style="margin-left: 5px; color: rgb(172, 174, 177) !important; white-space: nowrap;">
				由<%= link_to topic.author, user_path(topic.author), :style => "font-size: 9pt !important; color: rgb(17, 102, 173);"%>发表
			</span>
			<span style="float: right; color: rgb(172, 174, 177); white-space: nowrap; font-size：　9pt !important;;">回复(<%= link_to topic.replies_count, topic.event_url %>)</span>
			</div>
		</li>
		<% end %>
	</div>
</ul>
</div> 

<div class="right" style="float: right; margin-right: -20px; height: 445px; width: 50%; ">	
	<ul class="user-welcome-message-list" style="width: 80%; margin-top: 0px;">
		<h3 style="margin-left: -5px; color: rgb(21, 188, 207)"><strong>用户动态</strong></h3>
		<div class="user-message-box-list">
		<% find_all_activities.each do |event| %>
		<li style="display: block;height:60px;">
			<div class="inner-right" style="float: left; height: 100%; ">
				<%= image_tag url_to_avatar(event.event_author), :class => "avatar-3" %>
			</div>
			<div class="inner-right" style="float: right; width:86%; height: 100%; ">
			<span style="color: green;"><%= link_to event.event_author, (user_path(event.event_author) if event.event_author), :style => "color:green;" %></span><!-- &nbsp;发表了<%= find_all_event_type event %>：<span style="color: blue;"><%= link_to truncate(event.event_title, length: 30, omission:'...'), event.event_url %>
			</span> --><%= show_user_content event %>
			<p><span style="color: rgb(172, 174, 177)"><%= time_tag_welcome event.event_datetime %>前</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="float: right; color: rgb(172, 174, 177);"><%= show_event_reply event %></span></p>
			</div>
		</li>
		    <% end  %>	
		</div>
	</ul>
</div>

<div id="J_Slide" class="d-p-index-box d-p-index-hotproject">
	<h3 style="margin-left: 5px; color: #e8770d;"><strong>热门项目</strong></h2>
	 <div class="d-p-projectlist-box">
		<ul class="d-p-projectlist">
			<% find_all_hot_project.map do |project| break if(project == find_all_hot_project[15]) %>
				<li  style="background-image:none;">
		  	<div style="float: left;">
		  	  <%= image_tag url_to_avatar(project), :class => "avatar-4" %>
		    </div>
		  	<div style="float: left; margin-left: 10px; width: 360px;">
    	      <p class="layout">
         	    <%= link_to( project.name, project_path(project.project_id), :class => "d-g-blue d-p-project-name",  :title => "#{project.name}")%>
         	    <!-- <span style="cursor: help; display: inline-block; float: right; color: #ec6300; background: url('/images/score.png') no-repeat scroll ;background-position: left center;" title="项目得分，综合考虑了项目的各项活动，反映了该项目的活跃程度"  class="tooltip-#{project.project_id}"><%= show_grade project %></span> -->
         	    <%= content_tag "span", show_grade(project), 
         	        :style => "cursor: pointer; display: inline-block; float: right; color: #ec6300; ",
			        :title => "项目得分，综合考虑了项目的各项活动，反映了该项目的活跃程度",
			        :class => "tooltip",
			        :id => "tooltip-#{project.project_id}" %>
		      </p>
    	      <p class="layout-1" >
			    <%= content_tag "span", project.description.truncate(50, omission: '...'), :class => "d-p-project-intro" , :title => project.description %>
    	      </p>  
    	    </div>
				</li>
			<% end %>
		</ul>
	</div>
</div>

<div id="J_Slide" class="d-p-index-box d-p-index-hotproject" style="float: right;">
	<h3 style="margin-left: 5px; color: #e8770d;"><strong>热门课程</strong></h3>
	<div class="d-p-projectlist-box">
		<ul class="d-p-projectlist">
			<% find_all_hot_course.map do |project| break if(project == find_all_hot_course[5]) %>
			<li  style="background-image:none;">
				<div style="float: left;">
		  	       	<% if get_avatar?(project)%>
		                 <%= image_tag(url_to_avatar(project), :class => "avatar-4") %>
		            <% else %>
		                 <%= image_tag('../images/avatars/Project/course.jpg',  :class => "avatar-4") %>
		            <% end %>
		        </div>
		        <div style="float: left; margin-left: 10px; width: 360px;">
				<p class="layout">
					<%= link_to( project.name, project_path(project.project_id), :class => "d-g-blue d-p-project-name",:title => "#{project.name}")%>
					<span style="cursor: pointer; display: inline-block; float: right; color: #ec6300; white-space: nowrap;">学生人数：<%= link_to "#{studentCount(project)}", project_member_path(project, :role => 2) ,:course =>'1'%></span>
				</p>
				<p class="layout-1" >
					<%= content_tag "span", project.description.truncate(50, omission: '...'), :class => "d-p-project-intro" , :title => project.description %>
				</p>  
				</div>	
			</li>
			<% end %>
		</ul>
	</div>
</div>

			
<div id="J_Slide" class="d-p-index-box d-p-index-hotproject" style="float: right;">
	<h3 style="margin-left: 5px; color: color: (51, 119, 51);"><strong>热门竞赛</strong></h3>
	<div class="d-p-projectlist-box">
		<ul class="d-p-projectlist">
			<% find_all_hot_contest.map do |contest| break if(contest == find_all_hot_contest[5]) %>
			<li  style="background-image:none;">
				<p class="layout">
					<span style = "background: url('/images/007.gif') no-repeat scroll ;background-position: left center;"><%= link_to( contest.name, respond_path(contest.id), :class => "d-g-blue d-p-project-name",  :title => "#{contest.name}",
					:style => "margin-left: 28px;") %></span>
				</p>
				<p class="layout-1" >
					<%= content_tag "span", contest.description.truncate(50, omission: '...'), :class => "d-p-project-intro" , :title => contest.description %>
				</p>
			</li>
			<% end %>
		</ul>
	</div>
</div>

<div id="J_Slide" class="d-p-index-box d-p-index-hotproject"  style="float: right;">
    <h3 style="margin-left: 5px; color: color: (51, 119, 51);"><strong>热门众包</strong></h3>
	<div class="d-p-projectlist-box">
		<ul class="d-p-projectlist">
			<% find_all_hot_bid.map do |bid| break if(bid == find_all_hot_bid[5]) %>
			<li  style="background-image:none;">
				<p class="layout">
					<span style = "background: url('/images/007.gif') no-repeat scroll ;background-position: left center;"><%= link_to( bid.name, respond_path(bid.id), :class => "d-g-blue d-p-project-name", :title => "#{bid.name}",
					:style => "margin-left: 28px;")%></span>
				</p>
				<p class="layout-1" >
					<%= content_tag "span", bid.description.truncate(50, omission: '...'), :class => "d-p-project-intro" , :title => bid.description %>
				</p>  	
			</li>
			<% end %>
		</ul>
	</div>
</div>
			


<div class="clr">
</div>


<br/><br/><br/><br/><br/><br/><br/>
<!-- end -->
<div style="padding-top: 40px"></div>