add transaction list page for desktop

src/lib/ui.desktop.js

@@ -0,0 +1,52 @@
+export function getOuterHeight(element) {
+    if (!element) {
+        return 0;
+    }
+
+    const computedStyle = window.getComputedStyle(element);
+
+    return ['height', 'padding-top', 'padding-bottom', 'margin-top', 'margin-bottom']
+        .map((key) => parseInt(computedStyle.getPropertyValue(key), 10))
+        .reduce((prev, cur) => prev + cur);
+}
+
+export function getCssValue(element, name) {
+    if (!element) {
+        return 0;
+    }
+
+    const computedStyle = window.getComputedStyle(element);
+    return computedStyle.getPropertyValue(name);
+}
+
+export function scrollToMenuListItem(listContentEl) {
+    if (!listContentEl) {
+        return;
+    }
+
+    const lists = listContentEl.querySelectorAll('div.v-list');
+
+    if (!lists.length || !lists[0]) {
+        return;
+    }
+
+    const container = lists[0];
+    const selectedItems = container.querySelectorAll('div.v-list-item.list-item-selected');
+
+    if (!selectedItems.length || !selectedItems[0]) {
+        return;
+    }
+
+    const selectedItem = selectedItems[0];
+    const containerOuterHeight = getOuterHeight(container);
+    const selectedItemOuterHeight = getOuterHeight(selectedItem);
+
+    const targetPos = selectedItem.offsetTop - container.offsetTop - parseInt(getCssValue(container, 'padding-top'), 10)
+        - (containerOuterHeight - selectedItemOuterHeight) / 2;
+
+    if (targetPos <= 0) {
+        return;
+    }
+
+    container.scrollTop = targetPos;
+}