summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authoremkael <emkael@tlen.pl>2017-06-20 14:31:00 +0200
committeremkael <emkael@tlen.pl>2017-06-20 14:31:00 +0200
commitf74ae48f71ec95638ed2ebc6212dd40d815c78ff (patch)
treea2b884089eb757f87da986ee68b0d893158e7d4e
parentd7056c28e49b73271e28400e1e88e707e54e6a89 (diff)
Filter field for players' names
-rw-r--r--http/res/ranking.css1
-rw-r--r--templates/ranking.html18
2 files changed, 15 insertions, 4 deletions
diff --git a/http/res/ranking.css b/http/res/ranking.css
index b05db9c..76b67ae 100644
--- a/http/res/ranking.css
+++ b/http/res/ranking.css
@@ -1,3 +1,4 @@
+#filters div[role="group"] { margin: 10px; }
.table-hover > tbody > tr.gold > td { background-color: #FFEF96 }
.table-hover > tbody > tr.silver > td { background-color: #E5E5E5 }
.table-hover > tbody > tr.bronze > td { background-color: #E1CAB4 }
diff --git a/templates/ranking.html b/templates/ranking.html
index ef338bb..4dd91fe 100644
--- a/templates/ranking.html
+++ b/templates/ranking.html
@@ -24,7 +24,7 @@
title="Kliknięcie zamienia filtr w danej kategorii.<br />Kliknięcie z klawiszem Ctrl dodaje filtr w kategorii."></span>
</div>
<div class="collapse panel-body" id="filters">
- <p>
+ <div class="form-inline">
<div class="btn-group" role="group">
<button type="button" class="btn btn-disabled">Okręg</button>
<button type="button" class="btn btn-default" data-filter="region" data-value="DS">DS</button>
@@ -45,8 +45,6 @@
<button type="button" class="btn btn-default" data-filter="region" data-value="ZP">ZP</button>
<button type="button" class="btn btn-default" data-clear="region">wszystkie</button>
</div>
- </p>
- <p>
<div class="btn-group" role="group">
<button type="button" class="btn btn-disabled">Płeć</button>
<button type="button" class="btn btn-default" data-filter="gender" data-value="K">K</button>
@@ -62,7 +60,19 @@
<button type="button" class="btn btn-default" data-filter="age" data-value="N">N</button>
<button type="button" class="btn btn-default" data-clear="age">wszyscy</button>
</div>
- </p>
+ <div class="form-group">
+ <div class="input-group" role="group">
+ <div class="input-group-addon">Imię/nazwisko</div>
+ <input type="text" class="form-control" data-filter-field="name" />
+ <div class="input-group-btn">
+ <button type="button" class="btn btn-default" data-filter-action="name">
+ <i class="glyphicon glyphicon-search"></i>
+ </button>
+ <button type="button" class="btn btn-default" data-clear="name">wyczyść</button>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div class="panel panel-default">