From f74ae48f71ec95638ed2ebc6212dd40d815c78ff Mon Sep 17 00:00:00 2001
From: emkael <emkael@tlen.pl>
Date: Tue, 20 Jun 2017 14:31:00 +0200
Subject: Filter field for players' names
---
http/res/ranking.css | 1 +
templates/ranking.html | 18 ++++++++++++++----
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">
--
cgit v1.2.3