add translations to start minting

qortal-ui-core/src/components/start-minting.js

@@ -39,7 +39,6 @@ class StartMinting extends connect(store)(LitElement) {
 	static get styles() {
 		return [
 			css`
-
 			.dialogCustom {
 				position: fixed;
     				z-index: 10000;
@@ -49,12 +48,10 @@ class StartMinting extends connect(store)(LitElement) {
     				align-items: center;
     				top: 0px;
     				bottom: 0px;
-   
     				left: 0px;
     				width: 100vw;
 			}
 			.dialogCustomInner {
-				
 				width: 300px;
 				min-height: 400px;
 				background-color: var(--white);
@@ -84,20 +81,14 @@ class StartMinting extends connect(store)(LitElement) {
 				width: 100%;
 				align-items: center;
 			}
-	
 			.modalFooter {
 				width: 100%;
 				display: flex;
 				justify-content: flex-end;
 			}
-
-  
-	
-
 			.hide {
 				visibility: hidden
 			}
-
 			.inactiveText {
 				opacity: .60
 			}
@@ -106,14 +97,12 @@ class StartMinting extends connect(store)(LitElement) {
 				flex-direction: column;
 				width: 100%;
 			}
-
 			.smallLoading,
 			.smallLoading:after {
 				border-radius: 50%;
 				width: 2px;
 				height: 2px;
 			}
-
 			.smallLoading {
 				border-width: 0.6em;
 				border-style: solid;
@@ -135,7 +124,6 @@ class StartMinting extends connect(store)(LitElement) {
 					transform: rotate(360deg);
 				}
 			}
-
 			@keyframes loadingAnimation {
 				0% {
 					-webkit-transform: rotate(0deg);
@@ -146,7 +134,6 @@ class StartMinting extends connect(store)(LitElement) {
 					transform: rotate(360deg);
 				}
 			}
-
 			.word-break {
 				word-break:break-all;
 			}
@@ -158,18 +145,13 @@ class StartMinting extends connect(store)(LitElement) {
 				display: flex;
 				align-items: flex-start;
 				flex-direction: column;
-	
-		
 			}
-
-	
 			.between {
 				justify-content: space-between;
 			}
 			.no-width {
 				width: auto
 			}
-
 			.between p {
 				margin: 0;
 				padding: 0;
@@ -183,12 +165,10 @@ class StartMinting extends connect(store)(LitElement) {
 			.warning{
 				display: flex;
 				flex-grow: 1
-}
+			}
-
+			.message-error {
-.message-error {
 				color: var(--error);
 			}
-
 			`,
 		];
 	}
@@ -209,10 +189,23 @@ class StartMinting extends connect(store)(LitElement) {
 
 	firstUpdated() {
 		this.getMintingAcccounts();
+		this.shadowRoot.querySelector('mdc-dialog--open').setAttribute('style', 'width: 100vw')
+	}
 
+	this.renderErrorMsg1() {
+		return html`${translate("startminting.smchange1")}`
+	}
 
+	this.renderErrorMsg2() {
+		return html`${translate("startminting.smchange2")}`
+	}
 
-		this.shadowRoot.querySelector('mdc-dialog--open').setAttribute('style', 'width: 100vw')
+	this.renderErrorMsg3() {
+		return html`${translate("startminting.smchange3")}`
+	}
+
+	this.renderErrorMsg4() {
+		return html`${translate("startminting.smchange4")}`
 	}
 
 	async getMintingAcccounts() {
@@ -229,7 +222,7 @@ class StartMinting extends connect(store)(LitElement) {
 
 			this.mintingAccountData = mintingAccountData;
 		} catch (error) {
-			this.errorMsg = 'Cannot fetch minting accounts';
+			this.errorMsg = this.renderErrorMsg1();
 		}
 	}
 
@@ -278,7 +271,7 @@ class StartMinting extends connect(store)(LitElement) {
 				);
 			}
 		} catch (error) {
-			this.errorMsg = 'Failed to remove key';
+			this.errorMsg = this.renderErrorMsg2();
 			return;
 		}
 
@@ -290,14 +283,12 @@ class StartMinting extends connect(store)(LitElement) {
 			this.status = 5;
 			this.getMintingAcccounts();
 		} catch (error) {
-			this.errorMsg = 'Failed to add minting key';
+			this.errorMsg = this.renderErrorMsg3();
 			return;
 		}
 		
 	}
 
