7x31
/
nginxconfig.io
mirror of https://github.com/digitalocean/nginxconfig.io.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update analytics calls in app.vue

This commit is contained in:
MattIPv4 2021-01-12 17:08:51 +00:00
parent b3ab9f22b9
commit 31a7a5c196
1 changed files with 14 additions and 4 deletions
src/nginxconfig/templates
app.vue

18
src/nginxconfig/templates/app.vue
View File

@ -101,6 +101,7 @@ THE SOFTWARE.
:name="confContents[0]"
:conf="confContents[1]"
:half="Object.keys(confFilesOutput).length > 1 && !splitColumn"
@copied="codeCopiedEvent(confContents[3])"
></component>
</template>
</div>
@ -148,8 +149,8 @@ THE SOFTWARE.
Global,
Setup,
NginxPrism,
'YamlPrism': () => import('./prism/yaml'),
'DockerPrism': () => import('./prism/docker'),
YamlPrism: () => import('./prism/yaml'),
DockerPrism: () => import('./prism/docker'),
},
data() {
return {
@ -170,7 +171,7 @@ THE SOFTWARE.
splitColumn: false,
confWatcherWaiting: false,
confFilesPrevious: {},
confFilesOutput: {},
confFilesOutput: [],
languageLoading: false,
languagePrevious: defaultPack,
interactiveEvents: false,
@ -326,7 +327,7 @@ THE SOFTWARE.
const diffConf = diff(newConf, oldConf, {
highlightFunction: value => `<mark>${value}</mark>`,
});
this.$data.confFilesOutput = Object.values(diffConf).map(({ name, content }) => {
this.$data.confFilesOutput = Object.entries(diffConf).map(([ file, { name, content } ]) => {
const diffName = name.filter(x => !x.removed).map(x => x.value).join('');
const confName = `${escape(this.$data.global.nginx.nginxConfigDirectory.computed)}/${diffName}`;
const diffContent = content.filter(x => !x.removed).map(x => x.value).join('');
@ -335,6 +336,7 @@ THE SOFTWARE.
confName,
diffContent,
`${sha2_256(confName)}-${sha2_256(diffContent)}`,
file,
];
});
} catch (e) {
@ -346,6 +348,7 @@ THE SOFTWARE.
confName,
content,
`${sha2_256(confName)}-${sha2_256(content)}`,
name,
];
});
}
@ -388,6 +391,13 @@ THE SOFTWARE.
value: count,
});
},
codeCopiedEvent(file) {
analytics({
category: 'Config files',
action: 'Code snippet copied',
label: file,
});
},
getPrismComponent(confName) {
switch (confName) {
case '/etc/nginx/Dockerfile':