From 23931b1620edeed3edb15360e4e154fd0efe35ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ond=C5=99ej=20Hru=C5=A1ka?= <ondra@ondrovo.com>
Date: Mon, 30 Dec 2019 00:23:46 +0100
Subject: [PATCH] improve form and add taggle

---
 Cargo.lock                      | 130 +++++++++++++++-----------------
 Cargo.toml                      |  22 +++---
 data/repository.yaml            |   8 ++
 src/store/form.rs               |  48 ++++++++++--
 src/store/mod.rs                |   2 +-
 src/store/model.rs              |   7 +-
 templates/form_macros.html.tera |  84 ++++++++++++++++++---
 templates/index.html.tera       |  58 +++++++-------
 templates/layout.html.tera      |   2 +
 templates/static/style.css      |  60 +++++++++++++--
 templates/static/taggle.css     | 113 +++++++++++++++++++++++++++
 templates/static/taggle.min.js  |   1 +
 12 files changed, 401 insertions(+), 134 deletions(-)
 create mode 100644 templates/static/taggle.css
 create mode 100644 templates/static/taggle.min.js

diff --git a/Cargo.lock b/Cargo.lock
index e3ebbe3..ed77eb7 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -1,5 +1,13 @@
 # This file is automatically @generated by Cargo.
 # It is not intended for manual editing.
+[[package]]
+name = "aho-corasick"
+version = "0.6.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+dependencies = [
+ "memchr 2.2.1 (registry+https://github.com/rust-lang/crates.io-index)",
+]
+
 [[package]]
 name = "aho-corasick"
 version = "0.7.6"
@@ -126,8 +134,6 @@ name = "cookie"
 version = "0.11.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 dependencies = [
- "base64 0.9.3 (registry+https://github.com/rust-lang/crates.io-index)",
- "ring 0.13.5 (registry+https://github.com/rust-lang/crates.io-index)",
  "time 0.1.42 (registry+https://github.com/rust-lang/crates.io-index)",
  "url 1.7.2 (registry+https://github.com/rust-lang/crates.io-index)",
 ]
@@ -179,16 +185,6 @@ name = "dtoa"
 version = "0.4.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 
-[[package]]
-name = "educe"
-version = "0.4.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-dependencies = [
- "proc-macro2 1.0.6 (registry+https://github.com/rust-lang/crates.io-index)",
- "quote 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
- "syn 1.0.11 (registry+https://github.com/rust-lang/crates.io-index)",
-]
-
 [[package]]
 name = "error-chain"
 version = "0.12.1"
@@ -337,6 +333,7 @@ version = "1.3.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 dependencies = [
  "autocfg 0.1.7 (registry+https://github.com/rust-lang/crates.io-index)",
+ "serde 1.0.104 (registry+https://github.com/rust-lang/crates.io-index)",
 ]
 
 [[package]]
@@ -394,6 +391,11 @@ name = "language-tags"
 version = "0.2.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 
+[[package]]
+name = "lazy_static"
+version = "0.2.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+
 [[package]]
 name = "lazy_static"
 version = "1.4.0"
@@ -466,20 +468,6 @@ dependencies = [
  "log 0.3.9 (registry+https://github.com/rust-lang/crates.io-index)",
 ]
 
-[[package]]
-name = "mime"
-version = "0.3.14"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-
-[[package]]
-name = "mime_guess"
-version = "2.0.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-dependencies = [
- "mime 0.3.14 (registry+https://github.com/rust-lang/crates.io-index)",
- "unicase 2.6.0 (registry+https://github.com/rust-lang/crates.io-index)",
-]
-
 [[package]]
 name = "mio"
 version = "0.6.21"
@@ -712,6 +700,18 @@ name = "redox_syscall"
 version = "0.1.56"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 
+[[package]]
+name = "regex"
+version = "0.2.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+dependencies = [
+ "aho-corasick 0.6.10 (registry+https://github.com/rust-lang/crates.io-index)",
+ "memchr 2.2.1 (registry+https://github.com/rust-lang/crates.io-index)",
+ "regex-syntax 0.5.6 (registry+https://github.com/rust-lang/crates.io-index)",
+ "thread_local 0.3.6 (registry+https://github.com/rust-lang/crates.io-index)",
+ "utf8-ranges 1.0.4 (registry+https://github.com/rust-lang/crates.io-index)",
+]
+
 [[package]]
 name = "regex"
 version = "1.3.1"