-
-
 	async confirmRelationship(){
 		const myNode =
 			store.getState().app.nodeConfig.knownNodes[
@@ -350,16 +341,20 @@ class StartMinting extends connect(store)(LitElement) {
 			store.getState().app.nodeConfig.knownNodes[
 				store.getState().app.nodeConfig.node
 			];
+
 		const nodeUrl =
 			myNode.protocol + '://' + myNode.domain + ':' + myNode.port;
+
 		const mintingAccountData = this.mintingAccountData;
 
 		const addressInfo = this.addressInfo;
 		
 		const address =
 			window.parent.reduxStore.getState().app?.selectedAddress?.address;
+
 		const nonce =
 			window.parent.reduxStore.getState().app?.selectedAddress?.nonce;
+
 		const publicAddress =
 			window.parent.reduxStore.getState().app?.selectedAddress
 				?.base58PublicKey;
@@ -367,13 +362,12 @@ class StartMinting extends connect(store)(LitElement) {
 		const findMintingAccount = mintingAccountData.find((ma) =>
 			ma.publicKey.includes(publicAddress)
 		);
+
 		const isMinterButKeyMintingKeyNotAssigned =
 			addressInfo?.error !== 124 &&
 			addressInfo?.level >= 1 &&
 			!findMintingAccount;
 
-		
-
 		const makeTransactionRequest = async (lastRef) => {
 			let mylastRef = lastRef;
 			let rewarddialog1 = get('transactions.rewarddialog1');
@@ -450,7 +444,7 @@ class StartMinting extends connect(store)(LitElement) {
 				this.confirmRelationship(publicAddress)
 			} catch (error) {
 				console.log({error})
-				this.errorMsg = error?.data?.message || 'Cannot create sponsorship key';
+				this.errorMsg = error?.data?.message || this.renderErrorMsg4();
 				return;
 			}
 
@@ -493,44 +487,41 @@ class StartMinting extends connect(store)(LitElement) {
                     </div>
 				<div class="dialog-container">
 					<ul>
+						<li class="row between">
+							<p>
+								1. ${translate("startminting.smchange5")}
+							</p>
+							<div class=${`smallLoading marginLoader ${this.status !== 1 && 'hide'}`}></div>
+						</li>
 
-					
-					
-						<li class="row between">1. Creating relationship <div class=${`smallLoading marginLoader ${this.status !== 1 && 'hide'}`}></div></li>
 						<li class=${`row between ${this.status < 2 && 'inactiveText' }`}>
 							<p>
-							2. Awaiting confirmation on blockchain
+								2. ${translate("startminting.smchange6")}
 							</p>
 							<div class=${`smallLoading marginLoader ${this.status !== 2 && 'hide'}`}></div>
-						
 						</li>
 
 						<li class=${`row between ${this.status < 3 && 'inactiveText' }`}>
 							<p>
-						3. Finishing up relationship
+								3. ${translate("startminting.smchange7")}
 							</p>
-
 							<div class="row no-width">
 								<div class=${`smallLoading marginLoader marginRight ${this.status !== 3 && 'hide'}`} ></div> ${asyncReplace(this.timer)}
 							</div>
-						
-						
 						</li>
+
 						<li class=${`row between ${this.status < 4 && 'inactiveText' }`}>
 							<p>
-							4. Adding minting key to node
+								4. ${translate("startminting.smchange8")}
 							</p>
 							<div class=${`smallLoading marginLoader ${this.status !== 4 && 'hide'}`}></div>
-						
 						</li>
+
 						<li class=${`row between ${this.status < 5 && 'inactiveText' }`}>
 							<p>
-							5. Complete
+								5. ${translate("startminting.smchange9")}
 							</p>
-							
-						
 						</li>
-					
 					</ul>
 					<div class="warning column">
 						<p>
@@ -538,7 +529,6 @@ class StartMinting extends connect(store)(LitElement) {
 						</p>
 						<p class="message-error">${this.errorMsg}</p>
 					</div>	
-					
 				</div>
 					<div class="modalFooter">
 					<mwc-button
@@ -553,8 +543,6 @@ class StartMinting extends connect(store)(LitElement) {
                     ${translate("general.close")}
                     </mwc-button>
 					</div>
-					
-                   
 					</div>