Added send from alias address creator

vlad-tim · Dec 20, 2020 · f782a39 · f782a39
1 parent 47f7ada
commit f782a39
Show file tree

Hide file tree

Showing 31 changed files with 2,199 additions and 1,925 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -2,6 +2,6 @@
   "printWidth": 100,
   "singleQuote": true,
   "tabWidth": 2,
-  "trailingComma": "es5",
-  "semi": false
+  "semi": false,
+  "arrowParens": "avoid"
 }
diff --git a/composer.lock b/composer.lock
diff --git a/config/version.yml b/config/version.yml
@@ -5,9 +5,9 @@ current:
   major: 0
   minor: 6
   patch: 1
-  prerelease: ''
+  prerelease: 1-g47f7ada
   buildmetadata: ''
-  commit: f1d596
+  commit: 47f7ad
   timestamp:
     year: 2020
     month: 10

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,17 +11,17 @@
         "format": "prettier --write 'resources/**/*.{css,js,vue}'"
     },
     "dependencies": {
-        "axios": "^0.19",
-        "cross-env": "^7.0",
-        "dayjs": "^1.9.6",
+        "autoprefixer": "^9.8.6",
+        "axios": "^0.21.0",
+        "cross-env": "^7.0.3",
+        "dayjs": "^1.9.7",
         "laravel-mix": "^5.0.9",
         "lodash": "^4.17.20",
         "portal-vue": "^2.1.7",
-        "postcss-import": "^11.1.0",
-        "postcss-nesting": "^5.0.0",
+        "postcss": "^7.0.35",
         "resolve-url-loader": "^3.1.2",
-        "tailwindcss": "^1.9.5",
-        "tippy.js": "^4.3.5",
+        "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.2",
+        "tippy.js": "^6.2.7",
         "v-clipboard": "^2.2.3",
         "vue": "^2.6.12",
         "vue-good-table": "^2.21.1",
@@ -31,9 +31,9 @@
         "vuedraggable": "^2.24.2"
     },
     "devDependencies": {
-        "husky": "^2.7.0",
-        "lint-staged": "^8.2.1",
-        "prettier": "1.16.4"
+        "husky": "^4.3.6",
+        "lint-staged": "^10.5.3",
+        "prettier": "2.2.1"
     },
     "husky": {
         "hooks": {
@@ -42,12 +42,10 @@
     },
     "lint-staged": {
         "*.{css,js,vue}": [
-            "npm run format --",
-            "git add"
+            "npm run format --"
         ],
         "*.php": [
-            "composer format",
-            "git add"
+            "composer format"
         ]
     }
 }
