7 |
9 |
3 |
5 |
6 |
7 |
12 |
--------------------------------------------------------------------------------
/vue-consul/src/api/article.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request'
2 |
3 | export function fetchList(query) {
4 | return request({
5 | url: '/vue-admin-template/article/list',
6 | method: 'get',
7 | params: query
8 | })
9 | }
10 |
11 | export function fetchArticle(id) {
12 | return request({
13 | url: '/vue-admin-template/article/detail',
14 | method: 'get',
15 | params: { id }
16 | })
17 | }
18 |
19 | export function fetchPv(pv) {
20 | return request({
21 | url: '/vue-admin-template/article/pv',
22 | method: 'get',
23 | params: { pv }
24 | })
25 | }
26 |
27 | export function createArticle(data) {
28 | return request({
29 | url: '/vue-admin-template/article/create',
30 | method: 'post',
31 | data
32 | })
33 | }
34 |
35 | export function updateArticle(data) {
36 | return request({
37 | url: '/vue-admin-template/article/update',
38 | method: 'post',
39 | data
40 | })
41 | }
42 |
--------------------------------------------------------------------------------
/vue-consul/src/api/avd.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function getAvdList() {
4 | return request({
5 | url: '/api/avd/list',
6 | method: 'get'
7 | })
8 | }
9 | export function getAvdConfig() {
10 | return request({
11 | url: '/api/avd/config',
12 | method: 'get'
13 | })
14 | }
15 |
16 | export function postAvdJob(avd_config_dict) {
17 | return request({
18 | url: '/api/avd/config',
19 | method: 'post',
20 | data: { avd_config_dict }
21 | })
22 | }
23 |
24 | export function postAvdRun() {
25 | return request({
26 | url: '/api/avd/run',
27 | method: 'post'
28 | })
29 | }
30 |
--------------------------------------------------------------------------------
/vue-consul/src/api/blackbox.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function getAllList(module, company, project, env) {
4 | return request({
5 | url: '/api/blackbox/alllist',
6 | method: 'get',
7 | params: { module, company, project, env }
8 | })
9 | }
10 |
11 | export function getAllInfo() {
12 | return request({
13 | url: '/api/blackbox/service',
14 | method: 'get'
15 | })
16 | }
17 | export function addService(data) {
18 | return request({
19 | url: '/api/blackbox/service',
20 | method: 'post',
21 | data
22 | })
23 | }
24 | export function updateService(del_dict, up_dict) {
25 | return request({
26 | url: '/api/blackbox/service',
27 | method: 'put',
28 | data: { del_dict, up_dict }
29 | })
30 | }
31 | export function delService(data) {
32 | return request({
33 | url: '/api/blackbox/service',
34 | method: 'delete',
35 | data
36 | })
37 | }
38 | export function getRules() {
39 | return request({
40 | url: '/api/blackboxcfg/rules',
41 | method: 'get'
42 | })
43 | }
44 | export function getPconfig() {
45 | return request({
46 | url: '/api/blackboxcfg/pconfig',
47 | method: 'get'
48 | })
49 | }
50 | export function getBconfig() {
51 | return request({
52 | url: '/api/blackboxcfg/bconfig',
53 | method: 'get'
54 | })
55 | }
56 |
--------------------------------------------------------------------------------
/vue-consul/src/api/consul.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function getHosts() {
4 | return request({
5 | url: '/api/consul/hosts',
6 | method: 'get'
7 | })
8 | }
9 |
10 | export function getServices() {
11 | return request({
12 | url: '/api/consul/services',
13 | method: 'get'
14 | })
15 | }
16 |
17 | export function getServicesName() {
18 | return request({
19 | url: '/api/consul/services_name',
20 | method: 'get'
21 | })
22 | }
23 |
24 | export function getInstances(service_name) {
25 | return request({
26 | url: '/api/consul/instances',
27 | method: 'get',
28 | params: { service_name }
29 | })
30 | }
31 |
32 | export function delSid(sid) {
33 | return request({
34 | url: '/api/consul/sid',
35 | method: 'delete',
36 | params: { sid }
37 | })
38 | }
39 |
40 | export function addSid(instance_dict) {
41 | return request({
42 | url: '/api/consul/sid',
43 | method: 'post',
44 | data: { instance_dict }
45 | })
46 | }
47 |
48 | export function updateSid(sid, instance_dict) {
49 | return request({
50 | url: '/api/consul/sid',
51 | method: 'put',
52 | data: { sid, instance_dict }
53 | })
54 | }
55 |
--------------------------------------------------------------------------------
/vue-consul/src/api/edit.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function getCloud() {
4 | return request({
5 | url: '/api/edit/cloud',
6 | method: 'get'
7 | })
8 | }
9 | export function findGroup(vendor, account, region) {
10 | return request({
11 | url: '/api/edit/find',
12 | method: 'get',
13 | params: { vendor, account, region }
14 | })
15 | }
16 | export function PostEditJob(editJob) {
17 | return request({
18 | url: '/api/edit/commit',
19 | method: 'post',
20 | data: { editJob }
21 | })
22 | }
23 |
--------------------------------------------------------------------------------
/vue-consul/src/api/exp.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function getExpList(query_dict) {
4 | return request({
5 | url: '/api/exp/list',
6 | method: 'get',
7 | params: { query_dict }
8 | })
9 | }
10 | export function getExpConfig() {
11 | return request({
12 | url: '/api/exp/config',
13 | method: 'get'
14 | })
15 | }
16 |
17 | export function postExpJob(exp_config_dict) {
18 | return request({
19 | url: '/api/exp/config',
20 | method: 'post',
21 | data: { exp_config_dict }
22 | })
23 | }
24 |
25 | export function postExpIsnotify(isnotify_dict) {
26 | return request({
27 | url: '/api/exp/isnotify',
28 | method: 'post',
29 | data: { isnotify_dict }
30 | })
31 | }
32 |
--------------------------------------------------------------------------------
/vue-consul/src/api/jms.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function getJmsList(query_dict) {
4 | return request({
5 | url: '/api/jms/list',
6 | method: 'get',
7 | params: { query_dict }
8 | })
9 | }
10 | export function getJmsConfig() {
11 | return request({
12 | url: '/api/jms/config',
13 | method: 'get'
14 | })
15 | }
16 |
17 | export function postJmsConfig(jms_config) {
18 | return request({
19 | url: '/api/jms/config',
20 | method: 'post',
21 | data: { jms_config }
22 | })
23 | }
24 |
25 | export function postJmsSwitch(switch_dict) {
26 | return request({
27 | url: '/api/jms/switch',
28 | method: 'post',
29 | data: { switch_dict }
30 | })
31 | }
32 |
33 | export function postJmsSync(jms_sync) {
34 | return request({
35 | url: '/api/jms/sync',
36 | method: 'post',
37 | timeout: 600 * 1000,
38 | data: { jms_sync }
39 | })
40 | }
41 |
--------------------------------------------------------------------------------
/vue-consul/src/api/ldap.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function setldap(data) {
4 | return request({
5 | url: '/api/ldap/config',
6 | method: 'post',
7 | data: data
8 | })
9 | }
10 | export function getLdap() {
11 | return request({
12 | url: '/api/ldap/config',
13 | method: 'get'
14 | })
15 | }
16 | export function delLdap() {
17 | return request({
18 | url: '/api/ldap/config',
19 | method: 'delete'
20 | })
21 | }
22 |
--------------------------------------------------------------------------------
/vue-consul/src/api/login.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function logo() {
4 | return request({
5 | url: '/api/login/logo',
6 | method: 'get'
7 | })
8 | }
9 |
10 | export function postnologo(height) {
11 | return request({
12 | url: '/api/login/nologo',
13 | method: 'post',
14 | data: { height }
15 | })
16 | }
17 |
18 | export function rebig() {
19 | return request({
20 | url: '/api/login/rebig',
21 | method: 'post'
22 | })
23 | }
24 |
25 | export function resmall() {
26 | return request({
27 | url: '/api/login/resmall',
28 | method: 'post'
29 | })
30 | }
31 | export function rebgimg() {
32 | return request({
33 | url: '/api/login/rebgimg',
34 | method: 'post'
35 | })
36 | }
37 | export function retitle() {
38 | return request({
39 | url: '/api/login/retitle',
40 | method: 'post'
41 | })
42 | }
43 |
44 | export function getbgimg() {
45 | return request({
46 | url: '/api/login/bgimg',
47 | method: 'get'
48 | })
49 | }
50 |
51 | export function getitle() {
52 | return request({
53 | url: '/api/login/title',
54 | method: 'get'
55 | })
56 | }
57 |
58 | export function postitle(title) {
59 | return request({
60 | url: '/api/login/title',
61 | method: 'post',
62 | data: { title }
63 | })
64 | }
65 |
--------------------------------------------------------------------------------
/vue-consul/src/api/node-exporter.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function getAllJobs(query_dict) {
4 | return request({
5 | url: '/api/jobs',
6 | method: 'get',
7 | params: { query_dict }
8 | })
9 | }
10 |
11 | export function PostJob(job_dict) {
12 | return request({
13 | url: '/api/jobs',
14 | method: 'post',
15 | data: { job_dict }
16 | })
17 | }
18 |
19 | export function DelJob(job_id) {
20 | return request({
21 | url: '/api/jobs',
22 | method: 'delete',
23 | params: { job_id }
24 | })
25 | }
26 |
27 | export function getGroup(job_id) {
28 | return request({
29 | url: '/api/nodes/group',
30 | method: 'get',
31 | params: { job_id }
32 | })
33 | }
34 |
35 | export function getResList(job_id) {
36 | return request({
37 | url: '/api/nodes/res',
38 | method: 'get',
39 | params: { job_id }
40 | })
41 | }
42 |
43 | export function getJobEcs() {
44 | return request({
45 | url: '/api/nodes/jobecs',
46 | method: 'get'
47 | })
48 | }
49 | export function getServicesList() {
50 | return request({
51 | url: '/api/nodes/ecs_services',
52 | method: 'get'
53 | })
54 | }
55 | export function getConfig(services_dict) {
56 | return request({
57 | url: '/api/nodes/config',
58 | method: 'post',
59 | data: { services_dict }
60 | })
61 | }
62 | export function getRules() {
63 | return request({
64 | url: '/api/nodes/rules',
65 | method: 'get'
66 | })
67 | }
68 |
69 | export function postCstEcs(cst_ecs_dict) {
70 | return request({
71 | url: '/api/nodes/cstecs',
72 | method: 'post',
73 | data: { cst_ecs_dict }
74 | })
75 | }
76 |
77 | export function getCstEcsConfig(iid) {
78 | return request({
79 | url: '/api/nodes/cstecsconf',
80 | method: 'get',
81 | params: { iid }
82 | })
83 | }
84 |
85 | export function getCstEcsList(jobecs_name, checked) {
86 | return request({
87 | url: '/api/nodes/cstecslist',
88 | method: 'get',
89 | params: { jobecs_name, checked }
90 | })
91 | }
92 |
--------------------------------------------------------------------------------
/vue-consul/src/api/rds.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function getResList(job_id) {
4 | return request({
5 | url: '/api/nodes/res',
6 | method: 'get',
7 | params: { job_id }
8 | })
9 | }
10 |
11 | export function getJobRds() {
12 | return request({
13 | url: '/api/rds/jobrds',
14 | method: 'get'
15 | })
16 | }
17 |
18 | export function getRdsServicesList() {
19 | return request({
20 | url: '/api/rds/rds_services',
21 | method: 'get'
22 | })
23 | }
24 |
25 | export function getRdsConfig(services_dict) {
26 | return request({
27 | url: '/api/rds/rdspconfig',
28 | method: 'post',
29 | data: { services_dict }
30 | })
31 | }
32 | export function getRdsRules() {
33 | return request({
34 | url: '/api/rds/rdsrules',
35 | method: 'get'
36 | })
37 | }
38 |
39 | export function postCstRds(cst_rds_dict) {
40 | return request({
41 | url: '/api/rds/cstrds',
42 | method: 'post',
43 | data: { cst_rds_dict }
44 | })
45 | }
46 |
47 | export function getCstRdsConfig(iid) {
48 | return request({
49 | url: '/api/rds/cstrdsconf',
50 | method: 'get',
51 | params: { iid }
52 | })
53 | }
54 |
55 | export function getCstRdsList(jobrds_name, checked) {
56 | return request({
57 | url: '/api/rds/cstrdslist',
58 | method: 'get',
59 | params: { jobrds_name, checked }
60 | })
61 | }
62 |
--------------------------------------------------------------------------------
/vue-consul/src/api/redis.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function getResList(job_id) {
4 | return request({
5 | url: '/api/nodes/res',
6 | method: 'get',
7 | params: { job_id }
8 | })
9 | }
10 |
11 | export function getJobRedis() {
12 | return request({
13 | url: '/api/redis/jobredis',
14 | method: 'get'
15 | })
16 | }
17 |
18 | export function getRedisServicesList() {
19 | return request({
20 | url: '/api/redis/redis_services',
21 | method: 'get'
22 | })
23 | }
24 |
25 | export function getRedisConfig(services_dict) {
26 | return request({
27 | url: '/api/redis/redispconfig',
28 | method: 'post',
29 | data: { services_dict }
30 | })
31 | }
32 | export function getRedisRules() {
33 | return request({
34 | url: '/api/redis/redisrules',
35 | method: 'get'
36 | })
37 | }
38 |
39 | export function postCstRedis(cst_redis_dict) {
40 | return request({
41 | url: '/api/redis/cstredis',
42 | method: 'post',
43 | data: { cst_redis_dict }
44 | })
45 | }
46 |
47 | export function getCstRedisConfig(iid) {
48 | return request({
49 | url: '/api/redis/cstredisconf',
50 | method: 'get',
51 | params: { iid }
52 | })
53 | }
54 |
55 | export function getCstRedisList(jobredis_name, checked) {
56 | return request({
57 | url: '/api/redis/cstredislist',
58 | method: 'get',
59 | params: { jobredis_name, checked }
60 | })
61 | }
62 |
--------------------------------------------------------------------------------
/vue-consul/src/api/selfnode.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function getAllList(vendor, account, region, group) {
4 | return request({
5 | url: '/api/selfnode/alllist',
6 | method: 'get',
7 | params: { vendor, account, region, group }
8 | })
9 | }
10 |
11 | export function getAllInfo() {
12 | return request({
13 | url: '/api/selfnode/service',
14 | method: 'get'
15 | })
16 | }
17 | export function addService(data) {
18 | return request({
19 | url: '/api/selfnode/service',
20 | method: 'post',
21 | data
22 | })
23 | }
24 | export function updateService(del_dict, up_dict) {
25 | return request({
26 | url: '/api/selfnode/service',
27 | method: 'put',
28 | data: { del_dict, up_dict }
29 | })
30 | }
31 | export function delService(data) {
32 | return request({
33 | url: '/api/selfnode/service',
34 | method: 'delete',
35 | data
36 | })
37 | }
38 |
--------------------------------------------------------------------------------
/vue-consul/src/api/selfrds.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function getAllList(vendor, account, region, group) {
4 | return request({
5 | url: '/api/selfrds/alllist',
6 | method: 'get',
7 | params: { vendor, account, region, group }
8 | })
9 | }
10 |
11 | export function getAllInfo() {
12 | return request({
13 | url: '/api/selfrds/service',
14 | method: 'get'
15 | })
16 | }
17 | export function addService(data) {
18 | return request({
19 | url: '/api/selfrds/service',
20 | method: 'post',
21 | data
22 | })
23 | }
24 | export function updateService(del_dict, up_dict) {
25 | return request({
26 | url: '/api/selfrds/service',
27 | method: 'put',
28 | data: { del_dict, up_dict }
29 | })
30 | }
31 | export function delService(data) {
32 | return request({
33 | url: '/api/selfrds/service',
34 | method: 'delete',
35 | data
36 | })
37 | }
38 |
--------------------------------------------------------------------------------
/vue-consul/src/api/selfredis.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function getAllList(vendor, account, region, group) {
4 | return request({
5 | url: '/api/selfredis/alllist',
6 | method: 'get',
7 | params: { vendor, account, region, group }
8 | })
9 | }
10 |
11 | export function getAllInfo() {
12 | return request({
13 | url: '/api/selfredis/service',
14 | method: 'get'
15 | })
16 | }
17 | export function addService(data) {
18 | return request({
19 | url: '/api/selfredis/service',
20 | method: 'post',
21 | data
22 | })
23 | }
24 | export function updateService(del_dict, up_dict) {
25 | return request({
26 | url: '/api/selfredis/service',
27 | method: 'put',
28 | data: { del_dict, up_dict }
29 | })
30 | }
31 | export function delService(data) {
32 | return request({
33 | url: '/api/selfredis/service',
34 | method: 'delete',
35 | data
36 | })
37 | }
38 |
--------------------------------------------------------------------------------
/vue-consul/src/api/table.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request'
2 |
3 | export function getList(params) {
4 | return request({
5 | url: '/vue-admin-template/table/list',
6 | method: 'get',
7 | params
8 | })
9 | }
10 |
--------------------------------------------------------------------------------
/vue-consul/src/api/user-ops.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function login(data) {
4 | return request({
5 | url: '/api/user/login',
6 | method: 'post',
7 | data
8 | })
9 | }
10 |
11 | export function getInfo(token) {
12 | return request({
13 | url: '/api/user/info',
14 | method: 'get',
15 | params: { token }
16 | })
17 | }
18 |
19 | export function logout() {
20 | return request({
21 | url: '/api/user/logout',
22 | method: 'post'
23 | })
24 | }
25 |
--------------------------------------------------------------------------------
/vue-consul/src/api/user.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request-ops'
2 |
3 | export function login(data) {
4 | return request({
5 | url: '/vue-admin-template/user/login',
6 | method: 'post',
7 | data
8 | })
9 | }
10 |
11 | export function getInfo(token) {
12 | return request({
13 | url: '/vue-admin-template/user/info',
14 | method: 'get',
15 | params: { token }
16 | })
17 | }
18 |
19 | export function logout() {
20 | return request({
21 | url: '/vue-admin-template/user/logout',
22 | method: 'post'
23 | })
24 | }
25 |
--------------------------------------------------------------------------------
/vue-consul/src/assets/404_images/404.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/starsliao/TenSunS/0d8568904d8e3375167e88805bf826d18ca4dcf7/vue-consul/src/assets/404_images/404.png
--------------------------------------------------------------------------------
/vue-consul/src/assets/404_images/404_cloud.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/starsliao/TenSunS/0d8568904d8e3375167e88805bf826d18ca4dcf7/vue-consul/src/assets/404_images/404_cloud.png
--------------------------------------------------------------------------------
/vue-consul/src/assets/login_images/SLH.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/starsliao/TenSunS/0d8568904d8e3375167e88805bf826d18ca4dcf7/vue-consul/src/assets/login_images/SLH.png
--------------------------------------------------------------------------------
/vue-consul/src/assets/login_images/bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/starsliao/TenSunS/0d8568904d8e3375167e88805bf826d18ca4dcf7/vue-consul/src/assets/login_images/bg.png
--------------------------------------------------------------------------------
/vue-consul/src/assets/login_images/tensuns.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/starsliao/TenSunS/0d8568904d8e3375167e88805bf826d18ca4dcf7/vue-consul/src/assets/login_images/tensuns.png
--------------------------------------------------------------------------------
/vue-consul/src/components/Breadcrumb/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
13 |
14 |
15 |
16 |
32 |
33 |
45 |
--------------------------------------------------------------------------------
/vue-consul/src/components/Pagination/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
15 |
16 |
17 |
92 |
93 |
102 |
--------------------------------------------------------------------------------
/vue-consul/src/components/SvgIcon/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 |
47 |
48 |
63 |
--------------------------------------------------------------------------------
/vue-consul/src/directive/waves/index.js:
--------------------------------------------------------------------------------
1 | import waves from './waves'
2 |
3 | const install = function(Vue) {
4 | Vue.directive('waves', waves)
5 | }
6 |
7 | if (window.Vue) {
8 | window.waves = waves
9 | Vue.use(install); // eslint-disable-line
10 | }
11 |
12 | waves.install = install
13 | export default waves
14 |
--------------------------------------------------------------------------------
/vue-consul/src/directive/waves/waves.css:
--------------------------------------------------------------------------------
1 | .waves-ripple {
2 | position: absolute;
3 | border-radius: 100%;
4 | background-color: rgba(0, 0, 0, 0.15);
5 | background-clip: padding-box;
6 | pointer-events: none;
7 | -webkit-user-select: none;
8 | -moz-user-select: none;
9 | -ms-user-select: none;
10 | user-select: none;
11 | -webkit-transform: scale(0);
12 | -ms-transform: scale(0);
13 | transform: scale(0);
14 | opacity: 1;
15 | }
16 |
17 | .waves-ripple.z-active {
18 | opacity: 0;
19 | -webkit-transform: scale(2);
20 | -ms-transform: scale(2);
21 | transform: scale(2);
22 | -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
23 | transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
24 | transition: opacity 1.2s ease-out, transform 0.6s ease-out;
25 | transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
26 | }
--------------------------------------------------------------------------------
/vue-consul/src/directive/waves/waves.js:
--------------------------------------------------------------------------------
1 | import './waves.css'
2 |
3 | const context = '@@wavesContext'
4 |
5 | function handleClick(el, binding) {
6 | function handle(e) {
7 | const customOpts = Object.assign({}, binding.value)
8 | const opts = Object.assign({
9 | ele: el, // 波纹作用元素
10 | type: 'hit', // hit 点击位置扩散 center中心点扩展
11 | color: 'rgba(0, 0, 0, 0.15)' // 波纹颜色
12 | },
13 | customOpts
14 | )
15 | const target = opts.ele
16 | if (target) {
17 | target.style.position = 'relative'
18 | target.style.overflow = 'hidden'
19 | const rect = target.getBoundingClientRect()
20 | let ripple = target.querySelector('.waves-ripple')
21 | if (!ripple) {
22 | ripple = document.createElement('span')
23 | ripple.className = 'waves-ripple'
24 | ripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px'
25 | target.appendChild(ripple)
26 | } else {
27 | ripple.className = 'waves-ripple'
28 | }
29 | switch (opts.type) {
30 | case 'center':
31 | ripple.style.top = rect.height / 2 - ripple.offsetHeight / 2 + 'px'
32 | ripple.style.left = rect.width / 2 - ripple.offsetWidth / 2 + 'px'
33 | break
34 | default:
35 | ripple.style.top =
36 | (e.pageY - rect.top - ripple.offsetHeight / 2 - document.documentElement.scrollTop ||
37 | document.body.scrollTop) + 'px'
38 | ripple.style.left =
39 | (e.pageX - rect.left - ripple.offsetWidth / 2 - document.documentElement.scrollLeft ||
40 | document.body.scrollLeft) + 'px'
41 | }
42 | ripple.style.backgroundColor = opts.color
43 | ripple.className = 'waves-ripple z-active'
44 | return false
45 | }
46 | }
47 |
48 | if (!el[context]) {
49 | el[context] = {
50 | removeHandle: handle
51 | }
52 | } else {
53 | el[context].removeHandle = handle
54 | }
55 |
56 | return handle
57 | }
58 |
59 | export default {
60 | bind(el, binding) {
61 | el.addEventListener('click', handleClick(el, binding), false)
62 | },
63 | update(el, binding) {
64 | el.removeEventListener('click', el[context].removeHandle, false)
65 | el.addEventListener('click', handleClick(el, binding), false)
66 | },
67 | unbind(el) {
68 | el.removeEventListener('click', el[context].removeHandle, false)
69 | el[context] = null
70 | delete el[context]
71 | }
72 | }
73 |
--------------------------------------------------------------------------------
/vue-consul/src/filters/index.js:
--------------------------------------------------------------------------------
1 | // import parseTime, formatTime and set to filter
2 | export { parseTime, formatTime } from '@/utils'
3 |
4 | /**
5 | * Show plural label if time is plural number
6 | * @param {number} time
7 | * @param {string} label
8 | * @return {string}
9 | */
10 | function pluralize(time, label) {
11 | if (time === 1) {
12 | return time + label
13 | }
14 | return time + label + 's'
15 | }
16 |
17 | /**
18 | * @param {number} time
19 | */
20 | export function timeAgo(time) {
21 | const between = Date.now() / 1000 - Number(time)
22 | if (between < 3600) {
23 | return pluralize(~~(between / 60), ' minute')
24 | } else if (between < 86400) {
25 | return pluralize(~~(between / 3600), ' hour')
26 | } else {
27 | return pluralize(~~(between / 86400), ' day')
28 | }
29 | }
30 |
31 | /**
32 | * Number formatting
33 | * like 10000 => 10k
34 | * @param {number} num
35 | * @param {number} digits
36 | */
37 | export function numberFormatter(num, digits) {
38 | const si = [
39 | { value: 1E18, symbol: 'E' },
40 | { value: 1E15, symbol: 'P' },
41 | { value: 1E12, symbol: 'T' },
42 | { value: 1E9, symbol: 'G' },
43 | { value: 1E6, symbol: 'M' },
44 | { value: 1E3, symbol: 'k' }
45 | ]
46 | for (let i = 0; i < si.length; i++) {
47 | if (num >= si[i].value) {
48 | return (num / si[i].value).toFixed(digits).replace(/\.0+$|(\.[0-9]*[1-9])0+$/, '$1') + si[i].symbol
49 | }
50 | }
51 | return num.toString()
52 | }
53 |
54 | /**
55 | * 10000 => "10,000"
56 | * @param {number} num
57 | */
58 | export function toThousandFilter(num) {
59 | return (+num || 0).toString().replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ','))
60 | }
61 |
62 | /**
63 | * Upper case first char
64 | * @param {String} string
65 | */
66 | export function uppercaseFirst(string) {
67 | return string.charAt(0).toUpperCase() + string.slice(1)
68 | }
69 |
--------------------------------------------------------------------------------
/vue-consul/src/icons/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import SvgIcon from '@/components/SvgIcon'// svg component
3 |
4 | // register globally
5 | Vue.component('svg-icon', SvgIcon)
6 |
7 | const req = require.context('./svg', false, /\.svg$/)
8 | const requireAll = requireContext => requireContext.keys().map(requireContext)
9 | requireAll(req)
10 |
--------------------------------------------------------------------------------
/vue-consul/src/icons/svg/dashboard.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/vue-consul/src/icons/svg/example.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/vue-consul/src/icons/svg/eye-open.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/vue-consul/src/icons/svg/eye.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/vue-consul/src/icons/svg/form.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/vue-consul/src/icons/svg/link.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/vue-consul/src/icons/svg/nested.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/vue-consul/src/icons/svg/password.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/vue-consul/src/icons/svg/table.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/vue-consul/src/icons/svg/tree.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/vue-consul/src/icons/svg/user.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/vue-consul/src/icons/svgo.yml:
--------------------------------------------------------------------------------
1 | # replace default config
2 |
3 | # multipass: true
4 | # full: true
5 |
6 | plugins:
7 |
8 | # - name
9 | #
10 | # or:
11 | # - name: false
12 | # - name: true
13 | #
14 | # or:
15 | # - name:
16 | # param1: 1
17 | # param2: 2
18 |
19 | - removeAttrs:
20 | attrs:
21 | - 'fill'
22 | - 'fill-rule'
23 |
--------------------------------------------------------------------------------
/vue-consul/src/layout/components/AppMain.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | ![]()
6 |
8 |
9 | ![]()
10 |
12 |
13 |
14 |
15 |
16 |
33 |
34 |
83 |
--------------------------------------------------------------------------------
/vue-consul/src/layout/components/Sidebar/SidebarItem.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ title }}
7 |{{ title }}
11 |
3 |
4 |
5 |
6 |
8 |
9 |
10 |
11 |
12 |
13 |
24 |
25 |
26 |
27 |
96 |
--------------------------------------------------------------------------------
/vue-consul/src/layout/components/Sidebar/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
15 |
17 |
18 |
19 |
20 |
21 |
57 |
--------------------------------------------------------------------------------
/vue-consul/src/layout/components/index.js:
--------------------------------------------------------------------------------
1 | export { default as Navbar } from './Navbar'
2 | export { default as Sidebar } from './Sidebar'
3 | export { default as AppMain } from './AppMain'
4 |
--------------------------------------------------------------------------------
/vue-consul/src/layout/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
12 |
13 |
14 |
52 |
53 |
94 |
--------------------------------------------------------------------------------
/vue-consul/src/layout/mixin/ResizeHandler.js:
--------------------------------------------------------------------------------
1 | import store from '@/store'
2 |
3 | const { body } = document
4 | const WIDTH = 992 // refer to Bootstrap's responsive design
5 |
6 | export default {
7 | watch: {
8 | $route(route) {
9 | if (this.device === 'mobile' && this.sidebar.opened) {
10 | store.dispatch('app/closeSideBar', { withoutAnimation: false })
11 | }
12 | }
13 | },
14 | beforeMount() {
15 | window.addEventListener('resize', this.$_resizeHandler)
16 | },
17 | beforeDestroy() {
18 | window.removeEventListener('resize', this.$_resizeHandler)
19 | },
20 | mounted() {
21 | const isMobile = this.$_isMobile()
22 | if (isMobile) {
23 | store.dispatch('app/toggleDevice', 'mobile')
24 | store.dispatch('app/closeSideBar', { withoutAnimation: true })
25 | }
26 | },
27 | methods: {
28 | // use $_ for mixins properties
29 | // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
30 | $_isMobile() {
31 | const rect = body.getBoundingClientRect()
32 | return rect.width - 1 < WIDTH
33 | },
34 | $_resizeHandler() {
35 | if (!document.hidden) {
36 | const isMobile = this.$_isMobile()
37 | store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')
38 |
39 | if (isMobile) {
40 | store.dispatch('app/closeSideBar', { withoutAnimation: true })
41 | }
42 | }
43 | }
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/vue-consul/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 |
3 | import 'normalize.css/normalize.css' // A modern alternative to CSS resets
4 |
5 | import ElementUI from 'element-ui'
6 | import 'element-ui/lib/theme-chalk/index.css'
7 | import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
8 |
9 | import '@/styles/index.scss' // global css
10 |
11 | import App from './App'
12 | import store from './store'
13 | import router from './router'
14 |
15 | import '@/icons' // icon
16 | import '@/permission' // permission control
17 | import * as filters from './filters' // global filters
18 |
19 | import VueHighlightJS from 'vue-highlightjs'
20 | import 'highlight.js/styles/xt256.css'
21 | Vue.use(VueHighlightJS)
22 | import VueClipboard from 'vue-clipboard2'
23 | Vue.use(VueClipboard)
24 |
25 | /**
26 | * If you don't want to use mock-server
27 | * you want to use MockJs for mock api
28 | * you can execute: mockXHR()
29 | *
30 | * Currently MockJs will be used in the production environment,
31 | * please remove it before going online ! ! !
32 | */
33 | if (process.env.NODE_ENV === 'production') {
34 | const { mockXHR } = require('../mock')
35 | mockXHR()
36 | }
37 |
38 | // set ElementUI lang to EN
39 | Vue.use(ElementUI, { locale })
40 | // 如果想要中文版 element-ui，按如下方式声明
41 | // Vue.use(ElementUI)
42 |
43 | // register global utility filters
44 | Object.keys(filters).forEach(key => {
45 | Vue.filter(key, filters[key])
46 | })
47 |
48 | Vue.config.productionTip = false
49 | Vue.prototype.VER = 'v1.2.1'
50 |
51 | new Vue({
52 | el: '#app',
53 | router,
54 | store,
55 | render: h => h(App)
56 | })
57 |
--------------------------------------------------------------------------------
/vue-consul/src/permission.js:
--------------------------------------------------------------------------------
1 | import router from './router'
2 | import store from './store'
3 | import { Message } from 'element-ui'
4 | import NProgress from 'nprogress' // progress bar
5 | import 'nprogress/nprogress.css' // progress bar style
6 | import { getToken } from '@/utils/auth' // get token from cookie
7 | import getPageTitle from '@/utils/get-page-title'
8 |
9 | NProgress.configure({ showSpinner: false }) // NProgress Configuration
10 |
11 | const whiteList = ['/login'] // no redirect whitelist
12 |
13 | router.beforeEach(async(to, from, next) => {
14 | // start progress bar
15 | NProgress.start()
16 |
17 | // set page title
18 | document.title = getPageTitle(to.meta.title)
19 |
20 | // determine whether the user has logged in
21 | const hasToken = getToken()
22 |
23 | if (hasToken) {
24 | if (to.path === '/login') {
25 | // if is logged in, redirect to the home page
26 | next({ path: '/' })
27 | NProgress.done()
28 | } else {
29 | const hasGetUserInfo = store.getters.name
30 | if (hasGetUserInfo) {
31 | next()
32 | } else {
33 | try {
34 | // get user info
35 | await store.dispatch('user/getInfo')
36 |
37 | next()
38 | } catch (error) {
39 | // remove token and go to login page to re-login
40 | await store.dispatch('user/resetToken')
41 | Message.error(error || 'Has Error')
42 | next(`/login?redirect=${to.path}`)
43 | NProgress.done()
44 | }
45 | }
46 | }
47 | } else {
48 | /* has no token*/
49 |
50 | if (whiteList.indexOf(to.path) !== -1) {
51 | // in the free login whitelist, go directly
52 | next()
53 | } else {
54 | // other pages that do not have permission to access are redirected to the login page.
55 | next(`/login?redirect=${to.path}`)
56 | NProgress.done()
57 | }
58 | }
59 | })
60 |
61 | router.afterEach(() => {
62 | // finish progress bar
63 | NProgress.done()
64 | })
65 |
--------------------------------------------------------------------------------
/vue-consul/src/settings.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |
3 | title: 'TenSunS',
4 |
5 | /**
6 | * @type {boolean} true | false
7 | * @description Whether fix the header
8 | */
9 | fixedHeader: false,
10 |
11 | /**
12 | * @type {boolean} true | false
13 | * @description Whether show the logo in sidebar
14 | */
15 | sidebarLogo: false
16 | }
17 |
--------------------------------------------------------------------------------
/vue-consul/src/store/getters.js:
--------------------------------------------------------------------------------
1 | const getters = {
2 | sidebar: state => state.app.sidebar,
3 | device: state => state.app.device,
4 | token: state => state.user.token,
5 | avatar: state => state.user.avatar,
6 | name: state => state.user.name
7 | }
8 | export default getters
9 |
--------------------------------------------------------------------------------
/vue-consul/src/store/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Vuex from 'vuex'
3 | import getters from './getters'
4 | import app from './modules/app'
5 | import settings from './modules/settings'
6 | import user from './modules/user'
7 |
8 | Vue.use(Vuex)
9 |
10 | const store = new Vuex.Store({
11 | modules: {
12 | app,
13 | settings,
14 | user
15 | },
16 | getters
17 | })
18 |
19 | export default store
20 |
--------------------------------------------------------------------------------
/vue-consul/src/store/modules/app.js:
--------------------------------------------------------------------------------
1 | import Cookies from 'js-cookie'
2 |
3 | const state = {
4 | sidebar: {
5 | opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
6 | withoutAnimation: false
7 | },
8 | device: 'desktop'
9 | }
10 |
11 | const mutations = {
12 | TOGGLE_SIDEBAR: state => {
13 | state.sidebar.opened = !state.sidebar.opened
14 | state.sidebar.withoutAnimation = false
15 | if (state.sidebar.opened) {
16 | Cookies.set('sidebarStatus', 1)
17 | } else {
18 | Cookies.set('sidebarStatus', 0)
19 | }
20 | },
21 | CLOSE_SIDEBAR: (state, withoutAnimation) => {
22 | Cookies.set('sidebarStatus', 0)
23 | state.sidebar.opened = false
24 | state.sidebar.withoutAnimation = withoutAnimation
25 | },
26 | TOGGLE_DEVICE: (state, device) => {
27 | state.device = device
28 | }
29 | }
30 |
31 | const actions = {
32 | toggleSideBar({ commit }) {
33 | commit('TOGGLE_SIDEBAR')
34 | },
35 | closeSideBar({ commit }, { withoutAnimation }) {
36 | commit('CLOSE_SIDEBAR', withoutAnimation)
37 | },
38 | toggleDevice({ commit }, device) {
39 | commit('TOGGLE_DEVICE', device)
40 | }
41 | }
42 |
43 | export default {
44 | namespaced: true,
45 | state,
46 | mutations,
47 | actions
48 | }
49 |
--------------------------------------------------------------------------------
/vue-consul/src/store/modules/settings.js:
--------------------------------------------------------------------------------
1 | import defaultSettings from '@/settings'
2 |
3 | const { showSettings, fixedHeader, sidebarLogo } = defaultSettings
4 |
5 | const state = {
6 | showSettings: showSettings,
7 | fixedHeader: fixedHeader,
8 | sidebarLogo: sidebarLogo
9 | }
10 |
11 | const mutations = {
12 | CHANGE_SETTING: (state, { key, value }) => {
13 | // eslint-disable-next-line no-prototype-builtins
14 | if (state.hasOwnProperty(key)) {
15 | state[key] = value
16 | }
17 | }
18 | }
19 |
20 | const actions = {
21 | changeSetting({ commit }, data) {
22 | commit('CHANGE_SETTING', data)
23 | }
24 | }
25 |
26 | export default {
27 | namespaced: true,
28 | state,
29 | mutations,
30 | actions
31 | }
32 |
33 |
--------------------------------------------------------------------------------
/vue-consul/src/store/modules/user.js:
--------------------------------------------------------------------------------
1 | import { login, logout, getInfo } from '@/api/user-ops'
2 | import { getToken, setToken, removeToken } from '@/utils/auth'
3 | import { resetRouter } from '@/router'
4 |
5 | const getDefaultState = () => {
6 | return {
7 | token: getToken(),
8 | name: '',
9 | avatar: ''
10 | }
11 | }
12 |
13 | const state = getDefaultState()
14 |
15 | const mutations = {
16 | RESET_STATE: (state) => {
17 | Object.assign(state, getDefaultState())
18 | },
19 | SET_TOKEN: (state, token) => {
20 | state.token = token
21 | },
22 | SET_NAME: (state, name) => {
23 | state.name = name
24 | },
25 | SET_AVATAR: (state, avatar) => {
26 | state.avatar = avatar
27 | }
28 | }
29 |
30 | const actions = {
31 | // user login
32 | login({ commit }, userInfo) {
33 | const { username, password, Ldapchecked } = userInfo
34 | return new Promise((resolve, reject) => {
35 | login({ username: username.trim(), password: password, ldap: Ldapchecked }).then(response => {
36 | const { data } = response
37 | commit('SET_TOKEN', data.token)
38 | setToken(data.token)
39 | resolve()
40 | }).catch(error => {
41 | reject(error)
42 | })
43 | })
44 | },
45 |
46 | // get user info
47 | getInfo({ commit, state }) {
48 | return new Promise((resolve, reject) => {
49 | getInfo(state.token).then(response => {
50 | const { data } = response
51 |
52 | if (!data) {
53 | return reject('Verification failed, please Login again.')
54 | }
55 |
56 | const { name, avatar } = data
57 |
58 | commit('SET_NAME', name)
59 | commit('SET_AVATAR', avatar)
60 | resolve(data)
61 | }).catch(error => {
62 | reject(error)
63 | })
64 | })
65 | },
66 |
67 | // user logout
68 | logout({ commit, state }) {
69 | return new Promise((resolve, reject) => {
70 | logout(state.token).then(() => {
71 | removeToken() // must remove token first
72 | resetRouter()
73 | commit('RESET_STATE')
74 | resolve()
75 | }).catch(error => {
76 | reject(error)
77 | })
78 | })
79 | },
80 |
81 | // remove token
82 | resetToken({ commit }) {
83 | return new Promise(resolve => {
84 | removeToken() // must remove token first
85 | commit('RESET_STATE')
86 | resolve()
87 | })
88 | }
89 | }
90 |
91 | export default {
92 | namespaced: true,
93 | state,
94 | mutations,
95 | actions
96 | }
97 |
98 |
--------------------------------------------------------------------------------
/vue-consul/src/styles/element-ui.scss:
--------------------------------------------------------------------------------
1 | // cover some element-ui styles
2 |
3 | .el-breadcrumb__inner,
4 | .el-breadcrumb__inner a {
5 | font-weight: 400 !important;
6 | }
7 |
8 | .el-upload {
9 | input[type="file"] {
10 | display: none !important;
11 | }
12 | }
13 |
14 | .el-upload__input {
15 | display: none;
16 | }
17 |
18 |
19 | // to fixed https://github.com/ElemeFE/element/issues/2461
20 | .el-dialog {
21 | transform: none;
22 | left: 0;
23 | position: relative;
24 | margin: 0 auto;
25 | }
26 |
27 | // refine element ui upload
28 | .upload-container {
29 | .el-upload {
30 | width: 100%;
31 |
32 | .el-upload-dragger {
33 | width: 100%;
34 | height: 200px;
35 | }
36 | }
37 | }
38 |
39 | // dropdown
40 | .el-dropdown-menu {
41 | a {
42 | display: block
43 | }
44 | }
45 |
46 | // to fix el-date-picker css style
47 | .el-range-separator {
48 | box-sizing: content-box;
49 | }
50 |
--------------------------------------------------------------------------------
/vue-consul/src/styles/index.scss:
--------------------------------------------------------------------------------
1 | @import './variables.scss';
2 | @import './mixin.scss';
3 | @import './transition.scss';
4 | @import './element-ui.scss';
5 | @import './sidebar.scss';
6 |
7 | body {
8 | height: 100%;
9 | -moz-osx-font-smoothing: grayscale;
10 | -webkit-font-smoothing: antialiased;
11 | text-rendering: optimizeLegibility;
12 | font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
13 | }
14 |
15 | label {
16 | font-weight: 700;
17 | }
18 |
19 | html {
20 | height: 100%;
21 | box-sizing: border-box;
22 | }
23 |
24 | #app {
25 | height: 100%;
26 | }
27 |
28 | *,
29 | *:before,
30 | *:after {
31 | box-sizing: inherit;
32 | }
33 |
34 | a:focus,
35 | a:active {
36 | outline: none;
37 | }
38 |
39 | a,
40 | a:focus,
41 | a:hover {
42 | cursor: pointer;
43 | color: inherit;
44 | text-decoration: none;
45 | }
46 |
47 | div:focus {
48 | outline: none;
49 | }
50 |
51 | .clearfix {
52 | &:after {
53 | visibility: hidden;
54 | display: block;
55 | font-size: 0;
56 | content: " ";
57 | clear: both;
58 | height: 0;
59 | }
60 | }
61 |
62 | // main-container global css
63 | .app-container {
64 | padding: 20px;
65 | }
66 |
--------------------------------------------------------------------------------
/vue-consul/src/styles/mixin.scss:
--------------------------------------------------------------------------------
1 | @mixin clearfix {
2 | &:after {
3 | content: "";
4 | display: table;
5 | clear: both;
6 | }
7 | }
8 |
9 | @mixin scrollBar {
10 | &::-webkit-scrollbar-track-piece {
11 | background: #d3dce6;
12 | }
13 |
14 | &::-webkit-scrollbar {
15 | width: 6px;
16 | }
17 |
18 | &::-webkit-scrollbar-thumb {
19 | background: #99a9bf;
20 | border-radius: 20px;
21 | }
22 | }
23 |
24 | @mixin relative {
25 | position: relative;
26 | width: 100%;
27 | height: 100%;
28 | }
29 |
--------------------------------------------------------------------------------
/vue-consul/src/styles/transition.scss:
--------------------------------------------------------------------------------
1 | // global transition css
2 |
3 | /* fade */
4 | .fade-enter-active,
5 | .fade-leave-active {
6 | transition: opacity 0.28s;
7 | }
8 |
9 | .fade-enter,
10 | .fade-leave-active {
11 | opacity: 0;
12 | }
13 |
14 | /* fade-transform */
15 | .fade-transform-leave-active,
16 | .fade-transform-enter-active {
17 | transition: all .5s;
18 | }
19 |
20 | .fade-transform-enter {
21 | opacity: 0;
22 | transform: translateX(-30px);
23 | }
24 |
25 | .fade-transform-leave-to {
26 | opacity: 0;
27 | transform: translateX(30px);
28 | }
29 |
30 | /* breadcrumb transition */
31 | .breadcrumb-enter-active,
32 | .breadcrumb-leave-active {
33 | transition: all .5s;
34 | }
35 |
36 | .breadcrumb-enter,
37 | .breadcrumb-leave-active {
38 | opacity: 0;
39 | transform: translateX(20px);
40 | }
41 |
42 | .breadcrumb-move {
43 | transition: all .5s;
44 | }
45 |
46 | .breadcrumb-leave-active {
47 | position: absolute;
48 | }
49 |
--------------------------------------------------------------------------------
/vue-consul/src/styles/variables.scss:
--------------------------------------------------------------------------------
1 | // sidebar
2 | $menuText:#bfcbd9;
3 | $menuActiveText:#409EFF;
4 | $subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951
5 |
6 | $menuBg:#304156;
7 | $menuHover:#263445;
8 |
9 | $subMenuBg:#1f2d3d;
10 | $subMenuHover:#001528;
11 |
12 | $sideBarWidth: 210px;
13 |
14 | // the :export directive is the magic sauce for webpack
15 | // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
16 | :export {
17 | menuText: $menuText;
18 | menuActiveText: $menuActiveText;
19 | subMenuActiveText: $subMenuActiveText;
20 | menuBg: $menuBg;
21 | menuHover: $menuHover;
22 | subMenuBg: $subMenuBg;
23 | subMenuHover: $subMenuHover;
24 | sideBarWidth: $sideBarWidth;
25 | }
26 |
--------------------------------------------------------------------------------
/vue-consul/src/utils/auth.js:
--------------------------------------------------------------------------------
1 | import Cookies from 'js-cookie'
2 |
3 | const TokenKey = 'vue_admin_template_token'
4 |
5 | export function getToken() {
6 | return Cookies.get(TokenKey)
7 | }
8 |
9 | export function setToken(token) {
10 | return Cookies.set(TokenKey, token)
11 | }
12 |
13 | export function removeToken() {
14 | return Cookies.remove(TokenKey)
15 | }
16 |
--------------------------------------------------------------------------------
/vue-consul/src/utils/get-page-title.js:
--------------------------------------------------------------------------------
1 | import defaultSettings from '@/settings'
2 |
3 | const title = defaultSettings.title || 'Vue Admin Template'
4 |
5 | export default function getPageTitle(pageTitle) {
6 | if (pageTitle) {
7 | return `${pageTitle} - ${title}`
8 | }
9 | return `${title}`
10 | }
11 |
--------------------------------------------------------------------------------
/vue-consul/src/utils/request-ops.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios'
2 | import { MessageBox, Message } from 'element-ui'
3 | import store from '@/store'
4 | import { getToken } from '@/utils/auth'
5 |
6 | // create an axios instance
7 | const service = axios.create({
8 | // baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
9 | // withCredentials: true, // send cookies when cross-domain requests
10 | baseURL: '',
11 | // 非nginx调试，填写后端的信息。
12 | // baseURL: 'http://192.168.1.120:2026',
13 | timeout: 10000 // request timeout
14 | })
15 |
16 | // request interceptor
17 | service.interceptors.request.use(
18 | config => {
19 | // do something before request is sent
20 |
21 | if (store.getters.token) {
22 | // let each request carry token
23 | // ['X-Token'] is a custom headers key
24 | // please modify it according to the actual situation
25 | config.headers['Authorization'] = getToken()
26 | }
27 | return config
28 | },
29 | error => {
30 | // do something with request error
31 | console.log(error) // for debug
32 | return Promise.reject(error)
33 | }
34 | )
35 |
36 | // response interceptor
37 | service.interceptors.response.use(
38 | /**
39 | * If you want to get http information such as headers or status
40 | * Please return response => response
41 | */
42 |
43 | /**
44 | * Determine the request status by custom code
45 | * Here is just an example
46 | * You can also judge the status by HTTP Status Code
47 | */
48 | response => {
49 | const res = response.data
50 |
51 | // if the custom code is not 20000, it is judged as an error.
52 | if (res.code !== 20000) {
53 | Message({
54 | message: res.data || 'Error',
55 | type: 'error',
56 | duration: 5 * 1000
57 | })
58 |
59 | // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
60 | if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
61 | // to re-login
62 | MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {
63 | confirmButtonText: 'Re-Login',
64 | cancelButtonText: 'Cancel',
65 | type: 'warning'
66 | }).then(() => {
67 | store.dispatch('user/resetToken').then(() => {
68 | location.reload()
69 | })
70 | })
71 | }
72 | return Promise.reject(new Error(res.message || 'Error'))
73 | } else {
74 | return res
75 | }
76 | },
77 | error => {
78 | console.log('err' + error) // for debug
79 | Message({
80 | message: error.message,
81 | type: 'error',
82 | duration: 5 * 1000
83 | })
84 | return Promise.reject(error)
85 | }
86 | )
87 |
88 | export default service
89 |
--------------------------------------------------------------------------------
/vue-consul/src/utils/request.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios'
2 | import { MessageBox, Message } from 'element-ui'
3 | import store from '@/store'
4 | import { getToken } from '@/utils/auth'
5 |
6 | // create an axios instance
7 | const service = axios.create({
8 | baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
9 | // withCredentials: true, // send cookies when cross-domain requests
10 | timeout: 5000 // request timeout
11 | })
12 |
13 | // request interceptor
14 | service.interceptors.request.use(
15 | config => {
16 | // do something before request is sent
17 |
18 | if (store.getters.token) {
19 | // let each request carry token
20 | // ['X-Token'] is a custom headers key
21 | // please modify it according to the actual situation
22 | config.headers['X-Token'] = getToken()
23 | }
24 | return config
25 | },
26 | error => {
27 | // do something with request error
28 | console.log(error) // for debug
29 | return Promise.reject(error)
30 | }
31 | )
32 |
33 | // response interceptor
34 | service.interceptors.response.use(
35 | /**
36 | * If you want to get http information such as headers or status
37 | * Please return response => response
38 | */
39 |
40 | /**
41 | * Determine the request status by custom code
42 | * Here is just an example
43 | * You can also judge the status by HTTP Status Code
44 | */
45 | response => {
46 | const res = response.data
47 |
48 | // if the custom code is not 20000, it is judged as an error.
49 | if (res.code !== 20000) {
50 | Message({
51 | message: res.message || 'Error',
52 | type: 'error',
53 | duration: 5 * 1000
54 | })
55 |
56 | // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
57 | if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
58 | // to re-login
59 | MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {
60 | confirmButtonText: 'Re-Login',
61 | cancelButtonText: 'Cancel',
62 | type: 'warning'
63 | }).then(() => {
64 | store.dispatch('user/resetToken').then(() => {
65 | location.reload()
66 | })
67 | })
68 | }
69 | return Promise.reject(new Error(res.message || 'Error'))
70 | } else {
71 | return res
72 | }
73 | },
74 | error => {
75 | console.log('err' + error) // for debug
76 | Message({
77 | message: error.message,
78 | type: 'error',
79 | duration: 5 * 1000
80 | })
81 | return Promise.reject(error)
82 | }
83 | )
84 |
85 | export default service
86 |
--------------------------------------------------------------------------------
/vue-consul/src/utils/scroll-to.js:
--------------------------------------------------------------------------------
1 | Math.easeInOutQuad = function(t, b, c, d) {
2 | t /= d / 2
3 | if (t < 1) {
4 | return c / 2 * t * t + b
5 | }
6 | t--
7 | return -c / 2 * (t * (t - 2) - 1) + b
8 | }
9 |
10 | // requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
11 | var requestAnimFrame = (function() {
12 | return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60) }
13 | })()
14 |
15 | /**
16 | * Because it's so fucking difficult to detect the scrolling element, just move them all
17 | * @param {number} amount
18 | */
19 | function move(amount) {
20 | document.documentElement.scrollTop = amount
21 | document.body.parentNode.scrollTop = amount
22 | document.body.scrollTop = amount
23 | }
24 |
25 | function position() {
26 | return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop
27 | }
28 |
29 | /**
30 | * @param {number} to
31 | * @param {number} duration
32 | * @param {Function} callback
33 | */
34 | export function scrollTo(to, duration, callback) {
35 | const start = position()
36 | const change = to - start
37 | const increment = 20
38 | let currentTime = 0
39 | duration = (typeof (duration) === 'undefined') ? 500 : duration
40 | var animateScroll = function() {
41 | // increment the time
42 | currentTime += increment
43 | // find the value with the quadratic in-out easing function
44 | var val = Math.easeInOutQuad(currentTime, start, change, duration)
45 | // move the document.body
46 | move(val)
47 | // do the animation unless its over
48 | if (currentTime < duration) {
49 | requestAnimFrame(animateScroll)
50 | } else {
51 | if (callback && typeof (callback) === 'function') {
52 | // the animation is done so lets callback
53 | callback()
54 | }
55 | }
56 | }
57 | animateScroll()
58 | }
59 |
--------------------------------------------------------------------------------
/vue-consul/src/utils/validate.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by PanJiaChen on 16/11/18.
3 | */
4 |
5 | /**
6 | * @param {string} path
7 | * @returns {Boolean}
8 | */
9 | export function isExternal(path) {
10 | return /^(https?:|mailto:|tel:)/.test(path)
11 | }
12 |
13 | /**
14 | * @param {string} str
15 | * @returns {Boolean}
16 | */
17 | export function validUsername(str) {
18 | const valid_map = ['admin', 'editor']
19 | return valid_map.indexOf(str.trim()) >= 0
20 | }
21 |
--------------------------------------------------------------------------------
/vue-consul/src/views/blackbox/bconfig.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
11 |
3 |
4 | 复制配置
5 |
6 |
8 |
9 |
10 |
42 |
52 |
--------------------------------------------------------------------------------
/vue-consul/src/views/blackbox/grafana.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Grafana 看板详情：
8 | https://grafana.com/grafana/dashboards/9965
9 | Grafana 看板ID：9965 10 |
11 |
12 |
13 |
14 |
18 |
19 |
--------------------------------------------------------------------------------
/vue-consul/src/views/blackbox/pconfig.vue:
--------------------------------------------------------------------------------
1 |
2 | 4 |
9 | Grafana 看板ID：9965 10 |
14 |
15 |
17 |
3 |
4 | 复制配置
5 |
6 |
8 |
9 |
10 |
42 |
52 |
--------------------------------------------------------------------------------
/vue-consul/src/views/blackbox/rules.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 复制配置
5 |
6 |
8 |
9 |
10 |
42 |
52 |
--------------------------------------------------------------------------------
/vue-consul/src/views/ldap/user.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Grafana 看板详情：
8 | https://grafana.com/grafana/dashboards/8919
9 | Grafana 看板ID：8919 10 |
11 |
12 |
13 |
14 |
19 |
20 |
--------------------------------------------------------------------------------
/vue-consul/src/views/node-exporter/index.vue:
--------------------------------------------------------------------------------
1 |
2 | 4 |
9 | Grafana 看板ID：8919 10 |
14 |
15 |
18 |
3 |
4 |
6 |
7 |
9 |
10 | 生成配置
11 |
12 |
13 | 复制配置
14 |
15 |
17 |
18 |
19 |
66 |
76 |
--------------------------------------------------------------------------------
/vue-consul/src/views/node-exporter/rules.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 复制配置
5 |
6 |
8 |
9 |
10 |
42 |
52 |
--------------------------------------------------------------------------------
/vue-consul/src/views/rds/grafana.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Grafana 看板详情：
8 | https://grafana.com/grafana/dashboards/17320
9 | Grafana 看板ID：17320 10 |
11 |
12 |
13 |
14 |
19 |
20 |
--------------------------------------------------------------------------------
/vue-consul/src/views/rds/index.vue:
--------------------------------------------------------------------------------
1 |
2 | 4 |
9 | Grafana 看板ID：17320 10 |
14 |
15 |
18 |
3 |
4 | 复制配置
5 |
6 |
8 |
9 |
10 |
42 |
52 |
--------------------------------------------------------------------------------
/vue-consul/src/views/redis/grafana.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Grafana 看板详情：
8 | https://grafana.com/grafana/dashboards/17507
9 | Grafana 看板ID：17507 10 |
11 |
12 |
13 |
14 |
18 |
19 |
--------------------------------------------------------------------------------
/vue-consul/src/views/redis/index.vue:
--------------------------------------------------------------------------------
1 |
2 | 4 |
9 | Grafana 看板ID：17507 10 |
14 |
15 |
17 |
3 |
4 | 复制配置
5 |
6 |
8 |
9 |
10 |
42 |
52 |
--------------------------------------------------------------------------------
/vue-consul/tests/unit/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | env: {
3 | jest: true
4 | }
5 | }
6 |
--------------------------------------------------------------------------------
/vue-consul/tests/unit/components/Breadcrumb.spec.js:
--------------------------------------------------------------------------------
1 | import { mount, createLocalVue } from '@vue/test-utils'
2 | import VueRouter from 'vue-router'
3 | import ElementUI from 'element-ui'
4 | import Breadcrumb from '@/components/Breadcrumb/index.vue'
5 |
6 | const localVue = createLocalVue()
7 | localVue.use(VueRouter)
8 | localVue.use(ElementUI)
9 |
10 | const routes = [
11 | {
12 | path: '/',
13 | name: 'home',
14 | children: [{
15 | path: 'dashboard',
16 | name: 'dashboard'
17 | }]
18 | },
19 | {
20 | path: '/menu',
21 | name: 'menu',
22 | children: [{
23 | path: 'menu1',
24 | name: 'menu1',
25 | meta: { title: 'menu1' },
26 | children: [{
27 | path: 'menu1-1',
28 | name: 'menu1-1',
29 | meta: { title: 'menu1-1' }
30 | },
31 | {
32 | path: 'menu1-2',
33 | name: 'menu1-2',
34 | redirect: 'noredirect',
35 | meta: { title: 'menu1-2' },
36 | children: [{
37 | path: 'menu1-2-1',
38 | name: 'menu1-2-1',
39 | meta: { title: 'menu1-2-1' }
40 | },
41 | {
42 | path: 'menu1-2-2',
43 | name: 'menu1-2-2'
44 | }]
45 | }]
46 | }]
47 | }]
48 |
49 | const router = new VueRouter({
50 | routes
51 | })
52 |
53 | describe('Breadcrumb.vue', () => {
54 | const wrapper = mount(Breadcrumb, {
55 | localVue,
56 | router
57 | })
58 | it('dashboard', () => {
59 | router.push('/dashboard')
60 | const len = wrapper.findAll('.el-breadcrumb__inner').length
61 | expect(len).toBe(1)
62 | })
63 | it('normal route', () => {
64 | router.push('/menu/menu1')
65 | const len = wrapper.findAll('.el-breadcrumb__inner').length
66 | expect(len).toBe(2)
67 | })
68 | it('nested route', () => {
69 | router.push('/menu/menu1/menu1-2/menu1-2-1')
70 | const len = wrapper.findAll('.el-breadcrumb__inner').length
71 | expect(len).toBe(4)
72 | })
73 | it('no meta.title', () => {
74 | router.push('/menu/menu1/menu1-2/menu1-2-2')
75 | const len = wrapper.findAll('.el-breadcrumb__inner').length
76 | expect(len).toBe(3)
77 | })
78 | // it('click link', () => {
79 | // router.push('/menu/menu1/menu1-2/menu1-2-2')
80 | // const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
81 | // const second = breadcrumbArray.at(1)
82 | // console.log(breadcrumbArray)
83 | // const href = second.find('a').attributes().href
84 | // expect(href).toBe('#/menu/menu1')
85 | // })
86 | // it('noRedirect', () => {
87 | // router.push('/menu/menu1/menu1-2/menu1-2-1')
88 | // const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
89 | // const redirectBreadcrumb = breadcrumbArray.at(2)
90 | // expect(redirectBreadcrumb.contains('a')).toBe(false)
91 | // })
92 | it('last breadcrumb', () => {
93 | router.push('/menu/menu1/menu1-2/menu1-2-1')
94 | const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
95 | const redirectBreadcrumb = breadcrumbArray.at(3)
96 | expect(redirectBreadcrumb.contains('a')).toBe(false)
97 | })
98 | })
99 |
--------------------------------------------------------------------------------
/vue-consul/tests/unit/components/Hamburger.spec.js:
--------------------------------------------------------------------------------
1 | import { shallowMount } from '@vue/test-utils'
2 | import Hamburger from '@/components/Hamburger/index.vue'
3 | describe('Hamburger.vue', () => {
4 | it('toggle click', () => {
5 | const wrapper = shallowMount(Hamburger)
6 | const mockFn = jest.fn()
7 | wrapper.vm.$on('toggleClick', mockFn)
8 | wrapper.find('.hamburger').trigger('click')
9 | expect(mockFn).toBeCalled()
10 | })
11 | it('prop isActive', () => {
12 | const wrapper = shallowMount(Hamburger)
13 | wrapper.setProps({ isActive: true })
14 | expect(wrapper.contains('.is-active')).toBe(true)
15 | wrapper.setProps({ isActive: false })
16 | expect(wrapper.contains('.is-active')).toBe(false)
17 | })
18 | })
19 |
--------------------------------------------------------------------------------
/vue-consul/tests/unit/components/SvgIcon.spec.js:
--------------------------------------------------------------------------------
1 | import { shallowMount } from '@vue/test-utils'
2 | import SvgIcon from '@/components/SvgIcon/index.vue'
3 | describe('SvgIcon.vue', () => {
4 | it('iconClass', () => {
5 | const wrapper = shallowMount(SvgIcon, {
6 | propsData: {
7 | iconClass: 'test'
8 | }
9 | })
10 | expect(wrapper.find('use').attributes().href).toBe('#icon-test')
11 | })
12 | it('className', () => {
13 | const wrapper = shallowMount(SvgIcon, {
14 | propsData: {
15 | iconClass: 'test'
16 | }
17 | })
18 | expect(wrapper.classes().length).toBe(1)
19 | wrapper.setProps({ className: 'test' })
20 | expect(wrapper.classes().includes('test')).toBe(true)
21 | })
22 | })
23 |
--------------------------------------------------------------------------------
/vue-consul/tests/unit/utils/formatTime.spec.js:
--------------------------------------------------------------------------------
1 | import { formatTime } from '@/utils/index.js'
2 |
3 | describe('Utils:formatTime', () => {
4 | const d = new Date('2018-07-13 17:54:01') // "2018-07-13 17:54:01"
5 | const retrofit = 5 * 1000
6 |
7 | it('ten digits timestamp', () => {
8 | expect(formatTime((d / 1000).toFixed(0))).toBe('7月13日17时54分')
9 | })
10 | it('test now', () => {
11 | expect(formatTime(+new Date() - 1)).toBe('刚刚')
12 | })
13 | it('less two minute', () => {
14 | expect(formatTime(+new Date() - 60 * 2 * 1000 + retrofit)).toBe('2分钟前')
15 | })
16 | it('less two hour', () => {
17 | expect(formatTime(+new Date() - 60 * 60 * 2 * 1000 + retrofit)).toBe('2小时前')
18 | })
19 | it('less one day', () => {
20 | expect(formatTime(+new Date() - 60 * 60 * 24 * 1 * 1000)).toBe('1天前')
21 | })
22 | it('more than one day', () => {
23 | expect(formatTime(d)).toBe('7月13日17时54分')
24 | })
25 | it('format', () => {
26 | expect(formatTime(d, '{y}-{m}-{d} {h}:{i}')).toBe('2018-07-13 17:54')
27 | expect(formatTime(d, '{y}-{m}-{d}')).toBe('2018-07-13')
28 | expect(formatTime(d, '{y}/{m}/{d} {h}-{i}')).toBe('2018/07/13 17-54')
29 | })
30 | })
31 |
--------------------------------------------------------------------------------
/vue-consul/tests/unit/utils/param2Obj.spec.js:
--------------------------------------------------------------------------------
1 | import { param2Obj } from '@/utils/index.js'
2 | describe('Utils:param2Obj', () => {
3 | const url = 'https://github.com/PanJiaChen/vue-element-admin?name=bill&age=29&sex=1&field=dGVzdA==&key=%E6%B5%8B%E8%AF%95'
4 |
5 | it('param2Obj test', () => {
6 | expect(param2Obj(url)).toEqual({
7 | name: 'bill',
8 | age: '29',
9 | sex: '1',
10 | field: window.btoa('test'),
11 | key: '测试'
12 | })
13 | })
14 | })
15 |
--------------------------------------------------------------------------------
/vue-consul/tests/unit/utils/parseTime.spec.js:
--------------------------------------------------------------------------------
1 | import { parseTime } from '@/utils/index.js'
2 |
3 | describe('Utils:parseTime', () => {
4 | const d = new Date('2018-07-13 17:54:01') // "2018-07-13 17:54:01"
5 | it('timestamp', () => {
6 | expect(parseTime(d)).toBe('2018-07-13 17:54:01')
7 | })
8 | it('timestamp string', () => {
9 | expect(parseTime((d + ''))).toBe('2018-07-13 17:54:01')
10 | })
11 | it('ten digits timestamp', () => {
12 | expect(parseTime((d / 1000).toFixed(0))).toBe('2018-07-13 17:54:01')
13 | })
14 | it('new Date', () => {
15 | expect(parseTime(new Date(d))).toBe('2018-07-13 17:54:01')
16 | })
17 | it('format', () => {
18 | expect(parseTime(d, '{y}-{m}-{d} {h}:{i}')).toBe('2018-07-13 17:54')
19 | expect(parseTime(d, '{y}-{m}-{d}')).toBe('2018-07-13')
20 | expect(parseTime(d, '{y}/{m}/{d} {h}-{i}')).toBe('2018/07/13 17-54')
21 | })
22 | it('get the day of the week', () => {
23 | expect(parseTime(d, '{a}')).toBe('五') // 星期五
24 | })
25 | it('get the day of the week', () => {
26 | expect(parseTime(+d + 1000 * 60 * 60 * 24 * 2, '{a}')).toBe('日') // 星期日
27 | })
28 | it('empty argument', () => {
29 | expect(parseTime()).toBeNull()
30 | })
31 |
32 | it('null', () => {
33 | expect(parseTime(null)).toBeNull()
34 | })
35 | })
36 |
--------------------------------------------------------------------------------
/vue-consul/tests/unit/utils/validate.spec.js:
--------------------------------------------------------------------------------
1 | import { validUsername, isExternal } from '@/utils/validate.js'
2 |
3 | describe('Utils:validate', () => {
4 | it('validUsername', () => {
5 | expect(validUsername('admin')).toBe(true)
6 | expect(validUsername('editor')).toBe(true)
7 | expect(validUsername('xxxx')).toBe(false)
8 | })
9 | it('isExternal', () => {
10 | expect(isExternal('https://github.com/PanJiaChen/vue-element-admin')).toBe(true)
11 | expect(isExternal('http://github.com/PanJiaChen/vue-element-admin')).toBe(true)
12 | expect(isExternal('github.com/PanJiaChen/vue-element-admin')).toBe(false)
13 | expect(isExternal('/dashboard')).toBe(false)
14 | expect(isExternal('./dashboard')).toBe(false)
15 | expect(isExternal('dashboard')).toBe(false)
16 | })
17 | })
18 |
--------------------------------------------------------------------------------