@@ -725,19 +725,16 @@ dependencies = [
 
 [[package]]
 name = "regex-syntax"
-version = "0.6.12"
+version = "0.5.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
+dependencies = [
+ "ucd-util 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)",
+]
 
 [[package]]
-name = "ring"
-version = "0.13.5"
+name = "regex-syntax"
+version = "0.6.12"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-dependencies = [
- "cc 1.0.48 (registry+https://github.com/rust-lang/crates.io-index)",
- "lazy_static 1.4.0 (registry+https://github.com/rust-lang/crates.io-index)",
- "libc 0.2.66 (registry+https://github.com/rust-lang/crates.io-index)",
- "untrusted 0.6.2 (registry+https://github.com/rust-lang/crates.io-index)",
-]
 
 [[package]]
 name = "rocket"
@@ -759,32 +756,22 @@ dependencies = [
  "yansi 0.5.0 (registry+https://github.com/rust-lang/crates.io-index)",
 ]
 
-[[package]]
-name = "rocket-download-response"
-version = "0.4.9"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-dependencies = [
- "educe 0.4.2 (registry+https://github.com/rust-lang/crates.io-index)",
- "mime 0.3.14 (registry+https://github.com/rust-lang/crates.io-index)",
- "mime_guess 2.0.1 (registry+https://github.com/rust-lang/crates.io-index)",
- "percent-encoding 1.0.1 (registry+https://github.com/rust-lang/crates.io-index)",
- "rocket 0.4.2 (registry+https://github.com/rust-lang/crates.io-index)",
-]
-
 [[package]]
 name = "rocket-inv"
 version = "0.1.0"
 dependencies = [
  "ifmt 0.2.0 (registry+https://github.com/rust-lang/crates.io-index)",
+ "indexmap 1.3.0 (registry+https://github.com/rust-lang/crates.io-index)",
  "json_dotpath 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)",
  "lazy_static 1.4.0 (registry+https://github.com/rust-lang/crates.io-index)",
+ "linked-hash-map 0.5.2 (registry+https://github.com/rust-lang/crates.io-index)",
  "parking_lot 0.10.0 (registry+https://github.com/rust-lang/crates.io-index)",
  "rocket 0.4.2 (registry+https://github.com/rust-lang/crates.io-index)",
- "rocket-download-response 0.4.9 (registry+https://github.com/rust-lang/crates.io-index)",
  "rocket_contrib 0.4.2 (registry+https://github.com/rust-lang/crates.io-index)",
  "serde 1.0.104 (registry+https://github.com/rust-lang/crates.io-index)",
  "serde_json 1.0.44 (registry+https://github.com/rust-lang/crates.io-index)",
  "serde_yaml 0.8.11 (registry+https://github.com/rust-lang/crates.io-index)",
+ "titlecase 0.10.0 (registry+https://github.com/rust-lang/crates.io-index)",
 ]
 
 [[package]]
@@ -881,6 +868,7 @@ name = "serde_json"
 version = "1.0.44"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 dependencies = [
+ "indexmap 1.3.0 (registry+https://github.com/rust-lang/crates.io-index)",
  "itoa 0.4.4 (registry+https://github.com/rust-lang/crates.io-index)",
  "ryu 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
  "serde 1.0.104 (registry+https://github.com/rust-lang/crates.io-index)",
@@ -997,6 +985,15 @@ dependencies = [
  "winapi 0.3.8 (registry+https://github.com/rust-lang/crates.io-index)",
 ]
 
+[[package]]
+name = "titlecase"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+dependencies = [
+ "lazy_static 0.2.11 (registry+https://github.com/rust-lang/crates.io-index)",
+ "regex 0.2.11 (registry+https://github.com/rust-lang/crates.io-index)",
+]
+
 [[package]]
 name = "toml"
 version = "0.4.10"
@@ -1025,6 +1022,11 @@ name = "ucd-trie"
 version = "0.1.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 
+[[package]]
+name = "ucd-util"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+
 [[package]]
 name = "unic-char-property"
 version = "0.7.0"
@@ -1077,14 +1079,6 @@ dependencies = [
  "version_check 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)",
 ]
 
-[[package]]
-name = "unicase"
-version = "2.6.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-dependencies = [
- "version_check 0.9.1 (registry+https://github.com/rust-lang/crates.io-index)",
-]
-
 [[package]]
 name = "unicode-bidi"
 version = "0.3.4"
@@ -1111,11 +1105,6 @@ name = "unicode-xid"
 version = "0.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 
-[[package]]
-name = "untrusted"
-version = "0.6.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-
 [[package]]
 name = "url"
 version = "1.7.2"
@@ -1126,6 +1115,11 @@ dependencies = [
  "percent-encoding 1.0.1 (registry+https://github.com/rust-lang/crates.io-index)",
 ]
 
+[[package]]
+name = "utf8-ranges"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+
 [[package]]
 name = "version_check"
 version = "0.1.5"
@@ -1211,6 +1205,7 @@ version = "0.5.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 
 [metadata]
+"checksum aho-corasick 0.6.10 (registry+https://github.com/rust-lang/crates.io-index)" = "81ce3d38065e618af2d7b77e10c5ad9a069859b4be3c2250f674af3840d9c8a5"
 "checksum aho-corasick 0.7.6 (registry+https://github.com/rust-lang/crates.io-index)" = "58fb5e95d83b38284460a5fda7d6470aa0b8844d283a0b614b8535e880800d2d"
 "checksum atty 0.2.13 (registry+https://github.com/rust-lang/crates.io-index)" = "1803c647a3ec87095e7ae7acfca019e98de5ec9a7d01343f611cf3152ed71a90"
 "checksum autocfg 0.1.7 (registry+https://github.com/rust-lang/crates.io-index)" = "1d49d90015b3c36167a20fe2810c5cd875ad504b39cff3d4eae7977e6b7c1cb2"
@@ -1234,7 +1229,6 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 "checksum devise_core 0.2.0 (registry+https://github.com/rust-lang/crates.io-index)" = "cf41c59b22b5e3ec0ea55c7847e5f358d340f3a8d6d53a5cf4f1564967f96487"
 "checksum digest 0.8.1 (registry+https://github.com/rust-lang/crates.io-index)" = "f3d0c8c8752312f9713efd397ff63acb9f85585afbf179282e720e7704954dd5"
 "checksum dtoa 0.4.4 (registry+https://github.com/rust-lang/crates.io-index)" = "ea57b42383d091c85abcc2706240b94ab2a8fa1fc81c10ff23c4de06e2a90b5e"
-"checksum educe 0.4.2 (registry+https://github.com/rust-lang/crates.io-index)" = "d27c760a73a13abb1ddf417c06bc2b8d14b0607dd19097316e0ca9412a971088"
 "checksum error-chain 0.12.1 (registry+https://github.com/rust-lang/crates.io-index)" = "3ab49e9dcb602294bc42f9a7dfc9bc6e936fca4418ea300dbfb84fe16de0b7d9"
 "checksum fake-simd 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)" = "e88a8acf291dafb59c2d96e8f59828f3838bb1a70398823ade51a84de6a6deed"
 "checksum filetime 0.2.8 (registry+https://github.com/rust-lang/crates.io-index)" = "1ff6d4dab0aa0c8e6346d46052e93b13a16cf847b54ed357087c35011048cc7d"
@@ -1260,6 +1254,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 "checksum json_dotpath 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)" = "ef7d9a147f00a2132581af7d0bc059d544a5efd2d24f579c4af5d0ad60fba47d"
 "checksum kernel32-sys 0.2.2 (registry+https://github.com/rust-lang/crates.io-index)" = "7507624b29483431c0ba2d82aece8ca6cdba9382bff4ddd0f7490560c056098d"
 "checksum language-tags 0.2.2 (registry+https://github.com/rust-lang/crates.io-index)" = "a91d884b6667cd606bb5a69aa0c99ba811a115fc68915e7056ec08a46e93199a"
+"checksum lazy_static 0.2.11 (registry+https://github.com/rust-lang/crates.io-index)" = "76f033c7ad61445c5b347c7382dd1237847eb1bce590fe50365dcb33d546be73"
 "checksum lazy_static 1.4.0 (registry+https://github.com/rust-lang/crates.io-index)" = "e2abad23fbc42b3700f2f279844dc832adb2b2eb069b2df918f455c4e18cc646"
 "checksum lazycell 1.2.1 (registry+https://github.com/rust-lang/crates.io-index)" = "b294d6fa9ee409a054354afc4352b0b9ef7ca222c69b8812cbea9e7d2bf3783f"
 "checksum libc 0.2.66 (registry+https://github.com/rust-lang/crates.io-index)" = "d515b1f41455adea1313a4a2ac8a8a477634fbae63cc6100e3aebb207ce61558"
@@ -1272,8 +1267,6 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 "checksum maybe-uninit 2.0.0 (registry+https://github.com/rust-lang/crates.io-index)" = "60302e4db3a61da70c0cb7991976248362f30319e88850c487b9b95bbf059e00"
 "checksum memchr 2.2.1 (registry+https://github.com/rust-lang/crates.io-index)" = "88579771288728879b57485cc7d6b07d648c9f0141eb955f8ab7f9d45394468e"
 "checksum mime 0.2.6 (registry+https://github.com/rust-lang/crates.io-index)" = "ba626b8a6de5da682e1caa06bdb42a335aee5a84db8e5046a3e8ab17ba0a3ae0"
-"checksum mime 0.3.14 (registry+https://github.com/rust-lang/crates.io-index)" = "dd1d63acd1b78403cc0c325605908475dd9b9a3acbf65ed8bcab97e27014afcf"
-"checksum mime_guess 2.0.1 (registry+https://github.com/rust-lang/crates.io-index)" = "1a0ed03949aef72dbdf3116a383d7b38b4768e6f960528cd6a6044aa9ed68599"
 "checksum mio 0.6.21 (registry+https://github.com/rust-lang/crates.io-index)" = "302dec22bcf6bae6dfb69c647187f4b4d0fb6f535521f7bc022430ce8e12008f"
 "checksum mio-extras 2.0.6 (registry+https://github.com/rust-lang/crates.io-index)" = "52403fe290012ce777c4626790c8951324a2b9e3316b3143779c72b029742f19"
 "checksum miow 0.2.1 (registry+https://github.com/rust-lang/crates.io-index)" = "8c1f2f3b1cf331de6896aabf6e9d55dca90356cc9960cca7eaaf408a355ae919"
@@ -1298,11 +1291,11 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 "checksum quote 0.6.13 (registry+https://github.com/rust-lang/crates.io-index)" = "6ce23b6b870e8f94f81fb0a363d65d86675884b34a09043c81e5562f11c1f8e1"
 "checksum quote 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)" = "053a8c8bcc71fcce321828dc897a98ab9760bef03a4fc36693c231e5b3216cfe"
 "checksum redox_syscall 0.1.56 (registry+https://github.com/rust-lang/crates.io-index)" = "2439c63f3f6139d1b57529d16bc3b8bb855230c8efcc5d3a896c8bea7c3b1e84"
+"checksum regex 0.2.11 (registry+https://github.com/rust-lang/crates.io-index)" = "9329abc99e39129fcceabd24cf5d85b4671ef7c29c50e972bc5afe32438ec384"
 "checksum regex 1.3.1 (registry+https://github.com/rust-lang/crates.io-index)" = "dc220bd33bdce8f093101afe22a037b8eb0e5af33592e6a9caafff0d4cb81cbd"
+"checksum regex-syntax 0.5.6 (registry+https://github.com/rust-lang/crates.io-index)" = "7d707a4fa2637f2dca2ef9fd02225ec7661fe01a53623c1e6515b6916511f7a7"
 "checksum regex-syntax 0.6.12 (registry+https://github.com/rust-lang/crates.io-index)" = "11a7e20d1cce64ef2fed88b66d347f88bd9babb82845b2b858f3edbf59a4f716"
-"checksum ring 0.13.5 (registry+https://github.com/rust-lang/crates.io-index)" = "2c4db68a2e35f3497146b7e4563df7d4773a2433230c5e4b448328e31740458a"
 "checksum rocket 0.4.2 (registry+https://github.com/rust-lang/crates.io-index)" = "42c1e9deb3ef4fa430d307bfccd4231434b707ca1328fae339c43ad1201cc6f7"
-"checksum rocket-download-response 0.4.9 (registry+https://github.com/rust-lang/crates.io-index)" = "21d40232a9e54d5f5710be2d326bbf7686a5d81ecc78d328fdb158f71744dad7"
 "checksum rocket_codegen 0.4.2 (registry+https://github.com/rust-lang/crates.io-index)" = "79aa1366f9b2eccddc05971e17c5de7bb75a5431eb12c2b5c66545fd348647f4"
 "checksum rocket_contrib 0.4.2 (registry+https://github.com/rust-lang/crates.io-index)" = "e0fa5c1392135adc0f96a02ba150ac4c765e27c58dbfd32aa40678e948f6e56f"
 "checksum rocket_http 0.4.2 (registry+https://github.com/rust-lang/crates.io-index)" = "b1391457ee4e80b40d4b57fa5765c0f2836b20d73bcbee4e3f35d93cf3b80817"
@@ -1326,11 +1319,13 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 "checksum tera 0.11.20 (registry+https://github.com/rust-lang/crates.io-index)" = "4b505279e19d8f7d24b1a9dc58327c9c36174b1a2c7ebdeac70792d017cb64f3"
 "checksum thread_local 0.3.6 (registry+https://github.com/rust-lang/crates.io-index)" = "c6b53e329000edc2b34dbe8545fd20e55a333362d0a321909685a19bd28c3f1b"
 "checksum time 0.1.42 (registry+https://github.com/rust-lang/crates.io-index)" = "db8dcfca086c1143c9270ac42a2bbd8a7ee477b78ac8e45b19abfb0cbede4b6f"
+"checksum titlecase 0.10.0 (registry+https://github.com/rust-lang/crates.io-index)" = "0650399a761c61e9691ccc878bce2608291f7c18d8f84d188e6e11748a5316c8"
 "checksum toml 0.4.10 (registry+https://github.com/rust-lang/crates.io-index)" = "758664fc71a3a69038656bee8b6be6477d2a6c315a6b81f7081f591bffa4111f"
 "checksum traitobject 0.1.0 (registry+https://github.com/rust-lang/crates.io-index)" = "efd1f82c56340fdf16f2a953d7bda4f8fdffba13d93b00844c25572110b26079"
 "checksum typeable 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)" = "1410f6f91f21d1612654e7cc69193b0334f909dcf2c790c4826254fbb86f8887"
 "checksum typenum 1.11.2 (registry+https://github.com/rust-lang/crates.io-index)" = "6d2783fe2d6b8c1101136184eb41be8b1ad379e4657050b8aaff0c79ee7575f9"
 "checksum ucd-trie 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)" = "8f00ed7be0c1ff1e24f46c3d2af4859f7e863672ba3a6e92e7cff702bf9f06c2"
+"checksum ucd-util 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)" = "fa9b3b49edd3468c0e6565d85783f51af95212b6fa3986a5500954f00b460874"
 "checksum unic-char-property 0.7.0 (registry+https://github.com/rust-lang/crates.io-index)" = "ce36d3f7ce754afdbccccf8ff0dd0134e50fb44aaae579f96218856e9e5dbd1e"
 "checksum unic-char-range 0.7.0 (registry+https://github.com/rust-lang/crates.io-index)" = "d9ab85fab42ad1b26cafc03bf891f69cb4d6e15f491030e89a0122197baa8ae8"
 "checksum unic-common 0.7.0 (registry+https://github.com/rust-lang/crates.io-index)" = "ff8d4a7ade929ef7d971e16ced21a8cd56a63869aa6032dfb8cb083cf7d077bf"
@@ -1338,13 +1333,12 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 "checksum unic-ucd-segment 0.7.0 (registry+https://github.com/rust-lang/crates.io-index)" = "48f1a08ce0409a9e391b88d1930118eec48af12742fc538bcec55f775865776e"
 "checksum unic-ucd-version 0.7.0 (registry+https://github.com/rust-lang/crates.io-index)" = "cf1f5e6c6c53c2d0ece4a5964bc55fcff8602153063cb4fab20958ff32998ff6"
 "checksum unicase 1.4.2 (registry+https://github.com/rust-lang/crates.io-index)" = "7f4765f83163b74f957c797ad9253caf97f103fb064d3999aea9568d09fc8a33"
-"checksum unicase 2.6.0 (registry+https://github.com/rust-lang/crates.io-index)" = "50f37be617794602aabbeee0be4f259dc1778fabe05e2d67ee8f79326d5cb4f6"
 "checksum unicode-bidi 0.3.4 (registry+https://github.com/rust-lang/crates.io-index)" = "49f2bd0c6468a8230e1db229cff8029217cf623c767ea5d60bfbd42729ea54d5"
 "checksum unicode-normalization 0.1.11 (registry+https://github.com/rust-lang/crates.io-index)" = "b561e267b2326bb4cebfc0ef9e68355c7abe6c6f522aeac2f5bf95d56c59bdcf"
 "checksum unicode-xid 0.1.0 (registry+https://github.com/rust-lang/crates.io-index)" = "fc72304796d0818e357ead4e000d19c9c174ab23dc11093ac919054d20a6a7fc"
 "checksum unicode-xid 0.2.0 (registry+https://github.com/rust-lang/crates.io-index)" = "826e7639553986605ec5979c7dd957c7895e93eabed50ab2ffa7f6128a75097c"
-"checksum untrusted 0.6.2 (registry+https://github.com/rust-lang/crates.io-index)" = "55cd1f4b4e96b46aeb8d4855db4a7a9bd96eeeb5c6a1ab54593328761642ce2f"
 "checksum url 1.7.2 (registry+https://github.com/rust-lang/crates.io-index)" = "dd4e7c0d531266369519a4aa4f399d748bd37043b00bde1e4ff1f60a120b355a"
+"checksum utf8-ranges 1.0.4 (registry+https://github.com/rust-lang/crates.io-index)" = "b4ae116fef2b7fea257ed6440d3cfcff7f190865f170cdad00bb6465bf18ecba"
 "checksum version_check 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)" = "914b1a6776c4c929a602fafd8bc742e06365d4bcbe48c30f9cca5824f70dc9dd"
 "checksum version_check 0.9.1 (registry+https://github.com/rust-lang/crates.io-index)" = "078775d0255232fb988e6fccf26ddc9d1ac274299aaedcedce21c6f72cc533ce"
 "checksum walkdir 2.2.9 (registry+https://github.com/rust-lang/crates.io-index)" = "9658c94fa8b940eab2250bd5a457f9c48b748420d71293b165c8cdbe2f55f71e"
diff --git a/Cargo.toml b/Cargo.toml
index c1822ce..0dc1062 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -7,23 +7,21 @@ edition = "2018"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-rocket-download-response = "0.4.9"
-#rocket-include-tera = "0.4.5"
+#rocket-download-response = "0.4.9"
 
 serde = { version = "1.0", features = ["derive"] }
-serde_json = "1.0"
+serde_json = { version="1.0", features= ["preserve_order"] }
 serde_yaml = "0.8.11"
 json_dotpath = "0.1.2"
+titlecase = "0.10.0"
+
+# special data structure that preserves order
+indexmap = { version="1.3.0", features=["serde-1"] }
+
+rocket = { version="0.4.2", default-features = false}
+rocket_contrib = { version="0.4.2", features = ["json", "serve", "tera_templates"]}
 
 ifmt = "0.2.0"
 parking_lot = "0.10.0"
 lazy_static = "1.4.0"
-
-[dependencies.rocket]
-version = "0.4.2"
-default-features = false
-
-[dependencies.rocket_contrib]
-version = "0.4.2"
-default-features = false
-features = ["json", "serve", "tera_templates"]
+linked-hash-map = "0.5.2"
diff --git a/data/repository.yaml b/data/repository.yaml
index 417e60a..b5448ac 100644
--- a/data/repository.yaml
+++ b/data/repository.yaml
@@ -30,3 +30,11 @@ model:
       type: "text"
     checkbox:
       type: "bool"
+    fixed_tags:
+      type: "tags"
+      options:
+        - aaa
+        - bbb
+        - ccc
+        - ddd
+        - eee
diff --git a/src/store/form.rs b/src/store/form.rs
index e71a5d3..283601f 100644
--- a/src/store/form.rs
+++ b/src/store/form.rs
@@ -18,6 +18,8 @@ pub struct RenderedField<'a> {
     pub step: &'static str,
     pub min: String,
     pub max: String,
+    pub all_tags_json: String,
+    pub tags_json: String,
     pub options: Option<&'a Vec<String>>,
     pub value: Cow<'a, str>,
     pub checked: bool,
@@ -33,7 +35,7 @@ impl<'a> RenderedField<'a> {
         let mut rendered = RenderedField::default();
         rendered.key = key.as_str().into();
         rendered.label = if field.label.is_empty() {
-            rendered.key.clone()
+            titlecase::titlecase(&key.replace('_', " ")).into()
         } else {
             field.label.as_str().into()
         };
@@ -105,20 +107,56 @@ impl<'a> RenderedField<'a> {
             FieldKind::Enum { options, default } => {
                 rendered.kind = "select";
                 rendered.options = Some(options);
+
+                if let Some(Value::String(s)) = value {
+                    rendered.value = Cow::Borrowed(&s.as_str());
+                }
             }
             FieldKind::FreeEnum { enum_group } => {
                 rendered.kind = "free_select";
                 let group = enum_group.as_ref().unwrap_or(key);
-                rendered.options = Some(index.free_enums.get(group).unwrap_or(&EMPTY_VEC))
+                let options = index.free_enums.get(group).unwrap_or(&EMPTY_VEC);
+                rendered.options = Some(options);
+
+                if let Some(Value::String(s)) = value {
+                    rendered.value = Cow::Borrowed(&s.as_str());
+                }
             }
             FieldKind::Tags { options } => {
-                rendered.kind = "select";
+                rendered.kind = "tags";
                 rendered.options = Some(options);
+
+                if value.is_some() {
+                    rendered.value = serde_json::from_value::<Vec<String>>(value.unwrap().clone())
+                        .unwrap().join(" ").into();
+                }
+
+                if let Some(Value::Array(items)) = value {
+                    rendered.tags_json = serde_json::to_string(items).unwrap();
+                } else {
+                    rendered.tags_json = "[]".into();
+                };
+
+                rendered.all_tags_json = serde_json::to_string(options).unwrap();
             }
             FieldKind::FreeTags { tag_group } => {
-                rendered.kind = "free_select";
+                rendered.kind = "free_tags";
                 let group = tag_group.as_ref().unwrap_or(key);
-                rendered.options = Some(index.free_tags.get(group).unwrap_or(&EMPTY_VEC))
+                let options = index.free_tags.get(group).unwrap_or(&EMPTY_VEC);
+
+                if value.is_some() {
+                    rendered.value = serde_json::from_value::<Vec<String>>(value.unwrap().clone())
+                        .unwrap().join(" ").into();
+                }
+
+                if let Some(Value::Array(items)) = value {
+                    rendered.tags_json = serde_json::to_string(items).unwrap();
+                } else {
+                    rendered.tags_json = "[]".into();
+                };
+
+                rendered.options = Some(options);
+                rendered.tags_json = serde_json::to_string(options).unwrap();
             }
         }
 
diff --git a/src/store/mod.rs b/src/store/mod.rs
index 44344ca..a6df380 100644
--- a/src/store/mod.rs
+++ b/src/store/mod.rs
@@ -25,7 +25,7 @@ pub struct Indexes {
 }
 
 /// Struct loaded from the repositroy config file
-#[derive(Serialize,Deserialize,Debug)]
+#[derive(Deserialize,Debug)]
 struct RepositoryConfig {
     pub model : Model,
 }
diff --git a/src/store/model.rs b/src/store/model.rs
index 8d325aa..693541b 100644
--- a/src/store/model.rs
+++ b/src/store/model.rs
@@ -1,15 +1,16 @@
 use std::collections::HashMap;
+use indexmap::map::IndexMap;
 
 /// A data card's model.
 /// Cards of one model can be sorted, searched and filtered by their fields.
-#[derive(Serialize, Deserialize, Debug)]
+#[derive(Deserialize, Debug)]
 pub struct Model {
     /// Fields defined by this model
-    pub fields: HashMap<String, Field>,
+    pub fields: IndexMap<String, Field>,
 }
 
 /// One field of a model
-#[derive(Serialize, Deserialize, Debug)]
+#[derive(Deserialize, Debug)]
 pub struct Field {
     /// Field label shown in the user interface
     #[serde(default)]
diff --git a/templates/form_macros.html.tera b/templates/form_macros.html.tera
index b194a32..2f08720 100644
--- a/templates/form_macros.html.tera
+++ b/templates/form_macros.html.tera
@@ -1,3 +1,5 @@
+{# TEXT #}
+
 {% macro text(field) %}
 <label for="field-{{field.key}}">
 	{{field.label}}
@@ -8,6 +10,9 @@
 	   value="{{field.value}}">
 {% endmacro %}
 
+
+{# TEXT AREA #}
+
 {% macro longtext(field) %}
 <label for="field-{{field.key}}">
 	{{field.label}}
@@ -15,6 +20,9 @@
 <textarea id="field-{{field.key}}" name="{{field.key}}">{{field.value}}</textarea>
 {% endmacro %}
 
+
+{# FREE SELECT #}
+
 {% macro free_select(field) %}
 <label for="field-{{field.key}}">
 	{{field.label}}
@@ -24,14 +32,16 @@
 	   type="text"
 	   list="suggestions-{{field.key}}"
 	   value="{{field.value}}">
-
 <datalist id="suggestions-{{field.key}}">
-{% for option in field.options %}
+{%- for option in field.options %}
 	<option value="{{option}}">
-{% endfor %}
+{%- endfor %}
 </datalist>
 {% endmacro %}
 
+
+{# NUMBER #}
+
 {% macro number(field) %}
 <label for="field-{{field.key}}">
 	{{field.label}}
@@ -45,23 +55,77 @@
 	   max="{{field.max}}">
 {% endmacro %}
 
+
+{# CHECKBOX #}
+
 {% macro checkbox(field) %}
 <label for="field-{{field.key}}">
 	{{field.label}}
 </label>
-<input id="field-{{field.key}}"
-	   name="{{field.key}}"
-	   type="checkbox"
-	   {% if field.checked %}checked{% endif %}>
+<label class="checkbox-wrap" for="field-{{field.key}}">
+	<input id="field-{{field.key}}"
+		   name="{{field.key}}"
+		   type="checkbox"
+		   {% if field.checked %}checked{% endif %}>
+</label>
 {% endmacro %}
 
+
+{# SELECT #}
+
 {% macro select(field) %}
 <label for="field-{{field.key}}">
 	{{field.label}}
 </label>
 <select id="field-{{field.key}}" name="{{field.key}}">
-{% for option in field.options %}
-	<option value="{{option}}">{{option}}</option>
-{% endfor %}
+{%- for option in field.options %}
+	<option value="{{option}}" {% if field.value == option %}selected{% endif %}>{{option}}</option>
+{%- endfor %}
 </select>
 {% endmacro %}
+
+
+{# TAGS #}
+
+{% macro tags(field,free=false) %}
+<label for="field-{{field.key}}">
+	{{field.label}}
+</label>
+<input type="hidden" id="field-{{field.key}}" name="{{field.key}}" value="{{field.value}}">
+<div class="tag-input" id="tag-input-{{field.key}}"></div>
+<datalist id="suggestions-{{field.key}}">
+{%- for option in field.options %}
+	<option value="{{option}}">
+{%- endfor %}
+</datalist>
+<script>
+	!(function() {
+		let taggle;
+		let hiden_field = document.querySelector('#field-{{field.key}}');
+
+		let onchange = () => {
+			let values = taggle.tag.values.join(" ");
+			hiden_field.setAttribute("value", values);
+		};
+
+		taggle = new Taggle('tag-input-{{field.key}}', {
+			placeholder: 'Enter tags...',
+			allowDuplicates: false,
+			tags: {{field.tags_json | safe }},
+			allowedTags: {% if not free %}{{field.all_tags_json | safe}}{% else %}[]{% endif %},
+			onTagAdd: onchange,
+			onTagRemove: onchange,
+		});
+
+		document.querySelector('#tag-input-{{field.key}} .taggle_input')
+			.setAttribute('list', 'suggestions-{{field.key}}');
+	})();
+</script>
+{% endmacro %}
+
+
+{# FREE TAGS #}
+
+{% macro free_tags(field) %}
+{{ self::tags(field=field, free=true) }}
+{% endmacro %}
diff --git a/templates/index.html.tera b/templates/index.html.tera
index d8e0888..978089a 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -5,43 +5,41 @@
 	Form
 {%- endblock title %}
 
-{% block content %}
+{% block content -%}
+<form action="/add" method="POST" class="Form">
+{%- for field in fields %}
+<!-- {{ field.key }} -->
+<div class="Row">
+	{%- if field.kind == "string" -%}
+		{{ form::text(field=field) }}
 
-<form action="/add" method="POST">
-	{% for field in fields %}
-	<div class="Row">
-		{% if field.kind == "string" %}
+	{%- elif field.kind == "text" -%}
+		{{ form::longtext(field=field) }}
 
-			{{ form::text(field=field) }}
+	{%- elif field.kind == "number" -%}
+		{{ form::number(field=field) }}
 
-		{% elif field.kind == "text" %}
+	{%- elif field.kind == "bool" -%}
+		{{ form::checkbox(field=field) }}
 
-			{{ form::longtext(field=field) }}
+	{%- elif field.kind == "select" -%}
+		{{ form::select(field=field) }}
 
-		{% elif field.kind == "number" %}
+	{%- elif field.kind == "free_select" -%}
+		{{ form::free_select(field=field) }}
 
-			{{ form::number(field=field) }}
+	{%- elif field.kind == "tags" -%}
+		{{ form::tags(field=field) }}
 
-		{% elif field.kind == "bool" %}
+	{%- elif field.kind == "free_tags" -%}
+		{{ form::free_tags(field=field) }}
 
-			{{ form::checkbox(field=field) }}
+	{%- else -%}
+		{{ field.key }}
 
-		{% elif field.kind == "select" %}
-
-			{{ form::select(field=field) }}
-
-		{% elif field.kind == "free_select" %}
-
-			{{ form::free_select(field=field) }}
-
-		{% else %}
-
-			{{ field.key }}
-
-		{% endif %}
-	</div>
-	{% endfor %}
-
-	<button type="submit">Add</button>
+	{%- endif -%}
+</div>
+{%- endfor %}
+<button type="submit">Add</button>
 </form>
-{% endblock content %}
+{%- endblock content %}
diff --git a/templates/layout.html.tera b/templates/layout.html.tera
index 7bbe1e2..bc53197 100644
--- a/templates/layout.html.tera
+++ b/templates/layout.html.tera
@@ -4,6 +4,8 @@
 	<meta charset="UTF-8">
 	<title>{% block title %}{% endblock title %}</title>
 	<link rel="stylesheet" href="style.css">
+	<link rel="stylesheet" href="taggle.css">
+	<script src="taggle.min.js"></script>
 </head>
 <body>
 {% block content %}{% endblock content %}
diff --git a/templates/static/style.css b/templates/static/style.css
index 4baf9dc..e02b28d 100644
--- a/templates/static/style.css
+++ b/templates/static/style.css
@@ -2,26 +2,76 @@
 	box-sizing: border-box;
 }
 
-form .Row {
+html, textarea, select {
+	font-family: "IBM Plex", "DejaVu Sans", "Helvetica", sans-serif;
+}
+
+.Form .Row {
 	display: flex;
 	padding: .25rem;
 }
 
-form .Row label {
+input[type="text"],
+input[type="number"],
+textarea,
+.tag-input {
+	border: 1px solid silver;
+	padding: 0.5rem;
+	border-radius: 5px;
+	font-size: 1rem;
+}
+
+input[type="text"]:focus,
+input[type="number"]:focus,
+textarea:focus,
+.tag-input.active {
+	box-shadow: inset 0 0 0 1px #3c97ff;
+	border-color: #3c97ff;
+	outline: 0 none !important;
+}
+
+.Form label {
 	flex-shrink: 0;
 	width: 10rem;
+	height: 2.1rem;
+	line-height: 2.1rem;
+	vertical-align: middle;
 	text-align: right;
 	display: inline-block;
 	padding-right: .5rem;
+	align-self: flex-start;
 }
 
-form .Row input,
-form .Row select {
+.Form input[type="text"],
+.Form input[type="number"],
+.Form select {
 	height: 2.1rem;
+	width: 15rem;
 }
 
-form .Row textarea {
+.Form textarea {
 	flex-shrink: 1;
 	width: 30rem;
 	height: 6rem;
 }
+
+.Form label.checkbox-wrap {
+	width: 15rem;
+	padding-right: 1rem;
+	text-align: left !important;
+}
+
+.tag-input {
+	position: relative;
+	width: 30rem;
+	padding-bottom: 0rem !important;
+}
+
+.tag-input input,
+.tag-input input:focus {
+	border: 0 transparent;
+	padding: 0;
+	margin: 0;
+	box-shadow: none;
+	outline: 0 none !important;
+}
diff --git a/templates/static/taggle.css b/templates/static/taggle.css
new file mode 100644
index 0000000..dabbdab
--- /dev/null
+++ b/templates/static/taggle.css
@@ -0,0 +1,113 @@
+/*
+    Basic styles to get you started in styling taggle
+    https://jsfiddle.net/okcoker/aqnspdtr/8/
+*/
+
+/*.textarea {
+    width: 100%;
+    height: 300px;
+    border: 1px solid red;
+}*/
+
+.taggle_list {
+    float: left;
+    padding: 0;
+    margin: 0;
+    width: 100%;
+}
+
+.taggle_input {
+    border: none;
+    outline: none;
+    font-size: 16px;
+    /*font-weight: 300;*/
+}
+
+.taggle_list li {
+    float: left;
+    display: inline-block;
+    white-space: nowrap;
+    font-weight: 500;
+    margin-bottom: .5rem;
+}
+
+.taggle_list .taggle {
+    margin-right: 8px;
+    background: #E2E1DF;
+    padding: .45rem;
+    border-radius: 3px;
+    position: relative;
+    cursor: pointer;
+    transition: all .3s;
+    -webkit-animation-duration: 1s;
+    animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+}
+
+.taggle_list .taggle_hot {
+    background: #cac8c4;
+}
+
+.taggle_list .taggle .close {
+    font-size: 1.5rem;
+    position: absolute;
+    top: 10px;
+    right: 3px;
+    text-decoration: none;
+    padding: 0;
+    line-height: 0.5;
+    color: #ccc;
+    color: rgba(0, 0, 0, 0.2);
+    padding-bottom: 4px;
+    display: none;
+    border: 0;
+    background: none;
+    cursor: pointer;
+}
+
+.taggle_list .taggle:hover {
+    /*padding: 5px;*/
+    padding-right: 20px;
+    background: #ccc;
+    /*transition: all .3s;*/
+}
+
+.taggle_list .taggle:hover > .close {
+    display: block;
+}
+
+.taggle_list .taggle .close:hover {
+    color: #b5003b;
+}
+
+.taggle_placeholder {
+    position: absolute;
+    color: #CCC;
+    top: 12px;
+    left: 8px;
+    /*transition: opacity, .25s;*/
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.taggle_input {
+    padding: 8px;
+    padding-left: 0;
+    float: left;
+    margin-top: -5px;
+    background: none;
+    width: 100% !important;
+    max-width: 100%;
+}
+
+.taggle_sizer {
+    padding: 0;
+    margin: 0;
+    position: absolute;
+    top: -500px;
+    z-index: -1;
+    visibility: hidden;
+}
diff --git a/templates/static/taggle.min.js b/templates/static/taggle.min.js
new file mode 100644
index 0000000..7cca54c
--- /dev/null
+++ b/templates/static/taggle.min.js
@@ -0,0 +1 @@
+!function(e,s){"use strict";var i="Taggle";"function"==typeof define&&define.amd?define([],function(){var t=s();return e[i]=t}):"object"==typeof module&&module.exports?module.exports=e[i]=s():e[i]=s()}(this,function(){"use strict";function t(){}var s={additionalTagClasses:"",allowDuplicates:!1,saveOnBlur:!1,clearOnBlur:!0,duplicateTagClass:"",containerFocusClass:"active",focusInputOnContainerClick:!0,hiddenInputName:"taggles[]",tags:[],delimeter:",",delimiter:"",attachTagId:!1,allowedTags:[],disallowedTags:[],trimTags:!0,maxTags:null,tabIndex:1,placeholder:"Enter tags...",submitKeys:[188,9,13],preserveCase:!1,inputFormatter:t,tagFormatter:t,onBeforeTagAdd:t,onTagAdd:t,onBeforeTagRemove:function(){return!0},onTagRemove:t};function i(t){for(var e=t,s=1,i=arguments.length;s<i;s++){var n=arguments[s];for(var a in n)n.hasOwnProperty(a)&&(e[a]=n[a])}return e}function h(t,e,s){t.addEventListener?t.addEventListener(e,s,!1):t.attachEvent?t.attachEvent("on"+e,s):t["on"+e]=s}function o(t,e,s){t.removeEventListener?t.removeEventListener(e,s,!1):t.detachEvent?t.detachEvent("on"+e,s):t["on"+e]=null}function n(t){return t.replace(/^\s+|\s+$/g,"")}function l(t,e){window.attachEvent&&!window.addEventListener?t.innerText=e:t.textContent=e}function e(t,e){this.settings=i({},s,e),this.measurements={container:{rect:null,style:null,padding:null}},this.container=t,this.tag={values:[],elements:[]},this.list=document.createElement("ul"),this.inputLi=document.createElement("li"),this.input=document.createElement("input"),this.sizer=document.createElement("div"),this.pasting=!1,this.placeholder=null,this.data=null,this.settings.placeholder&&(this.placeholder=document.createElement("span")),"string"==typeof t&&(this.container=document.getElementById(t)),this._id=0,this._closeEvents=[],this._closeButtons=[],this._setMeasurements(),this._setupTextarea(),this._attachEvents()}return e.prototype._setMeasurements=function(){this.measurements.container.rect=this.container.getBoundingClientRect(),this.measurements.container.style=window.getComputedStyle(this.container);var t=this.measurements.container.style,e=parseInt(t["padding-left"]||t.paddingLeft,10),s=parseInt(t["padding-right"]||t.paddingRight,10),i=parseInt(t["border-left-width"]||t.borderLeftWidth,10),n=parseInt(t["border-right-width"]||t.borderRightWidth,10);this.measurements.container.padding=e+s+i+n},e.prototype._setupTextarea=function(){var t;if(this.list.className="taggle_list",this.input.type="text",this.input.style.paddingLeft=0,this.input.style.paddingRight=0,this.input.className="taggle_input",this.input.tabIndex=this.settings.tabIndex,this.sizer.className="taggle_sizer",this.settings.tags.length)for(var e=0,s=this.settings.tags.length;e<s;e++){var i=this._createTag(this.settings.tags[e],this.tag.values.length);this.list.appendChild(i)}this.placeholder&&(this.placeholder.style.opacity=0,this.placeholder.classList.add("taggle_placeholder"),this.container.appendChild(this.placeholder),l(this.placeholder,this.settings.placeholder),this.settings.tags.length||this._showPlaceholder());var n=this.settings.inputFormatter(this.input);n&&(this.input=n),this.inputLi.appendChild(this.input),this.list.appendChild(this.inputLi),this.container.appendChild(this.list),this.container.appendChild(this.sizer),t=window.getComputedStyle(this.input).fontSize,this.sizer.style.fontSize=t},e.prototype._attachEvents=function(){var t=this;if(this._eventsAttached)return!1;return this._eventsAttached=!0,this.settings.focusInputOnContainerClick&&(this._handleContainerClick=function(){t.input.focus()}.bind(this),h(this.container,"click",this._handleContainerClick)),this._handleFocus=this._focusInput.bind(this),this._handleBlur=this._blurEvent.bind(this),this._handleKeydown=this._keydownEvents.bind(this),this._handleKeyup=this._keyupEvents.bind(this),h(this.input,"focus",this._handleFocus),h(this.input,"blur",this._handleBlur),h(this.input,"keydown",this._handleKeydown),h(this.input,"keyup",this._handleKeyup),!0},e.prototype._detachEvents=function(){if(!this._eventsAttached)return!1;var s=this;return this._eventsAttached=!1,o(this.container,"click",this._handleContainerClick),o(this.input,"focus",this._handleFocus),o(this.input,"blur",this._handleBlur),o(this.input,"keydown",this._handleKeydown),o(this.input,"keyup",this._handleKeyup),this._closeButtons.forEach(function(t,e){o(t,"click",s._closeEvents[e])}),!0},e.prototype._fixInputWidth=function(){var t,e,s,i,n;this._setMeasurements(),this._setInputWidth(),e=this.input.getBoundingClientRect(),t=(t=(s=this.measurements.container.rect).width)||s.right-s.left,i=e.left-s.left,n=this.measurements.container.padding,this._setInputWidth(Math.floor(t-i-n))},e.prototype._canAdd=function(t,e){if(!e)return!1;var s=this.settings.maxTags;if(null!==s&&s<=this.getTagValues().length)return!1;if(!1===this.settings.onBeforeTagAdd(t,e))return!1;if(!this.settings.allowDuplicates&&this._hasDupes(e))return!1;var i=this.settings.preserveCase,n=this.settings.allowedTags;if(n.length&&!this._tagIsInArray(e,n,i))return!1;var a=this.settings.disallowedTags;return!a.length||!this._tagIsInArray(e,a,i)},e.prototype._tagIsInArray=function(t,e,s){return s?-1!==e.indexOf(t):-1!==[].slice.apply(e).map(function(t){return t.toLowerCase()}).indexOf(t)},e.prototype._add=function(h,t,l){var u=this,e=t||"",s=this.settings.delimiter||this.settings.delimeter;"string"!=typeof t&&(e=this.input.value,this.settings.trimTags&&(e[0]===s&&(e=e.replace(s,"")),e=n(e))),e.split(s).map(function(t){return u.settings.trimTags&&(t=n(t)),u._formatTag(t)}).forEach(function(t){if(u._canAdd(h,t)){var e,s,i,n=u.tag.values.length,a=(e=l||n,s=0,i=n,Math.min(Math.max(e,s),i)),r=u._createTag(t,a),o=u.list.children[a];u.list.insertBefore(r,o),t=u.tag.values[a],u.settings.onTagAdd(h,t),u.input.value="",u._fixInputWidth(),u._focusInput()}})},e.prototype._checkLastTag=function(t){t=t||window.event;var e=this.container.querySelectorAll(".taggle"),s=e[e.length-1],i="taggle_hot",n=this.input.classList.contains("taggle_back");""!==this.input.value||8!==t.keyCode||n?s.classList.contains(i)&&s.classList.remove(i):s.classList.contains(i)?(this.input.classList.add("taggle_back"),this._remove(s,t),this._fixInputWidth(),this._focusInput()):s.classList.add(i)},e.prototype._setInputWidth=function(t){this.input.style.width=(t||10)+"px"},e.prototype._hasDupes=function(t){var e,s=this.tag.values.indexOf(t),i=this.container.querySelector(".taggle_list");if(this.settings.duplicateTagClass)for(var n=0,a=(e=i.querySelectorAll("."+this.settings.duplicateTagClass)).length;n<a;n++)e[n].classList.remove(this.settings.duplicateTagClass);return-1<s&&(this.settings.duplicateTagClass&&i.childNodes[s].classList.add(this.settings.duplicateTagClass),!0)},e.prototype._isConfirmKey=function(t){var e=!1;return-1<this.settings.submitKeys.indexOf(t)&&(e=!0),e},e.prototype._focusInput=function(){this._fixInputWidth(),this.container.classList.contains(this.settings.containerFocusClass)||this.container.classList.add(this.settings.containerFocusClass),this.placeholder&&(this.placeholder.style.opacity=0)},e.prototype._blurEvent=function(t){if(this.container.classList.contains(this.settings.containerFocusClass)&&this.container.classList.remove(this.settings.containerFocusClass),this.settings.saveOnBlur){if(t=t||window.event,this._listenForEndOfContainer(),""!==this.input.value)return void this._confirmValidTagEvent(t);this.tag.values.length&&this._checkLastTag(t)}else this.settings.clearOnBlur&&(this.input.value="",this._setInputWidth());this.tag.values.length||this.input.value||this._showPlaceholder()},e.prototype._keydownEvents=function(t){var e=(t=t||window.event).keyCode;this.pasting=!1,this._listenForEndOfContainer(),86===e&&t.metaKey&&(this.pasting=!0),this._isConfirmKey(e)&&""!==this.input.value?this._confirmValidTagEvent(t):this.tag.values.length&&this._checkLastTag(t)},e.prototype._keyupEvents=function(t){t=t||window.event,this.input.classList.remove("taggle_back"),l(this.sizer,this.input.value),this.pasting&&""!==this.input.value&&(this._add(t),this.pasting=!1)},e.prototype._confirmValidTagEvent=function(t){(t=t||window.event).preventDefault?t.preventDefault():t.returnValue=!1,this._add(t)},e.prototype._listenForEndOfContainer=function(){var t=this.sizer.getBoundingClientRect().width,e=this.measurements.container.rect.width-this.measurements.container.padding;t+1.5*parseInt(this.sizer.style.fontSize,10)>parseInt(this.input.style.width,10)&&(this.input.style.width=e+"px")},e.prototype._createTag=function(t,e){var s=document.createElement("li"),i=document.createElement("button"),n=document.createElement("input"),a=document.createElement("span");t=this._formatTag(t),l(i,"×"),i.className="close",i.setAttribute("type","button");var r=this._remove.bind(this,i);h(i,"click",r),l(a,t),a.className="taggle_text",s.className="taggle "+this.settings.additionalTagClasses,n.type="hidden",n.value=t,n.name=this.settings.hiddenInputName,s.appendChild(a),s.appendChild(i),s.appendChild(n);var o=this.settings.tagFormatter(s);if(void 0!==o&&(s=o),!(s instanceof HTMLElement)||"li"!==s.localName&&"LI"!==s.tagName)throw new Error("tagFormatter must return an li element");return this.settings.attachTagId&&(this._id+=1,t={text:t,id:this._id}),this.tag.values.splice(e,0,t),this.tag.elements.splice(e,0,s),this._closeEvents.splice(e,0,r),this._closeButtons.splice(e,0,i),s},e.prototype._showPlaceholder=function(){this.placeholder&&(this.placeholder.style.opacity=1)},e.prototype._remove=function(s,i){var n,t,a,r=this;function e(t){if(!t){var e=r._closeEvents[a];o(r._closeButtons[a],"click",e),s.parentNode.removeChild(s),r.tag.elements.splice(a,1),r.tag.values.splice(a,1),r._closeEvents.splice(a,1),r._closeButtons.splice(a,1),r.settings.onTagRemove(i,n),r._focusInput()}}"li"!==s.tagName.toLowerCase()&&(s=s.parentNode),t="a"===s.tagName.toLowerCase()?s.parentNode:s,a=this.tag.elements.indexOf(t),n=this.tag.values[a],this.settings.onBeforeTagRemove(i,n,e)&&e()},e.prototype._formatTag=function(t){return this.settings.preserveCase?t:t.toLowerCase()},e.prototype._isIndexInRange=function(t){return 0<=t&&t<=this.tag.values.length-1},e.prototype.getTags=function(){return{elements:this.getTagElements(),values:this.getTagValues()}},e.prototype.getTagElements=function(){return[].slice.apply(this.tag.elements)},e.prototype.getTagValues=function(){return[].slice.apply(this.tag.values)},e.prototype.getInput=function(){return this.input},e.prototype.getContainer=function(){return this.container},e.prototype.add=function(t,e){var s;if(s=t,Array.isArray?Array.isArray(s):"[object Array]"===Object.prototype.toString.call(s))for(var i=e,n=0,a=t.length;n<a;n++)"string"==typeof t[n]&&(this._add(null,t[n],i),isNaN(i)||(i+=1));else this._add(null,t,e);return this},e.prototype.edit=function(t,e){if("string"!=typeof t)throw new Error("First edit argument must be of type string");if("number"!=typeof e)throw new Error("Second edit argument must be a number");if(!this._isIndexInRange(e))throw new Error("Edit index should be between 0 and "+this.tag.values.length-1);return"string"==typeof this.tag.values[e]?this.tag.values[e]=t:this.tag.values[e].text=t,l(this.tag.elements[e],t),this},e.prototype.move=function(t,e){if("number"!=typeof t||"number"!=typeof e)throw new Error("Both arguments must be numbers");if(!this._isIndexInRange(t))throw new Error("First index should be between 0 and "+this.tag.values.length-1);if(!this._isIndexInRange(e))throw new Error("Second index should be between 0 and "+this.tag.values.length-1);if(t===e)return this;var s=this.tag.values[t],i=this.tag.elements[t],n=this.tag.elements[e],a=this._closeEvents[t],r=this._closeButtons[t];return this.tag.values.splice(t,1),this.tag.elements.splice(t,1),this._closeEvents.splice(t,1),this._closeButtons.splice(t,1),this.tag.values.splice(e,0,s),this.tag.elements.splice(e,0,i),this._closeEvents.splice(t,0,a),this._closeButtons.splice(t,0,r),this.list.insertBefore(i,n.nextSibling),this},e.prototype.remove=function(t,e){for(var s=this.tag.values.length-1,i=!1;-1<s;){var n=this.tag.values[s];if(this.settings.attachTagId&&(n=n.text),n===t&&(i=!0,this._remove(this.tag.elements[s])),i&&!e)break;s--}return this},e.prototype.removeAll=function(){for(var t=this.tag.values.length-1;0<=t;t--)this._remove(this.tag.elements[t]);return this._showPlaceholder(),this},e.prototype.setOptions=function(t){return this.settings=i({},this.settings,t||{}),this},e.prototype.enable=function(){var t=[].slice.call(this.container.querySelectorAll("button")),e=[].slice.call(this.container.querySelectorAll("input"));return t.concat(e).forEach(function(t){t.removeAttribute("disabled")}),this},e.prototype.disable=function(){var t=[].slice.call(this.container.querySelectorAll("button")),e=[].slice.call(this.container.querySelectorAll("input"));return t.concat(e).forEach(function(t){t.setAttribute("disabled","")}),this},e.prototype.setData=function(t){return this.data=t,this},e.prototype.getData=function(){return this.data},e.prototype.attachEvents=function(){var s=this;return this._attachEvents()&&this._closeButtons.forEach(function(t,e){h(t,"click",s._closeEvents[e])}),this},e.prototype.removeEvents=function(){return this._detachEvents(),this},e});