diff --git a/resources/css/app.css b/resources/css/app.css
@@ -256,7 +256,7 @@ table.vgt-table tr.clickable:hover {
 }
 
 .vgt-wrap__footer .footer__navigation__page-btn {
-  @apply no-underline text-grey-500 font-bold whitespace-no-wrap;
+  @apply no-underline text-grey-500 font-bold whitespace-nowrap;
 }
 
 .vgt-wrap__footer .footer__navigation__page-btn:focus {

diff --git a/resources/js/components/Icon.vue b/resources/js/components/Icon.vue
@@ -264,6 +264,21 @@
     <line x1="3" y1="6" x2="21" y2="6"></line>
     <line x1="3" y1="18" x2="21" y2="18"></line>
   </svg>
+  <svg
+    v-else-if="name === 'more'"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true"
+  >
+    <circle cx="12" cy="12" r="1"></circle>
+    <circle cx="12" cy="5" r="1"></circle>
+    <circle cx="12" cy="19" r="1"></circle>
+  </svg>
 </template>
 
 <script>

diff --git a/resources/js/components/Loader.vue b/resources/js/components/Loader.vue
@@ -8,7 +8,7 @@
       x="0px"
       y="0px"
       viewBox="0 0 50 50"
-      style="enable-background:new 0 0 50 50;"
+      style="enable-background: new 0 0 50 50"
       xml:space="preserve"
     >
       <path

diff --git a/resources/js/components/Modal.vue b/resources/js/components/Modal.vue
@@ -79,7 +79,7 @@ export default {
   },
   watch: {
     open: {
-      handler: function(newValue) {
+      handler: function (newValue) {
         if (newValue) {
           this.show()
         } else {

diff --git a/resources/js/components/MoreOptions.vue b/resources/js/components/MoreOptions.vue
@@ -0,0 +1,65 @@
+<template>
+  <div class="relative flex justify-end items-center" @keydown.escape="isOpen = false">
+    <button
+      ref="openOptions"
+      @click="isOpen = !isOpen"
+      :aria-expanded="isOpen"
+      id="project-options-menu-0"
+      aria-has-popup="true"
+      type="button"
+      class="w-8 h-8 bg-white inline-flex items-center justify-center text-grey-400 rounded-full hover:text-grey-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500"
+    >
+      <span class="sr-only">Open options</span>
+
+      <icon
+        name="more"
+        class="block w-6 h-6 text-grey-300 fill-current cursor-pointer outline-none"
+        aria-hidden="true"
+      />
+    </button>
+
+    <transition
+      enter-active-class="transition ease-out duration-100"
+      enter-class="transform opacity-0 scale-95"
+      enter-to-class="transform opacity-100 scale-100"
+      leave-active-class="transition ease-in duration-75"
+      leave-class="transform opacity-100 scale-100"
+      leave-to-class="transform opacity-0 scale-95"
+    >
+      <div
+        v-show="isOpen"
+        class="mx-3 origin-top-right absolute right-7 top-0 w-48 mt-1 rounded-md shadow-lg z-10 bg-white ring-1 ring-black ring-opacity-5 divide-y divide-grey-200"
+        role="menu"
+        aria-orientation="vertical"
+        aria-labelledby="project-options-menu-0"
+      >
+        <slot></slot>
+      </div>
+    </transition>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      isOpen: false,
+    }
+  },
+  created() {
+    window.addEventListener('click', this.close)
+  },
+
+  beforeDestroy() {
+    window.removeEventListener('click', this.close)
+  },
+
+  methods: {
+    close(e) {
+      if (!this.$refs.openOptions.contains(e.target)) {
+        this.isOpen = false
+      }
+    },
+  },
+}
+</script>
diff --git a/resources/js/components/Toggle.vue b/resources/js/components/Toggle.vue
@@ -1,21 +1,44 @@
 <template>
-  <span
-    class="relative outline-none cursor-pointer h-6 w-12 rounded-full"
+  <button
     @click="toggle"
-    role="checkbox"
-    :aria-checked="value.toString()"
-    tabindex="0"
-    @keydown.space.prevent="toggle"
+    type="button"
+    :aria-pressed="value.toString()"
+    :class="this.value ? 'bg-cyan-500' : 'bg-grey-300'"
+    class="relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none"
   >
+    <span class="sr-only">Use setting</span>
     <span
-      class="toggle-background inline-block rounded-full h-full w-full shadow-inner"
-      :class="this.value ? 'bg-cyan-500' : 'bg-grey-300'"
-    ></span>
-    <span
-      class="toggle-indicator absolute bg-white rounded-full shadow w-4 h-4"
-      :style="indicatorStyles"
-    ></span>
-  </span>
+      :class="this.value ? 'translate-x-5' : 'translate-x-0'"
+      class="relative inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"
+    >
+      <span
+        :class="this.value ? 'opacity-0 ease-out duration-100' : 'opacity-100 ease-in duration-200'"
+        class="absolute inset-0 h-full w-full flex items-center justify-center transition-opacity"
+        aria-hidden="true"
+      >
+        <svg class="h-3 w-3 text-grey-400" fill="none" viewBox="0 0 12 12">
+          <path
+            d="M4 8l2-2m0 0l2-2M6 6L4 4m2 2l2 2"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+      </span>
+      <span
+        :class="this.value ? 'opacity-100 ease-in duration-200' : 'opacity-0 ease-out duration-100'"
+        class="absolute inset-0 h-full w-full flex items-center justify-center transition-opacity"
+        aria-hidden="true"
+      >
+        <svg class="h-3 w-3 text-cyan-500" fill="currentColor" viewBox="0 0 12 12">
+          <path
+            d="M3.707 5.293a1 1 0 00-1.414 1.414l1.414-1.414zM5 8l-.707.707a1 1 0 001.414 0L5 8zm4.707-3.293a1 1 0 00-1.414-1.414l1.414 1.414zm-7.414 2l2 2 1.414-1.414-2-2-1.414 1.414zm3.414 2l4-4-1.414-1.414-4 4 1.414 1.414z"
+          />
+        </svg>
+      </span>
+    </span>
+  </button>
 </template>
 
 <script>
@@ -27,22 +50,5 @@ export default {
       this.value ? this.$emit('off') : this.$emit('on')
     },
   },
-  computed: {
-    indicatorStyles() {
-      return { transform: this.value ? 'translateX(1.5rem)' : 'translateX(0)' }
-    },
-  },
 }
 </script>
-
-<style>
-.toggle-background {
-  transition: background-color 0.2s ease;
-}
-
-.toggle-indicator {
-  top: 0.25rem;
-  left: 0.25rem;
-  transition: transform 0.2s ease;
-}
-</style>
diff --git a/resources/js/components/WebauthnKeys.vue b/resources/js/components/WebauthnKeys.vue
@@ -1,9 +1,7 @@
 <template>
   <div>
     <div class="mt-6">
-      <h3 class="font-bold text-xl">
-        Device Authentication (U2F)
-      </h3>
+      <h3 class="font-bold text-xl">Device Authentication (U2F)</h3>
 
       <div class="my-4 w-24 border-b-2 border-grey-200"></div>
 
@@ -13,9 +11,7 @@
       </p>
 
       <div>
-        <p class="mb-0" v-if="keys.length === 0">
-          You have not registered any Webauthn Keys.
-        </p>
+        <p class="mb-0" v-if="keys.length === 0">You have not registered any Webauthn Keys.</p>
 
         <div class="table w-full text-sm md:text-base" v-if="keys.length > 0">
           <div class="table-row">

diff --git a/resources/js/components/passport/PersonalAccessTokens.vue b/resources/js/components/passport/PersonalAccessTokens.vue
@@ -1,8 +1,6 @@
 <template>
   <div>
-    <h3 class="font-bold text-xl">
-      Information
-    </h3>
+    <h3 class="font-bold text-xl">Information</h3>
 
     <div class="mt-4 w-24 border-b-2 border-grey-200"></div>
 
@@ -44,9 +42,7 @@
     </button>
 
     <div class="mt-6">
-      <h3 class="font-bold text-xl">
-        Personal Access Tokens
-      </h3>
+      <h3 class="font-bold text-xl">Personal Access Tokens</h3>
 
       <div class="my-4 w-24 border-b-2 border-grey-200"></div>
 
@@ -106,9 +102,7 @@
               </li>
             </ul>
           </div>
-          <label for="create-token-name" class="block text-grey-700 text-sm my-2">
-            Name:
-          </label>
+          <label for="create-token-name" class="block text-grey-700 text-sm my-2"> Name: </label>
           <input
             v-model="form.name"
             type="text"