jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui) - tracking code changes

Browse source
This commit is contained in:
Shekar Siri 2022-06-08 16:29:00 +02:00
parent e652ee97ba
commit 4188b7894d
3 changed files with 8 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.js
View file

@ -9,6 +9,7 @@ import stl from './projectCodeSnippet.module.css'
import CircleNumber from '../../CircleNumber';
import Highlight from 'react-highlight'
import Select from 'Shared/Select'
import CodeSnippet from 'Shared/CodeSnippet';
const inputModeOptions = [
{ label: 'Record all inputs', value: 'plain' },
@ -38,7 +39,7 @@ const ProjectCodeSnippet = props => {
var initOpts = {
projectKey: "PROJECT_KEY",
ingestPoint: "https://${window.location.hostname}/ingest",
defaultInputMode: ${inputModeOptionsMap[gdpr.defaultInputMode]},
defaultInputMode: ${gdpr.defaultInputMode},
obscureTextNumbers: ${gdpr.maskNumbers},
obscureTextEmails: ${gdpr.maskEmails},
};
@ -65,18 +66,13 @@ const ProjectCodeSnippet = props => {
}
const onChangeSelect = ({ name, value }) => {
// console.log(name, value)
// const { gdpr } = site;
const _gdpr = { ...gdpr.toData() };
props.editGDPR({ [ name ]: value });
_gdpr[name] = value;
props.editGDPR({ [ name ]: value });
saveGDPR(_gdpr)
};
const onChangeOption = ({ target: { name, checked } }) => {
// const { gdpr } = site;
console.log(name, checked)
const _gdpr = { ...gdpr.toData() };
_gdpr[name] = checked;
props.editGDPR({ [ name ]: checked });
@ -121,7 +117,7 @@ const ProjectCodeSnippet = props => {
<Select
name="defaultInputMode"
options={ inputModeOptions }
onChange={ ({ value }) => onChangeSelect({ name: 'defaultInputMode', value }) }
onChange={ ({ value }) => onChangeSelect({ name: 'defaultInputMode', value: value.value }) }
placeholder="Default Input Mode"
defaultValue={ gdpr.defaultInputMode }
/>
@ -170,7 +166,7 @@ const ProjectCodeSnippet = props => {
host={ site && site.host }
projectKey={ site && site.projectKey }
ingestPoint={`"https://${window.location.hostname}/ingest"`}
defaultInputMode={ inputModeOptionsMap[gdpr.defaultInputMode] }
defaultInputMode={ gdpr.defaultInputMode }
obscureTextNumbers={ gdpr.maskNumbers }
obscureTextEmails={ gdpr.maskEmails }
/>

4
frontend/app/components/shared/CodeSnippet/CodeSnippet.tsx
View file

@ -10,6 +10,7 @@ const inputModeOptions = [
const inputModeOptionsMap: any = {}
inputModeOptions.forEach((o: any, i: any) => inputModeOptionsMap[o.value] = i)
console.log('inputModeOptionsMap', inputModeOptionsMap)
interface Props {
@ -22,12 +23,13 @@ interface Props {
}
function CodeSnippet(props: Props) {
const { host, projectKey, ingestPoint, defaultInputMode, obscureTextNumbers, obscureTextEmails } = props;
console.log('defaultInputMode', defaultInputMode)
const codeSnippet = `<!-- OpenReplay Tracking Code for ${host} -->
<script>
var initOpts = {
projectKey: "${projectKey}",
ingestPoint: ${ingestPoint},
defaultInputMode: ${inputModeOptions[defaultInputMode]},
defaultInputMode: ${inputModeOptionsMap[defaultInputMode]},
obscureTextNumbers: ${obscureTextNumbers},
obscureTextEmails: ${obscureTextEmails},
};

5
frontend/app/components/shared/TrackingCodeModal/ProjectCodeSnippet/ProjectCodeSnippet.js
View file

@ -58,9 +58,6 @@ const ProjectCodeSnippet = props => {
const onChangeSelect = ({ name, value }) => {
const { gdpr } = site;
// const _gdpr = { ...gdpr.toData() };
// props.editGDPR({ [ name ]: value });
// _gdpr[name] = value;
props.editGDPR({ [ name ]: value });
saveGDPR({ ...gdpr, [ name ]: value });
};
@ -107,7 +104,7 @@ const ProjectCodeSnippet = props => {
<Select
name="defaultInputMode"
options={ inputModeOptions }
onChange={ ({ value }) => onChangeSelect({ name: 'defaultInputMode', value }) }
onChange={ ({ value }) => onChangeSelect({ name: 'defaultInputMode', value: value.value }) }
placeholder="Default Input Mode"
value={ inputModeOptions.find(o => o.value === gdpr.defaultInputMode) }
/>