style: reorder v-model and v-bind directives
Changes: - Move v-model directives before other attributes - Move v-bind directives before event handlers - Reorder attributes for better readability - Fix template attribute ordering across components - Improve eslint rules - add default vite config for testing (handles nostr error too) This follows Vue.js style guide recommendations for attribute ordering and improves template consistency.
This commit is contained in:
Matthew Raymer
33
.eslintrc.js
33
.eslintrc.js
@@ -5,30 +5,27 @@ module.exports = {
|
|||||||
es2022: true,
|
es2022: true,
|
||||||
},
|
},
|
||||||
extends: [
|
extends: [
|
||||||
"plugin:vue/vue3-essential",
|
"plugin:vue/vue3-recommended",
|
||||||
"eslint:recommended",
|
"eslint:recommended",
|
||||||
"@vue/typescript/recommended",
|
"@vue/typescript/recommended",
|
||||||
"plugin:prettier/recommended",
|
"plugin:prettier/recommended"
|
||||||
],
|
],
|
||||||
// parserOptions: {
|
// parserOptions: {
|
||||||
// ecmaVersion: 2020,
|
// ecmaVersion: 2020,
|
||||||
// },
|
// },
|
||||||
rules: {
|
rules: {
|
||||||
"max-len": [
|
"max-len": ["warn", {
|
||||||
"warn",
|
code: 100,
|
||||||
{
|
ignoreComments: true,
|
||||||
code: 120,
|
ignorePattern: '^\\s*class="[^"]*"$',
|
||||||
ignoreComments: true, // why does this not make it allow comment of any length?
|
ignoreStrings: true,
|
||||||
ignorePattern: '^\\s*class="[^"]*"$',
|
ignoreTemplateLiterals: true,
|
||||||
ignoreStrings: true,
|
ignoreUrls: true,
|
||||||
ignoreTemplateLiterals: true,
|
}],
|
||||||
ignoreTrailingComments: true,
|
"no-console": process.env.NODE_ENV === "production" ? "error" : "warn",
|
||||||
ignoreUrls: true,
|
"no-debugger": process.env.NODE_ENV === "production" ? "error" : "warn",
|
||||||
},
|
"@typescript-eslint/no-explicit-any": "warn",
|
||||||
],
|
"@typescript-eslint/explicit-function-return-type": "off",
|
||||||
"no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
|
"@typescript-eslint/no-unnecessary-type-constraint": "off"
|
||||||
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
|
|
||||||
// "prettier/prettier": ["warn", { printWidth: 120 }], // removes errors but adds thousands of warnings
|
|
||||||
"@typescript-eslint/no-unnecessary-type-constraint": "off",
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
45
package-lock.json
generated
45
package-lock.json
generated
@@ -69,7 +69,6 @@
|
|||||||
"simple-vue-camera": "^1.1.3",
|
"simple-vue-camera": "^1.1.3",
|
||||||
"three": "^0.156.1",
|
"three": "^0.156.1",
|
||||||
"ua-parser-js": "^1.0.37",
|
"ua-parser-js": "^1.0.37",
|
||||||
"util": "^0.12.5",
|
|
||||||
"vue": "^3.5.13",
|
"vue": "^3.5.13",
|
||||||
"vue-axios": "^3.5.2",
|
"vue-axios": "^3.5.2",
|
||||||
"vue-facing-decorator": "^3.0.4",
|
"vue-facing-decorator": "^3.0.4",
|
||||||
@@ -104,8 +103,10 @@
|
|||||||
"postcss": "^8.4.38",
|
"postcss": "^8.4.38",
|
||||||
"prettier": "^3.2.5",
|
"prettier": "^3.2.5",
|
||||||
"rimraf": "^6.0.1",
|
"rimraf": "^6.0.1",
|
||||||
|
"stream-browserify": "^3.0.0",
|
||||||
"tailwindcss": "^3.4.1",
|
"tailwindcss": "^3.4.1",
|
||||||
"typescript": "~5.2.2",
|
"typescript": "~5.2.2",
|
||||||
|
"util": "^0.12.5",
|
||||||
"vite": "^5.2.0",
|
"vite": "^5.2.0",
|
||||||
"vite-plugin-pwa": "^0.19.8"
|
"vite-plugin-pwa": "^0.19.8"
|
||||||
}
|
}
|
||||||
@@ -11454,6 +11455,7 @@
|
|||||||
"version": "1.0.7",
|
"version": "1.0.7",
|
||||||
"resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
|
"resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
|
||||||
"integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
|
"integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"possible-typed-array-names": "^1.0.0"
|
"possible-typed-array-names": "^1.0.0"
|
||||||
@@ -12344,6 +12346,7 @@
|
|||||||
"version": "1.0.8",
|
"version": "1.0.8",
|
||||||
"resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
|
"resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
|
||||||
"integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
|
"integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"call-bind-apply-helpers": "^1.0.0",
|
"call-bind-apply-helpers": "^1.0.0",
|
||||||
@@ -12375,6 +12378,7 @@
|
|||||||
"version": "1.0.3",
|
"version": "1.0.3",
|
||||||
"resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
|
||||||
"integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
|
"integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"call-bind-apply-helpers": "^1.0.1",
|
"call-bind-apply-helpers": "^1.0.1",
|
||||||
@@ -13803,6 +13807,7 @@
|
|||||||
"version": "1.1.4",
|
"version": "1.1.4",
|
||||||
"resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
|
"resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
|
||||||
"integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
|
"integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"es-define-property": "^1.0.0",
|
"es-define-property": "^1.0.0",
|
||||||
@@ -16122,6 +16127,7 @@
|
|||||||
"version": "0.3.5",
|
"version": "0.3.5",
|
||||||
"resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
|
"resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
|
||||||
"integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
|
"integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"is-callable": "^1.2.7"
|
"is-callable": "^1.2.7"
|
||||||
@@ -16720,6 +16726,7 @@
|
|||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
|
"resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
|
||||||
"integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
|
"integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"es-define-property": "^1.0.0"
|
"es-define-property": "^1.0.0"
|
||||||
@@ -17227,6 +17234,7 @@
|
|||||||
"version": "1.2.0",
|
"version": "1.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
|
||||||
"integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
|
"integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"call-bound": "^1.0.2",
|
"call-bound": "^1.0.2",
|
||||||
@@ -17343,6 +17351,7 @@
|
|||||||
"version": "1.2.7",
|
"version": "1.2.7",
|
||||||
"resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
|
"resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
|
||||||
"integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
|
"integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">= 0.4"
|
"node": ">= 0.4"
|
||||||
@@ -17480,6 +17489,7 @@
|
|||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz",
|
||||||
"integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==",
|
"integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"call-bound": "^1.0.3",
|
"call-bound": "^1.0.3",
|
||||||
@@ -17630,6 +17640,7 @@
|
|||||||
"version": "1.2.1",
|
"version": "1.2.1",
|
||||||
"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
|
"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
|
||||||
"integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
|
"integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"call-bound": "^1.0.2",
|
"call-bound": "^1.0.2",
|
||||||
@@ -17733,6 +17744,7 @@
|
|||||||
"version": "1.1.15",
|
"version": "1.1.15",
|
||||||
"resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
|
"resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
|
||||||
"integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
|
"integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"which-typed-array": "^1.1.16"
|
"which-typed-array": "^1.1.16"
|
||||||
@@ -21810,6 +21822,7 @@
|
|||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
|
||||||
"integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
|
"integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">= 0.4"
|
"node": ">= 0.4"
|
||||||
@@ -23684,6 +23697,7 @@
|
|||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
|
||||||
"integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
|
"integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"call-bound": "^1.0.2",
|
"call-bound": "^1.0.2",
|
||||||
@@ -24071,6 +24085,7 @@
|
|||||||
"version": "1.2.2",
|
"version": "1.2.2",
|
||||||
"resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
|
"resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
|
||||||
"integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
|
"integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"define-data-property": "^1.1.4",
|
"define-data-property": "^1.1.4",
|
||||||
@@ -24619,6 +24634,32 @@
|
|||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"optional": true
|
"optional": true
|
||||||
},
|
},
|
||||||
|
"node_modules/stream-browserify": {
|
||||||
|
"version": "3.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-3.0.0.tgz",
|
||||||
|
"integrity": "sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"inherits": "~2.0.4",
|
||||||
|
"readable-stream": "^3.5.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/stream-browserify/node_modules/readable-stream": {
|
||||||
|
"version": "3.6.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
|
||||||
|
"integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"inherits": "^2.0.3",
|
||||||
|
"string_decoder": "^1.1.1",
|
||||||
|
"util-deprecate": "^1.0.1"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 6"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/stream-buffers": {
|
"node_modules/stream-buffers": {
|
||||||
"version": "2.2.0",
|
"version": "2.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/stream-buffers/-/stream-buffers-2.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/stream-buffers/-/stream-buffers-2.2.0.tgz",
|
||||||
@@ -26196,6 +26237,7 @@
|
|||||||
"version": "0.12.5",
|
"version": "0.12.5",
|
||||||
"resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
|
"resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
|
||||||
"integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
|
"integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"inherits": "^2.0.3",
|
"inherits": "^2.0.3",
|
||||||
@@ -26805,6 +26847,7 @@
|
|||||||
"version": "1.1.18",
|
"version": "1.1.18",
|
||||||
"resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.18.tgz",
|
"resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.18.tgz",
|
||||||
"integrity": "sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==",
|
"integrity": "sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==",
|
||||||
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"available-typed-arrays": "^1.0.7",
|
"available-typed-arrays": "^1.0.7",
|
||||||
|
|||||||
@@ -91,9 +91,9 @@
|
|||||||
"reflect-metadata": "^0.1.14",
|
"reflect-metadata": "^0.1.14",
|
||||||
"register-service-worker": "^1.7.2",
|
"register-service-worker": "^1.7.2",
|
||||||
"simple-vue-camera": "^1.1.3",
|
"simple-vue-camera": "^1.1.3",
|
||||||
|
"stream-browserify": "^3.0.0",
|
||||||
"three": "^0.156.1",
|
"three": "^0.156.1",
|
||||||
"ua-parser-js": "^1.0.37",
|
"ua-parser-js": "^1.0.37",
|
||||||
"util": "^0.12.5",
|
|
||||||
"vue": "^3.5.13",
|
"vue": "^3.5.13",
|
||||||
"vue-axios": "^3.5.2",
|
"vue-axios": "^3.5.2",
|
||||||
"vue-facing-decorator": "^3.0.4",
|
"vue-facing-decorator": "^3.0.4",
|
||||||
|
|||||||
26
src/App.vue
26
src/App.vue
@@ -51,8 +51,8 @@
|
|||||||
<p class="text-sm">{{ truncateLongWords(notification.text) }}</p>
|
<p class="text-sm">{{ truncateLongWords(notification.text) }}</p>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="close(notification.id)"
|
|
||||||
class="absolute top-2 right-2 px-0.5 py-0 rounded-full bg-slate-200 text-slate-600"
|
class="absolute top-2 right-2 px-0.5 py-0 rounded-full bg-slate-200 text-slate-600"
|
||||||
|
@click="close(notification.id)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="xmark" class="fa-fw"></font-awesome>
|
<font-awesome icon="xmark" class="fa-fw"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
@@ -77,8 +77,8 @@
|
|||||||
<p class="text-sm">{{ truncateLongWords(notification.text) }}</p>
|
<p class="text-sm">{{ truncateLongWords(notification.text) }}</p>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="close(notification.id)"
|
|
||||||
class="absolute top-2 right-2 px-0.5 py-0 rounded-full bg-emerald-200 text-emerald-600"
|
class="absolute top-2 right-2 px-0.5 py-0 rounded-full bg-emerald-200 text-emerald-600"
|
||||||
|
@click="close(notification.id)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="xmark" class="fa-fw"></font-awesome>
|
<font-awesome icon="xmark" class="fa-fw"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
@@ -103,8 +103,8 @@
|
|||||||
<p class="text-sm">{{ truncateLongWords(notification.text) }}</p>
|
<p class="text-sm">{{ truncateLongWords(notification.text) }}</p>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="close(notification.id)"
|
|
||||||
class="absolute top-2 right-2 px-0.5 py-0 rounded-full bg-amber-200 text-amber-600"
|
class="absolute top-2 right-2 px-0.5 py-0 rounded-full bg-amber-200 text-amber-600"
|
||||||
|
@click="close(notification.id)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="xmark" class="fa-fw"></font-awesome>
|
<font-awesome icon="xmark" class="fa-fw"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
@@ -129,8 +129,8 @@
|
|||||||
<p class="text-sm">{{ truncateLongWords(notification.text) }}</p>
|
<p class="text-sm">{{ truncateLongWords(notification.text) }}</p>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="close(notification.id)"
|
|
||||||
class="absolute top-2 right-2 px-0.5 py-0 rounded-full bg-rose-200 text-rose-600"
|
class="absolute top-2 right-2 px-0.5 py-0 rounded-full bg-rose-200 text-rose-600"
|
||||||
|
@click="close(notification.id)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="xmark" class="fa-fw"></font-awesome>
|
<font-awesome icon="xmark" class="fa-fw"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
@@ -186,11 +186,11 @@
|
|||||||
|
|
||||||
<button
|
<button
|
||||||
v-if="notification.onYes"
|
v-if="notification.onYes"
|
||||||
|
class="block w-full text-center text-md font-bold uppercase bg-blue-600 text-white px-2 py-2 rounded-md mb-2"
|
||||||
@click="
|
@click="
|
||||||
notification.onYes();
|
notification.onYes();
|
||||||
close(notification.id);
|
close(notification.id);
|
||||||
"
|
"
|
||||||
class="block w-full text-center text-md font-bold uppercase bg-blue-600 text-white px-2 py-2 rounded-md mb-2"
|
|
||||||
>
|
>
|
||||||
Yes{{
|
Yes{{
|
||||||
notification.yesText ? ", " + notification.yesText : ""
|
notification.yesText ? ", " + notification.yesText : ""
|
||||||
@@ -199,12 +199,12 @@
|
|||||||
|
|
||||||
<button
|
<button
|
||||||
v-if="notification.onNo"
|
v-if="notification.onNo"
|
||||||
|
class="block w-full text-center text-md font-bold uppercase bg-yellow-600 text-white px-2 py-2 rounded-md mb-2"
|
||||||
@click="
|
@click="
|
||||||
notification.onNo(stopAsking);
|
notification.onNo(stopAsking);
|
||||||
close(notification.id);
|
close(notification.id);
|
||||||
stopAsking = false; // reset value
|
stopAsking = false; // reset value
|
||||||
"
|
"
|
||||||
class="block w-full text-center text-md font-bold uppercase bg-yellow-600 text-white px-2 py-2 rounded-md mb-2"
|
|
||||||
>
|
>
|
||||||
No{{ notification.noText ? ", " + notification.noText : "" }}
|
No{{ notification.noText ? ", " + notification.noText : "" }}
|
||||||
</button>
|
</button>
|
||||||
@@ -221,8 +221,8 @@
|
|||||||
<div class="relative ml-2">
|
<div class="relative ml-2">
|
||||||
<!-- input -->
|
<!-- input -->
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
|
||||||
v-model="stopAsking"
|
v-model="stopAsking"
|
||||||
|
type="checkbox"
|
||||||
name="stopAsking"
|
name="stopAsking"
|
||||||
class="sr-only"
|
class="sr-only"
|
||||||
/>
|
/>
|
||||||
@@ -236,6 +236,7 @@
|
|||||||
</label>
|
</label>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
|
class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white px-2 py-2 rounded-md"
|
||||||
@click="
|
@click="
|
||||||
notification.onCancel
|
notification.onCancel
|
||||||
? notification.onCancel(stopAsking)
|
? notification.onCancel(stopAsking)
|
||||||
@@ -243,7 +244,6 @@
|
|||||||
close(notification.id);
|
close(notification.id);
|
||||||
stopAsking = false; // reset value for next time they open this modal
|
stopAsking = false; // reset value for next time they open this modal
|
||||||
"
|
"
|
||||||
class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white px-2 py-2 rounded-md"
|
|
||||||
>
|
>
|
||||||
{{ notification.onYes ? "Cancel" : "Close" }}
|
{{ notification.onYes ? "Cancel" : "Close" }}
|
||||||
</button>
|
</button>
|
||||||
@@ -282,8 +282,8 @@
|
|||||||
Until I turn it back on
|
Until I turn it back on
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
@click="close(notification.id)"
|
|
||||||
class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white px-2 py-2 rounded-md"
|
class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white px-2 py-2 rounded-md"
|
||||||
|
@click="close(notification.id)"
|
||||||
>
|
>
|
||||||
Cancel
|
Cancel
|
||||||
</button>
|
</button>
|
||||||
@@ -304,17 +304,17 @@
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
|
class="block w-full text-center text-md font-bold uppercase bg-rose-600 text-white px-2 py-2 rounded-md mb-2"
|
||||||
@click="
|
@click="
|
||||||
close(notification.id);
|
close(notification.id);
|
||||||
turnOffNotifications(notification);
|
turnOffNotifications(notification);
|
||||||
"
|
"
|
||||||
class="block w-full text-center text-md font-bold uppercase bg-rose-600 text-white px-2 py-2 rounded-md mb-2"
|
|
||||||
>
|
>
|
||||||
Turn Off Notification
|
Turn Off Notification
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
@click="close(notification.id)"
|
|
||||||
class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white px-2 py-2 rounded-md"
|
class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white px-2 py-2 rounded-md"
|
||||||
|
@click="close(notification.id)"
|
||||||
>
|
>
|
||||||
Leave it On
|
Leave it On
|
||||||
</button>
|
</button>
|
||||||
@@ -327,8 +327,6 @@
|
|||||||
</NotificationGroup>
|
</NotificationGroup>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style></style>
|
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { Vue, Component } from "vue-facing-decorator";
|
import { Vue, Component } from "vue-facing-decorator";
|
||||||
import { logConsoleAndDb, retrieveSettingsForActiveAccount } from "./db/index";
|
import { logConsoleAndDb, retrieveSettingsForActiveAccount } from "./db/index";
|
||||||
@@ -538,3 +536,5 @@ export default class App extends Vue {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style></style>
|
||||||
|
|||||||
@@ -29,29 +29,29 @@
|
|||||||
<p class="text-sm mb-2">{{ text }}</p>
|
<p class="text-sm mb-2">{{ text }}</p>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="handleOption1(close)"
|
|
||||||
class="block w-full text-center text-md font-bold capitalize bg-blue-800 text-white px-2 py-2 rounded-md mb-2"
|
class="block w-full text-center text-md font-bold capitalize bg-blue-800 text-white px-2 py-2 rounded-md mb-2"
|
||||||
|
@click="handleOption1(close)"
|
||||||
>
|
>
|
||||||
{{ option1Text }}
|
{{ option1Text }}
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="handleOption2(close)"
|
|
||||||
class="block w-full text-center text-md font-bold capitalize bg-blue-700 text-white px-2 py-2 rounded-md mb-2"
|
class="block w-full text-center text-md font-bold capitalize bg-blue-700 text-white px-2 py-2 rounded-md mb-2"
|
||||||
|
@click="handleOption2(close)"
|
||||||
>
|
>
|
||||||
{{ option2Text }}
|
{{ option2Text }}
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="handleOption3(close)"
|
|
||||||
class="block w-full text-center text-md font-bold capitalize bg-blue-600 text-white px-2 py-2 rounded-md mb-2"
|
class="block w-full text-center text-md font-bold capitalize bg-blue-600 text-white px-2 py-2 rounded-md mb-2"
|
||||||
|
@click="handleOption3(close)"
|
||||||
>
|
>
|
||||||
{{ option3Text }}
|
{{ option3Text }}
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="handleCancel(close)"
|
|
||||||
class="block w-full text-center text-md font-bold capitalize bg-slate-600 text-white px-2 py-2 rounded-md"
|
class="block w-full text-center text-md font-bold capitalize bg-slate-600 text-white px-2 py-2 rounded-md"
|
||||||
|
@click="handleCancel(close)"
|
||||||
>
|
>
|
||||||
Cancel
|
Cancel
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -6,10 +6,10 @@
|
|||||||
{{ message }}
|
{{ message }}
|
||||||
Note that their name is only stored on this device.
|
Note that their name is only stored on this device.
|
||||||
<input
|
<input
|
||||||
|
v-model="newText"
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="Name"
|
placeholder="Name"
|
||||||
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
||||||
v-model="newText"
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div class="mt-8">
|
<div class="mt-8">
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div v-html="generateIcon()" class="w-fit"></div>
|
<div class="w-fit" v-html="generateIcon()"></div>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { createAvatar, StyleOptions } from "@dicebear/core";
|
import { createAvatar, StyleOptions } from "@dicebear/core";
|
||||||
|
|||||||
@@ -16,8 +16,8 @@
|
|||||||
<div class="relative ml-2">
|
<div class="relative ml-2">
|
||||||
<!-- input -->
|
<!-- input -->
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
|
||||||
v-model="hasVisibleDid"
|
v-model="hasVisibleDid"
|
||||||
|
type="checkbox"
|
||||||
name="toggleFilterFromMyContacts"
|
name="toggleFilterFromMyContacts"
|
||||||
class="sr-only"
|
class="sr-only"
|
||||||
/>
|
/>
|
||||||
@@ -46,8 +46,8 @@
|
|||||||
<div v-if="hasSearchBox" class="relative ml-2">
|
<div v-if="hasSearchBox" class="relative ml-2">
|
||||||
<!-- input -->
|
<!-- input -->
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
|
||||||
v-model="isNearby"
|
v-model="isNearby"
|
||||||
|
type="checkbox"
|
||||||
name="toggleFilterNearby"
|
name="toggleFilterNearby"
|
||||||
class="sr-only"
|
class="sr-only"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -5,10 +5,10 @@
|
|||||||
{{ customTitle }}
|
{{ customTitle }}
|
||||||
</h1>
|
</h1>
|
||||||
<input
|
<input
|
||||||
|
v-model="description"
|
||||||
type="text"
|
type="text"
|
||||||
class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
|
class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
|
||||||
:placeholder="prompt || 'What was given?'"
|
:placeholder="prompt || 'What was given?'"
|
||||||
v-model="description"
|
|
||||||
/>
|
/>
|
||||||
<div class="flex flex-row justify-center">
|
<div class="flex flex-row justify-center">
|
||||||
<span
|
<span
|
||||||
@@ -25,9 +25,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<input
|
<input
|
||||||
id="inputGivenAmount"
|
id="inputGivenAmount"
|
||||||
|
v-model="amountInput"
|
||||||
type="number"
|
type="number"
|
||||||
class="border border-r-0 border-slate-400 px-2 py-2 text-center w-20"
|
class="border border-r-0 border-slate-400 px-2 py-2 text-center w-20"
|
||||||
v-model="amountInput"
|
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
class="rounded-r border border-slate-400 bg-slate-200 px-4 py-2"
|
class="rounded-r border border-slate-400 bg-slate-200 px-4 py-2"
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<div class="flex justify-between items-center mb-4">
|
<div class="flex justify-between items-center mb-4">
|
||||||
<h2 class="text-xl font-bold capitalize">{{ roleName }} Details</h2>
|
<h2 class="text-xl font-bold capitalize">{{ roleName }} Details</h2>
|
||||||
<button @click="close" class="text-gray-500 hover:text-gray-700">
|
<button class="text-gray-500 hover:text-gray-700" @click="close">
|
||||||
<font-awesome icon="times" />
|
<font-awesome icon="times" />
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -69,7 +69,7 @@
|
|||||||
<div class="mt-4">
|
<div class="mt-4">
|
||||||
<span v-if="canShare">
|
<span v-if="canShare">
|
||||||
If you'd like an introduction,
|
If you'd like an introduction,
|
||||||
<a @click="onClickShareClaim()" class="text-blue-500"
|
<a class="text-blue-500" @click="onClickShareClaim()"
|
||||||
>click here to share the information with them and ask if they'll
|
>click here to share the information with them and ask if they'll
|
||||||
tell you more about the {{ roleName }}.</a
|
tell you more about the {{ roleName }}.</a
|
||||||
>
|
>
|
||||||
@@ -77,8 +77,8 @@
|
|||||||
<span v-else>
|
<span v-else>
|
||||||
If you'd like an introduction,
|
If you'd like an introduction,
|
||||||
<a
|
<a
|
||||||
@click="copyToClipboard('A link to this page', windowLocation)"
|
|
||||||
class="text-blue-500"
|
class="text-blue-500"
|
||||||
|
@click="copyToClipboard('A link to this page', windowLocation)"
|
||||||
>click here to copy this page, paste it into a message, and ask if
|
>click here to copy this page, paste it into a message, and ask if
|
||||||
they'll tell you more about the {{ roleName }}.</a
|
they'll tell you more about the {{ roleName }}.</a
|
||||||
>
|
>
|
||||||
@@ -89,8 +89,8 @@
|
|||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<div class="flex justify-end">
|
<div class="flex justify-end">
|
||||||
<button
|
<button
|
||||||
@click="close"
|
|
||||||
class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"
|
class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"
|
||||||
|
@click="close"
|
||||||
>
|
>
|
||||||
Close
|
Close
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -31,7 +31,7 @@
|
|||||||
<div class="mt-4">
|
<div class="mt-4">
|
||||||
<span class="mt-2">
|
<span class="mt-2">
|
||||||
... or paste a URL:
|
... or paste a URL:
|
||||||
<input type="text" v-model="imageUrl" class="border-2" />
|
<input v-model="imageUrl" type="text" class="border-2" />
|
||||||
</span>
|
</span>
|
||||||
<span class="ml-2">
|
<span class="ml-2">
|
||||||
<font-awesome
|
<font-awesome
|
||||||
|
|||||||
@@ -27,8 +27,8 @@
|
|||||||
<img
|
<img
|
||||||
:src="imageUrl"
|
:src="imageUrl"
|
||||||
class="max-h-[calc(100vh-5rem)] w-full h-full object-contain"
|
class="max-h-[calc(100vh-5rem)] w-full h-full object-contain"
|
||||||
@click.stop
|
|
||||||
alt="expanded shared content"
|
alt="expanded shared content"
|
||||||
|
@click.stop
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -8,18 +8,18 @@
|
|||||||
If you want to store your own way, the invitation ID is:
|
If you want to store your own way, the invitation ID is:
|
||||||
{{ inviteIdentifier }}
|
{{ inviteIdentifier }}
|
||||||
<input
|
<input
|
||||||
|
v-model="text"
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="Notes"
|
placeholder="Notes"
|
||||||
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
||||||
v-model="text"
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<!-- Add date selection element -->
|
<!-- Add date selection element -->
|
||||||
Expiration
|
Expiration
|
||||||
<input
|
<input
|
||||||
|
v-model="expiresAt"
|
||||||
type="date"
|
type="date"
|
||||||
class="block rounded border border-slate-400 mb-4 px-3 py-2"
|
class="block rounded border border-slate-400 mb-4 px-3 py-2"
|
||||||
v-model="expiresAt"
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div class="mt-8">
|
<div class="mt-8">
|
||||||
|
|||||||
@@ -63,9 +63,9 @@
|
|||||||
<div class="flex justify-center">
|
<div class="flex justify-center">
|
||||||
<!-- always have at least one refresh button even without members in case the organizer changes the password -->
|
<!-- always have at least one refresh button even without members in case the organizer changes the password -->
|
||||||
<button
|
<button
|
||||||
@click="fetchMembers"
|
|
||||||
class="w-8 h-8 flex items-center justify-center rounded-full bg-blue-100 text-blue-600 hover:bg-blue-200 hover:text-blue-800 transition-colors"
|
class="w-8 h-8 flex items-center justify-center rounded-full bg-blue-100 text-blue-600 hover:bg-blue-200 hover:text-blue-800 transition-colors"
|
||||||
title="Refresh members list"
|
title="Refresh members list"
|
||||||
|
@click="fetchMembers"
|
||||||
>
|
>
|
||||||
<font-awesome icon="rotate" :class="{ 'fa-spin': isLoading }" />
|
<font-awesome icon="rotate" :class="{ 'fa-spin': isLoading }" />
|
||||||
</button>
|
</button>
|
||||||
@@ -83,22 +83,22 @@
|
|||||||
class="flex justify-end"
|
class="flex justify-end"
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
@click="addAsContact(member)"
|
|
||||||
class="ml-2 w-8 h-8 flex items-center justify-center rounded-full bg-green-100 text-green-600 hover:bg-green-200 hover:text-green-800 transition-colors"
|
class="ml-2 w-8 h-8 flex items-center justify-center rounded-full bg-green-100 text-green-600 hover:bg-green-200 hover:text-green-800 transition-colors"
|
||||||
title="Add as contact"
|
title="Add as contact"
|
||||||
|
@click="addAsContact(member)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="circle-user" class="text-xl" />
|
<font-awesome icon="circle-user" class="text-xl" />
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
v-if="member.did !== activeDid"
|
v-if="member.did !== activeDid"
|
||||||
|
class="ml-2 mb-2 w-6 h-6 flex items-center justify-center rounded-full bg-slate-100 text-slate-500 hover:bg-slate-200 hover:text-slate-800 transition-colors"
|
||||||
|
title="Contact info"
|
||||||
@click="
|
@click="
|
||||||
informAboutAddingContact(
|
informAboutAddingContact(
|
||||||
getContactFor(member.did) !== undefined,
|
getContactFor(member.did) !== undefined,
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
class="ml-2 mb-2 w-6 h-6 flex items-center justify-center rounded-full bg-slate-100 text-slate-500 hover:bg-slate-200 hover:text-slate-800 transition-colors"
|
|
||||||
title="Contact info"
|
|
||||||
>
|
>
|
||||||
<font-awesome icon="circle-info" class="text-base" />
|
<font-awesome icon="circle-info" class="text-base" />
|
||||||
</button>
|
</button>
|
||||||
@@ -111,11 +111,11 @@
|
|||||||
class="flex items-center"
|
class="flex items-center"
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
@click="checkWhetherContactBeforeAdmitting(member)"
|
|
||||||
class="mr-2 w-6 h-6 flex items-center justify-center rounded-full bg-blue-100 text-blue-600 hover:bg-blue-200 hover:text-blue-800 transition-colors"
|
class="mr-2 w-6 h-6 flex items-center justify-center rounded-full bg-blue-100 text-blue-600 hover:bg-blue-200 hover:text-blue-800 transition-colors"
|
||||||
:title="
|
:title="
|
||||||
member.member.admitted ? 'Remove member' : 'Admit member'
|
member.member.admitted ? 'Remove member' : 'Admit member'
|
||||||
"
|
"
|
||||||
|
@click="checkWhetherContactBeforeAdmitting(member)"
|
||||||
>
|
>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
:icon="member.member.admitted ? 'minus' : 'plus'"
|
:icon="member.member.admitted ? 'minus' : 'plus'"
|
||||||
@@ -123,9 +123,9 @@
|
|||||||
/>
|
/>
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
@click="informAboutAdmission()"
|
|
||||||
class="mr-2 mb-2 w-6 h-6 flex items-center justify-center rounded-full bg-slate-100 text-slate-500 hover:bg-slate-200 hover:text-slate-800 transition-colors"
|
class="mr-2 mb-2 w-6 h-6 flex items-center justify-center rounded-full bg-slate-100 text-slate-500 hover:bg-slate-200 hover:text-slate-800 transition-colors"
|
||||||
title="Admission info"
|
title="Admission info"
|
||||||
|
@click="informAboutAdmission()"
|
||||||
>
|
>
|
||||||
<font-awesome icon="circle-info" class="text-base" />
|
<font-awesome icon="circle-info" class="text-base" />
|
||||||
</button>
|
</button>
|
||||||
@@ -138,9 +138,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div v-if="membersToShow().length > 0" class="flex justify-center mt-4">
|
<div v-if="membersToShow().length > 0" class="flex justify-center mt-4">
|
||||||
<button
|
<button
|
||||||
@click="fetchMembers"
|
|
||||||
class="w-8 h-8 flex items-center justify-center rounded-full bg-blue-100 text-blue-600 hover:bg-blue-200 hover:text-blue-800 transition-colors"
|
class="w-8 h-8 flex items-center justify-center rounded-full bg-blue-100 text-blue-600 hover:bg-blue-200 hover:text-blue-800 transition-colors"
|
||||||
title="Refresh members list"
|
title="Refresh members list"
|
||||||
|
@click="fetchMembers"
|
||||||
>
|
>
|
||||||
<font-awesome icon="rotate" :class="{ 'fa-spin': isLoading }" />
|
<font-awesome icon="rotate" :class="{ 'fa-spin': isLoading }" />
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -3,11 +3,11 @@
|
|||||||
<div class="dialog">
|
<div class="dialog">
|
||||||
<h1 class="text-xl font-bold text-center mb-4">Offer Help</h1>
|
<h1 class="text-xl font-bold text-center mb-4">Offer Help</h1>
|
||||||
<input
|
<input
|
||||||
|
v-model="description"
|
||||||
type="text"
|
type="text"
|
||||||
data-testId="inputDescription"
|
data-testId="inputDescription"
|
||||||
class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
|
class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
|
||||||
placeholder="Description of what is offered"
|
placeholder="Description of what is offered"
|
||||||
v-model="description"
|
|
||||||
/>
|
/>
|
||||||
<div class="flex flex-row mt-2">
|
<div class="flex flex-row mt-2">
|
||||||
<span
|
<span
|
||||||
@@ -17,17 +17,17 @@
|
|||||||
{{ libsUtil.UNIT_SHORT[amountUnitCode] }}
|
{{ libsUtil.UNIT_SHORT[amountUnitCode] }}
|
||||||
</span>
|
</span>
|
||||||
<div
|
<div
|
||||||
|
v-if="amountInput !== '0'"
|
||||||
class="border border-r-0 border-slate-400 bg-slate-200 px-4 py-2"
|
class="border border-r-0 border-slate-400 bg-slate-200 px-4 py-2"
|
||||||
@click="decrement()"
|
@click="decrement()"
|
||||||
v-if="amountInput !== '0'"
|
|
||||||
>
|
>
|
||||||
<font-awesome icon="chevron-left" />
|
<font-awesome icon="chevron-left" />
|
||||||
</div>
|
</div>
|
||||||
<input
|
<input
|
||||||
|
v-model="amountInput"
|
||||||
data-testId="inputOfferAmount"
|
data-testId="inputOfferAmount"
|
||||||
type="number"
|
type="number"
|
||||||
class="w-full border border-r-0 border-slate-400 px-2 py-2 text-center"
|
class="w-full border border-r-0 border-slate-400 px-2 py-2 text-center"
|
||||||
v-model="amountInput"
|
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
class="rounded-r border border-slate-400 bg-slate-200 px-4 py-2"
|
class="rounded-r border border-slate-400 bg-slate-200 px-4 py-2"
|
||||||
|
|||||||
@@ -28,7 +28,7 @@
|
|||||||
<div v-else-if="blob">
|
<div v-else-if="blob">
|
||||||
<div v-if="crop">
|
<div v-if="crop">
|
||||||
<VuePictureCropper
|
<VuePictureCropper
|
||||||
:boxStyle="{
|
:box-style="{
|
||||||
backgroundColor: '#f8f8f8',
|
backgroundColor: '#f8f8f8',
|
||||||
margin: 'auto',
|
margin: 'auto',
|
||||||
}"
|
}"
|
||||||
@@ -56,8 +56,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="absolute bottom-[1rem] left-[1rem] px-2 py-1">
|
<div class="absolute bottom-[1rem] left-[1rem] px-2 py-1">
|
||||||
<button
|
<button
|
||||||
@click="uploadImage"
|
|
||||||
class="bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white py-1 px-2 rounded-md"
|
class="bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white py-1 px-2 rounded-md"
|
||||||
|
@click="uploadImage"
|
||||||
>
|
>
|
||||||
<span>Upload</span>
|
<span>Upload</span>
|
||||||
</button>
|
</button>
|
||||||
@@ -67,8 +67,8 @@
|
|||||||
class="absolute bottom-[1rem] right-[1rem] px-2 py-1"
|
class="absolute bottom-[1rem] right-[1rem] px-2 py-1"
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
@click="retryImage"
|
|
||||||
class="bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white py-1 px-2 rounded-md"
|
class="bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white py-1 px-2 rounded-md"
|
||||||
|
@click="retryImage"
|
||||||
>
|
>
|
||||||
<span>Retry</span>
|
<span>Retry</span>
|
||||||
</button>
|
</button>
|
||||||
@@ -81,17 +81,17 @@
|
|||||||
:resolution="{ width: 375, height: 812 }"
|
:resolution="{ width: 375, height: 812 }"
|
||||||
-->
|
-->
|
||||||
<camera
|
<camera
|
||||||
facingMode="environment"
|
|
||||||
autoplay
|
|
||||||
ref="camera"
|
ref="camera"
|
||||||
|
facing-mode="environment"
|
||||||
|
autoplay
|
||||||
@started="cameraStarted()"
|
@started="cameraStarted()"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="absolute portrait:bottom-0 portrait:left-0 portrait:right-0 portrait:pb-2 landscape:right-0 landscape:top-0 landscape:bottom-0 landscape:pr-4 flex landscape:flex-row justify-center items-center"
|
class="absolute portrait:bottom-0 portrait:left-0 portrait:right-0 portrait:pb-2 landscape:right-0 landscape:top-0 landscape:bottom-0 landscape:pr-4 flex landscape:flex-row justify-center items-center"
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
@click="takeImage()"
|
|
||||||
class="bg-blue-500 hover:bg-blue-700 text-white font-bold p-3 rounded-full text-2xl leading-none"
|
class="bg-blue-500 hover:bg-blue-700 text-white font-bold p-3 rounded-full text-2xl leading-none"
|
||||||
|
@click="takeImage()"
|
||||||
>
|
>
|
||||||
<font-awesome icon="camera" class="w-[1em]"></font-awesome>
|
<font-awesome icon="camera" class="w-[1em]"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
@@ -100,16 +100,16 @@
|
|||||||
class="absolute portrait:bottom-2 portrait:right-16 landscape:right-0 landscape:bottom-16 landscape:pr-4 flex justify-center items-center"
|
class="absolute portrait:bottom-2 portrait:right-16 landscape:right-0 landscape:bottom-16 landscape:pr-4 flex justify-center items-center"
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
@click="swapMirrorClass()"
|
|
||||||
class="bg-blue-500 hover:bg-blue-700 text-white font-bold p-3 rounded-full text-2xl leading-none"
|
class="bg-blue-500 hover:bg-blue-700 text-white font-bold p-3 rounded-full text-2xl leading-none"
|
||||||
|
@click="swapMirrorClass()"
|
||||||
>
|
>
|
||||||
<font-awesome icon="left-right" class="w-[1em]"></font-awesome>
|
<font-awesome icon="left-right" class="w-[1em]"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="numDevices > 1" class="absolute bottom-2 right-4">
|
<div v-if="numDevices > 1" class="absolute bottom-2 right-4">
|
||||||
<button
|
<button
|
||||||
@click="switchCamera()"
|
|
||||||
class="bg-blue-500 hover:bg-blue-700 text-white font-bold p-3 rounded-full text-2xl leading-none"
|
class="bg-blue-500 hover:bg-blue-700 text-white font-bold p-3 rounded-full text-2xl leading-none"
|
||||||
|
@click="switchCamera()"
|
||||||
>
|
>
|
||||||
<font-awesome icon="rotate" class="w-[1em]"></font-awesome>
|
<font-awesome icon="rotate" class="w-[1em]"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -5,12 +5,12 @@
|
|||||||
target="_blank"
|
target="_blank"
|
||||||
class="h-full w-full object-contain"
|
class="h-full w-full object-contain"
|
||||||
>
|
>
|
||||||
<div v-html="generateIdenticon()" class="h-full w-full object-contain" />
|
<div class="h-full w-full object-contain" v-html="generateIdenticon()" />
|
||||||
</a>
|
</a>
|
||||||
<div
|
<div
|
||||||
v-else
|
v-else
|
||||||
v-html="generateIdenticon()"
|
|
||||||
class="h-full w-full object-contain"
|
class="h-full w-full object-contain"
|
||||||
|
v-html="generateIdenticon()"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|||||||
@@ -54,16 +54,16 @@
|
|||||||
<span class="flex flex-row justify-center">
|
<span class="flex flex-row justify-center">
|
||||||
<span class="mt-2">... at: </span>
|
<span class="mt-2">... at: </span>
|
||||||
<input
|
<input
|
||||||
type="number"
|
|
||||||
@change="checkHourInput"
|
|
||||||
class="rounded-l border border-r-0 border-slate-400 ml-2 mt-2 px-2 py-2 text-center w-20"
|
|
||||||
v-model="hourInput"
|
v-model="hourInput"
|
||||||
|
type="number"
|
||||||
|
class="rounded-l border border-r-0 border-slate-400 ml-2 mt-2 px-2 py-2 text-center w-20"
|
||||||
|
@change="checkHourInput"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
type="number"
|
|
||||||
@change="checkMinuteInput"
|
|
||||||
class="border border-slate-400 mt-2 px-2 py-2 text-center w-20"
|
|
||||||
v-model="minuteInput"
|
v-model="minuteInput"
|
||||||
|
type="number"
|
||||||
|
class="border border-slate-400 mt-2 px-2 py-2 text-center w-20"
|
||||||
|
@change="checkMinuteInput"
|
||||||
/>
|
/>
|
||||||
<span
|
<span
|
||||||
class="rounded-r border border-slate-400 bg-slate-200 text-center text-blue-500 mt-2 px-2 py-2 w-20"
|
class="rounded-r border border-slate-400 bg-slate-200 text-center text-blue-500 mt-2 px-2 py-2 w-20"
|
||||||
@@ -88,8 +88,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="close()"
|
|
||||||
class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white mt-4 px-2 py-2 rounded-md"
|
class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white mt-4 px-2 py-2 rounded-md"
|
||||||
|
@click="close()"
|
||||||
>
|
>
|
||||||
No, Not Now
|
No, Not Now
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -6,10 +6,10 @@
|
|||||||
|
|
||||||
{{ sharingExplanation }}
|
{{ sharingExplanation }}
|
||||||
<input
|
<input
|
||||||
|
v-model="givenName"
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="Name"
|
placeholder="Name"
|
||||||
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
||||||
v-model="givenName"
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div class="mt-8">
|
<div class="mt-8">
|
||||||
|
|||||||
@@ -37,7 +37,7 @@ export function initializeApp() {
|
|||||||
const app = createApp(App);
|
const app = createApp(App);
|
||||||
console.log("[App Init] Vue app created");
|
console.log("[App Init] Vue app created");
|
||||||
|
|
||||||
app.component("font-awesome", FontAwesomeIcon).component("camera", Camera);
|
app.component("FontAwesome", FontAwesomeIcon).component("camera", Camera);
|
||||||
console.log("[App Init] Components registered");
|
console.log("[App Init] Components registered");
|
||||||
|
|
||||||
const pinia = createPinia();
|
const pinia = createPinia();
|
||||||
|
|||||||
@@ -56,13 +56,13 @@
|
|||||||
class="block w-full text-center text-md bg-amber-200 border border-dashed border-slate-400 px-1.5 py-2 rounded-md mb-2"
|
class="block w-full text-center text-md bg-amber-200 border border-dashed border-slate-400 px-1.5 py-2 rounded-md mb-2"
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
|
class="inline-block text-md uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md"
|
||||||
@click="
|
@click="
|
||||||
() =>
|
() =>
|
||||||
(this.$refs.userNameDialog as UserNameDialog).open(
|
($refs.userNameDialog as UserNameDialog).open(
|
||||||
(name) => (this.givenName = name),
|
(name) => (givenName = name),
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
class="inline-block text-md uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md"
|
|
||||||
>
|
>
|
||||||
Set Your Name
|
Set Your Name
|
||||||
</button>
|
</button>
|
||||||
@@ -72,14 +72,14 @@
|
|||||||
<span v-if="profileImageUrl" class="flex justify-between">
|
<span v-if="profileImageUrl" class="flex justify-between">
|
||||||
<EntityIcon
|
<EntityIcon
|
||||||
:icon-size="96"
|
:icon-size="96"
|
||||||
:profileImageUrl="profileImageUrl"
|
:profile-image-url="profileImageUrl"
|
||||||
class="inline-block align-text-bottom border border-slate-300 rounded"
|
class="inline-block align-text-bottom border border-slate-300 rounded"
|
||||||
@click="showLargeIdenticonUrl = profileImageUrl"
|
@click="showLargeIdenticonUrl = profileImageUrl"
|
||||||
/>
|
/>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
icon="trash-can"
|
icon="trash-can"
|
||||||
@click="confirmDeleteImage"
|
|
||||||
class="text-red-500 fa-fw ml-8 mt-8 w-12 h-12"
|
class="text-red-500 fa-fw ml-8 mt-8 w-12 h-12"
|
||||||
|
@click="confirmDeleteImage"
|
||||||
/>
|
/>
|
||||||
</span>
|
</span>
|
||||||
<div v-else class="text-center">
|
<div v-else class="text-center">
|
||||||
@@ -104,8 +104,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="flex justify-center">
|
<div class="flex justify-center">
|
||||||
<EntityIcon
|
<EntityIcon
|
||||||
:entityId="activeDid"
|
:entity-id="activeDid"
|
||||||
:iconSize="64"
|
:icon-size="64"
|
||||||
class="inline-block align-middle border border-slate-300 rounded-md mr-1"
|
class="inline-block align-middle border border-slate-300 rounded-md mr-1"
|
||||||
@click="showLargeIdenticonId = activeDid"
|
@click="showLargeIdenticonId = activeDid"
|
||||||
/>
|
/>
|
||||||
@@ -119,9 +119,9 @@
|
|||||||
class="absolute inset-0 h-screen flex flex-col items-center justify-center bg-slate-900/50"
|
class="absolute inset-0 h-screen flex flex-col items-center justify-center bg-slate-900/50"
|
||||||
>
|
>
|
||||||
<EntityIcon
|
<EntityIcon
|
||||||
:entityId="showLargeIdenticonId"
|
:entity-id="showLargeIdenticonId"
|
||||||
:iconSize="512"
|
:icon-size="512"
|
||||||
:profileImageUrl="showLargeIdenticonUrl"
|
:profile-image-url="showLargeIdenticonUrl"
|
||||||
class="flex w-11/12 max-w-sm mx-auto mb-3 overflow-hidden bg-white rounded-lg shadow-lg"
|
class="flex w-11/12 max-w-sm mx-auto mb-3 overflow-hidden bg-white rounded-lg shadow-lg"
|
||||||
@click="
|
@click="
|
||||||
showLargeIdenticonId = undefined;
|
showLargeIdenticonId = undefined;
|
||||||
@@ -138,10 +138,10 @@
|
|||||||
>
|
>
|
||||||
<code class="truncate">{{ activeDid }}</code>
|
<code class="truncate">{{ activeDid }}</code>
|
||||||
<button
|
<button
|
||||||
|
class="ml-2"
|
||||||
@click="
|
@click="
|
||||||
doCopyTwoSecRedo(activeDid, () => (showDidCopy = !showDidCopy))
|
doCopyTwoSecRedo(activeDid, () => (showDidCopy = !showDidCopy))
|
||||||
"
|
"
|
||||||
class="ml-2"
|
|
||||||
>
|
>
|
||||||
<font-awesome icon="copy" class="text-slate-400 fa-fw"></font-awesome>
|
<font-awesome icon="copy" class="text-slate-400 fa-fw"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
@@ -200,7 +200,7 @@
|
|||||||
@click="showReminderNotificationChoice()"
|
@click="showReminderNotificationChoice()"
|
||||||
>
|
>
|
||||||
<!-- input -->
|
<!-- input -->
|
||||||
<input type="checkbox" v-model="notifyingReminder" class="sr-only" />
|
<input v-model="notifyingReminder" type="checkbox" class="sr-only" />
|
||||||
<!-- line -->
|
<!-- line -->
|
||||||
<div class="block bg-slate-500 w-14 h-8 rounded-full"></div>
|
<div class="block bg-slate-500 w-14 h-8 rounded-full"></div>
|
||||||
<!-- dot -->
|
<!-- dot -->
|
||||||
@@ -230,8 +230,8 @@
|
|||||||
>
|
>
|
||||||
<!-- input -->
|
<!-- input -->
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
|
||||||
v-model="notifyingNewActivity"
|
v-model="notifyingNewActivity"
|
||||||
|
type="checkbox"
|
||||||
class="sr-only"
|
class="sr-only"
|
||||||
/>
|
/>
|
||||||
<!-- line -->
|
<!-- line -->
|
||||||
@@ -295,9 +295,9 @@
|
|||||||
|
|
||||||
<div class="flex items-center mb-4" @click="toggleUserProfileLocation">
|
<div class="flex items-center mb-4" @click="toggleUserProfileLocation">
|
||||||
<input
|
<input
|
||||||
|
v-model="includeUserProfileLocation"
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
class="mr-2"
|
class="mr-2"
|
||||||
v-model="includeUserProfileLocation"
|
|
||||||
/>
|
/>
|
||||||
<label for="includeUserProfileLocation">Include Location</label>
|
<label for="includeUserProfileLocation">Include Location</label>
|
||||||
</div>
|
</div>
|
||||||
@@ -333,17 +333,16 @@
|
|||||||
<div v-if="!loadingProfile && !savingProfile">
|
<div v-if="!loadingProfile && !savingProfile">
|
||||||
<div class="flex justify-between items-center">
|
<div class="flex justify-between items-center">
|
||||||
<button
|
<button
|
||||||
@click="saveProfile"
|
|
||||||
class="mt-2 px-4 py-2 bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white rounded-md"
|
class="mt-2 px-4 py-2 bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white rounded-md"
|
||||||
:disabled="loadingProfile || savingProfile"
|
:disabled="loadingProfile || savingProfile"
|
||||||
:class="{
|
:class="{
|
||||||
'opacity-50 cursor-not-allowed': loadingProfile || savingProfile,
|
'opacity-50 cursor-not-allowed': loadingProfile || savingProfile,
|
||||||
}"
|
}"
|
||||||
|
@click="saveProfile"
|
||||||
>
|
>
|
||||||
Save Profile
|
Save Profile
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
@click="confirmDeleteProfile"
|
|
||||||
class="mt-2 px-4 py-2 bg-gradient-to-b from-red-400 to-red-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white rounded-md"
|
class="mt-2 px-4 py-2 bg-gradient-to-b from-red-400 to-red-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white rounded-md"
|
||||||
:disabled="loadingProfile || savingProfile"
|
:disabled="loadingProfile || savingProfile"
|
||||||
:class="{
|
:class="{
|
||||||
@@ -352,6 +351,7 @@
|
|||||||
savingProfile ||
|
savingProfile ||
|
||||||
(!userProfileDesc && !includeUserProfileLocation),
|
(!userProfileDesc && !includeUserProfileLocation),
|
||||||
}"
|
}"
|
||||||
|
@click="confirmDeleteProfile"
|
||||||
>
|
>
|
||||||
Delete Profile
|
Delete Profile
|
||||||
</button>
|
</button>
|
||||||
@@ -426,15 +426,15 @@
|
|||||||
>
|
>
|
||||||
<div class="mb-2 font-bold">Data Export</div>
|
<div class="mb-2 font-bold">Data Export</div>
|
||||||
<router-link
|
<router-link
|
||||||
:to="{ name: 'seed-backup' }"
|
|
||||||
v-if="activeDid"
|
v-if="activeDid"
|
||||||
|
:to="{ name: 'seed-backup' }"
|
||||||
class="block w-full text-center text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mb-2 mt-2"
|
class="block w-full text-center text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mb-2 mt-2"
|
||||||
>
|
>
|
||||||
Backup Identifier Seed
|
Backup Identifier Seed
|
||||||
</router-link>
|
</router-link>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
v-bind:class="computedStartDownloadLinkClassNames()"
|
:class="computedStartDownloadLinkClassNames()"
|
||||||
class="block w-full text-center text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md"
|
class="block w-full text-center text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md"
|
||||||
@click="exportDatabase()"
|
@click="exportDatabase()"
|
||||||
>
|
>
|
||||||
@@ -444,7 +444,7 @@
|
|||||||
</button>
|
</button>
|
||||||
<a
|
<a
|
||||||
ref="downloadLink"
|
ref="downloadLink"
|
||||||
v-bind:class="computedDownloadLinkClassNames()"
|
:class="computedDownloadLinkClassNames()"
|
||||||
class="block w-full text-center text-md bg-gradient-to-b from-green-500 to-green-800 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mb-6"
|
class="block w-full text-center text-md bg-gradient-to-b from-green-500 to-green-800 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mb-6"
|
||||||
>
|
>
|
||||||
If no download happened yet, click again here to download now.
|
If no download happened yet, click again here to download now.
|
||||||
@@ -476,7 +476,7 @@
|
|||||||
>
|
>
|
||||||
Advanced
|
Advanced
|
||||||
</h3>
|
</h3>
|
||||||
<div id="sectionAdvanced" v-if="showAdvanced || showGeneralAdvanced">
|
<div v-if="showAdvanced || showGeneralAdvanced" id="sectionAdvanced">
|
||||||
<p class="text-rose-600 mb-8">
|
<p class="text-rose-600 mb-8">
|
||||||
Beware: the features here can be confusing and even change data in ways
|
Beware: the features here can be confusing and even change data in ways
|
||||||
you do not expect. But we support your freedom!
|
you do not expect. But we support your freedom!
|
||||||
@@ -496,10 +496,10 @@
|
|||||||
>
|
>
|
||||||
<code class="truncate">{{ publicBase64 }}</code>
|
<code class="truncate">{{ publicBase64 }}</code>
|
||||||
<button
|
<button
|
||||||
|
class="ml-2"
|
||||||
@click="
|
@click="
|
||||||
doCopyTwoSecRedo(publicBase64, () => (showB64Copy = !showB64Copy))
|
doCopyTwoSecRedo(publicBase64, () => (showB64Copy = !showB64Copy))
|
||||||
"
|
"
|
||||||
class="ml-2"
|
|
||||||
>
|
>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
icon="copy"
|
icon="copy"
|
||||||
@@ -515,10 +515,10 @@
|
|||||||
>
|
>
|
||||||
<code class="truncate">{{ publicHex }}</code>
|
<code class="truncate">{{ publicHex }}</code>
|
||||||
<button
|
<button
|
||||||
|
class="ml-2"
|
||||||
@click="
|
@click="
|
||||||
doCopyTwoSecRedo(publicHex, () => (showPubCopy = !showPubCopy))
|
doCopyTwoSecRedo(publicHex, () => (showPubCopy = !showPubCopy))
|
||||||
"
|
"
|
||||||
class="ml-2"
|
|
||||||
>
|
>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
icon="copy"
|
icon="copy"
|
||||||
@@ -535,13 +535,13 @@
|
|||||||
>
|
>
|
||||||
<code class="truncate">{{ derivationPath }}</code>
|
<code class="truncate">{{ derivationPath }}</code>
|
||||||
<button
|
<button
|
||||||
|
class="ml-2"
|
||||||
@click="
|
@click="
|
||||||
doCopyTwoSecRedo(
|
doCopyTwoSecRedo(
|
||||||
derivationPath,
|
derivationPath,
|
||||||
() => (showDerCopy = !showDerCopy),
|
() => (showDerCopy = !showDerCopy),
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
class="ml-2"
|
|
||||||
>
|
>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
icon="copy"
|
icon="copy"
|
||||||
@@ -573,7 +573,7 @@
|
|||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<div class="ml-4 mt-2">
|
<div class="ml-4 mt-2">
|
||||||
<input type="file" @change="uploadImportFile" class="ml-2" />
|
<input type="file" class="ml-2" @change="uploadImportFile" />
|
||||||
<transition
|
<transition
|
||||||
enter-active-class="transform ease-out duration-300 transition"
|
enter-active-class="transform ease-out duration-300 transition"
|
||||||
enter-from-class="translate-y-2 opacity-0 sm:translate-y-4"
|
enter-from-class="translate-y-2 opacity-0 sm:translate-y-4"
|
||||||
@@ -620,8 +620,8 @@
|
|||||||
<div class="relative ml-2">
|
<div class="relative ml-2">
|
||||||
<!-- input -->
|
<!-- input -->
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
|
||||||
v-model="showContactGives"
|
v-model="showContactGives"
|
||||||
|
type="checkbox"
|
||||||
name="showContactGives"
|
name="showContactGives"
|
||||||
class="sr-only"
|
class="sr-only"
|
||||||
/>
|
/>
|
||||||
@@ -638,9 +638,9 @@
|
|||||||
<h2 class="text-slate-500 text-sm font-bold mt-4">Claim Server</h2>
|
<h2 class="text-slate-500 text-sm font-bold mt-4">Claim Server</h2>
|
||||||
<div class="px-4 py-4">
|
<div class="px-4 py-4">
|
||||||
<input
|
<input
|
||||||
|
v-model="apiServerInput"
|
||||||
type="text"
|
type="text"
|
||||||
class="block w-full rounded border border-slate-400 px-4 py-2"
|
class="block w-full rounded border border-slate-400 px-4 py-2"
|
||||||
v-model="apiServerInput"
|
|
||||||
/>
|
/>
|
||||||
<button
|
<button
|
||||||
v-if="apiServerInput != apiServer"
|
v-if="apiServerInput != apiServer"
|
||||||
@@ -683,7 +683,7 @@
|
|||||||
<!-- toggle -->
|
<!-- toggle -->
|
||||||
<div class="relative ml-2">
|
<div class="relative ml-2">
|
||||||
<!-- input -->
|
<!-- input -->
|
||||||
<input type="checkbox" v-model="warnIfProdServer" class="sr-only" />
|
<input v-model="warnIfProdServer" type="checkbox" class="sr-only" />
|
||||||
<!-- line -->
|
<!-- line -->
|
||||||
<div class="block bg-slate-500 w-14 h-8 rounded-full"></div>
|
<div class="block bg-slate-500 w-14 h-8 rounded-full"></div>
|
||||||
<!-- dot -->
|
<!-- dot -->
|
||||||
@@ -703,7 +703,7 @@
|
|||||||
<!-- toggle -->
|
<!-- toggle -->
|
||||||
<div class="relative ml-2">
|
<div class="relative ml-2">
|
||||||
<!-- input -->
|
<!-- input -->
|
||||||
<input type="checkbox" v-model="warnIfTestServer" class="sr-only" />
|
<input v-model="warnIfTestServer" type="checkbox" class="sr-only" />
|
||||||
<!-- line -->
|
<!-- line -->
|
||||||
<div class="block bg-slate-500 w-14 h-8 rounded-full"></div>
|
<div class="block bg-slate-500 w-14 h-8 rounded-full"></div>
|
||||||
<!-- dot -->
|
<!-- dot -->
|
||||||
@@ -719,9 +719,9 @@
|
|||||||
</h2>
|
</h2>
|
||||||
<div class="px-3 py-4">
|
<div class="px-3 py-4">
|
||||||
<input
|
<input
|
||||||
|
v-model="webPushServerInput"
|
||||||
type="text"
|
type="text"
|
||||||
class="block w-full rounded border border-slate-400 px-3 py-2"
|
class="block w-full rounded border border-slate-400 px-3 py-2"
|
||||||
v-model="webPushServerInput"
|
|
||||||
/>
|
/>
|
||||||
<button
|
<button
|
||||||
v-if="webPushServerInput != webPushServer"
|
v-if="webPushServerInput != webPushServer"
|
||||||
@@ -753,7 +753,7 @@
|
|||||||
Use Test 2
|
Use Test 2
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<span class="px-4 text-sm" v-if="!webPushServerInput">
|
<span v-if="!webPushServerInput" class="px-4 text-sm">
|
||||||
When that setting is blank, this app will use the default web push
|
When that setting is blank, this app will use the default web push
|
||||||
server URL:
|
server URL:
|
||||||
{{ DEFAULT_PUSH_SERVER }}
|
{{ DEFAULT_PUSH_SERVER }}
|
||||||
@@ -762,9 +762,9 @@
|
|||||||
<h2 class="text-slate-500 text-sm font-bold mb-2">Partner Server URL</h2>
|
<h2 class="text-slate-500 text-sm font-bold mb-2">Partner Server URL</h2>
|
||||||
<div class="px-3 py-4">
|
<div class="px-3 py-4">
|
||||||
<input
|
<input
|
||||||
|
v-model="partnerApiServerInput"
|
||||||
type="text"
|
type="text"
|
||||||
class="block w-full rounded border border-slate-400 px-3 py-2"
|
class="block w-full rounded border border-slate-400 px-3 py-2"
|
||||||
v-model="partnerApiServerInput"
|
|
||||||
/>
|
/>
|
||||||
<button
|
<button
|
||||||
v-if="partnerApiServerInput != partnerApiServer"
|
v-if="partnerApiServerInput != partnerApiServer"
|
||||||
@@ -796,7 +796,7 @@
|
|||||||
Use Local
|
Use Local
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<span class="px-4 text-sm" v-if="!partnerApiServerInput">
|
<span v-if="!partnerApiServerInput" class="px-4 text-sm">
|
||||||
When that setting is blank, this app will use the default partner server
|
When that setting is blank, this app will use the default partner server
|
||||||
URL:
|
URL:
|
||||||
{{ DEFAULT_PARTNER_API_SERVER }}
|
{{ DEFAULT_PARTNER_API_SERVER }}
|
||||||
@@ -821,8 +821,8 @@
|
|||||||
<div class="relative ml-2">
|
<div class="relative ml-2">
|
||||||
<!-- input -->
|
<!-- input -->
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
|
||||||
v-model="hideRegisterPromptOnNewContact"
|
v-model="hideRegisterPromptOnNewContact"
|
||||||
|
type="checkbox"
|
||||||
class="sr-only"
|
class="sr-only"
|
||||||
/>
|
/>
|
||||||
<!-- line -->
|
<!-- line -->
|
||||||
@@ -846,7 +846,7 @@
|
|||||||
<!-- toggle -->
|
<!-- toggle -->
|
||||||
<div class="relative ml-2">
|
<div class="relative ml-2">
|
||||||
<!-- input -->
|
<!-- input -->
|
||||||
<input type="checkbox" v-model="showShortcutBvc" class="sr-only" />
|
<input v-model="showShortcutBvc" type="checkbox" class="sr-only" />
|
||||||
<!-- line -->
|
<!-- line -->
|
||||||
<div class="block bg-slate-500 w-14 h-8 rounded-full" />
|
<div class="block bg-slate-500 w-14 h-8 rounded-full" />
|
||||||
<!-- dot -->
|
<!-- dot -->
|
||||||
@@ -879,9 +879,9 @@
|
|||||||
</span>
|
</span>
|
||||||
<div class="relative ml-2">
|
<div class="relative ml-2">
|
||||||
<input
|
<input
|
||||||
|
v-model="passkeyExpirationMinutes"
|
||||||
type="number"
|
type="number"
|
||||||
class="border border-slate-400 rounded px-2 py-2 text-center w-20"
|
class="border border-slate-400 rounded px-2 py-2 text-center w-20"
|
||||||
v-model="passkeyExpirationMinutes"
|
|
||||||
@change="updatePasskeyExpiration"
|
@change="updatePasskeyExpiration"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -900,8 +900,8 @@
|
|||||||
<div class="relative ml-2">
|
<div class="relative ml-2">
|
||||||
<!-- input -->
|
<!-- input -->
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
|
||||||
v-model="showGeneralAdvanced"
|
v-model="showGeneralAdvanced"
|
||||||
|
type="checkbox"
|
||||||
class="sr-only"
|
class="sr-only"
|
||||||
/>
|
/>
|
||||||
<!-- line -->
|
<!-- line -->
|
||||||
|
|||||||
@@ -7,8 +7,8 @@
|
|||||||
<h1 class="text-lg text-center font-light relative px-7">
|
<h1 class="text-lg text-center font-light relative px-7">
|
||||||
<!-- Back -->
|
<!-- Back -->
|
||||||
<button
|
<button
|
||||||
@click="$router.go(-1)"
|
|
||||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||||
|
@click="$router.go(-1)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="chevron-left" class="fa-fw" />
|
<font-awesome icon="chevron-left" class="fa-fw" />
|
||||||
</button>
|
</button>
|
||||||
@@ -17,7 +17,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
<textarea rows="20" class="border-2 w-full" v-model="claimStr"></textarea>
|
<textarea v-model="claimStr" rows="20" class="border-2 w-full"></textarea>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
class="block w-full text-center text-lg font-bold uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
|
class="block w-full text-center text-lg font-bold uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
|
||||||
|
|||||||
@@ -2,8 +2,8 @@
|
|||||||
<section id="Content">
|
<section id="Content">
|
||||||
<div class="flex items-center justify-center h-screen">
|
<div class="flex items-center justify-center h-screen">
|
||||||
<div v-if="claimData">
|
<div v-if="claimData">
|
||||||
<router-link :to="'/claim/' + this.claimId">
|
<router-link :to="'/claim/' + claimId">
|
||||||
<canvas class="w-full block mx-auto" ref="claimCanvas"></canvas>
|
<canvas ref="claimCanvas" class="w-full block mx-auto"></canvas>
|
||||||
</router-link>
|
</router-link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -6,16 +6,6 @@
|
|||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
canvas {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { Component, Vue } from "vue-facing-decorator";
|
import { Component, Vue } from "vue-facing-decorator";
|
||||||
import { nextTick } from "vue";
|
import { nextTick } from "vue";
|
||||||
@@ -188,3 +178,13 @@ export default class ClaimReportCertificateView extends Vue {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
canvas {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -7,8 +7,8 @@
|
|||||||
<h1 class="text-lg text-center font-light relative px-7">
|
<h1 class="text-lg text-center font-light relative px-7">
|
||||||
<!-- Back -->
|
<!-- Back -->
|
||||||
<button
|
<button
|
||||||
@click="$router.go(-1)"
|
|
||||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||||
|
@click="$router.go(-1)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="chevron-left" class="fa-fw" />
|
<font-awesome icon="chevron-left" class="fa-fw" />
|
||||||
</button>
|
</button>
|
||||||
@@ -34,9 +34,9 @@
|
|||||||
// but rather than add more Plan-specific logic to detect the agent
|
// but rather than add more Plan-specific logic to detect the agent
|
||||||
// we'll let them click the Project link and edit from there
|
// we'll let them click the Project link and edit from there
|
||||||
"
|
"
|
||||||
@click="onClickEditClaim"
|
|
||||||
title="Edit"
|
title="Edit"
|
||||||
data-testId="editClaimButton"
|
data-testId="editClaimButton"
|
||||||
|
@click="onClickEditClaim"
|
||||||
>
|
>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
icon="pen"
|
icon="pen"
|
||||||
@@ -131,10 +131,10 @@
|
|||||||
>
|
>
|
||||||
<!-- router-link to /claim/ only changes URL path -->
|
<!-- router-link to /claim/ only changes URL path -->
|
||||||
<a
|
<a
|
||||||
|
class="text-blue-500 mt-4 cursor-pointer"
|
||||||
@click="
|
@click="
|
||||||
showDifferentClaimPage(detailsForGive?.fulfillsHandleId)
|
showDifferentClaimPage(detailsForGive?.fulfillsHandleId)
|
||||||
"
|
"
|
||||||
class="text-blue-500 mt-4 cursor-pointer"
|
|
||||||
>
|
>
|
||||||
Fulfills
|
Fulfills
|
||||||
{{
|
{{
|
||||||
@@ -170,15 +170,15 @@
|
|||||||
<div class="flex gap-4">
|
<div class="flex gap-4">
|
||||||
<div class="grow overflow-hidden">
|
<div class="grow overflow-hidden">
|
||||||
<a
|
<a
|
||||||
|
class="text-blue-500 mt-4 cursor-pointer"
|
||||||
@click="
|
@click="
|
||||||
provider.identifier.startsWith('did:')
|
provider.identifier.startsWith('did:')
|
||||||
? this.$router.push(
|
? $router.push(
|
||||||
'/did/' +
|
'/did/' +
|
||||||
encodeURIComponent(provider.identifier),
|
encodeURIComponent(provider.identifier),
|
||||||
)
|
)
|
||||||
: showDifferentClaimPage(provider.identifier)
|
: showDifferentClaimPage(provider.identifier)
|
||||||
"
|
"
|
||||||
class="text-blue-500 mt-4 cursor-pointer"
|
|
||||||
>
|
>
|
||||||
an activity...
|
an activity...
|
||||||
</a>
|
</a>
|
||||||
@@ -207,8 +207,8 @@
|
|||||||
<div class="mt-8">
|
<div class="mt-8">
|
||||||
<button
|
<button
|
||||||
v-if="libsUtil.canFulfillOffer(veriClaim)"
|
v-if="libsUtil.canFulfillOffer(veriClaim)"
|
||||||
@click="openFulfillGiftDialog()"
|
|
||||||
class="col-span-1 block w-fit text-center text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md"
|
class="col-span-1 block w-fit text-center text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md"
|
||||||
|
@click="openFulfillGiftDialog()"
|
||||||
>
|
>
|
||||||
Affirm Delivery
|
Affirm Delivery
|
||||||
<font-awesome
|
<font-awesome
|
||||||
@@ -222,7 +222,6 @@
|
|||||||
<div v-if="libsUtil.isGiveAction(veriClaim)">
|
<div v-if="libsUtil.isGiveAction(veriClaim)">
|
||||||
<div class="flex columns-3">
|
<div class="flex columns-3">
|
||||||
<button
|
<button
|
||||||
class="col-span-1 bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mt-2 px-4 py-2 rounded-md"
|
|
||||||
v-if="
|
v-if="
|
||||||
libsUtil.isGiveRecordTheUserCanConfirm(
|
libsUtil.isGiveRecordTheUserCanConfirm(
|
||||||
isRegistered,
|
isRegistered,
|
||||||
@@ -231,6 +230,7 @@
|
|||||||
confirmerIdList,
|
confirmerIdList,
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
|
class="col-span-1 bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mt-2 px-4 py-2 rounded-md"
|
||||||
@click="confirmConfirmClaim()"
|
@click="confirmConfirmClaim()"
|
||||||
>
|
>
|
||||||
Confirm
|
Confirm
|
||||||
@@ -388,7 +388,7 @@
|
|||||||
<span v-if="canShare">
|
<span v-if="canShare">
|
||||||
You can ask one of your contacts to take a look and see if their
|
You can ask one of your contacts to take a look and see if their
|
||||||
contacts can see more details:
|
contacts can see more details:
|
||||||
<a @click="onClickShareClaim()" class="text-blue-500"
|
<a class="text-blue-500" @click="onClickShareClaim()"
|
||||||
>click to send them this page info</a
|
>click to send them this page info</a
|
||||||
>
|
>
|
||||||
and see if they can make an introduction. Someone is connected to
|
and see if they can make an introduction. Someone is connected to
|
||||||
@@ -399,8 +399,8 @@
|
|||||||
You can ask one of your contacts to take a look and see if their
|
You can ask one of your contacts to take a look and see if their
|
||||||
contacts can see more details:
|
contacts can see more details:
|
||||||
<a
|
<a
|
||||||
@click="copyToClipboard('A link to this page', windowLocation)"
|
|
||||||
class="text-blue-500"
|
class="text-blue-500"
|
||||||
|
@click="copyToClipboard('A link to this page', windowLocation)"
|
||||||
>click to copy this page info</a
|
>click to copy this page info</a
|
||||||
>
|
>
|
||||||
and see if they can make an introduction. Someone is connected to
|
and see if they can make an introduction. Someone is connected to
|
||||||
@@ -414,7 +414,7 @@
|
|||||||
of your contacts.
|
of your contacts.
|
||||||
<span v-if="canShare">
|
<span v-if="canShare">
|
||||||
If you'd like an introduction,
|
If you'd like an introduction,
|
||||||
<a @click="onClickShareClaim()" class="text-blue-500"
|
<a class="text-blue-500" @click="onClickShareClaim()"
|
||||||
>click to share the information with them and ask if they'll tell
|
>click to share the information with them and ask if they'll tell
|
||||||
you more about the participants.</a
|
you more about the participants.</a
|
||||||
>
|
>
|
||||||
@@ -422,8 +422,8 @@
|
|||||||
<span v-else>
|
<span v-else>
|
||||||
If you'd like an introduction,
|
If you'd like an introduction,
|
||||||
<a
|
<a
|
||||||
@click="copyToClipboard('A link to this page', windowLocation)"
|
|
||||||
class="text-blue-500"
|
class="text-blue-500"
|
||||||
|
@click="copyToClipboard('A link to this page', windowLocation)"
|
||||||
>share this page with them and ask if they'll tell you more about
|
>share this page with them and ask if they'll tell you more about
|
||||||
about the participants.</a
|
about the participants.</a
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -8,8 +8,8 @@
|
|||||||
<h1 class="text-lg text-center font-light relative px-7">
|
<h1 class="text-lg text-center font-light relative px-7">
|
||||||
<!-- Back -->
|
<!-- Back -->
|
||||||
<button
|
<button
|
||||||
@click="$router.go(-1)"
|
|
||||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||||
|
@click="$router.go(-1)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="chevron-left" class="fa-fw" />
|
<font-awesome icon="chevron-left" class="fa-fw" />
|
||||||
</button>
|
</button>
|
||||||
@@ -32,7 +32,6 @@
|
|||||||
<div v-if="giveDetails && !isLoading">
|
<div v-if="giveDetails && !isLoading">
|
||||||
<div class="flex justify-center">
|
<div class="flex justify-center">
|
||||||
<button
|
<button
|
||||||
class="col-span-1 bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md"
|
|
||||||
v-if="
|
v-if="
|
||||||
libsUtil.isGiveRecordTheUserCanConfirm(
|
libsUtil.isGiveRecordTheUserCanConfirm(
|
||||||
isRegistered,
|
isRegistered,
|
||||||
@@ -41,6 +40,7 @@
|
|||||||
confirmerIdList,
|
confirmerIdList,
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
|
class="col-span-1 bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md"
|
||||||
@click="confirmConfirmClaim()"
|
@click="confirmConfirmClaim()"
|
||||||
>
|
>
|
||||||
Confirm
|
Confirm
|
||||||
@@ -51,8 +51,8 @@
|
|||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
v-else
|
v-else
|
||||||
@click="notifyWhyCannotConfirm()"
|
|
||||||
class="col-span-1 bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md"
|
class="col-span-1 bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md"
|
||||||
|
@click="notifyWhyCannotConfirm()"
|
||||||
>
|
>
|
||||||
Confirm
|
Confirm
|
||||||
<font-awesome
|
<font-awesome
|
||||||
@@ -98,7 +98,7 @@
|
|||||||
<!-- Fullfills Links -->
|
<!-- Fullfills Links -->
|
||||||
|
|
||||||
<!-- fullfills links for a give -->
|
<!-- fullfills links for a give -->
|
||||||
<div class="mt-2" v-if="giveDetails?.fulfillsPlanHandleId">
|
<div v-if="giveDetails?.fulfillsPlanHandleId" class="mt-2">
|
||||||
<router-link
|
<router-link
|
||||||
:to="
|
:to="
|
||||||
'/project/' +
|
'/project/' +
|
||||||
@@ -297,7 +297,7 @@
|
|||||||
<span v-if="canShare">
|
<span v-if="canShare">
|
||||||
You can ask one of your contacts to take a look and see if their
|
You can ask one of your contacts to take a look and see if their
|
||||||
contacts can see more details:
|
contacts can see more details:
|
||||||
<a @click="onClickShareClaim()" class="text-blue-500"
|
<a class="text-blue-500" @click="onClickShareClaim()"
|
||||||
>click to send them this page info</a
|
>click to send them this page info</a
|
||||||
>
|
>
|
||||||
and see if they can make an introduction. Someone is connected to
|
and see if they can make an introduction. Someone is connected to
|
||||||
@@ -308,8 +308,8 @@
|
|||||||
You can ask one of your contacts to take a look and see if their
|
You can ask one of your contacts to take a look and see if their
|
||||||
contacts can see more details:
|
contacts can see more details:
|
||||||
<a
|
<a
|
||||||
@click="copyToClipboard('A link to this page', windowLocation)"
|
|
||||||
class="text-blue-500"
|
class="text-blue-500"
|
||||||
|
@click="copyToClipboard('A link to this page', windowLocation)"
|
||||||
>click to copy this page info</a
|
>click to copy this page info</a
|
||||||
>
|
>
|
||||||
and see if they can make an introduction. Someone is connected to
|
and see if they can make an introduction. Someone is connected to
|
||||||
@@ -323,7 +323,7 @@
|
|||||||
some of your contacts.
|
some of your contacts.
|
||||||
<span v-if="canShare">
|
<span v-if="canShare">
|
||||||
If you'd like an introduction,
|
If you'd like an introduction,
|
||||||
<a @click="onClickShareClaim()" class="text-blue-500"
|
<a class="text-blue-500" @click="onClickShareClaim()"
|
||||||
>click to share the information with them and ask if they'll tell
|
>click to share the information with them and ask if they'll tell
|
||||||
you more about the participants.</a
|
you more about the participants.</a
|
||||||
>
|
>
|
||||||
@@ -331,8 +331,8 @@
|
|||||||
<span v-else>
|
<span v-else>
|
||||||
If you'd like an introduction,
|
If you'd like an introduction,
|
||||||
<a
|
<a
|
||||||
@click="copyToClipboard('A link to this page', windowLocation)"
|
|
||||||
class="text-blue-500"
|
class="text-blue-500"
|
||||||
|
@click="copyToClipboard('A link to this page', windowLocation)"
|
||||||
>share this page with them and ask if they'll tell you more about
|
>share this page with them and ask if they'll tell you more about
|
||||||
about the participants.</a
|
about the participants.</a
|
||||||
>
|
>
|
||||||
@@ -399,8 +399,8 @@
|
|||||||
>
|
>
|
||||||
<div class="mt-2 ml-2">
|
<div class="mt-2 ml-2">
|
||||||
<a
|
<a
|
||||||
@click="showClaimPage(veriClaim.id)"
|
|
||||||
class="text-blue-500 cursor-pointer"
|
class="text-blue-500 cursor-pointer"
|
||||||
|
@click="showClaimPage(veriClaim.id)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="file-lines" />
|
<font-awesome icon="file-lines" />
|
||||||
See All Generic Info
|
See All Generic Info
|
||||||
@@ -421,8 +421,8 @@
|
|||||||
<div v-else-if="!isLoading">This does not have details to confirm.</div>
|
<div v-else-if="!isLoading">This does not have details to confirm.</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="fixed left-6 bottom-24 text-center text-4xl leading-none bg-slate-400 text-white w-14 py-2.5 rounded-full"
|
|
||||||
v-if="isLoading"
|
v-if="isLoading"
|
||||||
|
class="fixed left-6 bottom-24 text-center text-4xl leading-none bg-slate-400 text-white w-14 py-2.5 rounded-full"
|
||||||
>
|
>
|
||||||
<font-awesome icon="spinner" class="fa-spin-pulse"></font-awesome>
|
<font-awesome icon="spinner" class="fa-spin-pulse"></font-awesome>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -64,7 +64,7 @@
|
|||||||
class="text-green-600 fa-fw"
|
class="text-green-600 fa-fw"
|
||||||
/>
|
/>
|
||||||
</span>
|
</span>
|
||||||
<button v-else @click="confirm(record)" title="Unconfirmed">
|
<button v-else title="Unconfirmed" @click="confirm(record)">
|
||||||
<font-awesome icon="circle" class="text-blue-600 fa-fw" />
|
<font-awesome icon="circle" class="text-blue-600 fa-fw" />
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -93,8 +93,8 @@
|
|||||||
</span>
|
</span>
|
||||||
<button
|
<button
|
||||||
v-else
|
v-else
|
||||||
@click="cannotConfirmMessage()"
|
|
||||||
title="Unconfirmed"
|
title="Unconfirmed"
|
||||||
|
@click="cannotConfirmMessage()"
|
||||||
>
|
>
|
||||||
<font-awesome icon="circle" class="text-slate-600 fa-fw" />
|
<font-awesome icon="circle" class="text-slate-600 fa-fw" />
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -7,8 +7,8 @@
|
|||||||
<h1 class="text-4xl text-center font-light relative px-7">
|
<h1 class="text-4xl text-center font-light relative px-7">
|
||||||
<!-- Back -->
|
<!-- Back -->
|
||||||
<button
|
<button
|
||||||
@click="$router.go(-1)"
|
|
||||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||||
|
@click="$router.go(-1)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="chevron-left" class="fa-fw" />
|
<font-awesome icon="chevron-left" class="fa-fw" />
|
||||||
</button>
|
</button>
|
||||||
@@ -25,9 +25,9 @@
|
|||||||
Name
|
Name
|
||||||
</label>
|
</label>
|
||||||
<input
|
<input
|
||||||
|
v-model="contactName"
|
||||||
type="text"
|
type="text"
|
||||||
class="block w-full ml-2 mt-1 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500"
|
class="block w-full ml-2 mt-1 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500"
|
||||||
v-model="contactName"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -38,9 +38,9 @@
|
|||||||
</label>
|
</label>
|
||||||
<textarea
|
<textarea
|
||||||
id="contactNotes"
|
id="contactNotes"
|
||||||
|
v-model="contactNotes"
|
||||||
rows="4"
|
rows="4"
|
||||||
class="block w-full mt-1 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500"
|
class="block w-full mt-1 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500"
|
||||||
v-model="contactNotes"
|
|
||||||
></textarea>
|
></textarea>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -53,21 +53,21 @@
|
|||||||
class="flex mt-2"
|
class="flex mt-2"
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
type="text"
|
|
||||||
v-model="method.label"
|
v-model="method.label"
|
||||||
|
type="text"
|
||||||
class="block w-1/4 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500"
|
class="block w-1/4 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500"
|
||||||
placeholder="Label"
|
placeholder="Label"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
type="text"
|
|
||||||
v-model="method.type"
|
v-model="method.type"
|
||||||
|
type="text"
|
||||||
class="block ml-2 w-1/4 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500"
|
class="block ml-2 w-1/4 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500"
|
||||||
placeholder="Type"
|
placeholder="Type"
|
||||||
/>
|
/>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<button
|
<button
|
||||||
@click="toggleDropdown(index)"
|
|
||||||
class="px-2 py-1 bg-gray-200 rounded-md"
|
class="px-2 py-1 bg-gray-200 rounded-md"
|
||||||
|
@click="toggleDropdown(index)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="caret-down" class="fa-fw" />
|
<font-awesome icon="caret-down" class="fa-fw" />
|
||||||
</button>
|
</button>
|
||||||
@@ -76,36 +76,36 @@
|
|||||||
class="absolute bg-white border border-gray-300 rounded-md mt-1"
|
class="absolute bg-white border border-gray-300 rounded-md mt-1"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
@click="setMethodType(index, 'CELL')"
|
|
||||||
class="px-4 py-2 hover:bg-gray-100 cursor-pointer"
|
class="px-4 py-2 hover:bg-gray-100 cursor-pointer"
|
||||||
|
@click="setMethodType(index, 'CELL')"
|
||||||
>
|
>
|
||||||
CELL
|
CELL
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
@click="setMethodType(index, 'EMAIL')"
|
|
||||||
class="px-4 py-2 hover:bg-gray-100 cursor-pointer"
|
class="px-4 py-2 hover:bg-gray-100 cursor-pointer"
|
||||||
|
@click="setMethodType(index, 'EMAIL')"
|
||||||
>
|
>
|
||||||
EMAIL
|
EMAIL
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
@click="setMethodType(index, 'WHATSAPP')"
|
|
||||||
class="px-4 py-2 hover:bg-gray-100 cursor-pointer"
|
class="px-4 py-2 hover:bg-gray-100 cursor-pointer"
|
||||||
|
@click="setMethodType(index, 'WHATSAPP')"
|
||||||
>
|
>
|
||||||
WHATSAPP
|
WHATSAPP
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<input
|
<input
|
||||||
type="text"
|
|
||||||
v-model="method.value"
|
v-model="method.value"
|
||||||
|
type="text"
|
||||||
class="block ml-2 w-1/2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500"
|
class="block ml-2 w-1/2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500"
|
||||||
placeholder="Number, email, etc."
|
placeholder="Number, email, etc."
|
||||||
/>
|
/>
|
||||||
<button @click="removeContactMethod(index)" class="ml-2 text-red-500">
|
<button class="ml-2 text-red-500" @click="removeContactMethod(index)">
|
||||||
<font-awesome icon="trash-can" class="fa-fw" />
|
<font-awesome icon="trash-can" class="fa-fw" />
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<button @click="addContactMethod" class="mt-2">
|
<button class="mt-2" @click="addContactMethod">
|
||||||
<font-awesome
|
<font-awesome
|
||||||
icon="plus"
|
icon="plus"
|
||||||
class="fa-fw px-2 py-2.5 bg-green-500 text-green-100 rounded-full"
|
class="fa-fw px-2 py-2.5 bg-green-500 text-green-100 rounded-full"
|
||||||
|
|||||||
@@ -30,8 +30,8 @@
|
|||||||
<span class="text-right">
|
<span class="text-right">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
@click="openDialog()"
|
|
||||||
class="block w-full text-center text-sm uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-3 py-1.5 rounded-md"
|
class="block w-full text-center text-sm uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-3 py-1.5 rounded-md"
|
||||||
|
@click="openDialog()"
|
||||||
>
|
>
|
||||||
<font-awesome icon="gift" class="fa-fw"></font-awesome>
|
<font-awesome icon="gift" class="fa-fw"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
@@ -47,7 +47,7 @@
|
|||||||
<span class="grow font-semibold">
|
<span class="grow font-semibold">
|
||||||
<EntityIcon
|
<EntityIcon
|
||||||
:contact="contact"
|
:contact="contact"
|
||||||
:iconSize="32"
|
:icon-size="32"
|
||||||
class="inline-block align-middle border border-slate-300 rounded-md mr-1"
|
class="inline-block align-middle border border-slate-300 rounded-md mr-1"
|
||||||
/>
|
/>
|
||||||
{{ contact.name || "(no name)" }}
|
{{ contact.name || "(no name)" }}
|
||||||
@@ -55,8 +55,8 @@
|
|||||||
<span class="text-right">
|
<span class="text-right">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
@click="openDialog(contact)"
|
|
||||||
class="block w-full text-center text-sm uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-3 py-1.5 rounded-md"
|
class="block w-full text-center text-sm uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-3 py-1.5 rounded-md"
|
||||||
|
@click="openDialog(contact)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="gift" class="fa-fw"></font-awesome>
|
<font-awesome icon="gift" class="fa-fw"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
@@ -65,7 +65,7 @@
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<GiftedDialog ref="customDialog" :toProjectId="projectId" />
|
<GiftedDialog ref="customDialog" :to-project-id="projectId" />
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -24,7 +24,7 @@
|
|||||||
v-if="contactsImporting.length > sameCount"
|
v-if="contactsImporting.length > sameCount"
|
||||||
class="flex justify-center"
|
class="flex justify-center"
|
||||||
>
|
>
|
||||||
<input type="checkbox" v-model="makeVisible" class="mr-2" />
|
<input v-model="makeVisible" type="checkbox" class="mr-2" />
|
||||||
Make my activity visible to these contacts.
|
Make my activity visible to these contacts.
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
@@ -51,7 +51,7 @@
|
|||||||
class="grow overflow-hidden border-b border-slate-300 pt-2.5 pb-4"
|
class="grow overflow-hidden border-b border-slate-300 pt-2.5 pb-4"
|
||||||
>
|
>
|
||||||
<h2 class="text-base font-semibold">
|
<h2 class="text-base font-semibold">
|
||||||
<input type="checkbox" v-model="contactsSelected[index]" />
|
<input v-model="contactsSelected[index]" type="checkbox" />
|
||||||
{{ contact.name || AppString.NO_CONTACT_NAME }}
|
{{ contact.name || AppString.NO_CONTACT_NAME }}
|
||||||
-
|
-
|
||||||
<span v-if="contactsExisting[contact.did]" class="text-orange-500"
|
<span v-if="contactsExisting[contact.did]" class="text-orange-500"
|
||||||
@@ -110,8 +110,8 @@
|
|||||||
/>
|
/>
|
||||||
<br />
|
<br />
|
||||||
<button
|
<button
|
||||||
@click="() => processContactJwt(inputJwt)"
|
|
||||||
class="ml-2 p-2 bg-blue-500 text-white rounded"
|
class="ml-2 p-2 bg-blue-500 text-white rounded"
|
||||||
|
@click="() => processContactJwt(inputJwt)"
|
||||||
>
|
>
|
||||||
Check Import
|
Check Import
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -26,10 +26,8 @@
|
|||||||
You aren't sharing your name, so quickly
|
You aren't sharing your name, so quickly
|
||||||
<br />
|
<br />
|
||||||
<span
|
<span
|
||||||
@click="
|
|
||||||
() => $refs.userNameDialog.open((name) => (this.givenName = name))
|
|
||||||
"
|
|
||||||
class="bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-1 rounded-md"
|
class="bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-1 rounded-md"
|
||||||
|
@click="() => $refs.userNameDialog.open((name) => (givenName = name))"
|
||||||
>
|
>
|
||||||
click here to set it for them.
|
click here to set it for them.
|
||||||
</span>
|
</span>
|
||||||
@@ -38,18 +36,18 @@
|
|||||||
<UserNameDialog ref="userNameDialog" />
|
<UserNameDialog ref="userNameDialog" />
|
||||||
|
|
||||||
<div
|
<div
|
||||||
@click="onCopyUrlToClipboard()"
|
|
||||||
v-if="activeDid && activeDid.startsWith(ETHR_DID_PREFIX)"
|
v-if="activeDid && activeDid.startsWith(ETHR_DID_PREFIX)"
|
||||||
class="text-center"
|
class="text-center"
|
||||||
|
@click="onCopyUrlToClipboard()"
|
||||||
>
|
>
|
||||||
<!--
|
<!--
|
||||||
Play with display options: https://qr-code-styling.com/
|
Play with display options: https://qr-code-styling.com/
|
||||||
See docs: https://www.npmjs.com/package/qr-code-generator-vue3
|
See docs: https://www.npmjs.com/package/qr-code-generator-vue3
|
||||||
-->
|
-->
|
||||||
<QRCodeVue3
|
<QRCodeVue3
|
||||||
:value="this.qrValue"
|
:value="qrValue"
|
||||||
:cornersSquareOptions="{ type: 'extra-rounded' }"
|
:corners-square-options="{ type: 'extra-rounded' }"
|
||||||
:dotsOptions="{ type: 'square' }"
|
:dots-options="{ type: 'square' }"
|
||||||
class="flex justify-center"
|
class="flex justify-center"
|
||||||
/>
|
/>
|
||||||
<span>
|
<span>
|
||||||
@@ -58,14 +56,14 @@
|
|||||||
</div>
|
</div>
|
||||||
<div v-else-if="activeDid" class="text-center">
|
<div v-else-if="activeDid" class="text-center">
|
||||||
<!-- Not an ETHR DID so force them to paste it. (Passkey Peer DIDs are too big.) -->
|
<!-- Not an ETHR DID so force them to paste it. (Passkey Peer DIDs are too big.) -->
|
||||||
<span @click="onCopyDidToClipboard()" class="text-blue-500">
|
<span class="text-blue-500" @click="onCopyDidToClipboard()">
|
||||||
Click here to copy your DID to your clipboard.
|
Click here to copy your DID to your clipboard.
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
Then give it to them so they can paste it in their list of People.
|
Then give it to them so they can paste it in their list of People.
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-center" v-else>
|
<div v-else class="text-center">
|
||||||
You have no identitifiers yet, so
|
You have no identitifiers yet, so
|
||||||
<router-link
|
<router-link
|
||||||
:to="{ name: 'start' }"
|
:to="{ name: 'start' }"
|
||||||
|
|||||||
@@ -23,7 +23,7 @@
|
|||||||
|
|
||||||
<!-- New Contact -->
|
<!-- New Contact -->
|
||||||
<div id="formAddNewContact" class="mt-4 mb-4 flex items-stretch">
|
<div id="formAddNewContact" class="mt-4 mb-4 flex items-stretch">
|
||||||
<span class="flex" v-if="isRegistered">
|
<span v-if="isRegistered" class="flex">
|
||||||
<router-link
|
<router-link
|
||||||
:to="{ name: 'invite-one' }"
|
:to="{ name: 'invite-one' }"
|
||||||
class="flex items-center bg-gradient-to-b from-green-400 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-1 mr-1 rounded-md"
|
class="flex items-center bg-gradient-to-b from-green-400 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-1 mr-1 rounded-md"
|
||||||
@@ -32,8 +32,8 @@
|
|||||||
</router-link>
|
</router-link>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="showOnboardMeetingDialog()"
|
|
||||||
class="flex items-center bg-gradient-to-b from-green-400 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-1 mr-1 rounded-md"
|
class="flex items-center bg-gradient-to-b from-green-400 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-1 mr-1 rounded-md"
|
||||||
|
@click="showOnboardMeetingDialog()"
|
||||||
>
|
>
|
||||||
<font-awesome icon="chair" class="fa-fw text-2xl" />
|
<font-awesome icon="chair" class="fa-fw text-2xl" />
|
||||||
</button>
|
</button>
|
||||||
@@ -77,10 +77,10 @@
|
|||||||
</router-link>
|
</router-link>
|
||||||
|
|
||||||
<textarea
|
<textarea
|
||||||
|
v-model="contactInput"
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="New URL or DID, Name, Public Key, Next Public Key Hash"
|
placeholder="New URL or DID, Name, Public Key, Next Public Key Hash"
|
||||||
class="block w-full rounded-l border border-r-0 border-slate-400 px-3 py-2 h-10"
|
class="block w-full rounded-l border border-r-0 border-slate-400 px-3 py-2 h-10"
|
||||||
v-model="contactInput"
|
|
||||||
/>
|
/>
|
||||||
<button
|
<button
|
||||||
class="px-4 rounded-r bg-green-200 border border-l-0 border-green-400"
|
class="px-4 rounded-r bg-green-200 border border-l-0 border-green-400"
|
||||||
@@ -90,21 +90,22 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex justify-between" v-if="contacts.length > 0">
|
<div v-if="contacts.length > 0" class="flex justify-between">
|
||||||
<div class="w-full text-left">
|
<div class="w-full text-left">
|
||||||
<div v-if="!showGiveNumbers">
|
<div v-if="!showGiveNumbers">
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
:checked="contactsSelected.length === contacts.length"
|
:checked="contactsSelected.length === contacts.length"
|
||||||
|
class="align-middle ml-2 h-6 w-6"
|
||||||
|
data-testId="contactCheckAllTop"
|
||||||
@click="
|
@click="
|
||||||
contactsSelected.length === contacts.length
|
contactsSelected.length === contacts.length
|
||||||
? (contactsSelected = [])
|
? (contactsSelected = [])
|
||||||
: (contactsSelected = contacts.map((contact) => contact.did))
|
: (contactsSelected = contacts.map((contact) => contact.did))
|
||||||
"
|
"
|
||||||
class="align-middle ml-2 h-6 w-6"
|
|
||||||
data-testId="contactCheckAllTop"
|
|
||||||
/>
|
/>
|
||||||
<button
|
<button
|
||||||
|
v-if="!showGiveNumbers"
|
||||||
href=""
|
href=""
|
||||||
class="text-md bg-gradient-to-b shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white ml-2 px-1 py-1 rounded-md"
|
class="text-md bg-gradient-to-b shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white ml-2 px-1 py-1 rounded-md"
|
||||||
:style="
|
:style="
|
||||||
@@ -112,9 +113,8 @@
|
|||||||
? 'background-image: linear-gradient(to bottom, #3b82f6, #1e40af);'
|
? 'background-image: linear-gradient(to bottom, #3b82f6, #1e40af);'
|
||||||
: 'background-image: linear-gradient(to bottom, #94a3b8, #374151);'
|
: 'background-image: linear-gradient(to bottom, #94a3b8, #374151);'
|
||||||
"
|
"
|
||||||
@click="copySelectedContacts()"
|
|
||||||
v-if="!showGiveNumbers"
|
|
||||||
data-testId="copySelectedContactsButtonTop"
|
data-testId="copySelectedContactsButtonTop"
|
||||||
|
@click="copySelectedContacts()"
|
||||||
>
|
>
|
||||||
Copy Selections
|
Copy Selections
|
||||||
</button>
|
</button>
|
||||||
@@ -139,7 +139,7 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex justify-between mt-1" v-if="showGiveNumbers">
|
<div v-if="showGiveNumbers" class="flex justify-between mt-1">
|
||||||
<div class="w-full text-right">
|
<div class="w-full text-right">
|
||||||
In the following, only the most recent hours are included. To see more,
|
In the following, only the most recent hours are included. To see more,
|
||||||
click
|
click
|
||||||
@@ -152,7 +152,7 @@
|
|||||||
<button
|
<button
|
||||||
href=""
|
href=""
|
||||||
class="text-md bg-gradient-to-b shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-1 rounded-md mt-1"
|
class="text-md bg-gradient-to-b shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-1 rounded-md mt-1"
|
||||||
v-bind:class="showGiveAmountsClassNames()"
|
:class="showGiveAmountsClassNames()"
|
||||||
@click="toggleShowGiveTotals()"
|
@click="toggleShowGiveTotals()"
|
||||||
>
|
>
|
||||||
{{
|
{{
|
||||||
@@ -169,29 +169,31 @@
|
|||||||
|
|
||||||
<!-- Results List -->
|
<!-- Results List -->
|
||||||
<ul
|
<ul
|
||||||
id="listContacts"
|
|
||||||
v-if="contacts.length > 0"
|
v-if="contacts.length > 0"
|
||||||
|
id="listContacts"
|
||||||
class="border-t border-slate-300 mt-1"
|
class="border-t border-slate-300 mt-1"
|
||||||
>
|
>
|
||||||
<li
|
<li
|
||||||
class="border-b border-slate-300 pt-1 pb-1"
|
|
||||||
v-for="contact in filteredContacts()"
|
v-for="contact in filteredContacts()"
|
||||||
:key="contact.did"
|
:key="contact.did"
|
||||||
|
class="border-b border-slate-300 pt-1 pb-1"
|
||||||
data-testId="contactListItem"
|
data-testId="contactListItem"
|
||||||
>
|
>
|
||||||
<div class="grow overflow-hidden">
|
<div class="grow overflow-hidden">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<EntityIcon
|
<EntityIcon
|
||||||
:contact="contact"
|
:contact="contact"
|
||||||
:iconSize="24"
|
:icon-size="24"
|
||||||
class="inline-block align-text-bottom border border-slate-300 rounded cursor-pointer"
|
class="inline-block align-text-bottom border border-slate-300 rounded cursor-pointer"
|
||||||
@click="showLargeIdenticon = contact"
|
@click="showLargeIdenticon = contact"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
|
||||||
v-if="!showGiveNumbers"
|
v-if="!showGiveNumbers"
|
||||||
|
type="checkbox"
|
||||||
:checked="contactsSelected.includes(contact.did)"
|
:checked="contactsSelected.includes(contact.did)"
|
||||||
|
class="ml-2 h-6 w-6 flex-shrink-0"
|
||||||
|
data-testId="contactCheckOne"
|
||||||
@click="
|
@click="
|
||||||
contactsSelected.includes(contact.did)
|
contactsSelected.includes(contact.did)
|
||||||
? contactsSelected.splice(
|
? contactsSelected.splice(
|
||||||
@@ -200,8 +202,6 @@
|
|||||||
)
|
)
|
||||||
: contactsSelected.push(contact.did)
|
: contactsSelected.push(contact.did)
|
||||||
"
|
"
|
||||||
class="ml-2 h-6 w-6 flex-shrink-0"
|
|
||||||
data-testId="contactCheckOne"
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<h2
|
<h2
|
||||||
@@ -240,17 +240,17 @@
|
|||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
class="text-sm bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-1.5 rounded-l-md"
|
class="text-sm bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-1.5 rounded-l-md"
|
||||||
@click="confirmShowGiftedDialog(contact.did, activeDid)"
|
|
||||||
:title="givenToMeDescriptions[contact.did] || ''"
|
:title="givenToMeDescriptions[contact.did] || ''"
|
||||||
|
@click="confirmShowGiftedDialog(contact.did, activeDid)"
|
||||||
>
|
>
|
||||||
From:
|
From:
|
||||||
<br />
|
<br />
|
||||||
{{
|
{{
|
||||||
/* eslint-disable prettier/prettier */
|
/* eslint-disable prettier/prettier */
|
||||||
this.showGiveTotals
|
showGiveTotals
|
||||||
? ((givenToMeConfirmed[contact.did] || 0)
|
? ((givenToMeConfirmed[contact.did] || 0)
|
||||||
+ (givenToMeUnconfirmed[contact.did] || 0))
|
+ (givenToMeUnconfirmed[contact.did] || 0))
|
||||||
: this.showGiveConfirmed
|
: showGiveConfirmed
|
||||||
? (givenToMeConfirmed[contact.did] || 0)
|
? (givenToMeConfirmed[contact.did] || 0)
|
||||||
: (givenToMeUnconfirmed[contact.did] || 0)
|
: (givenToMeUnconfirmed[contact.did] || 0)
|
||||||
/* eslint-enable prettier/prettier */
|
/* eslint-enable prettier/prettier */
|
||||||
@@ -259,17 +259,17 @@
|
|||||||
|
|
||||||
<button
|
<button
|
||||||
class="text-sm bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white -ml-1.5 px-2 py-1.5 rounded-r-md border-l"
|
class="text-sm bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white -ml-1.5 px-2 py-1.5 rounded-r-md border-l"
|
||||||
@click="confirmShowGiftedDialog(activeDid, contact.did)"
|
|
||||||
:title="givenByMeDescriptions[contact.did] || ''"
|
:title="givenByMeDescriptions[contact.did] || ''"
|
||||||
|
@click="confirmShowGiftedDialog(activeDid, contact.did)"
|
||||||
>
|
>
|
||||||
To:
|
To:
|
||||||
<br />
|
<br />
|
||||||
{{
|
{{
|
||||||
/* eslint-disable prettier/prettier */
|
/* eslint-disable prettier/prettier */
|
||||||
this.showGiveTotals
|
showGiveTotals
|
||||||
? ((givenByMeConfirmed[contact.did] || 0)
|
? ((givenByMeConfirmed[contact.did] || 0)
|
||||||
+ (givenByMeUnconfirmed[contact.did] || 0))
|
+ (givenByMeUnconfirmed[contact.did] || 0))
|
||||||
: this.showGiveConfirmed
|
: showGiveConfirmed
|
||||||
? (givenByMeConfirmed[contact.did] || 0)
|
? (givenByMeConfirmed[contact.did] || 0)
|
||||||
: (givenByMeUnconfirmed[contact.did] || 0)
|
: (givenByMeUnconfirmed[contact.did] || 0)
|
||||||
/* eslint-enable prettier/prettier */
|
/* eslint-enable prettier/prettier */
|
||||||
@@ -278,8 +278,8 @@
|
|||||||
|
|
||||||
<button
|
<button
|
||||||
class="text-sm bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-1.5 rounded-md border border-blue-400"
|
class="text-sm bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-1.5 rounded-md border border-blue-400"
|
||||||
@click="openOfferDialog(contact.did, contact.name)"
|
|
||||||
data-testId="offerButton"
|
data-testId="offerButton"
|
||||||
|
@click="openOfferDialog(contact.did, contact.name)"
|
||||||
>
|
>
|
||||||
Offer
|
Offer
|
||||||
</button>
|
</button>
|
||||||
@@ -301,20 +301,21 @@
|
|||||||
</ul>
|
</ul>
|
||||||
<p v-else>There are no contacts.</p>
|
<p v-else>There are no contacts.</p>
|
||||||
|
|
||||||
<div class="mt-2 w-full text-left" v-if="contacts.length > 0">
|
<div v-if="contacts.length > 0" class="mt-2 w-full text-left">
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
|
||||||
v-if="!showGiveNumbers"
|
v-if="!showGiveNumbers"
|
||||||
|
type="checkbox"
|
||||||
:checked="contactsSelected.length === contacts.length"
|
:checked="contactsSelected.length === contacts.length"
|
||||||
|
class="align-middle ml-2 h-6 w-6"
|
||||||
|
data-testId="contactCheckAllBottom"
|
||||||
@click="
|
@click="
|
||||||
contactsSelected.length === contacts.length
|
contactsSelected.length === contacts.length
|
||||||
? (contactsSelected = [])
|
? (contactsSelected = [])
|
||||||
: (contactsSelected = contacts.map((contact) => contact.did))
|
: (contactsSelected = contacts.map((contact) => contact.did))
|
||||||
"
|
"
|
||||||
class="align-middle ml-2 h-6 w-6"
|
|
||||||
data-testId="contactCheckAllBottom"
|
|
||||||
/>
|
/>
|
||||||
<button
|
<button
|
||||||
|
v-if="!showGiveNumbers"
|
||||||
href=""
|
href=""
|
||||||
class="text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white ml-2 px-1 py-1 rounded-md"
|
class="text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white ml-2 px-1 py-1 rounded-md"
|
||||||
:style="
|
:style="
|
||||||
@@ -323,7 +324,6 @@
|
|||||||
: 'background-image: linear-gradient(to bottom, #94a3b8, #374151);'
|
: 'background-image: linear-gradient(to bottom, #94a3b8, #374151);'
|
||||||
"
|
"
|
||||||
@click="copySelectedContacts()"
|
@click="copySelectedContacts()"
|
||||||
v-if="!showGiveNumbers"
|
|
||||||
>
|
>
|
||||||
Copy Selections
|
Copy Selections
|
||||||
</button>
|
</button>
|
||||||
@@ -339,7 +339,7 @@
|
|||||||
>
|
>
|
||||||
<EntityIcon
|
<EntityIcon
|
||||||
:contact="showLargeIdenticon"
|
:contact="showLargeIdenticon"
|
||||||
:iconSize="512"
|
:icon-size="512"
|
||||||
class="flex w-11/12 max-w-sm mx-auto mb-3 overflow-hidden bg-white rounded-lg shadow-lg"
|
class="flex w-11/12 max-w-sm mx-auto mb-3 overflow-hidden bg-white rounded-lg shadow-lg"
|
||||||
@click="showLargeIdenticon = undefined"
|
@click="showLargeIdenticon = undefined"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -9,8 +9,8 @@
|
|||||||
<h1 id="ViewHeading" class="text-lg text-center font-light relative px-7">
|
<h1 id="ViewHeading" class="text-lg text-center font-light relative px-7">
|
||||||
<!-- Back -->
|
<!-- Back -->
|
||||||
<button
|
<button
|
||||||
@click="$router.go(-1)"
|
|
||||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||||
|
@click="$router.go(-1)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
|
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
@@ -33,8 +33,8 @@
|
|||||||
</router-link>
|
</router-link>
|
||||||
</h2>
|
</h2>
|
||||||
<button
|
<button
|
||||||
@click="showDidDetails = !showDidDetails"
|
|
||||||
class="ml-2 mr-2 mt-4"
|
class="ml-2 mr-2 mt-4"
|
||||||
|
@click="showDidDetails = !showDidDetails"
|
||||||
>
|
>
|
||||||
Details
|
Details
|
||||||
<font-awesome
|
<font-awesome
|
||||||
@@ -58,7 +58,7 @@
|
|||||||
>
|
>
|
||||||
<EntityIcon
|
<EntityIcon
|
||||||
:icon-size="96"
|
:icon-size="96"
|
||||||
:profileImageUrl="contactFromDid?.profileImageUrl"
|
:profile-image-url="contactFromDid?.profileImageUrl"
|
||||||
class="inline-block align-text-bottom border border-slate-300 rounded"
|
class="inline-block align-text-bottom border border-slate-300 rounded"
|
||||||
@click="showLargeIdenticonUrl = contactFromDid?.profileImageUrl"
|
@click="showLargeIdenticonUrl = contactFromDid?.profileImageUrl"
|
||||||
/>
|
/>
|
||||||
@@ -73,8 +73,8 @@
|
|||||||
contactFromDid?.seesMe && contactFromDid.did !== activeDid
|
contactFromDid?.seesMe && contactFromDid.did !== activeDid
|
||||||
"
|
"
|
||||||
class="text-sm uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mx-0.5 my-0.5 px-2 py-1.5 rounded-md"
|
class="text-sm uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mx-0.5 my-0.5 px-2 py-1.5 rounded-md"
|
||||||
@click="confirmSetVisibility(contactFromDid, false)"
|
|
||||||
title="They can see you"
|
title="They can see you"
|
||||||
|
@click="confirmSetVisibility(contactFromDid, false)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="eye" class="fa-fw" />
|
<font-awesome icon="eye" class="fa-fw" />
|
||||||
</button>
|
</button>
|
||||||
@@ -83,27 +83,27 @@
|
|||||||
!contactFromDid?.seesMe && contactFromDid?.did !== activeDid
|
!contactFromDid?.seesMe && contactFromDid?.did !== activeDid
|
||||||
"
|
"
|
||||||
class="text-sm uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mx-0.5 my-0.5 px-2 py-1.5 rounded-md"
|
class="text-sm uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mx-0.5 my-0.5 px-2 py-1.5 rounded-md"
|
||||||
@click="confirmSetVisibility(contactFromDid, true)"
|
|
||||||
title="They cannot see you"
|
title="They cannot see you"
|
||||||
|
@click="confirmSetVisibility(contactFromDid, true)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="eye-slash" class="fa-fw" />
|
<font-awesome icon="eye-slash" class="fa-fw" />
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
class="text-sm uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mx-0.5 my-0.5 px-2 py-1.5 rounded-md"
|
|
||||||
@click="checkVisibility(contactFromDid)"
|
|
||||||
title="Check Visibility"
|
|
||||||
v-if="contactFromDid?.did !== activeDid"
|
v-if="contactFromDid?.did !== activeDid"
|
||||||
|
class="text-sm uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mx-0.5 my-0.5 px-2 py-1.5 rounded-md"
|
||||||
|
title="Check Visibility"
|
||||||
|
@click="checkVisibility(contactFromDid)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="rotate" class="fa-fw" />
|
<font-awesome icon="rotate" class="fa-fw" />
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="confirmRegister(contactFromDid)"
|
|
||||||
class="text-sm uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white ml-6 mx-0.5 my-0.5 px-2 py-1.5 rounded-md"
|
|
||||||
v-if="contactFromDid?.did !== activeDid"
|
v-if="contactFromDid?.did !== activeDid"
|
||||||
|
class="text-sm uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white ml-6 mx-0.5 my-0.5 px-2 py-1.5 rounded-md"
|
||||||
title="Registration"
|
title="Registration"
|
||||||
|
@click="confirmRegister(contactFromDid)"
|
||||||
>
|
>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
v-if="contactFromDid?.registered"
|
v-if="contactFromDid?.registered"
|
||||||
@@ -119,9 +119,9 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="confirmDeleteContact(contactFromDid)"
|
|
||||||
class="text-sm uppercase bg-gradient-to-b from-rose-500 to-rose-800 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white ml-6 mx-0.5 my-0.5 px-2 py-1.5 rounded-md"
|
class="text-sm uppercase bg-gradient-to-b from-rose-500 to-rose-800 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white ml-6 mx-0.5 my-0.5 px-2 py-1.5 rounded-md"
|
||||||
title="Delete"
|
title="Delete"
|
||||||
|
@click="confirmDeleteContact(contactFromDid)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="trash-can" class="fa-fw" />
|
<font-awesome icon="trash-can" class="fa-fw" />
|
||||||
</button>
|
</button>
|
||||||
@@ -130,8 +130,8 @@
|
|||||||
<div>Auto-Generated Icon</div>
|
<div>Auto-Generated Icon</div>
|
||||||
<div class="flex justify-center">
|
<div class="flex justify-center">
|
||||||
<EntityIcon
|
<EntityIcon
|
||||||
:entityId="viewingDid"
|
:entity-id="viewingDid"
|
||||||
:iconSize="64"
|
:icon-size="64"
|
||||||
class="inline-block align-middle border border-slate-300 rounded-md mr-1"
|
class="inline-block align-middle border border-slate-300 rounded-md mr-1"
|
||||||
@click="showLargeIdenticonId = viewingDid"
|
@click="showLargeIdenticonId = viewingDid"
|
||||||
/>
|
/>
|
||||||
@@ -146,9 +146,9 @@
|
|||||||
class="absolute inset-0 h-screen flex flex-col items-center justify-center bg-slate-900/50"
|
class="absolute inset-0 h-screen flex flex-col items-center justify-center bg-slate-900/50"
|
||||||
>
|
>
|
||||||
<EntityIcon
|
<EntityIcon
|
||||||
:entityId="showLargeIdenticonId"
|
:entity-id="showLargeIdenticonId"
|
||||||
:iconSize="512"
|
:icon-size="512"
|
||||||
:profileImageUrl="showLargeIdenticonUrl"
|
:profile-image-url="showLargeIdenticonUrl"
|
||||||
class="flex w-11/12 max-w-sm mx-auto mb-3 overflow-hidden bg-white rounded-lg shadow-lg"
|
class="flex w-11/12 max-w-sm mx-auto mb-3 overflow-hidden bg-white rounded-lg shadow-lg"
|
||||||
@click="
|
@click="
|
||||||
showLargeIdenticonId = undefined;
|
showLargeIdenticonId = undefined;
|
||||||
@@ -169,8 +169,8 @@
|
|||||||
|
|
||||||
<!-- Loading Animation -->
|
<!-- Loading Animation -->
|
||||||
<div
|
<div
|
||||||
class="fixed left-6 bottom-24 text-center text-4xl leading-none bg-slate-400 text-white w-14 py-2.5 rounded-full"
|
|
||||||
v-if="isLoading"
|
v-if="isLoading"
|
||||||
|
class="fixed left-6 bottom-24 text-center text-4xl leading-none bg-slate-400 text-white w-14 py-2.5 rounded-full"
|
||||||
>
|
>
|
||||||
<font-awesome icon="spinner" class="fa-spin-pulse"></font-awesome>
|
<font-awesome icon="spinner" class="fa-spin-pulse"></font-awesome>
|
||||||
</div>
|
</div>
|
||||||
@@ -183,9 +183,9 @@
|
|||||||
<InfiniteScroll @reached-bottom="loadMoreData">
|
<InfiniteScroll @reached-bottom="loadMoreData">
|
||||||
<ul>
|
<ul>
|
||||||
<li
|
<li
|
||||||
class="border-b border-slate-300"
|
|
||||||
v-for="claim in claims"
|
v-for="claim in claims"
|
||||||
:key="claim.handleId"
|
:key="claim.handleId"
|
||||||
|
class="border-b border-slate-300"
|
||||||
>
|
>
|
||||||
<div class="grid grid-cols-12 gap-4">
|
<div class="grid grid-cols-12 gap-4">
|
||||||
<span class="col-span-2">
|
<span class="col-span-2">
|
||||||
@@ -201,7 +201,7 @@
|
|||||||
{{ claimDescription(claim) }}
|
{{ claimDescription(claim) }}
|
||||||
</span>
|
</span>
|
||||||
<span class="col-span-1">
|
<span class="col-span-1">
|
||||||
<a @click="onClickLoadClaim(claim.id)" class="cursor-pointer">
|
<a class="cursor-pointer" @click="onClickLoadClaim(claim.id)">
|
||||||
<font-awesome
|
<font-awesome
|
||||||
icon="file-lines"
|
icon="file-lines"
|
||||||
class="pl-2 pt-1 text-blue-500"
|
class="pl-2 pt-1 text-blue-500"
|
||||||
|
|||||||
@@ -18,11 +18,11 @@
|
|||||||
:style="{ visibility: isSearchVisible ? 'visible' : 'hidden' }"
|
:style="{ visibility: isSearchVisible ? 'visible' : 'hidden' }"
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
type="text"
|
|
||||||
v-model="searchTerms"
|
v-model="searchTerms"
|
||||||
|
type="text"
|
||||||
placeholder="Search…"
|
placeholder="Search…"
|
||||||
class="block w-full rounded-l border border-r-0 border-slate-400 px-3 py-2"
|
class="block w-full rounded-l border border-r-0 border-slate-400 px-3 py-2"
|
||||||
v-on:keyup.enter="searchSelected()"
|
@keyup.enter="searchSelected()"
|
||||||
/>
|
/>
|
||||||
<button
|
<button
|
||||||
class="px-4 rounded-r bg-slate-200 border border-l-0 border-slate-400"
|
class="px-4 rounded-r bg-slate-200 border border-l-0 border-slate-400"
|
||||||
@@ -39,6 +39,7 @@
|
|||||||
<li>
|
<li>
|
||||||
<a
|
<a
|
||||||
href="#"
|
href="#"
|
||||||
|
:class="computedProjectsTabStyleClassNames()"
|
||||||
@click="
|
@click="
|
||||||
projects = [];
|
projects = [];
|
||||||
userProfiles = [];
|
userProfiles = [];
|
||||||
@@ -46,7 +47,6 @@
|
|||||||
isPeopleActive = false;
|
isPeopleActive = false;
|
||||||
searchSelected();
|
searchSelected();
|
||||||
"
|
"
|
||||||
v-bind:class="computedProjectsTabStyleClassNames()"
|
|
||||||
>
|
>
|
||||||
Projects
|
Projects
|
||||||
</a>
|
</a>
|
||||||
@@ -54,6 +54,7 @@
|
|||||||
<li>
|
<li>
|
||||||
<a
|
<a
|
||||||
href="#"
|
href="#"
|
||||||
|
:class="computedPeopleTabStyleClassNames()"
|
||||||
@click="
|
@click="
|
||||||
projects = [];
|
projects = [];
|
||||||
userProfiles = [];
|
userProfiles = [];
|
||||||
@@ -61,7 +62,6 @@
|
|||||||
isPeopleActive = true;
|
isPeopleActive = true;
|
||||||
searchSelected();
|
searchSelected();
|
||||||
"
|
"
|
||||||
v-bind:class="computedPeopleTabStyleClassNames()"
|
|
||||||
>
|
>
|
||||||
People
|
People
|
||||||
</a>
|
</a>
|
||||||
@@ -75,6 +75,7 @@
|
|||||||
<li>
|
<li>
|
||||||
<a
|
<a
|
||||||
href="#"
|
href="#"
|
||||||
|
:class="computedLocalTabStyleClassNames()"
|
||||||
@click="
|
@click="
|
||||||
projects = [];
|
projects = [];
|
||||||
userProfiles = [];
|
userProfiles = [];
|
||||||
@@ -85,7 +86,6 @@
|
|||||||
tempSearchBox = null;
|
tempSearchBox = null;
|
||||||
searchLocal();
|
searchLocal();
|
||||||
"
|
"
|
||||||
v-bind:class="computedLocalTabStyleClassNames()"
|
|
||||||
>
|
>
|
||||||
Nearby
|
Nearby
|
||||||
<!-- restore when the links don't jump around for different numbers
|
<!-- restore when the links don't jump around for different numbers
|
||||||
@@ -101,6 +101,7 @@
|
|||||||
<li>
|
<li>
|
||||||
<a
|
<a
|
||||||
href="#"
|
href="#"
|
||||||
|
:class="computedMappedTabStyleClassNames()"
|
||||||
@click="
|
@click="
|
||||||
projects = [];
|
projects = [];
|
||||||
userProfiles = [];
|
userProfiles = [];
|
||||||
@@ -111,7 +112,6 @@
|
|||||||
searchTerms = '';
|
searchTerms = '';
|
||||||
tempSearchBox = null;
|
tempSearchBox = null;
|
||||||
"
|
"
|
||||||
v-bind:class="computedMappedTabStyleClassNames()"
|
|
||||||
>
|
>
|
||||||
<!-- search is triggered when map component gets to "ready" state -->
|
<!-- search is triggered when map component gets to "ready" state -->
|
||||||
Mapped
|
Mapped
|
||||||
@@ -120,6 +120,7 @@
|
|||||||
<li>
|
<li>
|
||||||
<a
|
<a
|
||||||
href="#"
|
href="#"
|
||||||
|
:class="computedRemoteTabStyleClassNames()"
|
||||||
@click="
|
@click="
|
||||||
projects = [];
|
projects = [];
|
||||||
userProfiles = [];
|
userProfiles = [];
|
||||||
@@ -130,7 +131,6 @@
|
|||||||
tempSearchBox = null;
|
tempSearchBox = null;
|
||||||
searchAll();
|
searchAll();
|
||||||
"
|
"
|
||||||
v-bind:class="computedRemoteTabStyleClassNames()"
|
|
||||||
>
|
>
|
||||||
Anywhere
|
Anywhere
|
||||||
<!-- restore when the links don't jump around for different numbers
|
<!-- restore when the links don't jump around for different numbers
|
||||||
@@ -179,8 +179,8 @@
|
|||||||
|
|
||||||
<!-- Loading Animation -->
|
<!-- Loading Animation -->
|
||||||
<div
|
<div
|
||||||
class="fixed left-6 bottom-24 text-center text-4xl leading-none bg-slate-400 text-white w-14 py-2.5 rounded-full"
|
|
||||||
v-if="isLoading"
|
v-if="isLoading"
|
||||||
|
class="fixed left-6 bottom-24 text-center text-4xl leading-none bg-slate-400 text-white w-14 py-2.5 rounded-full"
|
||||||
>
|
>
|
||||||
<font-awesome icon="spinner" class="fa-spin-pulse"></font-awesome>
|
<font-awesome icon="spinner" class="fa-spin-pulse"></font-awesome>
|
||||||
</div>
|
</div>
|
||||||
@@ -205,19 +205,19 @@
|
|||||||
<!-- Projects List -->
|
<!-- Projects List -->
|
||||||
<template v-if="isProjectsActive">
|
<template v-if="isProjectsActive">
|
||||||
<li
|
<li
|
||||||
class="border-b border-slate-300"
|
|
||||||
v-for="project in projects"
|
v-for="project in projects"
|
||||||
:key="project.handleId"
|
:key="project.handleId"
|
||||||
|
class="border-b border-slate-300"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
@click="onClickLoadItem(project.handleId)"
|
|
||||||
class="block py-4 flex gap-4 cursor-pointer"
|
class="block py-4 flex gap-4 cursor-pointer"
|
||||||
|
@click="onClickLoadItem(project.handleId)"
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<ProjectIcon
|
<ProjectIcon
|
||||||
:entityId="project.handleId"
|
:entity-id="project.handleId"
|
||||||
:iconSize="48"
|
:icon-size="48"
|
||||||
:imageUrl="project.image"
|
:image-url="project.image"
|
||||||
class="block border border-slate-300 rounded-md max-h-12 max-w-12"
|
class="block border border-slate-300 rounded-md max-h-12 max-w-12"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -246,13 +246,13 @@
|
|||||||
<!-- Profiles List -->
|
<!-- Profiles List -->
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<li
|
<li
|
||||||
class="border-b border-slate-300"
|
|
||||||
v-for="profile in userProfiles"
|
v-for="profile in userProfiles"
|
||||||
:key="profile.issuerDid"
|
:key="profile.issuerDid"
|
||||||
|
class="border-b border-slate-300"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
@click="onClickLoadItem(profile?.rowId || '')"
|
|
||||||
class="block py-4 flex gap-4 cursor-pointer"
|
class="block py-4 flex gap-4 cursor-pointer"
|
||||||
|
@click="onClickLoadItem(profile?.rowId || '')"
|
||||||
>
|
>
|
||||||
<div class="grow">
|
<div class="grow">
|
||||||
<div class="text-sm">
|
<div class="text-sm">
|
||||||
|
|||||||
@@ -44,9 +44,9 @@
|
|||||||
>
|
>
|
||||||
</h1>
|
</h1>
|
||||||
<textarea
|
<textarea
|
||||||
|
v-model="description"
|
||||||
class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
|
class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
|
||||||
placeholder="What was received"
|
placeholder="What was received"
|
||||||
v-model="description"
|
|
||||||
/>
|
/>
|
||||||
<div class="flex flex-row justify-center">
|
<div class="flex flex-row justify-center">
|
||||||
<span
|
<span
|
||||||
@@ -62,9 +62,9 @@
|
|||||||
<font-awesome icon="chevron-left" />
|
<font-awesome icon="chevron-left" />
|
||||||
</div>
|
</div>
|
||||||
<input
|
<input
|
||||||
|
v-model="amountInput"
|
||||||
type="number"
|
type="number"
|
||||||
class="border border-r-0 border-slate-400 px-2 py-2 text-center w-20"
|
class="border border-r-0 border-slate-400 px-2 py-2 text-center w-20"
|
||||||
v-model="amountInput"
|
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
class="rounded-r border border-slate-400 bg-slate-200 px-4 py-2"
|
class="rounded-r border border-slate-400 bg-slate-200 px-4 py-2"
|
||||||
@@ -81,8 +81,8 @@
|
|||||||
</a>
|
</a>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
icon="trash-can"
|
icon="trash-can"
|
||||||
@click="confirmDeleteImage"
|
|
||||||
class="text-red-500 fa-fw ml-8 mt-10"
|
class="text-red-500 fa-fw ml-8 mt-10"
|
||||||
|
@click="confirmDeleteImage"
|
||||||
/>
|
/>
|
||||||
</span>
|
</span>
|
||||||
<span v-else>
|
<span v-else>
|
||||||
@@ -101,9 +101,9 @@
|
|||||||
<div class="flex">
|
<div class="flex">
|
||||||
<input
|
<input
|
||||||
v-if="giverDid && !providedByProject"
|
v-if="giverDid && !providedByProject"
|
||||||
|
v-model="providedByGiver"
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
class="h-6 w-6 mr-2"
|
class="h-6 w-6 mr-2"
|
||||||
v-model="providedByGiver"
|
|
||||||
/>
|
/>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
v-else
|
v-else
|
||||||
@@ -128,9 +128,9 @@
|
|||||||
<div class="flex">
|
<div class="flex">
|
||||||
<input
|
<input
|
||||||
v-if="providerProjectId && !providedByGiver"
|
v-if="providerProjectId && !providedByGiver"
|
||||||
|
v-model="providedByProject"
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
class="h-6 w-6 mr-2"
|
class="h-6 w-6 mr-2"
|
||||||
v-model="providedByProject"
|
|
||||||
/>
|
/>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
v-else
|
v-else
|
||||||
@@ -162,9 +162,9 @@
|
|||||||
<div class="flex">
|
<div class="flex">
|
||||||
<input
|
<input
|
||||||
v-if="recipientDid && !givenToProject"
|
v-if="recipientDid && !givenToProject"
|
||||||
|
v-model="givenToRecipient"
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
class="h-6 w-6 mr-2"
|
class="h-6 w-6 mr-2"
|
||||||
v-model="givenToRecipient"
|
|
||||||
/>
|
/>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
v-else
|
v-else
|
||||||
@@ -189,9 +189,9 @@
|
|||||||
<div class="flex">
|
<div class="flex">
|
||||||
<input
|
<input
|
||||||
v-if="fulfillsProjectId && !givenToRecipient"
|
v-if="fulfillsProjectId && !givenToRecipient"
|
||||||
|
v-model="givenToProject"
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
class="h-6 w-6 mr-2"
|
class="h-6 w-6 mr-2"
|
||||||
v-model="givenToProject"
|
|
||||||
/>
|
/>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
v-else
|
v-else
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mt-8 flex">
|
<div class="mt-8 flex">
|
||||||
<input type="checkbox" class="h-6 w-6 mr-2" v-model="isTrade" />
|
<input v-model="isTrade" type="checkbox" class="h-6 w-6 mr-2" />
|
||||||
<label class="text-sm mt-1">This was a trade (not a gift)</label>
|
<label class="text-sm mt-1">This was a trade (not a gift)</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -30,8 +30,8 @@
|
|||||||
<p>
|
<p>
|
||||||
If this works then you're all set.
|
If this works then you're all set.
|
||||||
<button
|
<button
|
||||||
@click="sendTestWebPushMessage(true)"
|
|
||||||
class="block w-full text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mb-2"
|
class="block w-full text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mb-2"
|
||||||
|
@click="sendTestWebPushMessage(true)"
|
||||||
>
|
>
|
||||||
Send Yourself a Test Web Push Message (Through Push Server but
|
Send Yourself a Test Web Push Message (Through Push Server but
|
||||||
Skipping Client Filter)
|
Skipping Client Filter)
|
||||||
@@ -246,8 +246,8 @@
|
|||||||
|
|
||||||
<h2 class="text-xl font-semibold mt-4">Tests</h2>
|
<h2 class="text-xl font-semibold mt-4">Tests</h2>
|
||||||
<button
|
<button
|
||||||
@click="showTestNotification()"
|
|
||||||
class="block w-full text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mt-4 mb-2"
|
class="block w-full text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mt-4 mb-2"
|
||||||
|
@click="showTestNotification()"
|
||||||
>
|
>
|
||||||
Send Test Notification Directly to Device (Not Through Push Server)
|
Send Test Notification Directly to Device (Not Through Push Server)
|
||||||
</button>
|
</button>
|
||||||
@@ -259,8 +259,8 @@
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="alertWebPushSubscription()"
|
|
||||||
class="block w-full text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mt-4 mb-2"
|
class="block w-full text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mt-4 mb-2"
|
||||||
|
@click="alertWebPushSubscription()"
|
||||||
>
|
>
|
||||||
Show Web Push Subscription Info
|
Show Web Push Subscription Info
|
||||||
</button>
|
</button>
|
||||||
@@ -272,8 +272,8 @@
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="sendTestWebPushMessage(true)"
|
|
||||||
class="block w-full text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mt-4 mb-2"
|
class="block w-full text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mt-4 mb-2"
|
||||||
|
@click="sendTestWebPushMessage(true)"
|
||||||
>
|
>
|
||||||
Send Yourself a Test Web Push Message (Through Push Server but Skipping
|
Send Yourself a Test Web Push Message (Through Push Server but Skipping
|
||||||
Client Filter)
|
Client Filter)
|
||||||
@@ -285,8 +285,8 @@
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="sendTestWebPushMessage()"
|
|
||||||
class="block w-full text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mt-4 mb-2"
|
class="block w-full text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mt-4 mb-2"
|
||||||
|
@click="sendTestWebPushMessage()"
|
||||||
>
|
>
|
||||||
Send Yourself a Test Web Push Message (Through Push Server and Client
|
Send Yourself a Test Web Push Message (Through Push Server and Client
|
||||||
Filter)
|
Filter)
|
||||||
|
|||||||
@@ -30,8 +30,8 @@
|
|||||||
<p class="ml-4">
|
<p class="ml-4">
|
||||||
If you'd like to see the page-by-page help,
|
If you'd like to see the page-by-page help,
|
||||||
<span
|
<span
|
||||||
@click="unsetFinishedOnboarding()"
|
|
||||||
class="text-blue-500 cursor-pointer"
|
class="text-blue-500 cursor-pointer"
|
||||||
|
@click="unsetFinishedOnboarding()"
|
||||||
>click here</span>.
|
>click here</span>.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
@@ -61,7 +61,7 @@
|
|||||||
<h2 class="text-xl font-semibold">I want to know more because...</h2>
|
<h2 class="text-xl font-semibold">I want to know more because...</h2>
|
||||||
<ul class="list-disc list-outside ml-4">
|
<ul class="list-disc list-outside ml-4">
|
||||||
<li class="p-2">
|
<li class="p-2">
|
||||||
<div @click="showAlpha = !showAlpha" class="text-blue-500">... I'm a member of Alpha chat.</div>
|
<div class="text-blue-500" @click="showAlpha = !showAlpha">... I'm a member of Alpha chat.</div>
|
||||||
<div v-if="showAlpha">
|
<div v-if="showAlpha">
|
||||||
<p>
|
<p>
|
||||||
This is a project for public benefit. You are invited to add your gratitude
|
This is a project for public benefit. You are invited to add your gratitude
|
||||||
@@ -98,7 +98,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="p-2">
|
<li class="p-2">
|
||||||
<div @click="showGroup = !showGroup" class="text-blue-500">... I want to find a group I'll enjoy working with.</div>
|
<div class="text-blue-500" @click="showGroup = !showGroup">... I want to find a group I'll enjoy working with.</div>
|
||||||
<div v-if="showGroup">
|
<div v-if="showGroup">
|
||||||
<p>
|
<p>
|
||||||
This app encourages people to offer small bits of time to one another. It's a way to
|
This app encourages people to offer small bits of time to one another. It's a way to
|
||||||
@@ -114,7 +114,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="p-2">
|
<li class="p-2">
|
||||||
<div @click="showCommunity = !showCommunity" class="text-blue-500">... I want to participate in community projects.</div>
|
<div class="text-blue-500" @click="showCommunity = !showCommunity">... I want to participate in community projects.</div>
|
||||||
<div v-if="showCommunity">
|
<div v-if="showCommunity">
|
||||||
<p>
|
<p>
|
||||||
These are mostly at the beginning stages, so any of them will appreciate your offers that show interest.
|
These are mostly at the beginning stages, so any of them will appreciate your offers that show interest.
|
||||||
@@ -127,7 +127,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="p-2">
|
<li class="p-2">
|
||||||
<div @click="showVerifiable = !showVerifiable" class="text-blue-500">... I want to build with verifiable, private data.</div>
|
<div class="text-blue-500" @click="showVerifiable = !showVerifiable">... I want to build with verifiable, private data.</div>
|
||||||
<div v-if="showVerifiable">
|
<div v-if="showVerifiable">
|
||||||
<p>
|
<p>
|
||||||
Make your claims and get others to confirm them. Then you can use the API to pull your copy of all that
|
Make your claims and get others to confirm them. Then you can use the API to pull your copy of all that
|
||||||
@@ -153,7 +153,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="p-2">
|
<li class="p-2">
|
||||||
<div @click="showGovernance = !showGovernance" class="text-blue-500">... I want to build governance organically.</div>
|
<div class="text-blue-500" @click="showGovernance = !showGovernance">... I want to build governance organically.</div>
|
||||||
<div v-if="showGovernance">
|
<div v-if="showGovernance">
|
||||||
<p>
|
<p>
|
||||||
This requires motivated, dedicated citizens. The good thing is that dedication the primary ingredient;
|
This requires motivated, dedicated citizens. The good thing is that dedication the primary ingredient;
|
||||||
@@ -172,7 +172,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="p-2">
|
<li class="p-2">
|
||||||
<div @click="showBasics = !showBasics" class="text-blue-500">... I want to supply life's basics freely.</div>
|
<div class="text-blue-500" @click="showBasics = !showBasics">... I want to supply life's basics freely.</div>
|
||||||
<div v-if="showBasics">
|
<div v-if="showBasics">
|
||||||
<p>
|
<p>
|
||||||
This platform is not optimal for balancing needs and resources at this point,
|
This platform is not optimal for balancing needs and resources at this point,
|
||||||
@@ -529,13 +529,13 @@
|
|||||||
If you have skills, contact us below.
|
If you have skills, contact us below.
|
||||||
If you have Bitcoin, donate to
|
If you have Bitcoin, donate to
|
||||||
<button
|
<button
|
||||||
|
class="text-blue-500 ml-2"
|
||||||
@click="
|
@click="
|
||||||
doCopyTwoSecRedo(
|
doCopyTwoSecRedo(
|
||||||
'bc1q90v4ted6cpt63tjfh2lvd5xzfc67sd4g9w8xma',
|
'bc1q90v4ted6cpt63tjfh2lvd5xzfc67sd4g9w8xma',
|
||||||
() => (showDidCopy = !showDidCopy)
|
() => (showDidCopy = !showDidCopy)
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
class="text-blue-500 ml-2"
|
|
||||||
>
|
>
|
||||||
bc1q90v4ted6cpt63tjfh2lvd5xzfc67sd4g9w8xma
|
bc1q90v4ted6cpt63tjfh2lvd5xzfc67sd4g9w8xma
|
||||||
<font-awesome v-show="!showDidCopy" icon="copy" class="text-sm text-slate-400 fa-fw" />
|
<font-awesome v-show="!showDidCopy" icon="copy" class="text-sm text-slate-400 fa-fw" />
|
||||||
|
|||||||
@@ -87,8 +87,8 @@
|
|||||||
To share, someone must register you.
|
To share, someone must register you.
|
||||||
<div class="block text-center">
|
<div class="block text-center">
|
||||||
<button
|
<button
|
||||||
@click="showNameThenIdDialog()"
|
|
||||||
class="text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mt-2 px-2 py-3 rounded-md"
|
class="text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mt-2 px-2 py-3 rounded-md"
|
||||||
|
@click="showNameThenIdDialog()"
|
||||||
>
|
>
|
||||||
Show them {{ PASSKEYS_ENABLED ? "default" : "your" }} identifier
|
Show them {{ PASSKEYS_ENABLED ? "default" : "your" }} identifier
|
||||||
info
|
info
|
||||||
@@ -112,8 +112,8 @@
|
|||||||
<div class="flex">
|
<div class="flex">
|
||||||
<h2 class="text-xl font-bold">What have you seen someone do?</h2>
|
<h2 class="text-xl font-bold">What have you seen someone do?</h2>
|
||||||
<button
|
<button
|
||||||
@click="openGiftedPrompts()"
|
|
||||||
class="ml-2 block text-xs text-center bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1 rounded-md"
|
class="ml-2 block text-xs text-center bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1 rounded-md"
|
||||||
|
@click="openGiftedPrompts()"
|
||||||
>
|
>
|
||||||
<font-awesome icon="lightbulb" class="fa-fw" />
|
<font-awesome icon="lightbulb" class="fa-fw" />
|
||||||
</button>
|
</button>
|
||||||
@@ -143,7 +143,7 @@
|
|||||||
>
|
>
|
||||||
<EntityIcon
|
<EntityIcon
|
||||||
:contact="contact"
|
:contact="contact"
|
||||||
:iconSize="64"
|
:icon-size="64"
|
||||||
class="mx-auto border border-blue-500 rounded-md mb-1 cursor-pointer"
|
class="mx-auto border border-blue-500 rounded-md mb-1 cursor-pointer"
|
||||||
/>
|
/>
|
||||||
<h3
|
<h3
|
||||||
@@ -204,8 +204,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
@click="goToActivityToUserPage()"
|
|
||||||
class="border-t p-2 border-slate-300"
|
class="border-t p-2 border-slate-300"
|
||||||
|
@click="goToActivityToUserPage()"
|
||||||
>
|
>
|
||||||
<div class="flex justify-center">
|
<div class="flex justify-center">
|
||||||
<div
|
<div
|
||||||
@@ -247,13 +247,13 @@
|
|||||||
<InfiniteScroll @reached-bottom="loadMoreGives">
|
<InfiniteScroll @reached-bottom="loadMoreGives">
|
||||||
<ul id="listLatestActivity" class="border-t border-slate-300">
|
<ul id="listLatestActivity" class="border-t border-slate-300">
|
||||||
<li
|
<li
|
||||||
class="border-b border-slate-300 py-2"
|
|
||||||
v-for="record in feedData"
|
v-for="record in feedData"
|
||||||
:key="record.jwtId"
|
:key="record.jwtId"
|
||||||
|
class="border-b border-slate-300 py-2"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="border-b border-slate-300 text-orange-400 pb-2 mb-2 font-bold text-sm"
|
|
||||||
v-if="record.jwtId == feedLastViewedClaimId"
|
v-if="record.jwtId == feedLastViewedClaimId"
|
||||||
|
class="border-b border-slate-300 text-orange-400 pb-2 mb-2 font-bold text-sm"
|
||||||
>
|
>
|
||||||
You've already seen all the following
|
You've already seen all the following
|
||||||
</div>
|
</div>
|
||||||
@@ -374,9 +374,9 @@
|
|||||||
<ChoiceButtonDialog ref="choiceButtonDialog" />
|
<ChoiceButtonDialog ref="choiceButtonDialog" />
|
||||||
|
|
||||||
<ImageViewer
|
<ImageViewer
|
||||||
|
v-model:is-open="isImageViewerOpen"
|
||||||
:image-url="selectedImage"
|
:image-url="selectedImage"
|
||||||
:image-data="selectedImageData"
|
:image-data="selectedImageData"
|
||||||
v-model:is-open="isImageViewerOpen"
|
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -5,8 +5,8 @@
|
|||||||
<h1 class="text-lg text-center font-light relative px-7">
|
<h1 class="text-lg text-center font-light relative px-7">
|
||||||
<!-- Cancel -->
|
<!-- Cancel -->
|
||||||
<button
|
<button
|
||||||
@click="$router.go(-1)"
|
|
||||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||||
|
@click="$router.go(-1)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="chevron-left"></font-awesome>
|
<font-awesome icon="chevron-left"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
@@ -20,10 +20,10 @@
|
|||||||
<!-- id used by puppeteer test script -->
|
<!-- id used by puppeteer test script -->
|
||||||
<textarea
|
<textarea
|
||||||
id="seed-input"
|
id="seed-input"
|
||||||
|
v-model="mnemonic"
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="Seed Phrase"
|
placeholder="Seed Phrase"
|
||||||
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
||||||
v-model="mnemonic"
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<h3
|
<h3
|
||||||
@@ -35,22 +35,22 @@
|
|||||||
<div v-if="showAdvanced">
|
<div v-if="showAdvanced">
|
||||||
Enter a custom derivation path
|
Enter a custom derivation path
|
||||||
<input
|
<input
|
||||||
|
v-model="derivationPath"
|
||||||
type="text"
|
type="text"
|
||||||
class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
|
class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
|
||||||
v-model="derivationPath"
|
|
||||||
/>
|
/>
|
||||||
<span class="ml-4">
|
<span class="ml-4">
|
||||||
For previous uPort or Endorser users,
|
For previous uPort or Endorser users,
|
||||||
<a
|
<a
|
||||||
@click="derivationPath = UPORT_DERIVATION_PATH"
|
|
||||||
class="text-blue-500"
|
class="text-blue-500"
|
||||||
|
@click="derivationPath = UPORT_DERIVATION_PATH"
|
||||||
>
|
>
|
||||||
click here to use that value.
|
click here to use that value.
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<div class="mt-4" v-if="numAccounts == 1">
|
<div v-if="numAccounts == 1" class="mt-4">
|
||||||
<input type="checkbox" class="mr-2" v-model="shouldErase" />
|
<input v-model="shouldErase" type="checkbox" class="mr-2" />
|
||||||
<label>Erase the previous identifier.</label>
|
<label>Erase the previous identifier.</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -65,15 +65,15 @@
|
|||||||
<div class="mt-8">
|
<div class="mt-8">
|
||||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
|
||||||
<button
|
<button
|
||||||
@click="fromMnemonic()"
|
|
||||||
class="block w-full text-center text-lg font-bold uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
|
class="block w-full text-center text-lg font-bold uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
|
||||||
|
@click="fromMnemonic()"
|
||||||
>
|
>
|
||||||
Import
|
Import
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
@click="onCancelClick()"
|
|
||||||
type="button"
|
type="button"
|
||||||
class="block w-full text-center text-md uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md"
|
class="block w-full text-center text-md uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md"
|
||||||
|
@click="onCancelClick()"
|
||||||
>
|
>
|
||||||
Cancel
|
Cancel
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -5,8 +5,8 @@
|
|||||||
<h1 class="text-lg text-center font-light relative px-7">
|
<h1 class="text-lg text-center font-light relative px-7">
|
||||||
<!-- Cancel -->
|
<!-- Cancel -->
|
||||||
<button
|
<button
|
||||||
@click="$router.go(-1)"
|
|
||||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||||
|
@click="$router.go(-1)"
|
||||||
>
|
>
|
||||||
<font-awesome icon="chevron-left"></font-awesome>
|
<font-awesome icon="chevron-left"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
@@ -25,9 +25,9 @@
|
|||||||
</p>
|
</p>
|
||||||
<ul class="mb-4">
|
<ul class="mb-4">
|
||||||
<li
|
<li
|
||||||
class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-2"
|
|
||||||
v-for="dids in didArrays"
|
v-for="dids in didArrays"
|
||||||
:key="dids[0]"
|
:key="dids[0]"
|
||||||
|
class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-2"
|
||||||
@click="switchAccount(dids[0])"
|
@click="switchAccount(dids[0])"
|
||||||
>
|
>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
@@ -51,15 +51,15 @@
|
|||||||
<div class="mt-8">
|
<div class="mt-8">
|
||||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
|
||||||
<button
|
<button
|
||||||
@click="incrementDerivation()"
|
|
||||||
class="block w-full text-center text-lg font-bold uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
|
class="block w-full text-center text-lg font-bold uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
|
||||||
|
@click="incrementDerivation()"
|
||||||
>
|
>
|
||||||
Increment and Import
|
Increment and Import
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
@click="onCancelClick()"
|
|
||||||
type="button"
|
type="button"
|
||||||
class="block w-full text-center text-md uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md"
|
class="block w-full text-center text-md uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md"
|
||||||
|
@click="onCancelClick()"
|
||||||
>
|
>
|
||||||
Cancel
|
Cancel
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -28,8 +28,8 @@
|
|||||||
/>
|
/>
|
||||||
<br />
|
<br />
|
||||||
<button
|
<button
|
||||||
@click="() => processInvite(inputJwt, true)"
|
|
||||||
class="ml-2 p-2 bg-blue-500 text-white rounded"
|
class="ml-2 p-2 bg-blue-500 text-white rounded"
|
||||||
|
@click="() => processInvite(inputJwt, true)"
|
||||||
>
|
>
|
||||||
Accept
|
Accept
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -72,16 +72,18 @@
|
|||||||
!invite.redeemedAt &&
|
!invite.redeemedAt &&
|
||||||
invite.expiresAt > new Date().toISOString()
|
invite.expiresAt > new Date().toISOString()
|
||||||
"
|
"
|
||||||
|
class="text-center text-blue-500 cursor-pointer"
|
||||||
|
:title="inviteLink(invite.jwt)"
|
||||||
@click="
|
@click="
|
||||||
copyInviteAndNotify(invite.inviteIdentifier, invite.jwt)
|
copyInviteAndNotify(invite.inviteIdentifier, invite.jwt)
|
||||||
"
|
"
|
||||||
class="text-center text-blue-500 cursor-pointer"
|
|
||||||
:title="inviteLink(invite.jwt)"
|
|
||||||
>
|
>
|
||||||
{{ getTruncatedInviteId(invite.inviteIdentifier) }}
|
{{ getTruncatedInviteId(invite.inviteIdentifier) }}
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
v-else
|
v-else
|
||||||
|
class="text-center text-slate-500 cursor-pointer"
|
||||||
|
:title="inviteLink(invite.jwt)"
|
||||||
@click="
|
@click="
|
||||||
showInvite(
|
showInvite(
|
||||||
invite.inviteIdentifier,
|
invite.inviteIdentifier,
|
||||||
@@ -89,8 +91,6 @@
|
|||||||
invite.expiresAt < new Date().toISOString(),
|
invite.expiresAt < new Date().toISOString(),
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
class="text-center text-slate-500 cursor-pointer"
|
|
||||||
:title="inviteLink(invite.jwt)"
|
|
||||||
>
|
>
|
||||||
{{ getTruncatedInviteId(invite.inviteIdentifier) }}
|
{{ getTruncatedInviteId(invite.inviteIdentifier) }}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -8,8 +8,8 @@
|
|||||||
<!-- Back -->
|
<!-- Back -->
|
||||||
<font-awesome
|
<font-awesome
|
||||||
icon="chevron-left"
|
icon="chevron-left"
|
||||||
@click="$router.back()"
|
|
||||||
class="fa-fw text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
class="fa-fw text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||||
|
@click="$router.back()"
|
||||||
/>
|
/>
|
||||||
New Activity For You
|
New Activity For You
|
||||||
</h1>
|
</h1>
|
||||||
@@ -66,8 +66,8 @@
|
|||||||
</router-link>
|
</router-link>
|
||||||
<!-- New line that appears on hover or when the offer is clicked -->
|
<!-- New line that appears on hover or when the offer is clicked -->
|
||||||
<div
|
<div
|
||||||
@click="markOffersAsReadStartingWith(offer.jwtId)"
|
|
||||||
class="absolute left-0 w-full text-left text-gray-500 text-sm hidden group-hover:flex cursor-pointer items-center"
|
class="absolute left-0 w-full text-left text-gray-500 text-sm hidden group-hover:flex cursor-pointer items-center"
|
||||||
|
@click="markOffersAsReadStartingWith(offer.jwtId)"
|
||||||
>
|
>
|
||||||
<span class="inline-block w-8 h-px bg-gray-500 mr-2" />
|
<span class="inline-block w-8 h-px bg-gray-500 mr-2" />
|
||||||
Click to keep all above as new offers
|
Click to keep all above as new offers
|
||||||
@@ -135,8 +135,8 @@
|
|||||||
</router-link>
|
</router-link>
|
||||||
<!-- New line that appears on hover -->
|
<!-- New line that appears on hover -->
|
||||||
<div
|
<div
|
||||||
@click="markOffersToUserProjectsAsReadStartingWith(offer.jwtId)"
|
|
||||||
class="absolute left-0 w-full text-left text-gray-500 text-sm hidden group-hover:flex cursor-pointer items-center"
|
class="absolute left-0 w-full text-left text-gray-500 text-sm hidden group-hover:flex cursor-pointer items-center"
|
||||||
|
@click="markOffersToUserProjectsAsReadStartingWith(offer.jwtId)"
|
||||||
>
|
>
|
||||||
<span class="inline-block w-8 h-px bg-gray-500 mr-2" />
|
<span class="inline-block w-8 h-px bg-gray-500 mr-2" />
|
||||||
Click to keep all above as new offers
|
Click to keep all above as new offers
|
||||||
|
|||||||
@@ -5,8 +5,8 @@
|
|||||||
<h1 class="text-lg text-center font-light relative px-7">
|
<h1 class="text-lg text-center font-light relative px-7">
|
||||||
<!-- Cancel -->
|
<!-- Cancel -->
|
||||||
<button
|
<button
|
||||||
@click="$router.back()"
|
|
||||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||||
|
@click="$router.back()"
|
||||||
>
|
>
|
||||||
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
|
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
@@ -15,10 +15,10 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<input
|
<input
|
||||||
|
v-model="givenName"
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="Name"
|
placeholder="Name"
|
||||||
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
||||||
v-model="givenName"
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div class="mt-8">
|
<div class="mt-8">
|
||||||
|
|||||||
@@ -8,8 +8,8 @@
|
|||||||
<!-- Cancel -->
|
<!-- Cancel -->
|
||||||
<!-- Back -->
|
<!-- Back -->
|
||||||
<button
|
<button
|
||||||
@click="$router.back()"
|
|
||||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||||
|
@click="$router.back()"
|
||||||
>
|
>
|
||||||
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
|
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
@@ -25,10 +25,10 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<input
|
<input
|
||||||
|
v-model="fullClaim.name"
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="Idea Name"
|
placeholder="Idea Name"
|
||||||
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
||||||
v-model="fullClaim.name"
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div class="flex justify-center mt-4">
|
<div class="flex justify-center mt-4">
|
||||||
@@ -38,8 +38,8 @@
|
|||||||
</a>
|
</a>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
icon="trash-can"
|
icon="trash-can"
|
||||||
@click="confirmDeleteImage"
|
|
||||||
class="text-red-500 fa-fw ml-8 mt-10"
|
class="text-red-500 fa-fw ml-8 mt-10"
|
||||||
|
@click="confirmDeleteImage"
|
||||||
/>
|
/>
|
||||||
</span>
|
</span>
|
||||||
<span v-else>
|
<span v-else>
|
||||||
@@ -53,27 +53,27 @@
|
|||||||
<ImageMethodDialog ref="imageDialog" />
|
<ImageMethodDialog ref="imageDialog" />
|
||||||
|
|
||||||
<input
|
<input
|
||||||
|
v-model="agentDid"
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="Other Authorized Representative"
|
placeholder="Other Authorized Representative"
|
||||||
class="mt-4 block w-full rounded border border-slate-400 px-3 py-2"
|
class="mt-4 block w-full rounded border border-slate-400 px-3 py-2"
|
||||||
v-model="agentDid"
|
|
||||||
/>
|
/>
|
||||||
<div class="mb-4">
|
<div class="mb-4">
|
||||||
<p v-if="activeDid != projectIssuerDid && agentDid != projectIssuerDid">
|
<p v-if="activeDid != projectIssuerDid && agentDid != projectIssuerDid">
|
||||||
<span class="text-red-500">Beware!</span>
|
<span class="text-red-500">Beware!</span>
|
||||||
If you save this, the original project owner will no longer be able to
|
If you save this, the original project owner will no longer be able to
|
||||||
edit it.
|
edit it.
|
||||||
<button @click="agentDid = projectIssuerDid" class="text-blue-500">
|
<button class="text-blue-500" @click="agentDid = projectIssuerDid">
|
||||||
Click here to make the original owner an authorized representative.
|
Click here to make the original owner an authorized representative.
|
||||||
</button>
|
</button>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<textarea
|
<textarea
|
||||||
|
v-model="fullClaim.description"
|
||||||
placeholder="Description"
|
placeholder="Description"
|
||||||
class="block w-full rounded border border-slate-400 px-3 py-2"
|
class="block w-full rounded border border-slate-400 px-3 py-2"
|
||||||
rows="5"
|
rows="5"
|
||||||
v-model="fullClaim.description"
|
|
||||||
maxlength="5000"
|
maxlength="5000"
|
||||||
></textarea>
|
></textarea>
|
||||||
<div class="text-xs text-slate-500 italic">
|
<div class="text-xs text-slate-500 italic">
|
||||||
@@ -102,9 +102,9 @@
|
|||||||
class="rounded border border-slate-400 px-3 py-2"
|
class="rounded border border-slate-400 px-3 py-2"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
|
v-model="startTimeInput"
|
||||||
:disabled="!startDateInput"
|
:disabled="!startDateInput"
|
||||||
placeholder="Start Time"
|
placeholder="Start Time"
|
||||||
v-model="startTimeInput"
|
|
||||||
type="time"
|
type="time"
|
||||||
class="rounded border border-slate-400 ml-2 px-3 py-2"
|
class="rounded border border-slate-400 ml-2 px-3 py-2"
|
||||||
/>
|
/>
|
||||||
@@ -127,9 +127,9 @@
|
|||||||
class="ml-2 rounded border border-slate-400 px-3 py-2"
|
class="ml-2 rounded border border-slate-400 px-3 py-2"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
|
v-model="endTimeInput"
|
||||||
:disabled="!endDateInput"
|
:disabled="!endDateInput"
|
||||||
placeholder="End Time"
|
placeholder="End Time"
|
||||||
v-model="endTimeInput"
|
|
||||||
type="time"
|
type="time"
|
||||||
class="rounded border border-slate-400 ml-2 px-3 py-2"
|
class="rounded border border-slate-400 ml-2 px-3 py-2"
|
||||||
/>
|
/>
|
||||||
@@ -140,7 +140,7 @@
|
|||||||
class="flex items-center mt-4"
|
class="flex items-center mt-4"
|
||||||
@click="includeLocation = !includeLocation"
|
@click="includeLocation = !includeLocation"
|
||||||
>
|
>
|
||||||
<input type="checkbox" class="mr-2" v-model="includeLocation" />
|
<input v-model="includeLocation" type="checkbox" class="mr-2" />
|
||||||
<label for="includeLocation">Include Location</label>
|
<label for="includeLocation">Include Location</label>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="includeLocation" class="mb-4 aspect-video">
|
<div v-if="includeLocation" class="mb-4 aspect-video">
|
||||||
@@ -179,7 +179,7 @@
|
|||||||
class="items-center mb-4"
|
class="items-center mb-4"
|
||||||
>
|
>
|
||||||
<div class="flex" @click="sendToTrustroots = !sendToTrustroots">
|
<div class="flex" @click="sendToTrustroots = !sendToTrustroots">
|
||||||
<input type="checkbox" class="mr-2" v-model="sendToTrustroots" />
|
<input v-model="sendToTrustroots" type="checkbox" class="mr-2" />
|
||||||
<label>Send to Trustroots</label>
|
<label>Send to Trustroots</label>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
icon="circle-info"
|
icon="circle-info"
|
||||||
|
|||||||
@@ -33,9 +33,9 @@
|
|||||||
>
|
>
|
||||||
</h1>
|
</h1>
|
||||||
<textarea
|
<textarea
|
||||||
|
v-model="descriptionOfItem"
|
||||||
class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
|
class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
|
||||||
placeholder="What is offered"
|
placeholder="What is offered"
|
||||||
v-model="descriptionOfItem"
|
|
||||||
data-testId="itemDescription"
|
data-testId="itemDescription"
|
||||||
/>
|
/>
|
||||||
<div class="flex flex-row justify-center">
|
<div class="flex flex-row justify-center">
|
||||||
@@ -52,9 +52,9 @@
|
|||||||
<font-awesome icon="chevron-left" />
|
<font-awesome icon="chevron-left" />
|
||||||
</div>
|
</div>
|
||||||
<input
|
<input
|
||||||
|
v-model="amountInput"
|
||||||
type="number"
|
type="number"
|
||||||
class="border border-r-0 border-slate-400 px-2 py-2 text-center w-20"
|
class="border border-r-0 border-slate-400 px-2 py-2 text-center w-20"
|
||||||
v-model="amountInput"
|
|
||||||
data-testId="inputOfferAmount"
|
data-testId="inputOfferAmount"
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@@ -72,9 +72,9 @@
|
|||||||
Conditions
|
Conditions
|
||||||
</span>
|
</span>
|
||||||
<textarea
|
<textarea
|
||||||
|
v-model="descriptionOfCondition"
|
||||||
class="w-full border border-slate-400 px-3 py-2 rounded-r"
|
class="w-full border border-slate-400 px-3 py-2 rounded-r"
|
||||||
placeholder="Prerequisites, other people to include, etc."
|
placeholder="Prerequisites, other people to include, etc."
|
||||||
v-model="descriptionOfCondition"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -94,9 +94,9 @@
|
|||||||
<div class="h-7 mt-4 flex">
|
<div class="h-7 mt-4 flex">
|
||||||
<input
|
<input
|
||||||
v-if="projectId && !offeredToRecipient"
|
v-if="projectId && !offeredToRecipient"
|
||||||
|
v-model="offeredToProject"
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
class="h-6 w-6 mr-2"
|
class="h-6 w-6 mr-2"
|
||||||
v-model="offeredToProject"
|
|
||||||
/>
|
/>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
v-else
|
v-else
|
||||||
@@ -116,9 +116,9 @@
|
|||||||
<div class="h-7 mt-4 flex">
|
<div class="h-7 mt-4 flex">
|
||||||
<input
|
<input
|
||||||
v-if="recipientDid && !offeredToProject"
|
v-if="recipientDid && !offeredToProject"
|
||||||
|
v-model="offeredToRecipient"
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
class="h-6 w-6 mr-2"
|
class="h-6 w-6 mr-2"
|
||||||
v-model="offeredToRecipient"
|
|
||||||
/>
|
/>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
v-else
|
v-else
|
||||||
|
|||||||
@@ -22,9 +22,9 @@
|
|||||||
<div class="flex justify-between items-center">
|
<div class="flex justify-between items-center">
|
||||||
<h2 class="text-xl font-medium">{{ attendingMeeting.name }}</h2>
|
<h2 class="text-xl font-medium">{{ attendingMeeting.name }}</h2>
|
||||||
<button
|
<button
|
||||||
@click.stop="leaveMeeting"
|
|
||||||
class="text-red-600 hover:text-red-700 p-2"
|
class="text-red-600 hover:text-red-700 p-2"
|
||||||
title="Leave Meeting"
|
title="Leave Meeting"
|
||||||
|
@click.stop="leaveMeeting"
|
||||||
>
|
>
|
||||||
<font-awesome icon="right-from-bracket" />
|
<font-awesome icon="right-from-bracket" />
|
||||||
</button>
|
</button>
|
||||||
@@ -65,14 +65,14 @@
|
|||||||
/>
|
/>
|
||||||
<div class="flex justify-end space-x-4">
|
<div class="flex justify-end space-x-4">
|
||||||
<button
|
<button
|
||||||
@click="cancelPasswordDialog"
|
|
||||||
class="px-4 py-2 bg-gray-200 rounded hover:bg-gray-300"
|
class="px-4 py-2 bg-gray-200 rounded hover:bg-gray-300"
|
||||||
|
@click="cancelPasswordDialog"
|
||||||
>
|
>
|
||||||
Cancel
|
Cancel
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
@click="submitPassword"
|
|
||||||
class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700"
|
class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700"
|
||||||
|
@click="submitPassword"
|
||||||
>
|
>
|
||||||
Submit
|
Submit
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -10,8 +10,8 @@
|
|||||||
|
|
||||||
<!-- Loading Animation -->
|
<!-- Loading Animation -->
|
||||||
<div
|
<div
|
||||||
class="mt-16 text-center text-4xl bg-slate-400 text-white w-14 py-2.5 rounded-full mx-auto"
|
|
||||||
v-if="isLoading"
|
v-if="isLoading"
|
||||||
|
class="mt-16 text-center text-4xl bg-slate-400 text-white w-14 py-2.5 rounded-full mx-auto"
|
||||||
>
|
>
|
||||||
<font-awesome icon="spinner" class="fa-spin-pulse"></font-awesome>
|
<font-awesome icon="spinner" class="fa-spin-pulse"></font-awesome>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -17,9 +17,9 @@
|
|||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<h2 class="text-2xl">Current Meeting</h2>
|
<h2 class="text-2xl">Current Meeting</h2>
|
||||||
<button
|
<button
|
||||||
@click="startEditing"
|
|
||||||
class="mb-4 text-blue-600 hover:text-blue-800 transition-colors duration-200 ml-2"
|
class="mb-4 text-blue-600 hover:text-blue-800 transition-colors duration-200 ml-2"
|
||||||
title="Edit Meeting"
|
title="Edit Meeting"
|
||||||
|
@click="startEditing"
|
||||||
>
|
>
|
||||||
<font-awesome icon="pen" class="fa-fw" />
|
<font-awesome icon="pen" class="fa-fw" />
|
||||||
<span class="sr-only">{{
|
<span class="sr-only">{{
|
||||||
@@ -28,11 +28,11 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
@click="confirmDelete"
|
|
||||||
class="text-red-600 hover:text-red-800 transition-colors duration-200"
|
class="text-red-600 hover:text-red-800 transition-colors duration-200"
|
||||||
:disabled="isDeleting"
|
:disabled="isDeleting"
|
||||||
:class="{ 'opacity-50 cursor-not-allowed': isDeleting }"
|
:class="{ 'opacity-50 cursor-not-allowed': isDeleting }"
|
||||||
title="Delete Meeting"
|
title="Delete Meeting"
|
||||||
|
@click="confirmDelete"
|
||||||
>
|
>
|
||||||
<font-awesome icon="trash-can" class="fa-fw" />
|
<font-awesome icon="trash-can" class="fa-fw" />
|
||||||
<span class="sr-only">{{
|
<span class="sr-only">{{
|
||||||
@@ -72,14 +72,14 @@
|
|||||||
</p>
|
</p>
|
||||||
<div class="flex justify-between space-x-4">
|
<div class="flex justify-between space-x-4">
|
||||||
<button
|
<button
|
||||||
@click="showDeleteConfirm = false"
|
|
||||||
class="px-4 py-2 bg-slate-500 text-white rounded hover:bg-slate-700"
|
class="px-4 py-2 bg-slate-500 text-white rounded hover:bg-slate-700"
|
||||||
|
@click="showDeleteConfirm = false"
|
||||||
>
|
>
|
||||||
Cancel
|
Cancel
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
@click="deleteMeeting"
|
|
||||||
class="px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700"
|
class="px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700"
|
||||||
|
@click="deleteMeeting"
|
||||||
>
|
>
|
||||||
Delete
|
Delete
|
||||||
</button>
|
</button>
|
||||||
@@ -101,8 +101,8 @@
|
|||||||
</h2>
|
</h2>
|
||||||
<!-- This is my first form. Not sure if I like it; will see if the browser benefits extend to the native app. -->
|
<!-- This is my first form. Not sure if I like it; will see if the browser benefits extend to the native app. -->
|
||||||
<form
|
<form
|
||||||
@submit.prevent="isInCreateMode() ? createMeeting() : updateMeeting()"
|
|
||||||
class="space-y-4"
|
class="space-y-4"
|
||||||
|
@submit.prevent="isInCreateMode() ? createMeeting() : updateMeeting()"
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<label
|
<label
|
||||||
@@ -182,8 +182,8 @@
|
|||||||
<button
|
<button
|
||||||
v-if="isInEditOrCreateMode()"
|
v-if="isInEditOrCreateMode()"
|
||||||
type="button"
|
type="button"
|
||||||
@click="cancelEditing"
|
|
||||||
class="w-full bg-slate-500 text-white px-4 py-2 rounded-md hover:bg-slate-600"
|
class="w-full bg-slate-500 text-white px-4 py-2 rounded-md hover:bg-slate-600"
|
||||||
|
@click="cancelEditing"
|
||||||
>
|
>
|
||||||
Cancel
|
Cancel
|
||||||
</button>
|
</button>
|
||||||
@@ -211,8 +211,8 @@
|
|||||||
<MembersList
|
<MembersList
|
||||||
:password="currentMeeting.password || ''"
|
:password="currentMeeting.password || ''"
|
||||||
:show-organizer-tools="true"
|
:show-organizer-tools="true"
|
||||||
@error="handleMembersError"
|
|
||||||
class="mt-4"
|
class="mt-4"
|
||||||
|
@error="handleMembersError"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -10,8 +10,8 @@
|
|||||||
<h1 class="text-center text-lg font-light relative px-7">
|
<h1 class="text-center text-lg font-light relative px-7">
|
||||||
<!-- Back -->
|
<!-- Back -->
|
||||||
<button
|
<button
|
||||||
@click="$router.back()"
|
|
||||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||||
|
@click="$router.back()"
|
||||||
>
|
>
|
||||||
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
|
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
@@ -21,9 +21,9 @@
|
|||||||
{{ name }}
|
{{ name }}
|
||||||
<button
|
<button
|
||||||
v-if="activeDid === issuer || activeDid === agentDid"
|
v-if="activeDid === issuer || activeDid === agentDid"
|
||||||
@click="onEditClick()"
|
|
||||||
title="Edit"
|
title="Edit"
|
||||||
data-testId="editClaimButton"
|
data-testId="editClaimButton"
|
||||||
|
@click="onEditClick()"
|
||||||
>
|
>
|
||||||
<font-awesome icon="pen" class="text-sm text-blue-500 ml-2 mb-1" />
|
<font-awesome icon="pen" class="text-sm text-blue-500 ml-2 mb-1" />
|
||||||
</button>
|
</button>
|
||||||
@@ -37,10 +37,10 @@
|
|||||||
<div class="pb-4 flex gap-4">
|
<div class="pb-4 flex gap-4">
|
||||||
<div class="pt-1">
|
<div class="pt-1">
|
||||||
<ProjectIcon
|
<ProjectIcon
|
||||||
:entityId="projectId"
|
:entity-id="projectId"
|
||||||
:iconSize="64"
|
:icon-size="64"
|
||||||
:imageUrl="imageUrl"
|
:image-url="imageUrl"
|
||||||
:linkToFull="true"
|
:link-to-full="true"
|
||||||
class="block border border-slate-300 rounded-md max-h-16 max-w-16"
|
class="block border border-slate-300 rounded-md max-h-16 max-w-16"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -113,7 +113,7 @@
|
|||||||
target="_blank"
|
target="_blank"
|
||||||
class="underline text-blue-500"
|
class="underline text-blue-500"
|
||||||
>
|
>
|
||||||
{{ domainForWebsite(this.url) }}
|
{{ domainForWebsite(url) }}
|
||||||
<font-awesome
|
<font-awesome
|
||||||
icon="arrow-up-right-from-square"
|
icon="arrow-up-right-from-square"
|
||||||
class="fa-fw"
|
class="fa-fw"
|
||||||
@@ -129,22 +129,22 @@
|
|||||||
{{ truncatedDesc }}
|
{{ truncatedDesc }}
|
||||||
<a
|
<a
|
||||||
v-if="description.length >= truncateLength"
|
v-if="description.length >= truncateLength"
|
||||||
@click="expandText"
|
|
||||||
class="uppercase text-xs font-semibold text-slate-700"
|
class="uppercase text-xs font-semibold text-slate-700"
|
||||||
|
@click="expandText"
|
||||||
>... Read More</a
|
>... Read More</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
{{ description }}
|
{{ description }}
|
||||||
<a
|
<a
|
||||||
@click="collapseText"
|
|
||||||
class="uppercase text-xs font-semibold text-slate-700"
|
class="uppercase text-xs font-semibold text-slate-700"
|
||||||
|
@click="collapseText"
|
||||||
>- Read Less</a
|
>- Read Less</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a @click="onClickLoadClaim(projectId)" class="cursor-pointer">
|
<a class="cursor-pointer" @click="onClickLoadClaim(projectId)">
|
||||||
<font-awesome icon="file-lines" class="pl-2 pt-1 text-blue-500" />
|
<font-awesome icon="file-lines" class="pl-2 pt-1 text-blue-500" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -163,8 +163,8 @@
|
|||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<div v-for="plan in fulfillersToThis" :key="plan.handleId">
|
<div v-for="plan in fulfillersToThis" :key="plan.handleId">
|
||||||
<button
|
<button
|
||||||
@click="onClickLoadProject(plan.handleId)"
|
|
||||||
class="text-blue-500"
|
class="text-blue-500"
|
||||||
|
@click="onClickLoadProject(plan.handleId)"
|
||||||
>
|
>
|
||||||
{{ plan.name }}
|
{{ plan.name }}
|
||||||
</button>
|
</button>
|
||||||
@@ -184,8 +184,8 @@
|
|||||||
<!-- centering because long, wrapped project names didn't left align with blank or "text-left" -->
|
<!-- centering because long, wrapped project names didn't left align with blank or "text-left" -->
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<button
|
<button
|
||||||
@click="onClickLoadProject(fulfilledByThis.handleId)"
|
|
||||||
class="text-blue-500"
|
class="text-blue-500"
|
||||||
|
@click="onClickLoadProject(fulfilledByThis.handleId)"
|
||||||
>
|
>
|
||||||
{{ fulfilledByThis.name }}
|
{{ fulfilledByThis.name }}
|
||||||
</button>
|
</button>
|
||||||
@@ -230,7 +230,7 @@
|
|||||||
>
|
>
|
||||||
<EntityIcon
|
<EntityIcon
|
||||||
:contact="contact"
|
:contact="contact"
|
||||||
:iconSize="64"
|
:icon-size="64"
|
||||||
class="mx-auto border border-blue-300 rounded-md mb-1 cursor-pointer"
|
class="mx-auto border border-blue-300 rounded-md mb-1 cursor-pointer"
|
||||||
/>
|
/>
|
||||||
<h3
|
<h3
|
||||||
@@ -242,14 +242,14 @@
|
|||||||
<li>
|
<li>
|
||||||
<span
|
<span
|
||||||
v-if="allContacts.length >= 5"
|
v-if="allContacts.length >= 5"
|
||||||
@click="onClickAllContactsGifting()"
|
|
||||||
class="flex align-bottom text-xs text-blue-500 mt-12 cursor-pointer"
|
class="flex align-bottom text-xs text-blue-500 mt-12 cursor-pointer"
|
||||||
|
@click="onClickAllContactsGifting()"
|
||||||
>
|
>
|
||||||
... or someone else...
|
... or someone else...
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<GiftedDialog ref="giveDialogToThis" :toProjectId="this.projectId" />
|
<GiftedDialog ref="giveDialogToThis" :to-project-id="projectId" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Offers & Gifts to & from this -->
|
<!-- Offers & Gifts to & from this -->
|
||||||
@@ -260,8 +260,8 @@
|
|||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<button
|
<button
|
||||||
data-testId="offerButton"
|
data-testId="offerButton"
|
||||||
@click="openOfferDialog()"
|
|
||||||
class="block w-full bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1 rounded-md"
|
class="block w-full bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1 rounded-md"
|
||||||
|
@click="openOfferDialog()"
|
||||||
>
|
>
|
||||||
Offer to this (maybe with conditions)...
|
Offer to this (maybe with conditions)...
|
||||||
</button>
|
</button>
|
||||||
@@ -269,15 +269,15 @@
|
|||||||
</div>
|
</div>
|
||||||
<OfferDialog
|
<OfferDialog
|
||||||
ref="customOfferDialog"
|
ref="customOfferDialog"
|
||||||
:projectId="this.projectId"
|
:project-id="projectId"
|
||||||
:projectName="this.name"
|
:project-name="name"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<h3 class="text-lg font-bold mb-3 mt-4">Offered To This Idea</h3>
|
<h3 class="text-lg font-bold mb-3 mt-4">Offered To This Idea</h3>
|
||||||
|
|
||||||
<div v-if="offersToThis.length === 0">
|
<div v-if="offersToThis.length === 0">
|
||||||
(None yet. Wanna
|
(None yet. Wanna
|
||||||
<span @click="openOfferDialog()" class="cursor-pointer text-blue-500"
|
<span class="cursor-pointer text-blue-500" @click="openOfferDialog()"
|
||||||
>offer something... especially if others join you</span
|
>offer something... especially if others join you</span
|
||||||
>?)
|
>?)
|
||||||
</div>
|
</div>
|
||||||
@@ -316,8 +316,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="flex justify-between">
|
<div class="flex justify-between">
|
||||||
<a
|
<a
|
||||||
@click="onClickLoadClaim(offer.jwtId as string)"
|
|
||||||
class="cursor-pointer"
|
class="cursor-pointer"
|
||||||
|
@click="onClickLoadClaim(offer.jwtId as string)"
|
||||||
>
|
>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
icon="file-lines"
|
icon="file-lines"
|
||||||
@@ -347,8 +347,8 @@
|
|||||||
<div v-if="activeDid && isRegistered">
|
<div v-if="activeDid && isRegistered">
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<button
|
<button
|
||||||
@click="openGiftDialogToProject()"
|
|
||||||
class="block w-full bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1rounded-md"
|
class="block w-full bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1rounded-md"
|
||||||
|
@click="openGiftDialogToProject()"
|
||||||
>
|
>
|
||||||
Given To This...
|
Given To This...
|
||||||
</button>
|
</button>
|
||||||
@@ -443,17 +443,14 @@
|
|||||||
<div v-if="activeDid && isRegistered">
|
<div v-if="activeDid && isRegistered">
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<button
|
<button
|
||||||
@click="openGiftDialogFromProject()"
|
|
||||||
class="block w-full bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1 rounded-md"
|
class="block w-full bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1 rounded-md"
|
||||||
|
@click="openGiftDialogFromProject()"
|
||||||
>
|
>
|
||||||
Given By This...
|
Given By This...
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<GiftedDialog
|
<GiftedDialog ref="giveDialogFromThis" :from-project-id="projectId" />
|
||||||
ref="giveDialogFromThis"
|
|
||||||
:fromProjectId="this.projectId"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<h3 class="text-lg font-bold mb-3 mt-4">
|
<h3 class="text-lg font-bold mb-3 mt-4">
|
||||||
Benefitted From This Project
|
Benefitted From This Project
|
||||||
|
|||||||
@@ -16,6 +16,7 @@
|
|||||||
<li>
|
<li>
|
||||||
<a
|
<a
|
||||||
href="#"
|
href="#"
|
||||||
|
:class="computedOfferTabClassNames()"
|
||||||
@click="
|
@click="
|
||||||
offers = [];
|
offers = [];
|
||||||
projects = [];
|
projects = [];
|
||||||
@@ -23,7 +24,6 @@
|
|||||||
showProjects = false;
|
showProjects = false;
|
||||||
loadOffers();
|
loadOffers();
|
||||||
"
|
"
|
||||||
v-bind:class="computedOfferTabClassNames()"
|
|
||||||
>
|
>
|
||||||
Offers
|
Offers
|
||||||
</a>
|
</a>
|
||||||
@@ -31,6 +31,7 @@
|
|||||||
<li>
|
<li>
|
||||||
<a
|
<a
|
||||||
href="#"
|
href="#"
|
||||||
|
:class="computedProjectTabClassNames()"
|
||||||
@click="
|
@click="
|
||||||
offers = [];
|
offers = [];
|
||||||
projects = [];
|
projects = [];
|
||||||
@@ -38,7 +39,6 @@
|
|||||||
showProjects = true;
|
showProjects = true;
|
||||||
loadProjects();
|
loadProjects();
|
||||||
"
|
"
|
||||||
v-bind:class="computedProjectTabClassNames()"
|
|
||||||
>
|
>
|
||||||
Projects
|
Projects
|
||||||
</a>
|
</a>
|
||||||
@@ -73,8 +73,8 @@
|
|||||||
|
|
||||||
<!-- Loading Animation -->
|
<!-- Loading Animation -->
|
||||||
<div
|
<div
|
||||||
class="fixed left-6 bottom-24 text-center text-4xl leading-none bg-slate-400 text-white w-14 py-2.5 rounded-full"
|
|
||||||
v-if="isLoading"
|
v-if="isLoading"
|
||||||
|
class="fixed left-6 bottom-24 text-center text-4xl leading-none bg-slate-400 text-white w-14 py-2.5 rounded-full"
|
||||||
>
|
>
|
||||||
<font-awesome icon="spinner" class="fa-spin-pulse"></font-awesome>
|
<font-awesome icon="spinner" class="fa-spin-pulse"></font-awesome>
|
||||||
</div>
|
</div>
|
||||||
@@ -90,22 +90,22 @@
|
|||||||
</div>
|
</div>
|
||||||
<ul id="listOffers" class="border-t border-slate-300">
|
<ul id="listOffers" class="border-t border-slate-300">
|
||||||
<li
|
<li
|
||||||
class="border-b border-slate-300"
|
|
||||||
v-for="offer in offers"
|
v-for="offer in offers"
|
||||||
:key="offer.handleId"
|
:key="offer.handleId"
|
||||||
|
class="border-b border-slate-300"
|
||||||
>
|
>
|
||||||
<div class="block py-4 flex gap-4">
|
<div class="block py-4 flex gap-4">
|
||||||
<div v-if="offer.fulfillsPlanHandleId" class="flex-none">
|
<div v-if="offer.fulfillsPlanHandleId" class="flex-none">
|
||||||
<ProjectIcon
|
<ProjectIcon
|
||||||
:entityId="offer.fulfillsPlanHandleId"
|
:entity-id="offer.fulfillsPlanHandleId"
|
||||||
:iconSize="48"
|
:icon-size="48"
|
||||||
class="inline-block align-middle border border-slate-300 rounded-md max-h-12 max-w-12"
|
class="inline-block align-middle border border-slate-300 rounded-md max-h-12 max-w-12"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="offer.recipientDid" class="flex-none w-12">
|
<div v-if="offer.recipientDid" class="flex-none w-12">
|
||||||
<EntityIcon
|
<EntityIcon
|
||||||
:entityId="offer.recipientDid"
|
:entity-id="offer.recipientDid"
|
||||||
:iconSize="48"
|
:icon-size="48"
|
||||||
class="inline-block align-middle border border-slate-300 rounded-md"
|
class="inline-block align-middle border border-slate-300 rounded-md"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -223,8 +223,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<button
|
<button
|
||||||
@click="showNameThenIdDialog()"
|
|
||||||
class="text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mt-2 px-2 py-3 rounded-md"
|
class="text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mt-2 px-2 py-3 rounded-md"
|
||||||
|
@click="showNameThenIdDialog()"
|
||||||
>
|
>
|
||||||
Get someone to onboard you.
|
Get someone to onboard you.
|
||||||
</button>
|
</button>
|
||||||
@@ -233,19 +233,19 @@
|
|||||||
</div>
|
</div>
|
||||||
<ul id="listProjects" class="border-t border-slate-300">
|
<ul id="listProjects" class="border-t border-slate-300">
|
||||||
<li
|
<li
|
||||||
class="border-b border-slate-300"
|
|
||||||
v-for="project in projects"
|
v-for="project in projects"
|
||||||
:key="project.handleId"
|
:key="project.handleId"
|
||||||
|
class="border-b border-slate-300"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
@click="onClickLoadProject(project.handleId)"
|
|
||||||
class="block py-4 flex gap-4"
|
class="block py-4 flex gap-4"
|
||||||
|
@click="onClickLoadProject(project.handleId)"
|
||||||
>
|
>
|
||||||
<div class="flex-none">
|
<div class="flex-none">
|
||||||
<ProjectIcon
|
<ProjectIcon
|
||||||
:entityId="project.handleId"
|
:entity-id="project.handleId"
|
||||||
:iconSize="48"
|
:icon-size="48"
|
||||||
:imageUrl="project.image"
|
:image-url="project.image"
|
||||||
class="inline-block align-middle border border-slate-300 rounded-md max-h-12 max-w-12"
|
class="inline-block align-middle border border-slate-300 rounded-md max-h-12 max-w-12"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -22,17 +22,17 @@
|
|||||||
<div>
|
<div>
|
||||||
<h2 class="text-2xl m-2">You're Here</h2>
|
<h2 class="text-2xl m-2">You're Here</h2>
|
||||||
<div class="m-2 flex">
|
<div class="m-2 flex">
|
||||||
<input type="checkbox" v-model="attended" class="h-6 w-6" />
|
<input v-model="attended" type="checkbox" class="h-6 w-6" />
|
||||||
<span class="pb-2 pl-2 pr-2">Attended</span>
|
<span class="pb-2 pl-2 pr-2">Attended</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="m-2 flex">
|
<div class="m-2 flex">
|
||||||
<input type="checkbox" v-model="gaveTime" class="h-6 w-6" />
|
<input v-model="gaveTime" type="checkbox" class="h-6 w-6" />
|
||||||
<span class="pb-2 pl-2 pr-2">Spent Time</span>
|
<span class="pb-2 pl-2 pr-2">Spent Time</span>
|
||||||
<span v-if="gaveTime">
|
<span v-if="gaveTime">
|
||||||
<input
|
<input
|
||||||
|
v-model="hoursStr"
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="How much time"
|
placeholder="How much time"
|
||||||
v-model="hoursStr"
|
|
||||||
size="1"
|
size="1"
|
||||||
class="border border-slate-400 h-6 px-2"
|
class="border border-slate-400 h-6 px-2"
|
||||||
/>
|
/>
|
||||||
@@ -48,8 +48,8 @@
|
|||||||
class="flex justify-center mt-4"
|
class="flex justify-center mt-4"
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
@click="record()"
|
|
||||||
class="block text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md w-56"
|
class="block text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md w-56"
|
||||||
|
@click="record()"
|
||||||
>
|
>
|
||||||
Sign & Send
|
Sign & Send
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -29,9 +29,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<ul class="border-t border-slate-300 m-2">
|
<ul class="border-t border-slate-300 m-2">
|
||||||
<li
|
<li
|
||||||
class="border-b border-slate-300 py-2"
|
|
||||||
v-for="record in claimsToConfirm"
|
v-for="record in claimsToConfirm"
|
||||||
:key="record.id"
|
:key="record.id"
|
||||||
|
class="border-b border-slate-300 py-2"
|
||||||
>
|
>
|
||||||
<div class="grid grid-cols-12">
|
<div class="grid grid-cols-12">
|
||||||
<span class="col-span-11 justify-self-start">
|
<span class="col-span-11 justify-self-start">
|
||||||
@@ -39,6 +39,7 @@
|
|||||||
<input
|
<input
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
:checked="claimsToConfirmSelected.includes(record.id)"
|
:checked="claimsToConfirmSelected.includes(record.id)"
|
||||||
|
class="mr-2 h-6 w-6"
|
||||||
@click="
|
@click="
|
||||||
claimsToConfirmSelected.includes(record.id)
|
claimsToConfirmSelected.includes(record.id)
|
||||||
? claimsToConfirmSelected.splice(
|
? claimsToConfirmSelected.splice(
|
||||||
@@ -47,7 +48,6 @@
|
|||||||
)
|
)
|
||||||
: claimsToConfirmSelected.push(record.id)
|
: claimsToConfirmSelected.push(record.id)
|
||||||
"
|
"
|
||||||
class="mr-2 h-6 w-6"
|
|
||||||
/>
|
/>
|
||||||
</span>
|
</span>
|
||||||
{{
|
{{
|
||||||
@@ -96,18 +96,18 @@
|
|||||||
<div>
|
<div>
|
||||||
<h2 class="text-2xl m-2">Anything else?</h2>
|
<h2 class="text-2xl m-2">Anything else?</h2>
|
||||||
<div class="m-2 flex">
|
<div class="m-2 flex">
|
||||||
<input type="checkbox" v-model="someoneGave" class="h-6 w-6" />
|
<input v-model="someoneGave" type="checkbox" class="h-6 w-6" />
|
||||||
<span class="pb-2 pl-2 pr-2">The group provided</span>
|
<span class="pb-2 pl-2 pr-2">The group provided</span>
|
||||||
<span v-if="someoneGave">
|
<span v-if="someoneGave">
|
||||||
<input
|
<input
|
||||||
type="text"
|
|
||||||
v-model="description"
|
v-model="description"
|
||||||
|
type="text"
|
||||||
size="20"
|
size="20"
|
||||||
class="border border-slate-400 h-6 px-2"
|
class="border border-slate-400 h-6 px-2"
|
||||||
/>
|
/>
|
||||||
<br />
|
<br />
|
||||||
(Everyone likes personalized messages! 😁 ... and for a pic:
|
(Everyone likes personalized messages! 😁 ... and for a pic:
|
||||||
<input type="checkbox" v-model="supplyGiftDetails" />)
|
<input v-model="supplyGiftDetails" type="checkbox" />)
|
||||||
</span>
|
</span>
|
||||||
<!-- This is to match input height to avoid shifting when hiding & showing. -->
|
<!-- This is to match input height to avoid shifting when hiding & showing. -->
|
||||||
<span v-else class="h-6">...</span>
|
<span v-else class="h-6">...</span>
|
||||||
@@ -119,8 +119,8 @@
|
|||||||
class="flex justify-center mt-4"
|
class="flex justify-center mt-4"
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
@click="record()"
|
|
||||||
class="block text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md w-56"
|
class="block text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md w-56"
|
||||||
|
@click="record()"
|
||||||
>
|
>
|
||||||
Sign & Send
|
Sign & Send
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -8,8 +8,8 @@
|
|||||||
<!-- Back -->
|
<!-- Back -->
|
||||||
<font-awesome
|
<font-awesome
|
||||||
icon="chevron-left"
|
icon="chevron-left"
|
||||||
@click="$router.back()"
|
|
||||||
class="fa-fw text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
class="fa-fw text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||||
|
@click="$router.back()"
|
||||||
/>
|
/>
|
||||||
Offers to Your Projects
|
Offers to Your Projects
|
||||||
</h1>
|
</h1>
|
||||||
@@ -42,8 +42,8 @@
|
|||||||
class="mt-4 relative group"
|
class="mt-4 relative group"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="border-b border-slate-300 text-orange-400 pb-2 mb-2 font-bold text-sm"
|
|
||||||
v-if="offer.jwtId == lastAckedOfferToUserProjectsJwtId"
|
v-if="offer.jwtId == lastAckedOfferToUserProjectsJwtId"
|
||||||
|
class="border-b border-slate-300 text-orange-400 pb-2 mb-2 font-bold text-sm"
|
||||||
>
|
>
|
||||||
You've already seen all the following
|
You've already seen all the following
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -8,8 +8,8 @@
|
|||||||
<!-- Back -->
|
<!-- Back -->
|
||||||
<font-awesome
|
<font-awesome
|
||||||
icon="chevron-left"
|
icon="chevron-left"
|
||||||
@click="$router.back()"
|
|
||||||
class="fa-fw text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
class="fa-fw text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||||
|
@click="$router.back()"
|
||||||
/>
|
/>
|
||||||
Offers to You
|
Offers to You
|
||||||
</h1>
|
</h1>
|
||||||
@@ -37,8 +37,8 @@
|
|||||||
class="mt-4 relative group"
|
class="mt-4 relative group"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="border-b border-slate-300 text-orange-400 pb-2 mb-2 font-bold text-sm"
|
|
||||||
v-if="offer.jwtId == lastAckedOfferToUserJwtId"
|
v-if="offer.jwtId == lastAckedOfferToUserJwtId"
|
||||||
|
class="border-b border-slate-300 text-orange-400 pb-2 mb-2 font-bold text-sm"
|
||||||
>
|
>
|
||||||
You've already seen all the following
|
You've already seen all the following
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -71,9 +71,9 @@
|
|||||||
<div class="aspect-video">
|
<div class="aspect-video">
|
||||||
<l-map
|
<l-map
|
||||||
ref="map"
|
ref="map"
|
||||||
|
v-model:zoom="localZoom"
|
||||||
:center="[localCenterLat, localCenterLong]"
|
:center="[localCenterLat, localCenterLong]"
|
||||||
class="!z-40 rounded-md"
|
class="!z-40 rounded-md"
|
||||||
v-model:zoom="localZoom"
|
|
||||||
@click="setMapPoint"
|
@click="setMapPoint"
|
||||||
>
|
>
|
||||||
<l-tile-layer
|
<l-tile-layer
|
||||||
|
|||||||
@@ -14,22 +14,22 @@
|
|||||||
<div class="text-center mb-4">Choose how to use this image</div>
|
<div class="text-center mb-4">Choose how to use this image</div>
|
||||||
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
|
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
|
||||||
<button
|
<button
|
||||||
@click="recordGift"
|
|
||||||
class="text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
|
class="text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
|
||||||
|
@click="recordGift"
|
||||||
>
|
>
|
||||||
<font-awesome icon="gift" class="fa-fw" />
|
<font-awesome icon="gift" class="fa-fw" />
|
||||||
Record a Gift
|
Record a Gift
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
@click="recordProfile"
|
|
||||||
class="text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
|
class="text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
|
||||||
|
@click="recordProfile"
|
||||||
>
|
>
|
||||||
<font-awesome icon="circle-user" class="fa-fw" />
|
<font-awesome icon="circle-user" class="fa-fw" />
|
||||||
Save as Profile Image
|
Save as Profile Image
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
@click="cancel"
|
|
||||||
class="text-center text-md font-bold bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
|
class="text-center text-md font-bold bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
|
||||||
|
@click="cancel"
|
||||||
>
|
>
|
||||||
<font-awesome icon="ban" class="fa-fw" />
|
<font-awesome icon="ban" class="fa-fw" />
|
||||||
Cancel
|
Cancel
|
||||||
|
|||||||
@@ -50,15 +50,15 @@
|
|||||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2 mt-4">
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2 mt-4">
|
||||||
<a
|
<a
|
||||||
v-if="PASSKEYS_ENABLED"
|
v-if="PASSKEYS_ENABLED"
|
||||||
@click="onClickNewPasskey()"
|
|
||||||
class="block w-full text-center text-lg uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md mb-2 cursor-pointer"
|
class="block w-full text-center text-lg uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md mb-2 cursor-pointer"
|
||||||
|
@click="onClickNewPasskey()"
|
||||||
>
|
>
|
||||||
Generate one with a passkey
|
Generate one with a passkey
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a
|
||||||
@click="onClickNewSeed()"
|
|
||||||
class="block w-full text-center text-lg uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md mb-2 cursor-pointer"
|
class="block w-full text-center text-lg uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md mb-2 cursor-pointer"
|
||||||
data-testId="newSeed"
|
data-testId="newSeed"
|
||||||
|
@click="onClickNewSeed()"
|
||||||
>
|
>
|
||||||
Generate one with a new seed
|
Generate one with a new seed
|
||||||
</a>
|
</a>
|
||||||
@@ -69,15 +69,15 @@
|
|||||||
</p>
|
</p>
|
||||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2 mt-2">
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2 mt-2">
|
||||||
<a
|
<a
|
||||||
@click="onClickNo()"
|
|
||||||
class="block w-full text-center text-md uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md cursor-pointer"
|
class="block w-full text-center text-md uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md cursor-pointer"
|
||||||
|
@click="onClickNo()"
|
||||||
>
|
>
|
||||||
You have a seed
|
You have a seed
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a
|
||||||
v-if="numAccounts > 0"
|
v-if="numAccounts > 0"
|
||||||
@click="onClickDerive()"
|
|
||||||
class="block w-full text-center text-md uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md cursor-pointer"
|
class="block w-full text-center text-md uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md cursor-pointer"
|
||||||
|
@click="onClickDerive()"
|
||||||
>
|
>
|
||||||
Derive new address from existing seed
|
Derive new address from existing seed
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@@ -25,8 +25,9 @@
|
|||||||
<h2 class="text-xl font-bold mb-4">Notiwind Alerts</h2>
|
<h2 class="text-xl font-bold mb-4">Notiwind Alerts</h2>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
|
class="font-bold capitalize bg-slate-900 text-white px-3 py-2 rounded-md mr-2"
|
||||||
@click="
|
@click="
|
||||||
this.$notify(
|
$notify(
|
||||||
{
|
{
|
||||||
group: 'alert',
|
group: 'alert',
|
||||||
type: 'toast',
|
type: 'toast',
|
||||||
@@ -36,14 +37,14 @@
|
|||||||
5000,
|
5000,
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
class="font-bold capitalize bg-slate-900 text-white px-3 py-2 rounded-md mr-2"
|
|
||||||
>
|
>
|
||||||
Toast
|
Toast
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
|
class="font-bold capitalize bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
|
||||||
@click="
|
@click="
|
||||||
this.$notify(
|
$notify(
|
||||||
{
|
{
|
||||||
group: 'alert',
|
group: 'alert',
|
||||||
type: 'info',
|
type: 'info',
|
||||||
@@ -53,14 +54,14 @@
|
|||||||
5000,
|
5000,
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
class="font-bold capitalize bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
|
|
||||||
>
|
>
|
||||||
Info
|
Info
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
|
class="font-bold capitalize bg-emerald-600 text-white px-3 py-2 rounded-md mr-2"
|
||||||
@click="
|
@click="
|
||||||
this.$notify(
|
$notify(
|
||||||
{
|
{
|
||||||
group: 'alert',
|
group: 'alert',
|
||||||
type: 'success',
|
type: 'success',
|
||||||
@@ -70,14 +71,14 @@
|
|||||||
5000,
|
5000,
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
class="font-bold capitalize bg-emerald-600 text-white px-3 py-2 rounded-md mr-2"
|
|
||||||
>
|
>
|
||||||
Success
|
Success
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
|
class="font-bold capitalize bg-amber-600 text-white px-3 py-2 rounded-md mr-2"
|
||||||
@click="
|
@click="
|
||||||
this.$notify(
|
$notify(
|
||||||
{
|
{
|
||||||
group: 'alert',
|
group: 'alert',
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
@@ -87,14 +88,14 @@
|
|||||||
5000,
|
5000,
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
class="font-bold capitalize bg-amber-600 text-white px-3 py-2 rounded-md mr-2"
|
|
||||||
>
|
>
|
||||||
Warning
|
Warning
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
|
class="font-bold capitalize bg-rose-600 text-white px-3 py-2 rounded-md mr-2"
|
||||||
@click="
|
@click="
|
||||||
this.$notify(
|
$notify(
|
||||||
{
|
{
|
||||||
group: 'alert',
|
group: 'alert',
|
||||||
type: 'danger',
|
type: 'danger',
|
||||||
@@ -104,14 +105,14 @@
|
|||||||
5000,
|
5000,
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
class="font-bold capitalize bg-rose-600 text-white px-3 py-2 rounded-md mr-2"
|
|
||||||
>
|
>
|
||||||
Danger
|
Danger
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
|
class="font-bold capitalize bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
|
||||||
@click="
|
@click="
|
||||||
this.$notify(
|
$notify(
|
||||||
{
|
{
|
||||||
group: 'modal',
|
group: 'modal',
|
||||||
type: 'notification-permission',
|
type: 'notification-permission',
|
||||||
@@ -121,14 +122,14 @@
|
|||||||
-1,
|
-1,
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
class="font-bold capitalize bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
|
|
||||||
>
|
>
|
||||||
Notif ON
|
Notif ON
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
|
class="font-bold capitalize bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
|
||||||
@click="
|
@click="
|
||||||
this.$notify(
|
$notify(
|
||||||
{
|
{
|
||||||
group: 'modal',
|
group: 'modal',
|
||||||
type: 'notification-mute',
|
type: 'notification-mute',
|
||||||
@@ -138,14 +139,14 @@
|
|||||||
-1,
|
-1,
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
class="font-bold capitalize bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
|
|
||||||
>
|
>
|
||||||
Notif MUTE
|
Notif MUTE
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
|
class="font-bold capitalize bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
|
||||||
@click="
|
@click="
|
||||||
this.$notify(
|
$notify(
|
||||||
{
|
{
|
||||||
group: 'modal',
|
group: 'modal',
|
||||||
type: 'notification-off',
|
type: 'notification-off',
|
||||||
@@ -155,7 +156,6 @@
|
|||||||
-1,
|
-1,
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
class="font-bold capitalize bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
|
|
||||||
>
|
>
|
||||||
Notif OFF
|
Notif OFF
|
||||||
</button>
|
</button>
|
||||||
@@ -190,8 +190,8 @@
|
|||||||
<div>
|
<div>
|
||||||
Register Passkey
|
Register Passkey
|
||||||
<button
|
<button
|
||||||
@click="register()"
|
|
||||||
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
||||||
|
@click="register()"
|
||||||
>
|
>
|
||||||
Simplewebauthn
|
Simplewebauthn
|
||||||
</button>
|
</button>
|
||||||
@@ -200,14 +200,14 @@
|
|||||||
<div>
|
<div>
|
||||||
Create JWT
|
Create JWT
|
||||||
<button
|
<button
|
||||||
@click="createJwtSimplewebauthn()"
|
|
||||||
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
||||||
|
@click="createJwtSimplewebauthn()"
|
||||||
>
|
>
|
||||||
Simplewebauthn
|
Simplewebauthn
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
@click="createJwtNavigator()"
|
|
||||||
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
||||||
|
@click="createJwtNavigator()"
|
||||||
>
|
>
|
||||||
Navigator
|
Navigator
|
||||||
</button>
|
</button>
|
||||||
@@ -216,28 +216,28 @@
|
|||||||
<div v-if="jwt">
|
<div v-if="jwt">
|
||||||
Verify New JWT
|
Verify New JWT
|
||||||
<button
|
<button
|
||||||
@click="verifySimplewebauthn()"
|
|
||||||
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
||||||
|
@click="verifySimplewebauthn()"
|
||||||
>
|
>
|
||||||
Simplewebauthn
|
Simplewebauthn
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
@click="verifyWebCrypto()"
|
|
||||||
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
||||||
|
@click="verifyWebCrypto()"
|
||||||
>
|
>
|
||||||
WebCrypto
|
WebCrypto
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
@click="verifyP256()"
|
|
||||||
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
||||||
|
@click="verifyP256()"
|
||||||
>
|
>
|
||||||
p256 - broken
|
p256 - broken
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>Verify New JWT -- requires creation first</div>
|
<div v-else>Verify New JWT -- requires creation first</div>
|
||||||
<button
|
<button
|
||||||
@click="verifyMyJwt()"
|
|
||||||
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
||||||
|
@click="verifyMyJwt()"
|
||||||
>
|
>
|
||||||
Verify Hard-Coded JWT
|
Verify Hard-Coded JWT
|
||||||
</button>
|
</button>
|
||||||
@@ -248,8 +248,8 @@
|
|||||||
See console for more output.
|
See console for more output.
|
||||||
<div>
|
<div>
|
||||||
<button
|
<button
|
||||||
@click="testEncryptionDecryption()"
|
|
||||||
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
class="font-bold capitalize bg-slate-500 text-white px-3 py-2 rounded-md mr-2"
|
||||||
|
@click="testEncryptionDecryption()"
|
||||||
>
|
>
|
||||||
Run Test
|
Run Test
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -9,8 +9,8 @@
|
|||||||
<h1 id="ViewHeading" class="text-lg text-center font-light relative px-7">
|
<h1 id="ViewHeading" class="text-lg text-center font-light relative px-7">
|
||||||
<!-- Back -->
|
<!-- Back -->
|
||||||
<button
|
<button
|
||||||
@click="$router.back()"
|
|
||||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||||
|
@click="$router.back()"
|
||||||
>
|
>
|
||||||
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
|
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
|
||||||
</button>
|
</button>
|
||||||
@@ -20,8 +20,8 @@
|
|||||||
|
|
||||||
<!-- Loading Animation -->
|
<!-- Loading Animation -->
|
||||||
<div
|
<div
|
||||||
class="fixed left-6 mt-16 text-center text-4xl leading-none bg-slate-400 text-white w-14 py-2.5 rounded-full"
|
|
||||||
v-if="isLoading"
|
v-if="isLoading"
|
||||||
|
class="fixed left-6 mt-16 text-center text-4xl leading-none bg-slate-400 text-white w-14 py-2.5 rounded-full"
|
||||||
>
|
>
|
||||||
<font-awesome icon="spinner" class="fa-spin-pulse"></font-awesome>
|
<font-awesome icon="spinner" class="fa-spin-pulse"></font-awesome>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -47,6 +47,7 @@ export async function createBuildConfig(mode: string) {
|
|||||||
},
|
},
|
||||||
resolve: {
|
resolve: {
|
||||||
alias: {
|
alias: {
|
||||||
|
'@': path.resolve(__dirname, './src'),
|
||||||
...appConfig.aliasConfig,
|
...appConfig.aliasConfig,
|
||||||
'nostr-tools/nip06': mode === 'development'
|
'nostr-tools/nip06': mode === 'development'
|
||||||
? 'nostr-tools/nip06'
|
? 'nostr-tools/nip06'
|
||||||
|
|||||||
43
vite.config.ts
Normal file
43
vite.config.ts
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
import { defineConfig } from "vite";
|
||||||
|
import vue from "@vitejs/plugin-vue";
|
||||||
|
import path from "path";
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [vue()],
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
'@': path.resolve(__dirname, './src'),
|
||||||
|
'nostr-tools': path.resolve(__dirname, 'node_modules/nostr-tools'),
|
||||||
|
'nostr-tools/nip06': path.resolve(__dirname, 'node_modules/nostr-tools/nip06'),
|
||||||
|
'nostr-tools/core': path.resolve(__dirname, 'node_modules/nostr-tools/core'),
|
||||||
|
stream: 'stream-browserify',
|
||||||
|
util: 'util'
|
||||||
|
},
|
||||||
|
mainFields: ['module', 'jsnext:main', 'jsnext', 'main'],
|
||||||
|
},
|
||||||
|
optimizeDeps: {
|
||||||
|
include: ['nostr-tools', 'nostr-tools/nip06', 'nostr-tools/core'],
|
||||||
|
esbuildOptions: {
|
||||||
|
define: {
|
||||||
|
global: 'globalThis'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
build: {
|
||||||
|
sourcemap: true,
|
||||||
|
target: 'esnext',
|
||||||
|
commonjsOptions: {
|
||||||
|
include: [/node_modules/],
|
||||||
|
transformMixedEsModules: true
|
||||||
|
},
|
||||||
|
rollupOptions: {
|
||||||
|
external: ['stream', 'util'],
|
||||||
|
output: {
|
||||||
|
globals: {
|
||||||
|
stream: 'stream',
|
||||||
|
util: 'util'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user