262 lines
12 KiB
Plaintext
262 lines
12 KiB
Plaintext
<div class="edu-class-container edu-position">
|
|
<p class="mb10 font-14">
|
|
<i class="fa fa-map-marker mr5 color-grey"></i>
|
|
<a href="<%= user_path(@user) %>"><%= @user.show_name %></a> > 讨论区
|
|
</p>
|
|
<div class="edu-class-top clearfix mb30 pr user_bg_shadow bor-grey-e">
|
|
<div class="clearfix">
|
|
<div class="fl with60 mt5">
|
|
<a href="<%= user_path(@user) %>" class="fl">
|
|
<%= image_tag(url_to_avatar(User.current), :width => 60, :height => 60,:alt=>'贴吧图像', :class=>"bor-radius-all" ) %>
|
|
</a>
|
|
<div class="fl ml15">
|
|
<li class="font-16"><a href="<%= user_path(@user) %>" class="color-grey3"><%= @user.show_name %></a></li>
|
|
<li class="mt5 color-grey font-12"><%= time_from_now @user.last_login_on %></li><!--三分钟前登录-->
|
|
</div>
|
|
</div>
|
|
<ul class="fr" style="padding: 10px 0px;text-align:right">
|
|
<li class="fl" style="text-align:center"><span class="color-orange03 font-bd" id="all_syllabuses"><%= @memos_praise_count %></span><br><span>被赞</span></li>
|
|
<li class="fl" style="text-align:center;margin-left: 60px;"><span class="color-orange03 font-bd" id="all_syllabuses"><%= @my_memos_count %></span><br><span>回复/评论</span></li>
|
|
<li class="fl" style="text-align:center;margin-left: 60px;"><span class="color-orange03 font-bd" id="all_syllabuses"><%= @my_forums_count %></span><br><span>主题</span></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix user_bg_shadow bor-grey-e">
|
|
<div class="clearfix pt10 pb10 pl15 pr15 bor-bottom-greyE">
|
|
<p class="color-grey3 fl font-16">帖子</p>
|
|
<a href="<%= new_forum_memo_path(:forum_id => Forum.first.id, :forum_index => true) %>" class="mt3 white-btn orange-btn fr">+ 新话题</a>
|
|
</div>
|
|
<div id="forum_list" class="forum_table mh650">
|
|
<% @memos.each_with_index do |memo, index| %>
|
|
<div class="forum_table_item">
|
|
<a href="<%= user_path(memo.author_id) %>" class="fr mr15">
|
|
<%= image_tag(url_to_avatar(memo.author), :width => 50, :height => 50,:alt=>'用户头像', :class=>"bor-radius-all mt3" ) %>
|
|
</a>
|
|
<div class="fl color-grey pr" style="flex: 1;">
|
|
<p class="font-16 clearfix">
|
|
<a href="<%= forum_memo_path(memo.forum, memo) %>" class="clearfix item_name fl" target="_blank">
|
|
<%= memo.subject %>
|
|
</a>
|
|
<% if memo.sticky %>
|
|
<span class="btn-top btn-cir-orange mt6 ml5 fl">顶</span>
|
|
<% end %>
|
|
</p>
|
|
<div style="width: 1091px; height: 30px;" class="overellipsis color-dark-grey mb10"><%= memo.content.html_safe %></div>
|
|
<div class="clearfix">
|
|
<a href="<%= user_path(memo.author_id) %>" class="fl"><%= User.find(memo.author_id).try(:show_name) %></a>
|
|
<span class="fl ml30"><%= time_from_now memo.updated_at %></span>
|
|
<!--<span class="fl ml50">最后回复：</span>-->
|
|
<p class="font-12 mt5 fr">
|
|
<% if memo.viewed_count > 0%>
|
|
<span class="mr10 fl" style="cursor: default;" data-tip-down="浏览数"><i class="fa fa-eye mr5"></i><%= memo.viewed_count %></span>
|
|
<% end %>
|
|
<% if get_praise_num(memo) > 0%>
|
|
<span class="mr10 ml10 fl" style="cursor: default;" data-tip-down="点赞数"><i class="fa fa-thumbs-o-up mr5"></i><%= get_praise_num(memo) %></span>
|
|
<% end %>
|
|
<% if Memo.where(:root_id => memo.id).count > 0%>
|
|
<span class="mr10 ml10 fl" style="cursor: default;" data-tip-down="回复数"><i class="fa fa-comments-o mr5"></i><%= Memo.where(:root_id => memo.id).count %></span>
|
|
<% end %>
|
|
<!--<span class="fl">类别：分享</span>-->
|
|
|
|
</p>
|
|
</div>
|
|
|
|
<% if @user.admin? || @user == memo.author %>
|
|
<div class="edu-position-hidebox" style="position: absolute;right: 10px;top:0px;">
|
|
<a href="javascript:void(0);"><i class="fa fa-bars font-16"></i></a>
|
|
<ul class="edu-position-hide undis">
|
|
<% if @user.admin? %>
|
|
<% if memo.sticky %>
|
|
<li><a href="<%= change_sticky_forum_memo_path(memo.forum,memo, :index => 1) %>">取消置顶</a></li>
|
|
<% else %>
|
|
<li><a href="<%= change_sticky_forum_memo_path(memo.forum,memo, :index => 1) %>">置 顶</a></li>
|
|
<% end %>
|
|
<% end %>
|
|
<li><a href="<%= edit_forum_memo_path(memo.forum, memo)%>">编 辑</a></li>
|
|
<li><a href="javascript:void(0)" onclick="delete_confirm_box_3('<%= forum_memo_path(memo.forum, memo) %>', '您确定要删除吗？')">删 除</a></li>
|
|
</ul>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<div style="text-align:center;" class="new_expand">
|
|
<div class="pages_user_show" style="width:auto; display:inline-block;margin: 18px 0;">
|
|
<ul id="homework_pository_ref_pages">
|
|
<%= pagination_links_full @topic_pages, @topic_count, :per_page_links => false, :remote => @is_remote, :flag => true, :is_new => true %>
|
|
</ul>
|
|
<div class="cl"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<% if false %>
|
|
<%= content_for(:header_tags) do %>
|
|
<%= import_ke(enable_at: false, prettify: false, init_activity: false) %>
|
|
<% end %>
|
|
<div class="banner-big f16 fontGrey3 mb10">问吧</div>
|
|
|
|
<div class="postRightContainer mr10">
|
|
<div class="postDetailBanner" style="padding-bottom: 10px">
|
|
<div class="postSort" id="time"><a href="javascript:void(0);" class="linkGrey2 fl">时间</a><a href="javascript:void(0);" id="reorder_time" class="sortArrowActiveD"></a></div>
|
|
<div class="postSort" id="popu"><a href="javascript:void(0);" class="linkGrey2 fl">人气</a><a href="javascript:void(0);" id="reorder_popu" class=""></a></div>
|
|
<div class="postSort" id="complex"><a href="javascript:void(0);" class="linkGrey2 fl">综合</a><a href="javascript:void(0);" id="reorder_complex" class=""></a><!--<a href="javascript:void(0);" class="sortArrowActiveD"></a>--></div>
|
|
<div class="creatPost" id="create_memo_btn">
|
|
<%= link_to "发布新帖", new_forum_memo_path(:forum_id => Forum.first.id, :forum_index => true), :class => "c_white db creatPostIcon bGreen" %>
|
|
</div>
|
|
<div class="cl"></div>
|
|
</div>
|
|
<div id="forum_list">
|
|
<%= render :partial => 'show_topics',:locals => {:memos => @memos} %>
|
|
</div>
|
|
</div>
|
|
|
|
<%= render :partial => "forums/my_count_message" %>
|
|
|
|
<div class="wenba-rightbar fr">
|
|
<div class="wenba-rightbar-top clearfix">
|
|
<h3 class="fl ml10">问吧</h3>
|
|
<%= link_to "新建贴吧", new_forum_path, :class => "btn-blue btn fr mt7 mr5", :remote => true %>
|
|
</div>
|
|
<div id="forums_right_list">
|
|
<%= render :partial => "forums/right_bar" %>
|
|
<% if @forums.count > 10 %>
|
|
<a href="javascript:void(0);" id="forum_more_id" class="wenba-rightbar-more linkBlue2" data-init="0" onclick="expand_forum('#forum_more_id', '#forums_right_list');">点击展开更多</a>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function expand_forum(btnid,container){
|
|
var target = $(container).children('.wenba-rightbar-li');
|
|
var btn = $(btnid);
|
|
if(btn.data('init')=='0'){
|
|
btn.data('init',1);
|
|
btn.html('点击收起');
|
|
target.show();
|
|
}else{
|
|
btn.data('init',0);
|
|
btn.html('点击展开更多');
|
|
target.hide();
|
|
for(var i = 0; i < 10; i++)
|
|
{
|
|
target.eq(i).show()
|
|
}
|
|
btn.parent().show();
|
|
}
|
|
}
|
|
function add_class(id){
|
|
if($("#"+id).hasClass("sortArrowActiveD")){
|
|
$("#"+id).removeClass("sortArrowActiveD");
|
|
$("#"+id).addClass("sortArrowActiveU");
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: '<%= forums_path %>' + '.js?' + id + '=asc&page='+<%= @topic_pages.page%>
|
|
|
|
});
|
|
}else if($("#"+id).hasClass("sortArrowActiveU")){
|
|
$("#"+id).removeClass("sortArrowActiveU");
|
|
$("#"+id).addClass("sortArrowActiveD");
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: '<%= forums_path %>' + '.js?' + id + '=desc&page='+<%= @topic_pages.page%>
|
|
|
|
});
|
|
}else{
|
|
$("#"+id).addClass("sortArrowActiveD");
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: '<%= forums_path %>' + '.js?' + id + '=desc&page='+<%= @topic_pages.page%>
|
|
|
|
});
|
|
}
|
|
}
|
|
$(function() {
|
|
$("#complex").click(function(){
|
|
$("#reorder_popu").removeClass("sortArrowActiveU");
|
|
$("#reorder_popu").removeClass("sortArrowActiveD");
|
|
$("#reorder_time").removeClass("sortArrowActiveD");
|
|
$("#reorder_time").removeClass("sortArrowActiveU");
|
|
add_class("reorder_complex");
|
|
});
|
|
$("#popu").click(function () {
|
|
$("#reorder_complex").removeClass("sortArrowActiveD");
|
|
$("#reorder_complex").removeClass("sortArrowActiveU");
|
|
$("#reorder_time").removeClass("sortArrowActiveD");
|
|
$("#reorder_time").removeClass("sortArrowActiveU");
|
|
add_class("reorder_popu");
|
|
});
|
|
$("#time").click(function () {
|
|
$("#reorder_complex").removeClass("sortArrowActiveD");
|
|
$("#reorder_complex").removeClass("sortArrowActiveU");
|
|
$("#reorder_popu").removeClass("sortArrowActiveU");
|
|
$("#reorder_popu").removeClass("sortArrowActiveD");
|
|
add_class("reorder_time");
|
|
});
|
|
<% if @errors %>
|
|
$('#create_memo_div').slideToggle();$('#create_memo_btn').slideToggle();
|
|
$("#error").html('<%= @errors.html_safe %>').show();
|
|
<% end %>
|
|
});
|
|
|
|
var first_click = true;
|
|
// function check_and_submit(){
|
|
// if(!check_memo_name()){
|
|
// return;
|
|
// }
|
|
// if($("textarea[name='memo[subject]']").val().trim() != "" && !memo_content.isEmpty() && first_click){
|
|
// first_click = false;
|
|
// memo_content.sync();
|
|
// $.ajax({
|
|
// url:'/forums/'+'<%#= @forum.id.to_s%>'+'/memos',
|
|
// type:'post',
|
|
// data:$("#new_memo").serialize(),
|
|
// success:function(data){
|
|
//
|
|
// },
|
|
// error:function(){
|
|
// alert('请检查当前网络连接')
|
|
// }
|
|
// });
|
|
// //$("#new_memo").submit();
|
|
// }else if($("textarea[name='memo[subject]']").val().trim() == "" && memo_content.isEmpty()){
|
|
// $("#error").html("主题和内容不能为空").show();
|
|
// }
|
|
// else if($("textarea[name='memo[subject]']").val().trim() == "" && !memo_content.isEmpty() ){
|
|
// $("#error").html("主题不能为空").show();
|
|
// }else if($("textarea[name='memo[subject]']").val().trim() != "" && memo_content.isEmpty()){
|
|
// $("#error").html("内容不能为空").show();
|
|
// }
|
|
// }
|
|
|
|
function check_memo_name(){
|
|
if($("#memo_subject").val().trim().length > 50){
|
|
$("#error").html("主题 过长（最长为 50 个字符）").show();
|
|
return false;
|
|
}
|
|
if(memo_content.html().length > 20000){
|
|
$("#error").html("内容 过长（最长为 20000 个字符）").show();
|
|
$("html,body").animate({scrollTop:$("#error").offset().top},1000)
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
function create_cancle(){
|
|
$('#create_memo_div').slideToggle();
|
|
$('#create_memo_btn').slideToggle();
|
|
$('#memo_subject').val('');
|
|
memo_content.html('')
|
|
$('#error').html('').hide();
|
|
}
|
|
</script>
|
|
<% end %>
|