2018/5/24 山东大学学习资源聚合平台工作

今天主要的任务修改了blogs 的index页面和详情页面

详情界面如下:


blog列表界面:


除此之外完善了整个界面的导航,现在的所属课程、作者等信息不再是显示功能,还可以跳转到相应的课程、个人界面

详情界面上述代码如下:

<div class="span12 shadow-box" style="margin-bottom:15px">
    <div class="row-fluid">
        <div class="span10" style="padding-left: 10px;">
            <div>
                <%=link_to blog_path(q.id), class:"no-hover", style:"padding-left:5px" do%>
                    <h1 style="font-size:1.7em;display:inline-block;"><strong><%= short_digest q.title, 20%></strong></h1>
                <%end%>
            </div>
            <hr class="normal-hr" style="margin:2px 0 5px"/>
            <div class="blog-intro row-fluid">
                <div class="span10" style="padding-left:13px">
                    <%= link_to user_path(q.creator), class:"no-hover user-intro" do%>
                        <%= gravatar_for q.creator, size:20%>
                        <p class="inline-block"><%=short_digest q.creator.nickname, 10%></p>
                    <% end %>
                    <% unless q.keywords.empty? %>
                        <span class="intro-title">标签:</span>
                        <% (q.keywords[0,3]).each do |keyword| %>
                            <span class="label label-info" style="margin:left:3px"><%= keyword.name%></span>
                        <% end %>
                    <% end %>
                    <% unless q.courses.empty? %>
                        <span class="intro-title">所属课程:</span>
                        <% (q.courses[0,3]).each do |course| %>
                            <span class="label label-success" style="margin:left:3px"><%= course.course_name%></span>
                        <% end %>
                    <% end %>
                    
                </div>
                <div class="span2">
                    <span class="intro-title" style="margin-left:0px">浏览:<%=q.visit_count%>  </span>
                </div>
            </div>
            
        </div>
        
        <div style="float:right;font-size:1em;margin-top:13px;margin-right:20px">
            <strong>
            <%if current_user.nil?%>
                <%= link_to "修改",login_path%>
                <%= link_to "删除",login_path%>
            <%elsif current_user?(q.creator)%>
                <%= link_to "修改",edit_blog_path(q)%>
                <%= link_to '删除',blog_path(q) , method: :delete, data: { confirm: 'Are you sure?' } %>
            <%elsif current_user.user_role.eql?('teacher')&&(current_user.selected_courses-q.courses) != current_user.selected_courses%>
                <%= link_to '删除',blog_path(q) , method: :delete, data: { confirm: 'Are you sure?' } %>
            <%end%>
            </strong>
        </div>
    </div>
        
    <div class="row-fluid">
        <div class="span12">
            <div class="blog-content" style="width:95%;">
                <div class = "span10" style="margin-top:10px">
                    <div class="inline-block center cell" style="width:90px">
                        <div id="add_evalute-<%= q.id%>" style="display:inline">
                           <%= render :partial => "knowledges/comments", :locals => { :knowledge => q }%>
                        </div>
                    </div>
                    <div class="cell">
                        <div class="inline-block digest-text " style="width:89%">
                            <%=link_to blog_path(q.id), class:"no-hover" do%>
                                <p><%= short_digest q.content, 100 %></p>
                            <%end%>
                        </div>
                    </div>
                </div>
                <div class="span1">
                    <div class="xyxwM2L" style="background-color:#f6f6f6">
                        <p><%=q.created_at.day%><em>/<%=q.created_at.month%></em></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <hr class="normal-hr" style=""/>
    </div>
    <div class="row-fluid" style="margin:10px">

        <div id="focus" style="display:inline">
            <%= render :partial => "knowledges/focus_link", :locals => { :knowledge => q }%>    
        </div>
        <div style="display:inline">
            <a class="ping"><%= q.getAllReplies.size%> 条评论</a>  
        </div>
        <div id="time" style="display:inline">
            <% unless q.last_reply_at.nil? %>
                <span>发布于:<%= q.created_at %>      </span>
            <%end%>
            <% unless q.last_reply_at.nil? %>
                <span>最后回复:<%= q.last_reply_at %></span>
            <%end%>
        </div>
        <div class="reply" style="display:none;" style="float:left;">
                <%= render :partial => "knowledges/reply_show", :locals => { :q => q } %>  
        </div>
    </div>
    <!--<div class="row-fluid">-->
    <!--    <div id="answer-<%#= q.id%>" class="span11" style="display:inline;margin-left:20px;margin-bottom:10px">-->
    <!--        <%#= render :partial => "knowledges/reply_answer", :locals => { :knowledge => q } %> -->
    <!--    </div>-->
    <!--</div>-->
    
</div>

<style>
/*! CSS Used from: http://eecs.pku.edu.cn/css/css.css */
    *{margin:0;padding:0;outline:none;-webkit-font-smoothing:antialiased;}
    em{font-style:normal;}
    .xyxwM2L{width:80px;height:80px}
    .xyxwM2L p{font-size:40px;font-family:Arial, Helvetica, sans-serif;padding-top:30px;color:#333333;}
    .xyxwM2L p em{display:block;font-size:24px;color:#333;margin-left:45px;margin-top:-10px;}
    .xyxwM2 li:hover .xyxwM2L p{color:#004aa2;}
    .xyxwM2 li:hover .xyxwM2L p em{color:#004aa2;}
    .not_ann .xyxwM2L{width:130px;text-align:center;padding-bottom:20px;background:#f6f6f6;}
    .not_ann .xyxwM2L p{padding-top:20px;}
    *:before,*:after{transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;}
</style>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值