ranks

xcpcio · Nov 11, 2015 · bb165ca · bb165ca
1 parent 8d75982
commit bb165ca
Show file tree

Hide file tree

Showing 8 changed files with 20,864 additions and 108 deletions.
diff --git a/css/main.css b/css/main.css
@@ -24,27 +24,50 @@
 .solved, .penalty {
     float: right;
 }
+.rank, .solved, .penalty {
+    font-size: 20px;
+    text-align: center;
+    vertical-align: middle;
+    line-height: 50px;
+}
 .rank-list-item {
     border-bottom: 1px solid #31708F;
     padding: 10px;
+    position: relative;
 }
 
-.status-solved {
+.ac {
     background-color: #5cb85c;
 }
-.status-wrong {
+.failed, .WA {
     background-color: #a94442;
 }
-.status-no-try {
+.frozen {
     background-color: #8a6d3b;
 }
-.status-unknow {
-    background-color: #999;
+.untouched {
+    background-color: #31708f;
+    color: #31708F;
 }
-.seleted-rank {
+
+.selected {
     background-color: #337AB7;
 }
 
+.uncover {
+    animation: flashing 300ms infinite;
+    -webkit-animation: flashing 30ms infinite; /*Safari and Chrome*/
+}
+
+@keyframes flashing {
+    from { background-color: #8a6d3b }
+    to { background-color: #BD995B }
+}
+
+@-webkit-keyframes flashing {/*Safari and Chrome*/
+    from { background-color: #8a6d3b }
+    to { background-color: #BD995B }
+}
 
 /*
     index
@@ -55,8 +78,8 @@
     height: 50px;
     text-align: center;
     vertical-align: middle;
-    font-size: 20px;
     line-height: 50px;
+    margin-right: 15px;
 }
 .name {
     font-size: 18px;
@@ -68,10 +91,14 @@
     padding: 0;
     font-size: 12px;
 }
-.problems li {
-    padding: 3px 10px;
-    border: 1px solid #ccc;
+.problems .item {
+    padding: 2px;
     margin-right: 10px;
+    width: 80px;
+    text-align: center;
+}
+.problems .item .p-content {
+    padding: 1px 0;
 }
 .solved {
     width: 100px;

diff --git a/data.html b/data.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>The 2015 ACM-ICPC Asia Beijing Regional Contest</title>
+        <link type="text/css" rel="stylesheet" href="libs/style/bootstrap.min.css">
+        <link type="text/css" rel="stylesheet" href="libs/style/sticky-footer.css">
+        <link type="text/css" rel="stylesheet" href="css/main.css">
+    </head>
+    <body class="app">
+        <!-- top navbar -->
+        <nav class="navbar navbar-default">
+            <div class="container">
+                <div class="navbar-header">
+                    <a class="navbar-brand" href="#">The 2015 ACM-ICPC Asia Beijing Regional Contest</a>
+                </div>
+                <div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
+                    <!-- <ul class="nav navbar-nav">
+                        <li class="active"><a href="#">Home</a></li>
+                        <li><a href="#about">About</a></li>
+                        <li><a href="#contact">Contact</a></li>
+                    </ul> -->
+                </div><!--/.nav-collapse -->
+            </div>
+        </nav>
+
+        <pre style="margin:50px 10px;">{{ $data | json }}</pre>
+
+        <!-- sticky footer -->
+        <footer class="footer">
+            <div class="container clearfix">
+                <p class="text-muted pull-left"><button v-on="click: reset">重置排名</button></p>
+                <p class="text-muted pull-left" style="margin-left:50px"><button v-on="click: operationPop">撤销</button></p>
+                <button class="text-muted pull-left">test _where</button>
+            </div>
+        </footer>
+
+        <!-- Include all compiled plugins (below), or include individual files as needed -->
+        <script type="text/javascript" src="libs/js/jquery.min.js"></script>
+        <script type="text/javascript" src="libs/js/underscore-min.js"></script>
+        <script type="text/javascript" src="libs/js/vue.product.js"></script>
+        <script type="text/javascript" src="hiho-resolver.js"></script>
+        <script type="text/javascript" src="js/main.js"></script>
+    </body>
+</html>
diff --git a/hiho-resolver.js b/hiho-resolver.js
@@ -81,7 +81,8 @@ Resolver.prototype.calcOperations = function() {
 		}
 		return b.score - a.score;
 	});
-	this.rank_frozen = $.extend(true, {}, this.rank2);
+	this.rank2.length = 20;
+	this.rank_frozen = $.extend(true, [], this.rank2);
 	for(var i = this.rank2.length - 1; i >= 0; i--) {
 		var flag = true;
 		while(flag) {

diff --git a/index.html b/index.html
@@ -26,45 +26,37 @@
         </nav>
 
         <!-- page content -->
-        <div class="rank-list clearfix">
-            <div id="rank-{{team.rank}}" class="rank-list-item clearfix" v-repeat="team in ranks | orderBy 'rank'">
-                <div class="rank">{{ team.rank }}</div>
+        <div class="rank-list">
+            <div id="rank-{{$index}}" class="rank-list-item clearfix" v-for="team in ranks" track-by="user_id">
+                <div class="rank">{{ $index+1 }}</div>
                 <div class="content">
-                    <div class="name">{{ team.name }}</div>
-                    <ul class="problems clearfix">
-                        <li class="status-{{p.status}}" v-repeat="p in team.problems" v-on="click: publish(team, p)">{{p.index}}</li>
+                    <div class="name">{{ users[team.user_id].college }}--{{ users[team.user_id].name }}</div>
+                    <ul class="problems">
+                        <li v-for="n in p_count" class="{{team.problem[n+1]|problemStatus}} p-{{n+1}} item">
+                            <div class="{{team.problem[n+1]|problemStatus}} p-content">{{team.problem[n+1] | problemStatus}}</div>
+                        </li>
                     </ul>
                 </div>
-                <div class="penalty">{{team.penalty}}</div>
-                <div class="solved">{{team.solved}}</div>
-                <button v-on="click: changeRank(team)">changeR</button>
+                <div class="penalty">{{ team.penalty | toMinutes }}</div>
+                <div class="solved">{{ team.score }}</div>
             </div>
         </div>
 
-        <pre style="margin:50px 10px;">{{ $data | json }}</pre>
+        <!-- <pre style="margin:50px 10px;">{{ $data | json }}</pre> -->
 
         <!-- sticky footer -->
         <footer class="footer">
             <div class="container clearfix">
-                <p class="text-muted pull-left"><button v-on="click: reset">重置排名</button></p>
-                <p class="text-muted pull-left" style="margin-left:50px"><button v-on="click: operationPop">撤销</button></p>
-                <button class="text-muted pull-left" v-on="click: deepClone">test _where</button>
+                <p class="text-muted pull-left"><button @click="reset">重置排名</button></p>
             </div>
         </footer>
 
         <!-- Include all compiled plugins (below), or include individual files as needed -->
-        <script type="text/javascript" src="hiho-resolver.js"></script>
         <script type="text/javascript" src="libs/js/jquery.min.js"></script>
         <script type="text/javascript" src="libs/js/underscore-min.js"></script>
-        <script type="text/javascript" src="libs/js/vue.min.js"></script>
-        <script type="text/javascript" src="js/ranks-data.js"></script>
+        <script type="text/javascript" src="libs/js/jquery.scrollTo.min.js"></script>
+        <script type="text/javascript" src="libs/js/vue.1.js"></script>
+        <script type="text/javascript" src="hiho-resolver.js"></script>
         <script type="text/javascript" src="js/main.js"></script>
-        <script>
-            $.getJSON("contest.json", function(data){
-                var resolver = new Resolver(data.solutions, data.users, data.problem_count);
-                window.resolver = resolver;
-                resolver.calcOperations();
-            });
-        </script>
     </body>
 </html>