From b09b876969f43cc0d21af9f9c0057c1285811e3c Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Fri, 14 Jun 2019 22:13:00 +0200
Subject: [PATCH 1/3] feat(fe-heatmap): add css class heated for heatmap
 elements

relates to #405
---
 templates/default-layout.lucius | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius
index 8e9b86452..ed7950f98 100644
--- a/templates/default-layout.lucius
+++ b/templates/default-layout.lucius
@@ -606,3 +606,29 @@ section {
 .notification__content {
   color: var(--color-font);
 }
+
+
+
+
+/*
+  "Heated" element.
+  Set custom property "--hotness" to a value from 0 to 1 to turn
+  the element's background to a color on a gradient from green to red.
+
+  TBD:
+  - move to a proper place
+  - think about font-weight...
+
+  Example:
+  <div .heated style="--hotness: 0.2">Lorem ipsum
+*/
+
+.heated {
+  --hotness: 0;
+  --red: calc(var(--hotness) * 200);
+  --green: calc(255 - calc(var(--hotness) * 255));
+  --opacity: calc(calc(var(--red) / 600) + 0.1);
+
+  font-weight: var(--weight, 600);
+  background-color: rgba(var(--red), var(--green), 0, var(--opacity));
+}

From 28dcc8dc377c5a7c942daad7743f473208f5b99c Mon Sep 17 00:00:00 2001
From: Gregor Kleen <kleen@cip.ifi.lmu.de>
Date: Sat, 15 Jun 2019 12:27:51 +0200
Subject: [PATCH 2/3] fix(fe-async-table): Emulate no-js behaviour when
 handling pagesize

---
 frontend/src/utils/async-table/async-table.js | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/frontend/src/utils/async-table/async-table.js b/frontend/src/utils/async-table/async-table.js
index ee662229d..26dfb5624 100644
--- a/frontend/src/utils/async-table/async-table.js
+++ b/frontend/src/utils/async-table/async-table.js
@@ -297,19 +297,17 @@ export class AsyncTable {
   }
 
   _changePagesizeHandler = (event) => {
-    const paginationParamKey = this._asyncTableId + '-pagination';
-    const pagesizeParamKey = this._asyncTableId + '-pagesize';
-    const pageParamKey = this._asyncTableId + '-page';
-
-    const paginationParamEl = this._pagesizeForm.querySelector('[name="' + paginationParamKey + '"]');
     const url = new URL(getLocalStorageParameter('currentTableUrl') || window.location.href);
-    url.searchParams.set(pagesizeParamKey, event.target.value);
-    url.searchParams.set(pageParamKey, 0);
+    const formData = new FormData(this._pagesizeForm);
 
-    if (paginationParamEl) {
-      const encodedValue = encodeURIComponent(paginationParamEl.value);
-      url.searchParams.set(paginationParamKey, encodedValue);
+    for (var k of url.searchParams.keys()) {
+      url.searchParams.delete(k);
     }
+
+    for (var kv of formData.entries()) {
+      url.searchParams.append(kv[0], kv[1]);
+    }
+
     this._updateTableFrom(url.href);
   }
 

From fc80f087242201ddcf2509dbed1f6034dc5ea73e Mon Sep 17 00:00:00 2001
From: Gregor Kleen <kleen@cip.ifi.lmu.de>
Date: Sat, 15 Jun 2019 12:46:36 +0200
Subject: [PATCH 3/3] fix(fe): style notifications acceptably for now

---
 templates/default-layout.lucius | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius
index 8e9b86452..b6236c080 100644
--- a/templates/default-layout.lucius
+++ b/templates/default-layout.lucius
@@ -565,6 +565,7 @@ section {
   color: var(--color-dark);
   box-shadow: 0 0 4px 2px inset currentColor;
   padding-left: 20%;
+  min-height: 100px;
 
   &::before {
     content: 'i';
@@ -579,6 +580,10 @@ section {
     justify-content: center;
   }
 }
+  
+.form-group__input > .notification {
+  margin: 0;
+}
 
 @media (max-width: 768px) {