socialforge/app/views/quality_analysis/_show.html.erb

<%= javascript_include_tag 'highcharts','highcharts-more' %>
  <%= render :partial => "hightchars" %>
  <div class="project_r_h">
    <h2 class="project_h2" style="width:180px;">质量分析</h2>
  </div>
<div class="button-rep">当前分支：<%= params[:branch] %></div>
  <div class="cl"></div>
  <div class="tac f20 fb mt35 mb30">项目代码质量分析报告</div>
  <div class="analysis-tag-wrap f16"> <span class="analysis-tag fl mr15"></span> <span class="fb fl">概要信息</span></div>
  <div class="analysis-block mt10 mb40 f14">
    <div class="flex">
      <div class="analysis-genral">
        <p id="container_sqale_rating" style="max-width:200px;min-height:200px;width:200px; margin:0 auto;"></p>
        <p class="fontGrey3">质量等级</p>
        <p class="fontBlue2 pr"><%= @complexity["msr"][9]["frmt_val"] %><span class="f8 c_white analysis-genral-icon <%= sqale_rating_status(@complexity["msr"][9]["val"])[1] %> borderRadius"><%= sqale_rating_status(@complexity["msr"][9]["val"])[0] %></span></p>
      </div>
      <div class="analysis-genral" >
        <p id="container_function_complexity" style="max-width:200px;min-height:200px;width:200px; margin:0 auto;"></p>
        <p class="fontGrey3">复杂度</p>
        <p class="fontBlue2 pr"><%= @complexity["msr"][6]["val"] %><span class="f8 c_white analysis-genral-icon <%= complexity_status(@complexity["msr"][6]["val"])[1] %> borderRadius"><%= complexity_status(@complexity["msr"][6]["val"])[0] %></span></p>
      </div>
    </div>
    <div class="flex">
      <div class="analysis-genral">
        <p id="container_duplicated_lines_density" style="max-width:200px;min-height:200px;width:200px; margin:0 auto;"></p>
        <p class="fontGrey3">代码重复度</p>
        <p class="fontBlue2 pr"><%= @complexity["msr"][7]["frmt_val"] %><span class="f8 c_white analysis-genral-icon <%= duplicated_lines_density_status(@complexity["msr"][7]["val"])[1] %> borderRadius"><%= duplicated_lines_density_status(@complexity["msr"][7]["val"])[0] %></span></p>
      </div>
      <div class="analysis-genral">
        <p id="container_comment_lines_density" style="max-width:200px;min-height:200px;width:200px; margin:0 auto;"></p>
        <p class="fontGrey3">注释率</p>
        <p class="fontBlue2 pr"><%= @complexity["msr"][5]["frmt_val"] %><span class="f8 c_white analysis-genral-icon <%= comment_lines_density_status(@complexity["msr"][5]["val"])[1] %> borderRadius"><%=comment_lines_density_status(@complexity["msr"][5]["val"])[0] %></span></p>
      </div>
    </div>
  </div>
  <div class="analysis-tag-wrap f16"> <span class="analysis-tag fl mr15"></span> <span class="fb fl mr10">质量等级</span><span class="mr10 fontGrey2"><span class="c_red f18" style="margin-top:-5px; display:inline-block;"><%= score_sqale_rating(@complexity["msr"][9]["val"]) %></span>/5分</span><span class="fontGrey2">可定性评价为：<span class="c_red">质量<%= sqale_rating_status(@complexity["msr"][9]["val"])[0] %></span></span></div>
  <div class="analysis-block mt10 mb40 f14">
    <div><span class="fontGrey3 mr30">技术债务</span><span class="fontBlue2 w70 pInline"><%= @complexity["msr"][8]["frmt_val"] %></span><span class="fontGrey2"><a target="_blank" href="<%= @sonar_address %>/drilldown/measures/<%= @resource_id %>?metric=sqale_index">查看详情</a></span></div>
    <div><span class="fontGrey3 mr30">质量问题</span>
      <span class="fontBlue2 w70 pInline"><a class="fontBlue2 w70 pInline" target="_blank" href="<%= @sonar_address %>/component_issues?id=<%= @resource_id %>#resolved=false"><%= @sonar_issues["msr"][0]["frmt_val"] %></a></span><span class="fontGrey2">问题分类如下：</span></div>
    <div class="ml90 mt15">
      <div class="mb10"><span class="analysis-block-icon mr5"></span><span class="fontGrey3 mr45">阻断</span><span class="fontBlue2 w70 pInline"><%= @sonar_issues["msr"][1]["frmt_val"] %></span><span class="quality-percentage"><span class="quality-percentage-rate" style="width:<%= statistics_result_percentage(@sonar_issues["msr"][1]["frmt_val"].to_i, 200) %>%;"></span></span></div>
      <div class="mb10"><span class="analysis-serious-icon mr5"></span><span class="fontGrey3 mr45">严重</span><span class="fontBlue2 w70 pInline"><%= @sonar_issues["msr"][2]["frmt_val"] %></span><span class="quality-percentage"><span class="quality-percentage-rate" style="width:<%= statistics_result_percentage(@sonar_issues["msr"][2]["frmt_val"].to_i, 200) %>%;"></span></span></div>
      <div class="mb10"><span class="analysis-main-icon mr5"></span><span class="fontGrey3 mr45">主要</span><span class="fontBlue2 w70 pInline"><%= @sonar_issues["msr"][3]["frmt_val"] %></span><span class="quality-percentage"><span class="quality-percentage-rate" style="width:<%= statistics_result_percentage(@sonar_issues["msr"][3]["frmt_val"].to_i, 200) %>%;"></span></span></div>
      <div class="mb10"><span class="analysis-secondary-icon mr5"></span><span class="fontGrey3 mr45">次要</span><span class="fontBlue2 w70 pInline"><%= @sonar_issues["msr"][4]["frmt_val"] %></span><span class="quality-percentage"><span class="quality-percentage-rate" style="width:<%= statistics_result_percentage(@sonar_issues["msr"][4]["frmt_val"].to_i, 200) %>%;"></span></span></div>
      <div><span class="analysis-info-icon mr5"></span><span class="fontGrey3 mr45">信息</span><span class="fontBlue2 w70 pInline"><%= @sonar_issues["msr"][5]["frmt_val"] %></span><span class="quality-percentage"><span class="quality-percentage-rate" style="width:<%= statistics_result_percentage(@sonar_issues["msr"][5]["frmt_val"].to_i, 200) %>%;"></span></span></div>
    </div>
  </div>
  <div class="analysis-tag-wrap f16"> <span class="analysis-tag fl mr15"></span> <span class="fb fl mr10">代码规模</span><span class="fontGrey2">可定性评价为：<span class="c_red"><%= lines_scale(@complexity["msr"][0]["frmt_val"]) %></span></span></div>
  <div class="analysis-block mt10 mb40 flex f14">
    <div class="analysis-genral">
      <p class="fontGrey3">代码行数</p>
      <p class="fontBlue2"><%= @complexity["msr"][0]["frmt_val"] %></p>
    </div>
    <div class="analysis-genral">
      <p class="fontGrey3">文件</p>
      <p class="fontBlue2"><%= @complexity["msr"][2]["frmt_val"] %></p>
    </div>
    <div class="analysis-genral">
      <p class="fontGrey3">目录</p>
      <p class="fontBlue2"><%= @complexity["msr"][3]["frmt_val"] %></p>
    </div>
    <div class="analysis-genral">
      <p class="fontGrey3">类</p>
      <p class="fontBlue2"><%= @complexity["msr"][1]["frmt_val"] %></p>
    </div>
    <div class="analysis-genral">
      <p class="fontGrey3">方法</p>
      <p class="fontBlue2"><%= @complexity["msr"][4]["frmt_val"] %></p>
    </div>
  </div>
  <!--<div class="analysis-tag-wrap f16"> <span class="analysis-tag fl mr15"></span> <span class="fb fl">贡献统计</span></div>-->
  <!--<div class="analysis-block mt10 f12">-->
    <!--<ul class="contribute-list">-->
      <!--<li class="fl fontGrey2 contribute-list-avatar">&nbsp;</li>-->
      <!--<li class="fl fontGrey2 contribute-list-code">代码行数</li>-->
      <!--<li class="fl fontGrey2 contribute-list-problem">引入质量问题数</li>-->
      <!--<li class="fl fontGrey2 contribute-list-rate">引入质量问题数/代码行数</li>-->
      <!--<div class="cl"></div>-->
    <!--</ul>-->
    <!--<ul class="contribute-list">-->
      <!--<li class="fl fontGrey2 contribute-list-avatar contribute-list-height">-->
        <!--<div class="mt8"><img src="images/homepageImage.jpg" width="50" class="image-cir" />-->
          <!--<p class="fontGrey2 hidden">小明</p>-->
        <!--</div>-->
      <!--</li>-->
      <!--<li class="fl fontGrey2 contribute-list-code contribute-list-height contribute-list-line-height">18340</li>-->
      <!--<li class="fl fontGrey2 contribute-list-problem contribute-list-height contribute-list-line-height">230</li>-->
      <!--<li class="fl contribute-list-rate fontBlue2 contribute-list-height contribute-list-line-height">.012540</li>-->
      <!--<div class="cl"></div>-->
    <!--</ul>-->
    <!--<ul class="contribute-list">-->
      <!--<li class="fl fontGrey2 contribute-list-avatar contribute-list-height">-->
        <!--<div class="mt8"><img src="images/homepageImage.jpg" width="50" class="image-cir" />-->
          <!--<p class="fontGrey2 hidden">小王</p>-->
        <!--</div>-->
      <!--</li>-->
      <!--<li class="fl fontGrey2 contribute-list-code contribute-list-height contribute-list-line-height">834</li>-->
      <!--<li class="fl fontGrey2 contribute-list-problem contribute-list-height contribute-list-line-height">34</li>-->
      <!--<li class="fl contribute-list-rate fontBlue2 contribute-list-height contribute-list-line-height">.04077</li>-->
      <!--<div class="cl"></div>-->
    <!--</ul>-->
    <!--<ul class="contribute-list">-->
      <!--<li class="fl fontGrey2 contribute-list-avatar contribute-list-height">-->
        <!--<div class="mt8"><img src="images/homepageImage.jpg" width="50" class="image-cir" />-->
          <!--<p class="fontGrey2 hidden">小亮</p>-->
        <!--</div>-->
      <!--</li>-->
      <!--<li class="fl fontGrey2 contribute-list-code contribute-list-height contribute-list-line-height">134</li>-->
      <!--<li class="fl fontGrey2 contribute-list-problem contribute-list-height contribute-list-line-height">10</li>-->
      <!--<li class="fl contribute-list-rate fontBlue2 contribute-list-height contribute-list-line-height">.07462</li>-->
      <!--<div class="cl"></div>-->
    <!--</ul>-->
  <!--</div>-->