♨️Help.Microsoft.com ☎ (+1 (877 947-7788 ☎ Talk TO A PERson+| Phone Number …♨️
How does HELP.MICROSOFT.COM +1-877-947-7788 Support Number affect? As mentioned earlier they skipped 111 Help.microsoft.comis one of the most occuCOIN.BASEing help.microsoft.coms in MS OFFICE. So it means the business or user is at constant risk of Contact of HELP.MICROSOFT.COMSupport Number HELP.MICROSOFT.COMSupport Phone Number mostly occurs within the application system because of file damage. The file must be repaired by either restoration or by replacing it with an earlier saved backup copy of the stored data. HELP.MICROSOFT.COMTECHNICAL Support phone number – However, this is often HELP.MICROSOFT.COMCustomer Support phone number software within the end and that’s why
HELP.MICROSOFT.COM +1-877-947-7788 Software. Once the recovering process is complete, HELP.MICROSOFT.COMaccounting software will create a duplicate of that file. But if your application is open, you’d not find any backup created. This may produce two backup duplicates and also the latest one would be 12 hours old while another would be 24 hours old.
Category: javascript
Category Added in a WPeMatico Campaign
How do you find the specific element that is clicked in JavaScript?
My school has disabled the inspect element, and the element that I want to reference isn’t in the source code because it is generated later. I can use chrome bookmarks to execute javascript code, but I don’t have the element’s path to reference. How could I make something in js that gets the path of the element I click?
Millier separtor in React Mui TextField
I’m trying to add millier separator to my mui-textField value,knowing that i already made digit separation.my code looks like this:
<TextField
size='small'
label='Total Cotisations Encaissées'
value={
totalEncaissement
?.toFixed(modeMO)
?.replace(/d(?=(d{3})+.)/g, "$& ") || 0
}
variant='outlined'
fullWidth
type={"number"}
/>
</Grid>
The field doesn’t dispay anything when i add replace, but works totally fine with toFormat only
Please could somebody help
How to access array within an object? (Javascript)
Here is my object in a map function:
element: {2021-12-03: Array(12)}
How to I access the Array?
I’ve tried this:
element.date
But I get ‘undefined’
How can I make my custom review stars display required in angular form
I have a form for adding reviews, and added a custom star rating component. The ‘rating’ form value is required, so it won’t let you submit without selecting a rating, but there is no feedback. So I would like it to highlight the review star section if it has no value on submit as if it were an angular form field.
<div class="stars-wrapper" title="Rating: {{ form.get('rating').value }} out of 5 stars">
<div class="star-button-wrapper" *ngFor="let i of [1,2,3,4,5]">
<button class="star-button" type="button" (click)="setRating(i)" attr.aria-label="Set Rating to {{i}} stars" >
<mat-icon class="full-star" *ngIf="form.get('rating').value >= i">star</mat-icon>
<mat-icon class="empty-star" *ngIf="form.get('rating').value < i">star_border</mat-icon>
</button>
</div>
</div>```
Проблема с кодом js [closed]
Имеется почти дописанный код на js, есть только одна ошибка, пишет:
SyntaxError: Line 56: Unexpected token }
Возможно, что я криворукий, но я посмотрел абсолютно весь код, ни нашел ничего ВООБЩЕ НИЧЕГО ПОХОЖЕГО НА КРИВОЙ КОД
Не понимаю, что не так, помогите ПОЖАЛУЙСТА!!!
И да, кстати, вот исходник:
var n, r, o = this, a = new E(this.pool.getUserPoolId().split("_")[1]), u = new B, c = {};
null != this.deviceKey && (c.DEVICE_KEY = this.deviceKey),
c.USERNAME = this.username,
a.getLargeAValue((function(l, h) {
l && t.onFailure(l),
c.SRP_A = h.toString(16),
"CUSTOM_AUTH" === o.authenticationFlowType && (c.CHALLENGE_NAME = "SRP_A");
var d = 0 !== Object.keys(e.getValidationData()).length ? e.getValidationData() : e.getClientMetadata()
, g = {
AuthFlow: o.authenticationFlowType,
ClientId: o.pool.getClientId(),
AuthParameters: c,
ClientMetadata: d
};
o.getUserContextData(o.username) && (g.UserContextData = o.getUserContextData(o.username)),
o.client.request("InitiateAuth", g, (function(c, l) {
if (c)
return t.onFailure(c);
var h = l.ChallengeParameters;
o.username = h.USER_ID_FOR_SRP,
n = new p(h.SRP_B,16),
r = new p(h.SALT,16),
o.getCachedDeviceKeyAndPassword(),
a.getPasswordAuthenticationKey(o.username, e.getPassword(), n, r, (function(e, n) {
e && t.onFailure(e);
var r = u.getNowString()
, c = s.a.lib.WordArray.create(i.Buffer.concat([i.Buffer.from(o.pool.getUserPoolId().split("_")[1], "utf8"), i.Buffer.from(o.username, "utf8"), i.Buffer.from(h.SECRET_BLOCK, "base64"), i.Buffer.from(r, "utf8")]))
, p = s.a.lib.WordArray.create(n)
, g = U.a.stringify(f()(c, p))
, y = {};
y.USERNAME = o.username,
y.PASSWORD_CLAIM_SECRET_BLOCK = h.SECRET_BLOCK,
y.TIMESTAMP = r,
y.PASSWORD_CLAIM_SIGNATURE = g,
null != o.deviceKey && (y.DEVICE_KEY = o.deviceKey);
var b = {
ChallengeName: "PASSWORD_VERIFIER",
ClientId: o.pool.getClientId(),
ChallengeResponses: y,
Session: l.Session,
ClientMetadata: d
};
o.getUserContextData() && (b.UserContextData = o.getUserContextData()),
function e(t, n) {
return o.client.request("RespondToAuthChallenge", t, (function(r, i) {
return r && "ResourceNotFoundException" === r.code && -1 !== r.message.toLowerCase().indexOf("device") ? (y.DEVICE_KEY = null,
o.deviceKey = null,
o.randomPassword = null,
o.deviceGroupKey = null,
o.clearCachedDeviceKeyAndPassword(),
e(t, n)) : n(r, i)
}
))
}(b, (function(e, n) {
return e ? t.onFailure(e) : o.authenticateUserInternal(n, a, t)}
How to call a JS function with parameter passed in NPM script
I am trying to run a function by calling a npm script with an additional parameter that would provide a path to a specific file. In a simplified version it looks sort of like that:
package.json
"reset_script": "node -e 'require("./script_reset_db").resetDatabase($npm_config_path)'"
script_reset_db.js
module.exports.resetDatabase = async (path) => { console.log(path) }
In a node terminal I’m executing:
npm run reset_script –path=123
But the command results in an error:
at [eval]:1:44
at Script.runInThisContext (node:vm:129:12)
at Object.runInThisContext (node:vm:305:38)
at node:internal/process/execution:81:19
at [eval]-wrapper:6:22
at evalScript (node:internal/process/execution:80:60)
at node:internal/main/eval_string:27:3
Do you have any idea what could be the issue?
Decimal to Binary conversion for even numbers wrong output in NodeJS
I am having below code to convert DEC to BIN and then reverse it and then convert back to DEC.
I am getting correct results when I pass ODD numbers but for EVEN numbers it is not accurate.
Could someone help me what I am doing wrong?
function mirror_bits(n) {
var NumFromInvNum = parseInt(n.toString(2).split("").reverse().join(""), 2);
return NumFromSaleNum;
}Example values I am seeing issue are
30038174 — not working
30038173 — working
30038180 — not working
30038035 — working
React Query useMutation is putting my API call state in Idle
I am using React Query to make API calls.
I have an OTP Generation API in which I am making a POST API call to generate an OTP as a response from the API I receive the status of OTP deliverance.
/* eslint-disable no-unused-vars */
import React, { useState } from 'react';
import { useNavigate } from 'react-router-dom';
import { TextField } from '../Input/TextField';
import { CustomButton } from '../Button/CustomButton';
import { MOBILE_NUMBER } from '../Common/Placeholder';
import { getOtpData } from '../../hooks/getOtp.hook';
export function MobileNumber() {
const navigate = useNavigate();
const [mobileno, setMobileNo] = useState('');
const [isTermsAgree, setisTermsAgree] = useState(false);
const [isDisplayLoader, setDisplayLoader] = useState(false);
const [isDisplayError, setDisplayError] = useState(false);
const { mutate, isError, isSuccess, isLoading, isIdle, data } =
getOtpData();
// Onchnage event for input mobile number
const handleNumberChange = (
e: React.ChangeEvent<HTMLInputElement>,
) => {
setMobileNo(e.target.value);
};
// Onchnage event for Checkbox
const TermsAgreeChange = () => {
setisTermsAgree((current) => !current);
};
// onClick Event Confirm Btn //Generate OTP API call Goes Here
const getOtp = () => {
mutate(mobileno);
if (isSuccess) {
if (data?.data.otpSent) {
console.log('Sent - true');
navigate('/phone-otp-confirmation', {
state: { phoneNumber: mobileno },
});
}
if (data?.data.maxOtpRetriesExceeded) {
setDisplayError(true);
}
}
if (isError) {
console.log('error');
}
};
return (
<div className="bg-grey-800 h-1/2 mt-40 flex flex-col justify-evenly font-Manrope ">
<section>
<div className=" flex-col flex items-center md:items-baseline md:pl-36 ">
<p className=" text-3xl "> Enter Mobile Number </p>
</div>
<div>
<p className="text-l flex-col flex items-center mt-1 md:items-baseline md:pl-36 ">
<span className=" text-gray-400 text-center ">
Enter Mobile Number used for instant login
</span>
</p>
</div>
<div className="flex-col flex items-center md:items-baseline md:pl-36 mt-5">
<div className=" flex items-center sm:justify-start sm:px-0 ">
<div>
<div className=" flex w-18 px-3 justify-center items-center bg-transparent rounded-bl-lg rounded-tl-lg border text-2xl md:text-3xl border-gray-700 h-12 md:h-16 focus:outline-none focus:bg-transparent">
<span>+91</span>
</div>
</div>
<div>
<TextField
width="w-48"
height="h-12"
padding="px-5"
placeholder={MOBILE_NUMBER}
maxlen={10}
other="rounded-br-lg rounded-tr-lg px-5 md:w-72 md:h-16"
type="text"
onChangeFunction={handleNumberChange}
val={mobileno}
error={false}
/>
</div>
</div>
</div>
</section>
<div className=" flex-col flex mt-16 items-center md:items-baseline md:pl-36 md:mt-5 ">
<div className="flex items-center w-72">
<TextField
width="w-7"
height="h-7"
type="checkbox"
other="form-checkbox"
onChangeFunction={TermsAgreeChange}
/>
<p className="ml-3 text-sm md:text-base tracking-wide text-gray-400 font-extralight">
I have read the OneCard{' '}
<a
href="http://"
className="underline text-sm md:text-base text-gray-400"
>
Terms and Conditions & Privacy Policy
</a>{' '}
</p>
</div>
<div className="mt-8 ">
<CustomButton
clickEvent={getOtp}
btntext="Get OTP"
isbuttonactive={mobileno.length === 10 && isTermsAgree}
/>
</div>
{/* <h2>Loader</h2>
<h2>Error</h2> */}
</div>
</div>
);
}
OTP Generation hook
import { useMutation } from 'react-query';
import axios from 'axios';
import { WEB } from '../constants/constants';
interface IGetOTPResult {
otpSent: boolean;
maxOtpRetriesExceeded: boolean;
}
const getOTP = async (mobileNumber: string) => {
const response = await axios.post<IGetOTPResult>(
`${process.env.REACT_APP_URL}/`,
{
mobile: mobileNumber
},
{
headers: {
Authorization: '',
'Content-Type': 'application/json',
},
},
);
return response;
};
export const getOtpData = () => {
return useMutation(getOTP);
};
PROBLEM : As soon as I make this API call through the frontend as I click the button, it goes into isIdle state to be true.
Only the second time, I click the button, isSuccess becomes true.
However, bot the times the API call is made and I receive a 200 response!
I want to ensure my API call never enters isIdle state.
Plus, there is no significant information given about isIDle in any of react-queries documentation.
How do I go about this?
How to achieve a typewrite effect on a website
I created a grid, and in 6 grid boxes I wanted to have a blurred image that becomes clear on hover, which was easy i suppose and text next to it with a typewriter effect. This is some code I found on the typewriter effect. But I can’t seem to make it work. the cursor line is huge and spans the entire paragraph and it goes through the text really slowly.
I kind of understand what this code does a little, I was hoping to learn something from doing this, but if i can’t make it work, there is nothing to learn. As an alternative, from the limited coding knowledge i have, I thought about creating a c++ loop, since in c++ text is considered to be an array of letters. So a function that would loop through the text, add a letter and then write,delete,write, delete a “|” symbol after each new element, but I don’t know how I would add that into the website.
HTML
<div id="box_1">
<img id="box_1_img" src="/images/artmainpage/pic1.jpg" alt="Image cannot be displayed">
<span id="box_1_para">
<div class="text_hide"></div>
<div class="text1">Cras egestas porttitor ante, ut iaculis nulla facilisis sit amet. Pellentesque tristique erat est, eget consectetur nunc pulvinar vel. Aliquam vel lorem et massa auctor dictum vitae at tellus. Suspendisse potenti.</div>
<div class="text_cursor"></div>
</span>
</div>
CSS
#box_1
{
grid-area: b;
border: 1px dotted red;
margin: 2px;
display: flex;
align-items: center;
justify-content: space-around;
}
#box_1_img
{
margin-left: 10px;
height: 80%;
filter: blur(1px);
background: (255,255,255,0.1);
backdrop-filter: blur(6px);
transition: all .5s ease-in-out;
}
#box_1_img:hover
{
margin-left: 10px;
height: 90%;
transition: all .5s ease-in-out;
filter: blur(0px);
}
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
#box_1_para
{
margin-left: 10px;
margin-right: 10px;
font-family: 'Courier New', Courier, monospace;
font-size: small;
position: relative;
}
.text_hide{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: white;
}
.text_cursor{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
border-left: 3px solid black;
}
JS
function typing_animation() {
let text_element = document.querySelector(".text1");
let text_array = text_element.innerHTML.split("");
let text_array_slice = text_element.innerHTML.split(" ");
let text_len = text_array.length;
const word_len = text_array_slice.map((word) => {
return word.length;
})
console.log(word_len);
let timings = {
easing: `steps(${Number(word_len[0] + 1)}, end)`,
delay: 1000,
duration: 1000,
fill: 'forwards'
}
let cursor_timings = {
duration: 700,
iterations: Infinity,
easing: 'cubic-bezier(0,.26,.44,.93)'
}
document.querySelector(".text_cursor").animate([
{
opacity: 0
},
{
opacity: 0, offset: 0.7
},
{
opacity: 1
}
], cursor_timings);
if (text_array_slice.length == 1) {
timings.easing = `steps(${Number(word_len[0])}, end)`;
let reveal_animation = document.querySelector(".text_hide").animate([
{ left: '0%' },
{ left: `${(100 / text_len) * (word_len[0])}%` }
], timings);
document.querySelector(".text_cursor").animate([
{ left: '0%' },
{ left: `${(100 / text_len) * (word_len[0])}%` }
], timings);
reveal_animation.onfinish = () => {
setTimeout(() => {
document.querySelector('.text_hide').animate([
{left: '0%'}
], {
duration: 2000,
easing: 'cubic-bezier(.73,0,.38,.88)'
});
document.querySelector('.text_cursor').animate([
{left: '0%'}
], {
duration: 2000,
easing: 'cubic-bezier(.73,0,.38,.88)'
});
typing_animation();
}, 1000);
}
} else {
document.querySelector(".text_hide").animate([
{ left: '0%' },
{ left: `${(100 / text_len) * (word_len[0] + 1)}%` }
], timings);
document.querySelector(".text_cursor").animate([
{ left: '0%' },
{ left: `${(100 / text_len) * (word_len[0] + 1)}%` }
], timings);
}
for (let i = 1; i < text_array_slice.length; i++) {
console.log(word_len);
console.log(text_array_slice.length);
const single_word_len = word_len[i];
console.log(single_word_len);
if (i == 1) {
var left_instance = (100 / text_len) * (word_len[i - 1] + 1);
console.log(left_instance);
}
let timings_2 = {
easing: `steps(${Number(single_word_len + 1)}, end)`,
delay: (2 * (i + 1) + (2 * i)) * (1000),
// delay: ((i*2)-1)*1000,
duration: 2000,
fill: 'forwards'
}
if (i == (text_array_slice.length - 1)) {
timings_2.easing = `steps(${Number(single_word_len)}, end)`;
let reveal_animation = document.querySelector(".text_hide").animate([
{ left: `${left_instance}%` },
{ left: `${left_instance + ((100 / text_len) * (word_len[i]))}%` }
], timings_2);
document.querySelector(".text_cursor").animate([
{ left: `${left_instance}%` },
{ left: `${left_instance + ((100 / text_len) * (word_len[i]))}%` }
], timings_2);
reveal_animation.onfinish = () => {
setTimeout(() => {
document.querySelector('.text_hide').animate([
{left: '0%'}
], {
duration: 2000,
easing: 'cubic-bezier(.73,0,.38,.88)'
});
document.querySelector('.text_cursor').animate([
{left: '0%'}
], {
duration: 2000,
easing: 'cubic-bezier(.73,0,.38,.88)'
});
typing_animation();
}, 1000);
}
} else {
document.querySelector(".text_hide").animate([
{ left: `${left_instance}%` },
{ left: `${left_instance + ((100 / text_len) * (word_len[i] + 1))}%` }
], timings_2);
document.querySelector(".text_cursor").animate([
{ left: `${left_instance}%` },
{ left: `${left_instance + ((100 / text_len) * (word_len[i] + 1))}%` }
], timings_2);
}
left_instance = left_instance + ((100 / text_len) * (word_len[i] + 1));
}
}
typing_animation();
Coin~~Ba$e %%% Toll^^^ free ⎝⎝GͥOͣDͫ⎠⎠1︶866︽502︾4054⎝⎝GͥOͣDͫ⎠⎠$UMG$ Coin~~Ba$e *Toll ^free Number
Coin~~Ba$e}{}{} Toll- free Number +1 866+502+4054 $$UMG$$$Coin~~Ba$e %%% Toll^^^ free ⎝⎝GͥOͣDͫ⎠⎠1︶866︽502︾4054⎝⎝GͥOͣDͫ⎠⎠$UMG$ Coin~~Ba$e *Toll ^free NumberCoin~~Ba$e %%% Toll^^^ free ⎝⎝GͥOͣDͫ⎠⎠1︶866︽502︾4054⎝⎝GͥOͣDͫ⎠⎠$UMG$ Coin~~Ba$e *Toll ^free Number
make return the largest numeric value within the array, javascript [duplicate]
This is the code I’m trying to get it to work, the problem is it just checks up to the 8th value, then disregards the rest for some reason
function a(){
let nums = [12,11,23,22,21,34,33,55,44,43,32,41,100]
let nam;
let b = 1
let a = 0
document.body.innerHTML += "<br>a = "+nums.length
for(let x=0;x<=nums.length;x++){
if(nums[a]>nums[b]){
nam = nums[a]
b++
}else{
nam = nums[b]
a++
}
document.body.innerHTML += "<br>a = "+nums[a]
document.body.innerHTML += "<br>b = "+nums[b]
document.body.innerHTML += "<br>nam = "+nam
}
}
a()Switching between SQL Quarries
I know this is not the typical question that StackOverflow should handle but I need people’s ideas for this.
I’m currently learning PHP for web development and I’m working with SQL and a bit of data from my company (Confidential and I’m unable to show it). I have 2 different quarries currently written and I want to use a switch or a button (don’t know which is better) to switch between the 2 quarries in the back to display different data on the screen.
What are the best ways of doing this? I would be very appreciative if someone can give me a few code snippets on how to do this.
Thanks
Stop VSCode adding “endregion” autocompletion when pressing “enter” key
I am editing JSX code in .js files, and since two days (i don’t know why), each time I press ENTER key in VS Code to add a new empty line, then VS Code display this:
If I press ENTER again, then VS Code add “//#endregion” in my code.
But the point is, I don’t want this, I just want to jump a line, I don’t want VS Code to write this for me.
Do you know why VS Code has this behavior now, and how I can avoid VS Code doing this ?
Thank you very much
Is there a method to update a data object from vue when the database updates?
I’m making a web app that allows users to create an account and then join a room. Inside the room they can click a button and essentially allows them to pick who they are gonna give a gift to randomly. The problem I’m having is how do I update a data object from vue if the database updates for all users. What I mean is if a another user joined a room, the new user has the updated data object but all the other users who came before him will have the outdated data object. So what I’m essentially asking is how would vue update a data object if the database updates.
And by data object I mean something like this
data() {
return {
room: { name: "room", users: [] }
}
}
Does the update() lifecycle hook do that? or computed()?
And before anyone answers, remember I need it to update to ALL the users that joined the room.
I’m using vue2 since I’m using vuetify