git-sync/crawlab
1
0
Fork 0
mirror of https://github.com/crawlab-team/crawlab.git synced 2026-01-22 17:31:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

added baidu tongji for analytics

Browse Source
This commit is contained in:
Marvin Zhang
2019-05-29 22:06:43 +08:00
parent e10745da87
commit eb43e1f273
11 changed files with 147 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/.eslintrc.js
View File

@@ -13,5 +13,8 @@ module.exports = {
},
parserOptions: {
parser: 'babel-eslint'
},
globals: {
'_hmt': 1
}
}

17
frontend/index.html
View File

@@ -1,15 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<script>
</script>
<title>Crawlab</title>
</head>
<body>
<!--<script src=<%= BASE_URL %>/tinymce4.7.5/tinymce.min.js></script>-->
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</head>
<body>
<!--<script src=<%= BASE_URL %>/tinymce4.7.5/tinymce.min.js></script>-->
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>

1
frontend/package.json
View File

@@ -23,6 +23,7 @@
"nprogress": "0.2.0",
"path": "^0.12.7",
"vue": "^2.5.22",
"vue-ba": "^1.2.5",
"vue-codemirror-lite": "^1.0.4",
"vue-i18n": "^8.9.0",
"vue-router": "^3.0.1",

64
frontend/src/App.vue
View File

@@ -10,8 +10,45 @@ import DialogView from './components/Common/DialogView'
export default {
name: 'App',
data () {
return {
msgPopup: undefined
}
},
components: {
DialogView
},
computed: {
useStats () {
return localStorage.getItem('useStats')
}
},
methods: {},
mounted () {
window.setUseStats = (value) => {
localStorage.setItem('useStats', value)
document.querySelector('.el-message__closeBtn').click()
if (value === 1) {
_hmt.push(['_trackPageview', '/allow_stats'])
} else {
_hmt.push(['_trackPageview', '/disallow_stats'])
}
}
// first-time user
if (this.useStats === undefined || this.useStats === null) {
this.$message({
type: 'info',
dangerouslyUseHTMLString: true,
showClose: true,
duration: 0,
message: this.$t('<p>Do you allow us to collect some statistics to improve Crawlab?</p>' +
'<div style="text-align: center;margin-top: 10px;">' +
'<button class="message-btn" onclick="setUseStats(1)">' + this.$t('Yes') + '</button>' +
'<button class="message-btn" onclick="setUseStats(0)">' + this.$t('No') + '</button>' +
'</div>')
})
}
}
}
</script>
@@ -52,4 +89,31 @@ export default {
.el-form .el-form-item {
margin-bottom: 10px;
}
.message-btn {
margin: 0 5px;
padding: 5px 10px;
background: transparent;
color: #909399;
font-size: 12px;
border-radius: 4px;
cursor: pointer;
}
.message-btn:hover {
opacity: 0.8;
text-decoration: underline;
}
.message-btn.success {
background: #67c23a;
border-color: #67c23a;
color: #fff;
}
.message-btn.danger {
background: #f56c6c;
border-color: #f56c6c;
color: #fff;
}
</style>

17
frontend/src/main.js
View File

@@ -12,6 +12,8 @@ import 'font-awesome/scss/font-awesome.scss'// FontAwesome
import 'codemirror/lib/codemirror.css'
// import ba from 'vue-ba'
import App from './App'
import store from './store'
import router from './router'
@@ -24,8 +26,23 @@ import i18n from './i18n'
Vue.use(ElementUI, { locale })
// Vue.use(ba, 'c35e3a563a06caee2524902c81975add')
// Vue.use(ba, {
// siteId: 'c35e3a563a06caee2524902c81975add'
// })
Vue.config.productionTip = false
// 百度统计
window._hmt = window._hmt || [];
(function () {
let hm = document.createElement('script')
hm.src = 'https://hm.baidu.com/hm.js?c35e3a563a06caee2524902c81975add'
let s = document.getElementsByTagName('script')[0]
s.parentNode.insertBefore(hm, s)
})()
// inject request api
Vue.prototype.$request = request
const app = new Vue({

8
frontend/src/router/index.js
View File

@@ -222,4 +222,12 @@ router.beforeEach((to, from, next) => {
next()
})
router.afterEach((to, from, next) => {
if (to.path) {
if (localStorage.getItem('useStats') !== '0') {
window._hmt.push(['_trackPageview', to.path])
}
}
})
export default router

5
frontend/src/store/index.js
View File

@@ -12,6 +12,7 @@ import file from './modules/file'
import schedule from './modules/schedule'
import lang from './modules/lang'
import site from './modules/site'
import stats from './modules/stats'
import getters from './getters'
Vue.use(Vuex)
@@ -29,7 +30,9 @@ const store = new Vuex.Store({
file,
schedule,
lang,
site
site,
// 百度统计
stats
},
getters
})

14
frontend/src/store/modules/stats.js Normal file
View File

@@ -0,0 +1,14 @@
const state = {}
const getters = {
useStats () {
return localStorage.getItem('useStats')
}
}
const mutations = {}
const actions = {}
export default {
state,
getters,
mutations,
actions
}

3
frontend/src/views/home/Home.vue
View File

@@ -85,6 +85,9 @@ export default {
this.dailyTasks = response.data.daily_tasks
this.initEchartsDailyTasks()
})
},
mounted () {
// this.$ba.trackPageview('/')
}
}
</script>

