Merge pull request #29 from Arattian/dev-feature

Relese 3.2.6

Author: Arattian

README.md

@@ -4,11 +4,11 @@
 
 [![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)
 

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]);