Merge pull request #817 from nemgrouplimited/dev

Release 0.10.0

CHANGELOG.md

@@ -3,6 +3,33 @@ All notable changes to this project will be documented in this file.
 
 The changelog format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
+## [v0.10.0][v0.10.0] - 12-Mar-2021
+
+### Milestone: [[email protected]][[email protected]]
+
+Package  | Version  | Link
+---|---|---
+REST Core| v2.3.3 | [catapult-rest][[email protected]]
+SDK Core| v0.23.3 | [symbol-sdk][[email protected]]
+
+### Added
+- Added compatibility for 0.10.0.8 server.
+- Added Testnet theme [#819](https://github.com/nemgrouplimited/symbol-explorer/pull/819)
+- Added the Privacy Policy link [#819](https://github.com/nemgrouplimited/symbol-explorer/pull/819)
+
+### Fixed
+- UI home page issues [#795](https://github.com/nemgrouplimited/symbol-explorer/issues/795)
+- Node Rewards Widget. Handle the no rounds state [#796](https://github.com/nemgrouplimited/symbol-explorer/issues/796)
+- Transaction Graphic and Transaction Detail. The mosaic preview bug [#798](https://github.com/nemgrouplimited/symbol-explorer/issues/798)
+- Transaction List. Native mosaic shown as custom mosaic [#800](https://github.com/nemgrouplimited/symbol-explorer/issues/800)
+- No different separators under Reported Balance (Node Rewards Program Range display)  [#802](https://github.com/nemgrouplimited/symbol-explorer/issues/802)
+- Detail display "Host Location" is not displayed correctly. The last character of the address is also missing.  [#803](https://github.com/nemgrouplimited/symbol-explorer/issues/803)
+- In explorer, not all valid namespaces are displayed in the details view. [#804](https://github.com/nemgrouplimited/symbol-explorer/issues/804)
+- Account Details. Invalid address display [#807](https://github.com/nemgrouplimited/symbol-explorer/issues/807)
+- Transaction icons are different from those used in wallets [#810](https://github.com/nemgrouplimited/symbol-explorer/issues/810)
+- Fetch node rewards data directly from the controller. Use main public key [#815](https://github.com/nemgrouplimited/symbol-explorer/issues/815)
+
+
 ## [v0.9.0][v0.9.0] - 25-Feb-2021
 
 ### Milestone: [[email protected]][[email protected]]
@@ -283,4 +310,6 @@ SDK Core| v0.20.7 | [symbol-sdk](https://www.npmjs.com/package/symbol-sdk)
 [[email protected]]: https://github.com/nemtech/catapult-rest/releases/tag/v2.3.0
 [[email protected]]: https://github.com/nemtech/catapult-server/releases/tag/v0.10.0.7
 [[email protected]]: https://www.npmjs.com/package/symbol-sdk/v/0.23.3-alpha-202102181227
-[[email protected]]: https://github.com/nemtech/catapult-rest/releases/tag/v2.3.3
+[[email protected]]: https://github.com/nemtech/catapult-rest/releases/tag/v2.3.3
+[[email protected]]: https://github.com/nemtech/catapult-server/releases/tag/v0.10.0.8
+[[email protected]]: https://www.npmjs.com/package/symbol-sdk/v/0.23.3

package.json

@@ -2,7 +2,7 @@
   "name": "symbol-explorer",
   "description": "Symbol Block and Network Explorer",
   "homepage": "https://github.com/nemgrouplimited/symbol-explorer",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "scripts": {
     "dev": "vue-cli-service serve",
     "build": "vue-cli-service build",
@@ -29,7 +29,7 @@
     "leaflet.markercluster": "^1.4.1",
     "merkletreejs": "^0.2.9",
     "moment-timezone": "^0.5.28",
-    "symbol-sdk": "^0.23.3-alpha-202102181227",
+    "symbol-sdk": "^0.23.3",
     "url-parse": "^1.4.7",
     "utf8": "^3.0.0",
     "vue": "^2.6.11",

src/components/Chart.vue

@@ -50,8 +50,12 @@ export default {
 				'#00c8ff',
 				'#33dd50',
 				'#ff00ff',
-				'#f2e013',
-				'#f29913'
+
+				'#5200c6',
+				'#bf360c',
+				'#5d4037',
+				'#616161',
+				'#78909c'
 			]
 
 		},
@@ -194,7 +198,6 @@ export default {
 					showForZeroSeries: true,
 					position: 'bottom',
 					horizontalAlign: 'center',
-					height: 30,
 					offsetY: 8
 				}
 			};

src/components/NemCopyright.vue

@@ -25,8 +25,7 @@
 				<span>All Rights Reserved</span>
 				<span>|</span>
 				<span>
-					<a href="/terms">Terms</a> &
-					<a href="/privacy">Privacy</a>
+					<a href="https://symbolplatform.com/privacy/">Privacy Policy</a>
 				</span>
 			</div>
 		</div>

src/components/NodesMap.vue

@@ -33,6 +33,10 @@ export default {
 		minZoom: {
 			type: Number,
 			default: 1
+		},
+
+		showPopup: {
+			type: Boolean
 		}
 	},
 
@@ -180,8 +184,10 @@ export default {
 						break;
 					}
 
-					const m = leaflet.marker([node.coordinates.latitude, node.coordinates.longitude], { icon })
-						.bindPopup(popup);
+					const m = leaflet.marker([node.coordinates.latitude, node.coordinates.longitude], { icon });
+
+					if (this.showPopup === true)
+						m.bindPopup(popup);
 
 					markerClusters.addLayer(m);
 				}
@@ -223,7 +229,7 @@ export default {
 			return typeof value === 'string'
 				? (
 					value.length > 30
-						? (value.slice(0, 15) + '...' + value.slice(value.length - 14, value.length - 1))
+						? (value.slice(0, 15) + '...' + value.slice(value.length - 14, value.length))
 						: value
 				)
 				: 'n/a';

src/components/extend-graphic-value/ExtendHashLockValue.vue

@@ -1,7 +1,9 @@
 <template>
 	<span
 		v-if="hasAmount"
-		:title="getTranslation('amount') + ': ' + amount">
+		:title="getTranslation('amount') + ': ' + amount"
+		style="display: flex"
+	>
 		<Decimal :value="amount" class="decimal"/> {{ networkCurrency }}
 	</span>
 </template>
@@ -49,7 +51,17 @@ export default {
 		},
 
 		networkCurrency() {
-			return http.networkCurrency.namespaceName;
+			// eslint-disable-next-line no-constant-condition
+			if (
+				typeof http.networkCurrency.namespaceName === 'string' &&
+				http.networkCurrency.namespaceName.length > 0
+			) {
+				const namespaceLevels = http.networkCurrency.namespaceName.split('.');
+
+				return namespaceLevels.pop();
+			}
+
+			return '';
 		}
 
 	}

src/components/extend-graphic-value/ExtendMosaicGlobalRestrictionValue.vue

@@ -2,6 +2,7 @@
 	<span
 		v-if="hasReferenceMosaicId"
 		:title="getTranslation('referenceMosaicId') + ': ' + referenceMosaicId"
+		style="display: flex"
 	>
 		<MosaicIcon
 			hideCaption

src/components/extend-graphic-value/ExtendNamespaceRegistrationValue.vue

@@ -1,7 +1,9 @@
 <template>
 	<span
 		v-if="hasNamespace"
-		:title="getTranslation('namespaceName')">
+		:title="getTranslation('namespaceName')"
+		style="display: flex"
+	>
 
 		<NamespaceIcon
 			hideCaption

src/components/extend-graphic-value/ExtendTransferValue.vue

@@ -22,6 +22,7 @@
 		<span
 			v-if="hasNativeMosaic"
 			:title="nativeMosaic + ' ' + networkCurrency"
+			style="display: flex"
 		>
 			<Decimal :value="nativeMosaic" class="decimal"/> {{ networkCurrencySub }}
 		</span>
@@ -66,66 +67,51 @@ export default {
 
 	props: {
 		value: {
-			type: Array,
+			type: Object,
 			required: true,
-			default: () => []
+			default: () => ({})
 		}
 	},
 
 	computed: {
 		hasNativeMosaic() {
-			for (const item of this.value) {
-				if (Object.keys(item).includes('nativeMosaic'))
-					return item.nativeMosaic !== 'N/A';
-			}
+			if (this.value.nativeMosaic)
+				return this.value.nativeMosaic !== 'N/A';
+
 			return false;
 		},
 		hasMessage() {
-			for (const item of this.value) {
-				if (Object.keys(item).includes('message'))
-					return typeof item.message.payload === 'string' && item.message.payload.length > 0;
-			}
+			if (this.value.message)
+				return typeof this.value.message.payload === 'string' && this.value.message.payload.length > 0;
+
 			return false;
 		},
 
 		hasMosaics() {
-			for (const item of this.value) {
-				if (Object.keys(item).includes('mosaics'))
-					return Array.isArray(item.mosaics) && item.mosaics.length > 0;
-			}
+			if (this.value.mosaics)
+				return Array.isArray(this.value.mosaics) && this.value.mosaics.length > 0;
+
 			return false;
 		},
 
 		nativeMosaic() {
-			for (const item of this.value) {
-				if (Object.keys(item).includes('nativeMosaic')) {
-					const amount = item.nativeMosaic.replace(/,/g, '');
-
-					if (Number.isInteger(Number(amount)))
-						return Number(amount).toLocaleString('en-US');
-					return item.nativeMosaic;
-				}
+			if (this.value.nativeMosaic) {
+				const amount = this.value.nativeMosaic.replace(/,/g, '');
+
+				if (Number.isInteger(Number(amount)))
+					return Number(amount).toLocaleString('en-US');
+				return this.value.nativeMosaic;
 			}
 
 			return '';
 		},
 
 		message() {
-			for (const item of this.value) {
-				if (Object.keys(item).includes('message'))
-					return item.message;
-			}
-
-			return '';
+			return this.value.message || '';
 		},
 
-		mosaic() {
-			for (const item of this.value) {
-				if (Object.keys(item).includes('mosaics'))
-					return item.mosaics;
-			}
-
-			return [];
+		mosaics() {
+			return this.value.mosaics || [];
 		},
 
 		networkCurrency() {
@@ -134,10 +120,16 @@ export default {
 
 		networkCurrencySub() {
 			// eslint-disable-next-line no-constant-condition
-			return typeof (http.networkCurrency.namespaceName === 'string' &&
-				http.networkCurrency.namespaceName.length > 0)
-				? http.networkCurrency.namespaceName.split('.')[http.networkCurrency.namespaceName.length - 1]
-				: '';
+			if (
+				typeof http.networkCurrency.namespaceName === 'string' &&
+				http.networkCurrency.namespaceName.length > 0
+			) {
+				const namespaceLevels = http.networkCurrency.namespaceName.split('.');
+
+				return namespaceLevels.pop();
+			}
+
+			return '';
 		}
 	}
 

src/components/fields/ExtendGraphicValueField.vue

@@ -47,7 +47,7 @@ export default {
 
 	props: {
 		value: {
-			type: Array,
+			type: [Array, Object],
 			required: true,
 			default: () => []
 		},

src/components/fields/MosaicsField.vue

@@ -64,9 +64,7 @@ export default {
 		},
 
 		getMosaicName(mosaic) {
-			return mosaic.mosaicAliasName !== 'N/A'
-				? mosaic.mosaicAliasName
-				: mosaic.mosaicId;
+			return helper.getMosaicName(mosaic);
 		}
 	}
 };

src/components/fields/TransactionType.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="transaction-type">
 		<div v-if="iconUrl" class="icon">
-			<img :src="iconUrl" />
+			<img :src="iconUrl" :class="iconSizeClass" />
 		</div>
 		<div v-if="!hideCaption" class="text">
 			{{ transactionText }}
@@ -33,6 +33,11 @@ export default {
 		hideCaption: {
 			type: Boolean,
 			default: false
+		},
+
+		size: {
+			type: String,
+			default: 'medium'
 		}
 	},
 
@@ -105,6 +110,10 @@ export default {
 			const transactionDescriptor = `transactionDescriptor_${transactionType}`;
 
 			return this.$store.getters['ui/getNameByKey'](transactionDescriptor);
+		},
+
+		iconSizeClass() {
+			return 'icon-' + this.size;
 		}
 	},
 
@@ -124,11 +133,20 @@ export default {
     display: flex;
 
     .icon {
-        margin-right: 10px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        .icon-small {
+            height: 12px;
+            width: 12px;
+            margin-right: 4px;
+        }
 
-        img {
+        .icon-medium {
             height: 32px;
             width: 32px;
+            margin-right: 10px;
         }
     }
 

src/components/graphics/GraphicComponent.vue

@@ -212,9 +212,7 @@ export default {
 		},
 
 		getMosaicName(mosaic) {
-			return mosaic.mosaicAliasName !== 'N/A'
-				? mosaic.mosaicAliasName
-				: mosaic.mosaicId;
+			return helper.getMosaicName(mosaic);
 		},
 
 		getMosaicTitle(mosaic) {