Relese 3.2.6

UI Fixes:
1. Table height set to 100%
2. Horizontal scrollbar height and displaying
3. Decreased delete selected icon size.

Packages updated.

TODO:
Currently trying to figure out how to speed up table rendering for big datas.
The issue related to element ui and already have opened issue on their github page.

Also working on providing aws profiles through UI and small features.

Author: Arattian

README.md

@@ -4,19 +4,18 @@
 
 [![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/Arattian/DynamoDb-GUI-Client/blob/master/LICENSE)
 
-### [Release v3.2.5](https://github.com/Arattian/DynamoDb-GUI-Client/releases/tag/3.2.5)
+### [Release v3.2.6](https://github.com/Arattian/DynamoDb-GUI-Client/releases/tag/3.2.6)
 
-#### [Download for MacOS (.dmg)](https://github.com/Arattian/DynamoDb-GUI-Client/releases/download/3.2.5/DynamoDbGUI-mac-3.2.5.dmg)
+#### [Download for MacOS (.dmg)](https://github.com/Arattian/DynamoDb-GUI-Client/releases/download/3.2.6/DynamoDbGUI-mac-3.2.6.dmg)
 
-#### [Download for MacOS (.zip)](https://github.com/Arattian/DynamoDb-GUI-Client/releases/download/3.2.5/DynamoDbGUI-mac-3.2.5.zip)
+#### [Download for MacOS (.zip)](https://github.com/Arattian/DynamoDb-GUI-Client/releases/download/3.2.6/DynamoDbGUI-mac-3.2.6.zip)
 
 ### [Release v2.1.1 || Old UI](https://github.com/Arattian/DynamoDb-GUI-Client/releases/tag/v2.1.1)
 
 #### [Download for Debian (.deb)](https://github.com/Arattian/DynamoDb-GUI-Client/releases/download/v2.1.1/DynamoDbGUI-linux-amd64-2.1.1.deb)
 
 #### [Download for Linux (.AppImage)](https://github.com/Arattian/DynamoDb-GUI-Client/releases/download/v2.1.1/DynamoDbGUI-linux-x86_64-2.1.1.AppImage)
 
-<a href="https://www.buymeacoffee.com/tQSoDLK" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/black_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a>
 
 ![Logo](src/assets/git-logo.png)
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "dynamodb-gui-client",
-  "version": "3.2.5",
+  "version": "3.2.6",
   "description": "DynamoDb-GUI-Client",
   "author": {
     "name": "Misak Poghosyan",
@@ -16,39 +16,41 @@
     "test:unit": "vue-cli-service test:unit --coverage"
   },
   "dependencies": {
-    "aws-sdk": "^2.395.0",
+    "aws-sdk": "^2.400.0",
+    "awscred": "^1.4.2",
     "electron-default-menu": "^1.0.1",
     "element-ui": "^2.5.4",
     "lodash": "^4.17.11",
-    "vue": "^2.5.22",
+    "vue": "^2.6.4",
     "vue-awesome": "^3.3.1",
     "vue-class-component": "^6.3.2",
     "vue-json-editor": "^1.2.3",
     "vue-property-decorator": "^7.3.0",
     "vue-resize-split-pane": "^0.1.3",
+    "vue-virtual-scroll-list": "^1.3.0",
     "vuex": "^3.1.0",
     "vuex-class": "^0.3.1"
   },
   "devDependencies": {
-    "@types/jest": "^23.3.13",
+    "@types/jest": "^24.0.0",
     "@types/lodash": "^4.14.120",
     "@vue/cli-plugin-babel": "3.4.0",
     "@vue/cli-plugin-typescript": "3.4.0",
     "@vue/cli-plugin-unit-jest": "3.4.0",
     "@vue/cli-service": "3.4.0",
     "@vue/test-utils": "^1.0.0-beta.29",
     "babel-core": "^7.0.0-bridge.0",
-    "electron": "^4.0.2",
+    "electron": "^4.0.4",
     "element-theme-dark": "^1.0.2",
     "pug": "^2.0.3",
     "pug-plain-loader": "^1.0.0",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.2",
     "ts-jest": "^23.10.5",
-    "typescript": "^3.3.1",
+    "typescript": "^3.3.3",
     "vue-cli-plugin-electron-builder": "github:nklayman/vue-cli-plugin-electron-builder",
     "vue-cli-plugin-element": "^1.0.1",
-    "vue-template-compiler": "^2.5.22"
+    "vue-template-compiler": "^2.6.4"
   },
   "keywords": [
     "element-ui",

package.json

@@ -48,10 +48,14 @@
   *::-webkit-scrollbar
     width 5px
     background transparent
-
+    height 8px
+    z-index 1000
   *::-webkit-scrollbar-thumb
     background #484d54
     border-radius 2px
+  *::-webkit-scrollbar-corner
+    height 0px
+    background transparent
 
   html, body
     height 100%

src/App.vue

@@ -75,6 +75,7 @@
     bottom 0
     background #121820
     z-index 1000
+    margin-left 2px
 
   .filter-result
     display flex

src/components/RecordFooter.vue

@@ -8,18 +8,26 @@
       @row-dblclick="showEditModal"
       tooltip-effect="light"
       @selection-change="handleRowSelection"
+      :height="'100%'"
       )
       el-table-column(type="selection" width="50")
       el-table-column(type="index")
       el-table-column(:prop="keys.hashKey" :show-overflow-tooltip="true")
         template(slot="header" slot-scope="slot" )
           span {{keys.hashKey}}
           i(class="el-icon-warning key")
-      el-table-column(:prop="keys.rangeKey" :show-overflow-tooltip="true" :label="keys.rangeKey" v-if="keys.rangeKey")
+      el-table-column(:prop="keys.rangeKey" :show-overflow-tooltip="true" v-if="keys.rangeKey")
         template(slot="header" slot-scope="slot")
           span {{keys.rangeKey}}
           i(class="el-icon-warning key")
-      el-table-column(v-for="(header, index) of header" :show-overflow-tooltip="true" :prop="header" :label="header" title="Something" :key="index" v-if="hideHashKey(header)")
+      el-table-column(
+        v-for="(header, index) of header"
+        :show-overflow-tooltip="true"
+        :prop="header"
+        :label="header"
+        :key="index"
+        v-if="hideHashKey(header)"
+      )
       el-table-column(fixed="right" width="50")
         template(slot="header" slot-scope="slot")
           .delete-selected
@@ -74,12 +82,13 @@
     cursor pointer
 
   .delete-selected i
-    font-size 1.8em
+    font-size 1.6em
 
   .el-table
     width 100%
     font-size .9em
     color #eee
+    padding-bottom 50px
 
   .table
     width 98%

src/components/RecordList.vue

@@ -83,13 +83,11 @@ function extractKeys(state: RecordModuleState, schema: any) {
 function setHeader(state: RecordModuleState) {
   const extractData = state.data;
   state.header = [];
-  const keyArray: any = [];
   for (const row of extractData) {
     // tslint:disable-next-line:forin
     for (const key in row) {
-      if (!keyArray.includes(key)) {
+      if (!state.header.includes(key)) {
         state.header.push(key);
-        keyArray.push(key);
       }
       if (typeof row[key] === 'object') {
         row[key] = JSON.stringify(row[key]);