From 6e93b0dc0d1f5a7e02a0c887b620dd44fd28a6ed Mon Sep 17 00:00:00 2001
From: Tim <txz124@sina.com>
Date: Sat, 8 Oct 2016 17:08:07 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E5=8E=BB=E6=8E=89?=
 =?UTF-8?q?=E5=8F=B3=E4=BE=A7=E7=99=BD=E8=89=B2=E5=9D=97=E5=90=8E=EF=BC=8C?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/views/projects/member.html.erb            |   2 +-
 app/views/projects/settings.html.erb          |   2 +-
 app/views/projects/watcherlist.html.erb       |   2 +-
 app/views/pull_requests/_new.html.erb         |   2 +-
 app/views/pull_requests/_show.html.erb        |   2 +-
 app/views/quality_analysis/_show.html.erb     |   2 +-
 app/views/repositories/changes.html.erb       |   2 +-
 .../repositories/quality_analyses.html.erb    | 156 +++----
 app/views/repositories/stats.html.erb         | 394 +++++++++---------
 9 files changed, 286 insertions(+), 278 deletions(-)

diff --git a/app/views/projects/member.html.erb b/app/views/projects/member.html.erb
index eb46a41e6..12944e1f5 100644
--- a/app/views/projects/member.html.erb
+++ b/app/views/projects/member.html.erb
@@ -12,6 +12,6 @@
 </div>
 
 <script>
-    $("#RSide").css("width","730px");
+    $(".project_r_h").parent().css({"width":"730px","background-color":"#fff","padding":"10px","margin-left":"10px","margin-bottom":"10px"});
 </script>
 
diff --git a/app/views/projects/settings.html.erb b/app/views/projects/settings.html.erb
index 0d4a55ff9..ce12b6b76 100644
--- a/app/views/projects/settings.html.erb
+++ b/app/views/projects/settings.html.erb
@@ -16,7 +16,7 @@
           <% end%>
         <% end%>
         $("div[nhname='pro_setting']").show();
-        $("#RSide").css('width',"730px");
+        $(".project_r_h").parent().css({"width":"730px","background-color":"#fff","padding":"10px","margin-left":"10px","margin-bottom":"10px"});
     });
 </script>
 
diff --git a/app/views/projects/watcherlist.html.erb b/app/views/projects/watcherlist.html.erb
index 180cd22b0..a8a948a11 100644
--- a/app/views/projects/watcherlist.html.erb
+++ b/app/views/projects/watcherlist.html.erb
@@ -26,5 +26,5 @@
 <% html_title(l(:label_followers)) -%>
 
 <script>
-    $("#RSide").css("width","730px");
+    $(".project_r_h").parent().css({"width":"730px","background-color":"#fff","padding":"10px","margin-left":"10px","margin-bottom":"10px"});
 </script>
\ No newline at end of file
diff --git a/app/views/pull_requests/_new.html.erb b/app/views/pull_requests/_new.html.erb
index 54c7434b0..08e723e6d 100644
--- a/app/views/pull_requests/_new.html.erb
+++ b/app/views/pull_requests/_new.html.erb
@@ -10,7 +10,7 @@
 </div>
 
 <script>
