5 files changed, 135 insertions, 0 deletions

diff --git a/assets_src/css/gril.css b/assets_src/css/gril.css
new file mode 100644
index 0000000..b82e2c7
--- /dev/null
+++ b/assets_src/css/gril.css
@@ -0,0 +1,31 @@
+#gril-title {
+        margin-bottom: 0rem;
+}
+
+#gril-alias {
+        margin-top: 0rem;
+        margin-bottom: 1rem;
+}
+
+.gril-tag {
+        transition: background-color .2s, color .2s;
+}
+
+.gril-tag:hover {
+        background-color: #BA68C8;
+        color: #FFF;
+}
+
+h1 > small {
+        padding-left: 8px;
+        font-size: 50%;
+}
+
+.card-title.big {
+        font-size: 36px !important;
+}
+
+.card-content.center-big {
+        padding-top: 9px;
+        padding-bottom: 9px;
+}
diff --git a/assets_src/css/list.css b/assets_src/css/list.css
new file mode 100644
index 0000000..7e6dde9
--- /dev/null
+++ b/assets_src/css/list.css
@@ -0,0 +1,27 @@
+.jap-name {
+        color: rgb(166, 166, 166);
+}
+
+.list-entry {
+        height: 80px;
+        padding: 8px;
+}
+
+.list-img {
+        width: 64px;
+        height: 64px;
+}
+
+.list-controls {
+        position: relative;
+        top: 8px;
+        left: -15px;
+}
+
+.gril-img {
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+    width: 64px;
+    height: 64px;
+}
\ No newline at end of file
diff --git a/assets_src/css/search.css b/assets_src/css/search.css
new file mode 100644
index 0000000..124a378
--- /dev/null
+++ b/assets_src/css/search.css
@@ -0,0 +1,20 @@
+.collection .collection-item.avatar {
+        min-height: 64px !important;
+}
+
+.collection-item.avatar > .circle {
+        top: 12px;
+}
+
+.search-results {
+        top: -50px;
+        z-index: 2;
+}
+
+.collection > .collection-item {
+        transition: background-color .35s;
+}
+
+.collection > .collection-item:hover {
+        background-color: #e1bee7;
+}
\ No newline at end of file
diff --git a/assets_src/js/list.js b/assets_src/js/list.js
new file mode 100644
index 0000000..25ff80d
--- /dev/null
+++ b/assets_src/js/list.js
@@ -0,0 +1,17 @@
+function clickSearchResult(resId) {
+        var xhr = new XMLHttpRequest();
+        xhr.onreadystatechange = function() {
+        if (xhr.readyState == XMLHttpRequest.DONE) {
+                        if (xhr.status !== 200) {
+                                alert(xhr.status + ": " + xhr.response);
+                                return;
+                        }
+
+                        data = xhr.responseText;
+                        document.getElementById("gril-list").innerHTML += data;
+                }
+        }
+        xhr.open('POST', window.location, true);
+        xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+        xhr.send('id=' + resId);
+}
\ No newline at end of file
diff --git a/assets_src/js/search.js b/assets_src/js/search.js
new file mode 100644
index 0000000..0cb33df
--- /dev/null
+++ b/assets_src/js/search.js
@@ -0,0 +1,40 @@
+var strokeTimeout = null;
+
+function instantSearch() {
+        if (strokeTimeout) {
+                clearTimeout(strokeTimeout);
+        }
+        strokeTimeout = setTimeout(doSearch, 150);
+}
+
+function doSearch() {
+        value = document.getElementById("search").value;
+
+        if (value === "") {
+                strokeTimeout = null;
+                document.getElementById("search-results").innerHTML = "";
+                return;
+        }
+        var xhr = new XMLHttpRequest();
+        xhr.onreadystatechange = function() {
+        if (xhr.readyState == XMLHttpRequest.DONE) {
+                        if (xhr.status === 404 || xhr.status === 400 || typeof xhr.response === 'undefined' || xhr.response === '404 not found') {
+                                document.getElementById("search-results").innerHTML = '';
+                                return
+                        }
+                        if (value === "") {
+                                document.getElementById("search-results").innerHTML = "";
+                                return;
+                        }
+
+                        document.getElementById("search-results").innerHTML = xhr.response.replace(new RegExp('{ (.*?)(' + value + ')(.*?) }', 'gi'), "$1<b>$2</b>$3").replace(new RegExp('{ (.*?) }', 'gi'), '$1');
+                }
+        }
+        xhr.open('GET', '/search/gril_instant/' + value, true);
+        xhr.send(null);
+        strokeTimeout = null;
+}
+
+function clickSearchResult(resId) {
+
+}
\ No newline at end of file