20
frontend/src/views/layout/components/TagsView.vue
View File

@@ -2,15 +2,15 @@
<div class="tags-view-container">
<scroll-pane ref="scrollPane" class="tags-view-wrapper">
<router-link
v-for="tag in visitedViews"
ref="tag"
:class="isActive(tag)?'active':''"
:to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
:key="tag.path"
tag="span"
class="tags-view-item"
@click.middle.native="closeSelectedTag(tag)"
@contextmenu.prevent.native="openMenu(tag,$event)">
v-for="tag in visitedViews"
ref="tag"
:class="isActive(tag)?'active':''"
:to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
:key="tag.path"
tag="span"
class="tags-view-item"
@click.middle.native="closeSelectedTag(tag)"
@contextmenu.prevent.native="openMenu(tag,$event)">
{{ $t(generateTitle(tag.title)) }}
<span v-if="!tag.meta.affix" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)"/>
</router-link>
@@ -47,7 +47,7 @@ export default {
return this.$store.state.tagsView.visitedViews
},
routers () {
return this.$store.state.permission.routers
return this.$store.state.permission ? this.$store.state.permission.routers : []
}
},
watch: {

13
frontend/yarn.lock
View File

@@ -8401,6 +8401,14 @@ vm-browserify@0.0.4:
dependencies:
indexof "0.0.1"
vue-ba@^1.2.5:
version "1.2.5"
resolved "https://registry.npm.taobao.org/vue-ba/download/vue-ba-1.2.5.tgz#fef30732ee749a65a81a4f47113527ee41fda64b"
integrity sha1-/vMHMu50mmWoGk9HETUn7kH9pks=
dependencies:
deep-equal "^1.0.1"
vue "^2.3.3"
vue-codemirror-lite@^1.0.4:
version "1.0.4"
resolved "http://registry.npm.taobao.org/vue-codemirror-lite/download/vue-codemirror-lite-1.0.4.tgz#48a5cd7d17c0914503c8cd9d9b56b438e49c3410"
@@ -8485,6 +8493,11 @@ vue-template-es2015-compiler@^1.6.0, vue-template-es2015-compiler@^1.8.2:
version "1.8.2"
resolved "http://registry.npm.taobao.org/vue-template-es2015-compiler/download/vue-template-es2015-compiler-1.8.2.tgz#dd73e80ba58bb65dd7a8aa2aeef6089cf6116f2a"
vue@^2.3.3:
version "2.6.10"
resolved "https://registry.npm.taobao.org/vue/download/vue-2.6.10.tgz#a72b1a42a4d82a721ea438d1b6bf55e66195c637"
integrity sha1-pysaQqTYKnIepDjRtr9V5mGVxjc=
vue@^2.5.17, vue@^2.5.22:
version "2.6.6"
resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.6.tgz#dde41e483c11c46a7bf523909f4f2f816ab60d25"