-    $("#pull_request_new_form").parent().css("width","730px");
+    $(".project_r_h").parent().css({"width":"730px","background-color":"#fff","padding":"10px","margin-left":"10px","margin-bottom":"10px"});
 
     $("#changed-files").toggle(function(){
         $("#changed-files-detail").show();
diff --git a/app/views/pull_requests/_show.html.erb b/app/views/pull_requests/_show.html.erb
index 758f70878..855bc1e8f 100644
--- a/app/views/pull_requests/_show.html.erb
+++ b/app/views/pull_requests/_show.html.erb
@@ -67,7 +67,7 @@
 
 
 <script>
-    $("#pull_request_show").parent().css("width","730px");
+    $("#pull_request_show").parent().css({"width":"730px","background-color":"#fff","padding":"10px","margin-left":"10px","margin-bottom":"10px"});
 
     $(".merge-record li a").click(function(){
         $(".merge-record li a").removeClass("active");
diff --git a/app/views/quality_analysis/_show.html.erb b/app/views/quality_analysis/_show.html.erb
index 0e2b9b4d4..e127b635e 100644
--- a/app/views/quality_analysis/_show.html.erb
+++ b/app/views/quality_analysis/_show.html.erb
@@ -162,6 +162,6 @@
 <% end  %>
 
 <script>
-  $("#RSide").css("width","730px");
+    $(".project_r_h").parent().css({"width":"730px","background-color":"#fff","padding":"10px","margin-left":"10px","margin-bottom":"10px"});
 </script>
 
diff --git a/app/views/repositories/changes.html.erb b/app/views/repositories/changes.html.erb
index 8471b503c..b7e744288 100644
--- a/app/views/repositories/changes.html.erb
+++ b/app/views/repositories/changes.html.erb
@@ -25,5 +25,5 @@
 <% html_title(l(:label_change_plural)) -%>
 
 <script>
-  $("#RSide").css("width","730px");
+    $(".project_r_h").parent().css({"width":"730px","background-color":"#fff","padding":"10px","margin-left":"10px","margin-bottom":"10px"});
 </script>
diff --git a/app/views/repositories/quality_analyses.html.erb b/app/views/repositories/quality_analyses.html.erb
index 69dae2629..273721bee 100644
--- a/app/views/repositories/quality_analyses.html.erb
+++ b/app/views/repositories/quality_analyses.html.erb
@@ -1,76 +1,80 @@
-<%= javascript_include_tag 'highcharts','highcharts-more' %>
-<div class="project_r_h">
-  <h2 class="project_h2"><%= l(:label_quality_analyses) %></h2>
-</div>
-
-<div class="repository_con " style="line-height:1.9;">
-  <%#= render :partial => 'navigation' %>
-  <div class="cl"></div>
-</div>
-
-<div id = "container">
-</div>
-<div id = "container_quality" class="mt30">
-</div>
-
-<script>
-    $(function () {
-        $('#container').highcharts({
-            chart: {
-                type: 'pie',
-                options3d: {
-                    enabled: true,
-                    alpha: 45,
-                    beta: 0
-                }
-            },
-            title: {
-                text: 'Browser market shares at a specific website, 2014'
-            },
-            tooltip: {
-                pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-            },
-            plotOptions: {
-                pie: {
-                    allowPointSelect: true,
-                    cursor: 'pointer',
-                    depth: 35,
-                    dataLabels: {
-                        enabled: true,
-                        format: '{point.name}'
-                    }
-                }
-            },
-            series: [{
-                type: 'pie',
-                name: 'Browser share',
-                data: [
-                    ['Firefox',   45.0],
-                    ['IE',       26.8],
-                    {
-                        name: 'Chrome',
-                        y: 12.8,
-                        sliced: true,
-                        selected: true
-                    },
-                    ['Safari',    8.5],
-                    ['Opera',     6.2],
-                    ['Others',   0.7]
-                ],
-                dataLabels: {
-                    enabled: true,
-                    style: {
-                        fontSize: '13px',
-                        color: '#aaa',
-                        fontFamily: 'Arial',
-                        textShadow: '0px 0px 6px rgb(0, 0, 0), 0px 0px 3px rgb(f, f, f)',
-                        fontWeight: 'normal'
-                    }
-                }
-            }]
-        });
-    });
-</script>
-
-<p><%= link_to l(:button_back), :action => 'show', :id => @project %></p>
-<% html_title(l(:label_repository), l(:label_statistics)) -%>
\ No newline at end of file
+<%= javascript_include_tag 'highcharts','highcharts-more' %>
+<div class="project_r_h">
+  <h2 class="project_h2"><%= l(:label_quality_analyses) %></h2>
+</div>
+
+<div class="repository_con " style="line-height:1.9;">
+  <%#= render :partial => 'navigation' %>
+  <div class="cl"></div>
+</div>
+
+<div id = "container">
+</div>
+<div id = "container_quality" class="mt30">
+</div>
+
+<script>
+    $(function () {
+        $('#container').highcharts({
+            chart: {
+                type: 'pie',
+                options3d: {
+                    enabled: true,
+                    alpha: 45,
+                    beta: 0
+                }
+            },
+            title: {
+                text: 'Browser market shares at a specific website, 2014'
+            },
+            tooltip: {
+                pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
+            },
+            plotOptions: {
+                pie: {
+                    allowPointSelect: true,
+                    cursor: 'pointer',
+                    depth: 35,
+                    dataLabels: {
+                        enabled: true,
+                        format: '{point.name}'
+                    }
+                }
+            },
+            series: [{
+                type: 'pie',
+                name: 'Browser share',
+                data: [
+                    ['Firefox',   45.0],
+                    ['IE',       26.8],
+                    {
+                        name: 'Chrome',
+                        y: 12.8,
+                        sliced: true,
+                        selected: true
+                    },
+                    ['Safari',    8.5],
+                    ['Opera',     6.2],
+                    ['Others',   0.7]
+                ],
+                dataLabels: {
+                    enabled: true,
+                    style: {
+                        fontSize: '13px',
+                        color: '#aaa',
+                        fontFamily: 'Arial',
+                        textShadow: '0px 0px 6px rgb(0, 0, 0), 0px 0px 3px rgb(f, f, f)',
+                        fontWeight: 'normal'
+                    }
+                }
+            }]
+        });
+    });
+</script>
+
+<p><%= link_to l(:button_back), :action => 'show', :id => @project %></p>
+<% html_title(l(:label_repository), l(:label_statistics)) -%>
+
+<script>
+    $(".project_r_h").parent().css({"width":"730px","background-color":"#fff","padding":"10px","margin-left":"10px","margin-bottom":"10px"});
+</script>
\ No newline at end of file
diff --git a/app/views/repositories/stats.html.erb b/app/views/repositories/stats.html.erb
index 4b35e64f6..f14022810 100644
--- a/app/views/repositories/stats.html.erb
+++ b/app/views/repositories/stats.html.erb
@@ -1,195 +1,199 @@
-<%= javascript_include_tag 'highcharts','highcharts-more' %>
-<div class="project_r_h" xmlns="http://www.w3.org/1999/html">
-  <h2 class="project_h2"><%= l(:label_statistics) %></h2>
-</div>
-<% if false %>
-    <div class="flash notice">请在版本库中提交代码，统计信息将更准确</div>
-<% else %>
-    <div class="repository_con " style="line-height:1.9;">
-      <%= render :partial => 'navigation' %>
-      <div class="cl"></div>
-    </div>
-
-    <div id = "container">
-    </div>
-    <div id = "container_code" class="mt30">
-    </div>
-
-    <script>
-        $(function () {
-            $('#container_code').highcharts({
-                chart: {
-                    type: 'line'
-                },
-                title: {
-                    text: '版本库代码提交行数',
-                    style:{
-                        fontSize: '14px'
-                    }
-
-                },
-                subtitle: {
-//                    text: 'Source: WorldClimate.com'
-                },
-                xAxis: {
-//                   categories: ["Jan", "Jan", "Jan", 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
-                    categories: <%= raw(@static_total_per_user.map{|c| c.uname}) %>
-                },
-                yAxis: {
-                    title: {
-                        text: '代码行数'
-                    }
-                },
-                credits:{
-                    enabled: false
-                },
-                tooltip: {
-                    enabled: false,
-                    formatter: function() {
-                        return '<b>'+ this.series.name +'</b><br/>'+this.x +': '+ this.y +'°C';
-                    }
-                },
-                plotOptions: {
-                    series: {
-                        marker: {
-                            radius: 3, //曲线点半径，默认是4
-                            symbol: 'circle' //曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
-                        }
-                    },
-                    line: {
-                        dataLabels: {
-                            enabled: true
-                        },
-                        enableMouseTracking: false
-                    }
-                },
-                series: [
-                    {
-                        name: '<b style="font-weight:normal ">总变更</b>',
-                        color: '#d05d5a',
-                        fontWeight: 'normal',
-                        data: <%= @static_total_per_user.map{|c| c.changes.to_i} %>,
-                        dataLabels: {
-                            enabled: true,
-                            style: {
-                                fontSize: '13px',
-                                color: '#aaa',
-                                fontFamily: 'Arial',
-                                textShadow: '0px 0px 6px rgb(0, 0, 0), 0px 0px 3px rgb(f, f, f)',
-                                fontWeight: 'normal'
-                            }
-                        },
-                        lineWidth: 1.5
-                    },
-                    {
-                        name: '<b style="font-weight:normal ">改动或增加</b>',
-                        color: '#5b6b76',
-                        data: <%= @static_total_per_user.map{|c| c.add.to_i} %>,
-                        dataLabels: {
-                            enabled: true,
-                            style: {
-                                fontSize: '13px',
-                                color: '#aaa',
-                                fontFamily: 'Arial',
-                                textShadow: '0px 0px 6px rgb(0, 0, 0), 0px 0px 3px rgb(f, f, f)',
-                                fontWeight: 'normal'
-                            }
-                        },
-                        lineWidth: 1.5
-                    },
-                    {
-                        name: '<b style="font-weight:normal ">删除</b>',
-                        color: '#84b5bb',
-                        data: <%= @static_total_per_user.map{|c| c.del.to_i} %>,
-                        dataLabels: {
-                            enabled: true,
-                            style: {
-                                fontSize: '13px',
-                                color: '#aaa',
-                                fontFamily: 'Arial',
-                                textShadow: '0px 0px 6px rgb(0, 0, 0), 0px 0px 3px rgb(f, f, f)',
-                                fontWeight: 'normal'
-                            }
-                        },
-                        lineWidth: 1.5
-                    }]
-            });
-
-//            代码提交次数统计
-            $('#container').highcharts({
-                chart: {
-                    type: 'line'
-                },
-                credits:{
-                    enabled: false
-                },
-                title: {
-                    text: '版本库代码提交次数',
-                    style:{
-                        fontSize: '14px'
-                    }
-
-                },
-                subtitle: {
-//                    text: 'Source: WorldClimate.com'
-                },
-                xAxis: {
-//                   categories: ["Jan", "Jan", "Jan", 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
-                    categories: <%= raw(@static_total_per_user.map{|c| c.uname}) %>
-                },
-                yAxis: {
-                    title: {
-                        text: '次'
-                    }
-                },
-                tooltip: {
-                    enabled: false,
-                    formatter: function() {
-                        return '<b>'+ this.series.name +'</b><br/>'+this.x +': '+ this.y +'°C';
-                    }
-                },
-                plotOptions: {
-                    series: {
-                        marker: {
-                            radius: 3,  //曲线点半径，默认是4
-                            symbol: 'circle' //曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
-                        }
-                    },
-                    line: {
-                        dataLabels: {
-                            enabled: true
-                        },
-                        enableMouseTracking: false
-                    }
-                },
-                series: [{
-                    name: '<b style="font-weight:normal ">提交次数</b>',
-                    fontWeight: 'normal',
-                    color: '#d05d5a',
-//                    data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
-                    data: <%= @static_total_per_user.map{|c| c.commits_num.to_i} %>,
-                    dataLabels: {
-                        enabled: true,
-                        style: {
-                            fontSize: '13px',
-                            color: '#aaa',
-                            fontFamily: 'Arial',
-                            textShadow: '0px 0px 6px rgb(0, 0, 0), 0px 0px 3px rgb(f, f, f)',
-                            fontWeight: 'normal'
-                        }
-                    },
-                    lineWidth: 1.5
-
-                }
-//                    {
-//                    name: 'London',
-//                    data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
-//                }
-                ]
-            });
-        });
-    </script>
-
-    <p><%= link_to l(:button_back), :action => 'show', :id => @project %></p>
-    <% html_title(l(:label_repository), l(:label_statistics)) -%>
-<% end %>
\ No newline at end of file
+<%= javascript_include_tag 'highcharts','highcharts-more' %>
+<div class="project_r_h" xmlns="http://www.w3.org/1999/html">
+  <h2 class="project_h2"><%= l(:label_statistics) %></h2>
+</div>
+<% if false %>
+    <div class="flash notice">请在版本库中提交代码，统计信息将更准确</div>
+<% else %>
+    <div class="repository_con " style="line-height:1.9;">
+      <%= render :partial => 'navigation' %>
+      <div class="cl"></div>
+    </div>
+
+    <div id = "container">
+    </div>
+    <div id = "container_code" class="mt30">
+    </div>
+
+    <script>
+        $(function () {
+            $('#container_code').highcharts({
+                chart: {
+                    type: 'line'
+                },
+                title: {
+                    text: '版本库代码提交行数',
+                    style:{
+                        fontSize: '14px'
+                    }
+
+                },
+                subtitle: {
+//                    text: 'Source: WorldClimate.com'
+                },
+                xAxis: {
+//                   categories: ["Jan", "Jan", "Jan", 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
+                    categories: <%= raw(@static_total_per_user.map{|c| c.uname}) %>
+                },
+                yAxis: {
+                    title: {
+                        text: '代码行数'
+                    }
+                },
+                credits:{
+                    enabled: false
+                },
+                tooltip: {
+                    enabled: false,
+                    formatter: function() {
+                        return '<b>'+ this.series.name +'</b><br/>'+this.x +': '+ this.y +'°C';
+                    }
+                },
+                plotOptions: {
+                    series: {
+                        marker: {
+                            radius: 3, //曲线点半径，默认是4
+                            symbol: 'circle' //曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
+                        }
+                    },
+                    line: {
+                        dataLabels: {
+                            enabled: true
+                        },
+                        enableMouseTracking: false
+                    }
+                },
+                series: [
+                    {
+                        name: '<b style="font-weight:normal ">总变更</b>',
+                        color: '#d05d5a',
+                        fontWeight: 'normal',
+                        data: <%= @static_total_per_user.map{|c| c.changes.to_i} %>,
+                        dataLabels: {
+                            enabled: true,
+                            style: {
+                                fontSize: '13px',
+                                color: '#aaa',
+                                fontFamily: 'Arial',
+                                textShadow: '0px 0px 6px rgb(0, 0, 0), 0px 0px 3px rgb(f, f, f)',
+                                fontWeight: 'normal'
+                            }
+                        },
+                        lineWidth: 1.5
+                    },
+                    {
+                        name: '<b style="font-weight:normal ">改动或增加</b>',
+                        color: '#5b6b76',
+                        data: <%= @static_total_per_user.map{|c| c.add.to_i} %>,
+                        dataLabels: {
+                            enabled: true,
+                            style: {
+                                fontSize: '13px',
+                                color: '#aaa',
+                                fontFamily: 'Arial',
+                                textShadow: '0px 0px 6px rgb(0, 0, 0), 0px 0px 3px rgb(f, f, f)',
+                                fontWeight: 'normal'
+                            }
+                        },
+                        lineWidth: 1.5
+                    },
+                    {
+                        name: '<b style="font-weight:normal ">删除</b>',
+                        color: '#84b5bb',
+                        data: <%= @static_total_per_user.map{|c| c.del.to_i} %>,
+                        dataLabels: {
+                            enabled: true,
+                            style: {
+                                fontSize: '13px',
+                                color: '#aaa',
+                                fontFamily: 'Arial',
+                                textShadow: '0px 0px 6px rgb(0, 0, 0), 0px 0px 3px rgb(f, f, f)',
+                                fontWeight: 'normal'
+                            }
+                        },
+                        lineWidth: 1.5
+                    }]
+            });
+
+//            代码提交次数统计
+            $('#container').highcharts({
+                chart: {
+                    type: 'line'
+                },
+                credits:{
+                    enabled: false
+                },
+                title: {
+                    text: '版本库代码提交次数',
+                    style:{
+                        fontSize: '14px'
+                    }
+
+                },
+                subtitle: {
+//                    text: 'Source: WorldClimate.com'
+                },
+                xAxis: {
+//                   categories: ["Jan", "Jan", "Jan", 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
+                    categories: <%= raw(@static_total_per_user.map{|c| c.uname}) %>
+                },
+                yAxis: {
+                    title: {
+                        text: '次'
+                    }
+                },
+                tooltip: {
+                    enabled: false,
+                    formatter: function() {
+                        return '<b>'+ this.series.name +'</b><br/>'+this.x +': '+ this.y +'°C';
+                    }
+                },
+                plotOptions: {
+                    series: {
+                        marker: {
+                            radius: 3,  //曲线点半径，默认是4
+                            symbol: 'circle' //曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
+                        }
+                    },
+                    line: {
+                        dataLabels: {
+                            enabled: true
+                        },
+                        enableMouseTracking: false
+                    }
+                },
+                series: [{
+                    name: '<b style="font-weight:normal ">提交次数</b>',
+                    fontWeight: 'normal',
+                    color: '#d05d5a',
+//                    data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
+                    data: <%= @static_total_per_user.map{|c| c.commits_num.to_i} %>,
+                    dataLabels: {
+                        enabled: true,
+                        style: {
+                            fontSize: '13px',
+                            color: '#aaa',
+                            fontFamily: 'Arial',
+                            textShadow: '0px 0px 6px rgb(0, 0, 0), 0px 0px 3px rgb(f, f, f)',
+                            fontWeight: 'normal'
+                        }
+                    },
+                    lineWidth: 1.5
+
+                }
+//                    {
+//                    name: 'London',
+//                    data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
+//                }
+                ]
+            });
+        });
+    </script>
+
+    <p><%= link_to l(:button_back), :action => 'show', :id => @project %></p>
+    <% html_title(l(:label_repository), l(:label_statistics)) -%>
+<% end %>
+
+<script>
+    $(".project_r_h").parent().css({"width":"730px","background-color":"#fff","padding":"10px","margin-left":"10px","margin-bottom":"10px"});
+</script>
\ No newline at end of file

From 1db5064486218ecfd6295b02312aa761b1144a6d Mon Sep 17 00:00:00 2001
From: Tim <txz124@sina.com>
Date: Sat, 8 Oct 2016 17:37:41 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E6=96=B0=E7=9A=84=E5=90=88=E5=B9=B6?=
 =?UTF-8?q?=E8=AF=B7=E6=B1=82=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/views/pull_requests/_new.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/pull_requests/_new.html.erb b/app/views/pull_requests/_new.html.erb
index 08e723e6d..8a376d995 100644
--- a/app/views/pull_requests/_new.html.erb
+++ b/app/views/pull_requests/_new.html.erb
@@ -10,7 +10,7 @@
 </div>
 
 <script>
-    $(".project_r_h").parent().css({"width":"730px","background-color":"#fff","padding":"10px","margin-left":"10px","margin-bottom":"10px"});
+    $("#pull_request_new_form").parent().css({"width":"730px","background-color":"#fff","padding":"10px","margin-left":"10px","margin-bottom":"10px"});
 
     $("#changed-files").toggle(function(){
         $("#changed-files-detail").show();