3 | 
4 |
6 |
7 |
8 |
19 |
--------------------------------------------------------------------------------
/server/src/app/routes/graphql/mutation/index.ts:
--------------------------------------------------------------------------------
1 | import { GraphQLObjectType } from "graphql";
2 |
3 | import { AuthorityMutation } from "./AuthorityMutation";
4 | import { BookMutation } from "./BookMutation";
5 | import { DivisionMutation } from "./DivisionMutation";
6 | import { UserMutation } from "./UserMutation";
7 |
8 | const mutation = new GraphQLObjectType({
9 | name: "Mutation",
10 | fields: {
11 | ...AuthorityMutation,
12 | ...BookMutation,
13 | ...DivisionMutation,
14 | ...UserMutation
15 | }
16 | });
17 |
18 | export { mutation };
19 |
--------------------------------------------------------------------------------
/server/src/app/routes/graphql/schema/index.ts:
--------------------------------------------------------------------------------
1 | import { graphql, GraphQLSchema, printSchema } from "graphql";
2 | import { mutation } from "../mutation";
3 | import { query } from "../query";
4 |
5 | export function getSchemaString() {
6 | return printSchema(schema);
7 | }
8 |
9 | export async function execute(
10 | request: string,
11 | variables?: { [key: string]: any }
12 | ) {
13 | return graphql(schema, request, null, {}, variables);
14 | }
15 |
16 | const schema = new GraphQLSchema({
17 | query,
18 | mutation
19 | });
20 |
21 | export { schema };
22 |
--------------------------------------------------------------------------------
/client/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vue-type-graphql-example",
3 | "short_name": "vue-type-graphql-example",
4 | "icons": [
5 | {
6 | "src": "./img/icons/android-chrome-192x192.png",
7 | "sizes": "192x192",
8 | "type": "image/png"
9 | },
10 | {
11 | "src": "./img/icons/android-chrome-512x512.png",
12 | "sizes": "512x512",
13 | "type": "image/png"
14 | }
15 | ],
16 | "start_url": "./index.html",
17 | "display": "standalone",
18 | "background_color": "#000000",
19 | "theme_color": "#4DBA87"
20 | }
21 |
--------------------------------------------------------------------------------
/server/docker-compose.yml:
--------------------------------------------------------------------------------
1 | version: "3.7"
2 | services:
3 | mariadb:
4 | build: ./db
5 | ports:
6 | - ${DB_PORT}
7 | environment:
8 | - MARIADB_ROOT_PASSWORD=${DB_ROOT_PASSWORD}
9 | - MARIADB_USER=${DB_USER}
10 | - MARIADB_PASSWORD=${DB_ROOT_PASSWORD}
11 | - MARIADB_DATABASE=${DB_DATABASE}
12 | env_file:
13 | - .env
14 |
15 | server:
16 | build: ./
17 | env_file:
18 | - .env
19 | ports:
20 | - ${SERVER_PORT}:${SERVER_PORT}
21 | depends_on:
22 | - ${DB_HOST}
23 | links:
24 | - mariadb
25 |
--------------------------------------------------------------------------------
/client/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | env: {
4 | node: true
5 | },
6 | extends: ["plugin:vue/essential", "@vue/prettier", "@vue/typescript"],
7 | rules: {
8 | "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
9 | "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
10 | },
11 | parserOptions: {
12 | parser: "@typescript-eslint/parser"
13 | },
14 | overrides: [
15 | {
16 | files: ["**/__tests__/*.{j,t}s?(x)"],
17 | env: {
18 | jest: true
19 | }
20 | }
21 | ]
22 | };
23 |
--------------------------------------------------------------------------------
/server/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | [
4 | "env",
5 | {
6 | "modules": false,
7 | "targets": {
8 | "browsers": [
9 | "> 1%",
10 | "last 2 versions",
11 | "not ie <= 8"
12 | ]
13 | }
14 | }
15 | ],
16 | "stage-2"
17 | ],
18 | "plugins": [
19 | "transform-runtime"
20 | ],
21 | "env": {
22 | "test": {
23 | "presets": [
24 | "env",
25 | "stage-2"
26 | ],
27 | "plugins": [
28 | "istanbul"
29 | ]
30 | }
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/server/src/config/environments/test.ts:
--------------------------------------------------------------------------------
1 | import { SettingEnvironments } from './';
2 |
3 | export default {
4 | NODE_ENV: 'test',
5 | EXPRESS_PORT: 4000,
6 |
7 | // Session Key
8 | COOKIE_SESSION_MAX_AGE: 1000 * 60 * 60 * 24 * 30,
9 | COOKIE_SESSION_KEYS: ['seolhun-hicord-examples'],
10 | SESSION_MAX_AGE: 1000 * 60 * 30,
11 | SESSION_KEYS: ['seolhun-hicord-examples'],
12 |
13 | // Oauth2
14 | FACEBOOK_CLIENT_ID: '',
15 | FACEBOOK_CLIENT_SECRET_ID: '',
16 | GITHUB_CLIENT_ID: '',
17 | GITHUB_CLIENT_SECRET_ID: '',
18 | GOOGLE_CLIENT_ID: '',
19 | GOOGLE_CLIENT_SECRET_ID: '',
20 | } as SettingEnvironments;
21 |
--------------------------------------------------------------------------------
/server/src/config/environments/production.ts:
--------------------------------------------------------------------------------
1 | import { SettingEnvironments } from './';
2 |
3 | export default {
4 | NODE_ENV: 'production',
5 | EXPRESS_PORT: 4000,
6 |
7 | // Session Key
8 | COOKIE_SESSION_MAX_AGE: 1000 * 60 * 60 * 24 * 30,
9 | COOKIE_SESSION_KEYS: ['seolhun-hicord-examples'],
10 | SESSION_MAX_AGE: 1000 * 60 * 30,
11 | SESSION_KEYS: ['seolhun-hicord-examples'],
12 |
13 | // Oauth2
14 | FACEBOOK_CLIENT_ID: '',
15 | FACEBOOK_CLIENT_SECRET_ID: '',
16 | GITHUB_CLIENT_ID: '',
17 | GITHUB_CLIENT_SECRET_ID: '',
18 | GOOGLE_CLIENT_ID: '',
19 | GOOGLE_CLIENT_SECRET_ID: '',
20 | } as SettingEnvironments;
21 |
--------------------------------------------------------------------------------
/client/README.md:
--------------------------------------------------------------------------------
1 | # Book Management System.
2 |
3 | - Author : [Seolhun](https://github.com/Seolhun)
4 | - Date : 2017.10.19
5 |
6 | ## Used Stacks
7 |
8 | 1. `TypeScript`
9 | 2. `NodeJS`, `Express`
10 | 3. `Vue`
11 | 4. `GraphQL`
12 | 5. `Apollo Client`
13 | 6. `Sequelize`
14 |
15 | ## How to run
16 |
17 | - `Client`
18 | 1. `yarn run dev`
19 | 2. [http://localhost:8080/](http://localhost:8080/)
20 |
21 | ## Demo
22 |
23 | [vue-type-graphql-example.surge.sh](vue-type-graphql-example.surge.sh)
24 |
25 | ## Reference
26 |
27 | - `Client`
28 | - [Vue](https://vuejs.org/)
29 | - [Vue Apollo Client](https://github.com/akryum/vue-apollo)
30 |
--------------------------------------------------------------------------------
/docker-elk/extensions/logspout/build.sh:
--------------------------------------------------------------------------------
1 | #!/bin/sh
2 |
3 | # unmodified from:
4 | # https://github.com/gliderlabs/logspout/blob/67ee3831cbd0594361bb3381380c65bdbeb3c20f/custom/build.sh
5 |
6 | set -e
7 | apk add --update go git mercurial build-base
8 | mkdir -p /go/src/github.com/gliderlabs
9 | cp -r /src /go/src/github.com/gliderlabs/logspout
10 | cd /go/src/github.com/gliderlabs/logspout
11 | export GOPATH=/go
12 | go get
13 | go build -ldflags "-X main.Version=$1" -o /bin/logspout
14 | apk del go git mercurial build-base
15 | rm -rf /go /var/cache/apk/* /root/.glide
16 |
17 | # backwards compatibility
18 | ln -fs /tmp/docker.sock /var/run/docker.sock
19 |
--------------------------------------------------------------------------------
/server/src/config/environments/develop.ts:
--------------------------------------------------------------------------------
1 | import { SettingEnvironments } from './';
2 |
3 | export default {
4 | NODE_ENV: 'development',
5 | EXPRESS_PORT: 4000,
6 |
7 | // Session Key
8 | COOKIE_SESSION_MAX_AGE: 1000 * 60 * 60 * 24 * 30,
9 | COOKIE_SESSION_KEYS: ['seolhun-hicord-examples'],
10 | SESSION_MAX_AGE: 1000 * 60 * 30,
11 | SESSION_KEYS: ['seolhun-hicord-examples'],
12 |
13 | // Oauth2
14 | FACEBOOK_CLIENT_ID: '',
15 | FACEBOOK_CLIENT_SECRET_ID: '',
16 | GITHUB_CLIENT_ID: '05096350eaddf80dbd34',
17 | GITHUB_CLIENT_SECRET_ID: '773371ce78f5f2578873f75f202759c0b28b85e0',
18 | GOOGLE_CLIENT_ID: '',
19 | GOOGLE_CLIENT_SECRET_ID: '',
20 | } as SettingEnvironments;
21 |
--------------------------------------------------------------------------------
/client/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
4 |
3 |
18 |
19 |
20 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/server/src/app/routes/graphql/query/BookQuery.ts:
--------------------------------------------------------------------------------
1 | import { GraphQLFieldConfigMap, GraphQLList, GraphQLNonNull } from "graphql";
2 | import { GraphQLInt } from "graphql/type/scalars";
3 | import { BookType } from "../type/index";
4 |
5 | import { BookService } from "../../../services";
6 | import { Book } from "../../../types";
7 |
8 | const book_service = new BookService();
9 | const BookQuery: GraphQLFieldConfigMap
4 |
17 |
5 | 
6 |
16 |
6 |
7 |
13 | 8 | Hello, I'm 9 | SeolHun. 10 | 11 |
12 |This is built by NodeJS, TypeScript, GraphQL, Vue.
14 |The Admin SPA Project to manage employees and book in company.
15 |
3 |
19 |
20 |
21 |
56 |
--------------------------------------------------------------------------------
/client/src/store/modules/portfolio.js:
--------------------------------------------------------------------------------
1 | const state = {
2 | funds: 10000,
3 | stocks: []
4 | };
5 |
6 | // Can't Async
7 | const mutations = {
8 | BUY_STOCK(state, { stockId, quantity, stockPrice }) {
9 | const record = state.stocks.find(element => element.id === stockId);
10 | if (record) {
11 | record.quantity += quantity;
12 | } else {
13 | state.stocks.push({
14 | id: stockId,
15 | quantity: quantity
16 | });
17 | }
18 | state.funds -= stockPrice * quantity;
19 | },
20 | SELL_STOCK(state, { stockId, quantity, stockPrice }) {
21 | const record = state.stocks.find(element => element.id === stockId);
22 | if (record.quantity > quantity) {
23 | record.quantity -= quantity;
24 | } else {
25 | state.stocks.splice(state.stocks.indexOf(record), 1);
26 | }
27 | state.funds += stockPrice * quantity;
28 | }
29 | };
30 |
31 | // Can Async
32 | const actions = {
33 | sellStock: ({ commit }, order) => {
34 | commit("SELL_STOCK", order);
35 | }
36 | };
37 |
38 | const getters = {
39 | stockPortfolio(state, getters) {
40 | return state.stocks.map(stock => {
41 | const record = getters.stocks.find(element => element.id === stock.id);
42 | return {
43 | id: stock.id,
44 | quantity: stock.quantity,
45 | name: record.name,
46 | price: record.price
47 | };
48 | });
49 | },
50 |
51 | funds(state) {
52 | return state.funds;
53 | }
54 | };
55 |
56 | export default {
57 | state,
58 | getters,
59 | mutations,
60 | actions
61 | };
62 |
--------------------------------------------------------------------------------
/server/src/app/routes/graphql/mutation/DivisionMutation.ts:
--------------------------------------------------------------------------------
1 | import { GraphQLFieldConfigMap, GraphQLNonNull } from "graphql";
2 | import { GraphQLInt, GraphQLString } from "graphql/type/scalars";
3 | import { BookType, DivisionType, UserType } from "../type/index";
4 |
5 | import { DivisionService } from "../../../services";
6 | import { Division } from "../../../types";
7 |
8 | const division_service = new DivisionService();
9 | const DivisionMutation: GraphQLFieldConfigMapDivision Detail
4 |
5 |
18 |
6 |
7 | {{ division.id }}
8 |
9 |
10 |
11 | {{ division.name }}
12 |
13 |
14 |
15 | {{ division.description }}
16 |
17 |
3 |
6 |
8 |
9 |
11 |
12 |
13 |
62 |
63 |
71 |
--------------------------------------------------------------------------------
/server/src/app/routes/graphql/mutation/AuthorityMutation.ts:
--------------------------------------------------------------------------------
1 | import { GraphQLFieldConfigMap, GraphQLNonNull } from "graphql";
2 | import { GraphQLInt, GraphQLString } from "graphql/type/scalars";
3 | import { AuthorityType } from "../type/index";
4 |
5 | import { AuthorityService } from "../../../services";
6 | import { Authority } from "../../../types";
7 |
8 | const authority_service = new AuthorityService();
9 |
10 | const AuthorityMutation: GraphQLFieldConfigMap
3 |
23 |
24 |
25 |
65 |
--------------------------------------------------------------------------------
/client/src/components/ui/books/BookDetailView.vue:
--------------------------------------------------------------------------------
1 |
2 | User Detail
4 |
5 |
22 |
6 |
7 | {{ user.id }}
8 |
9 |
10 |
11 | {{ user.email }}
12 |
13 |
14 |
15 | {{ user.name }}
16 |
17 |
18 |
19 | {{ user.birth }}
20 |
21 |
3 |
27 |
28 |
29 |
66 |
--------------------------------------------------------------------------------
/client/src/assets/languages/nation/ja.ts:
--------------------------------------------------------------------------------
1 | // a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z is alphabetized.
2 | // `this` is first order.
3 | const ja = {
4 | common: {
5 | webDev: "ウェブ開発者",
6 | birth: "생년월일",
7 | cancel: "취소",
8 | china: "中国",
9 | description: "설명",
10 | email: "이메일",
11 | form: {
12 | confirm: "확인",
13 | submit: "제출"
14 | },
15 | id: "번호",
16 | japan: "日本の",
17 | korea: "大韓民国",
18 | name: "이름",
19 | nation: "国",
20 | password: "비밀번호",
21 | confirm_password: "비밀번호 확인",
22 | search: "검색",
23 | usa: "米国"
24 | },
25 | authority: {
26 | this: "권한",
27 | authority_list: "권한 리스트",
28 | message: {},
29 | placeholder: {}
30 | },
31 | book: {
32 | this: "책",
33 | book_list: "책 리스트",
34 | message: {},
35 | placeholder: {},
36 | author: "저자"
37 | },
38 | content: {
39 | label: {
40 | title: "제 목",
41 | contentType: "컨텐츠 종류",
42 | tags: "태 그",
43 | content: "내 용"
44 | },
45 | message: {
46 | insertSuccess: "컨텐츠를 성공적으로 등록하였습니다."
47 | },
48 | placeholder: {
49 | title: "컨텐츠의 제목을 입력해주세요.",
50 | tags: "블로그와 관련된 태그를 입력해주세요.",
51 | search: "검색어를 입력해주세요."
52 | }
53 | },
54 | division: {
55 | this: "부서",
56 | division_list: "부서 리스트",
57 | message: {},
58 | placeholder: {}
59 | },
60 | login: {
61 | this: "Log-In",
62 | message: {
63 | not_user1: "회원이 아니신가요? 지금 ",
64 | not_user2: "하세요"
65 | },
66 | placeholder: {}
67 | },
68 | signin: {
69 | this: "회원가입",
70 | sns: {
71 | message: "SNS을 이용해서 가입하세요."
72 | },
73 | message: {},
74 | placeholder: {}
75 | },
76 | user: {
77 | this: "사용자",
78 | user_list: "사용자 리스트",
79 | message: {},
80 | placeholder: {}
81 | }
82 | };
83 | export default ja;
84 |
--------------------------------------------------------------------------------
/client/src/assets/languages/nation/ch.ts:
--------------------------------------------------------------------------------
1 | // a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z is alphabetized.
2 | // `this` is first order.
3 | const ch = {
4 | common: {
5 | webDev: "Web 開發人員",
6 | birth: "Birth",
7 | cancel: "Cancel",
8 | china: "中國",
9 | email: "E-Mail",
10 | description: "설명",
11 | form: {
12 | confirm: "Confirm",
13 | submit: "Submit"
14 | },
15 | id: "No",
16 | japan: "日本",
17 | korea: "韓國",
18 | name: "이름",
19 | nation: "國家",
20 | password: "비밀번호",
21 | confirm_password: "비밀번호 확인",
22 | search: "Search",
23 | usa: "美國"
24 | },
25 | authority: {
26 | this: "권한",
27 | authority_list: "권한 리스트",
28 | message: {},
29 | placeholder: {}
30 | },
31 | book: {
32 | this: "책",
33 | book_list: "책 리스트",
34 | message: {},
35 | placeholder: {},
36 | author: "저자"
37 | },
38 | content: {
39 | label: {
40 | title: "제 목",
41 | contentType: "컨텐츠 종류",
42 | tags: "태 그",
43 | content: "내 용"
44 | },
45 | message: {
46 | insertSuccess: "컨텐츠를 성공적으로 등록하였습니다."
47 | },
48 | placeholder: {
49 | title: "컨텐츠의 제목을 입력해주세요.",
50 | tags: "블로그와 관련된 태그를 입력해주세요.",
51 | search: "검색어를 입력해주세요."
52 | }
53 | },
54 | division: {
55 | this: "부서",
56 | division_list: "부서 리스트",
57 | message: {},
58 | placeholder: {}
59 | },
60 | login: {
61 | this: "Log-In",
62 | message: {
63 | not_user1: "회원이 아니신가요? 지금 ",
64 | not_user2: "하세요"
65 | },
66 | placeholder: {}
67 | },
68 | signin: {
69 | this: "회원가입",
70 | sns: {
71 | message: "SNS을 이용해서 가입하세요."
72 | },
73 | message: {},
74 | placeholder: {}
75 | },
76 | user: {
77 | this: "사용자",
78 | user_list: "사용자 리스트",
79 | message: {},
80 | placeholder: {}
81 | }
82 | };
83 | export default ch;
84 |
--------------------------------------------------------------------------------
/client/src/assets/languages/nation/ko.ts:
--------------------------------------------------------------------------------
1 | // a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z is alphabetized.
2 | // `this` is first order.
3 | const ko = {
4 | common: {
5 | webDev: "웹 개발자",
6 | birth: "생년월일",
7 | cancel: "취소",
8 | china: "중국",
9 | description: "설명",
10 | email: "이메일",
11 | form: {
12 | confirm: "확인",
13 | submit: "제출"
14 | },
15 | id: "번호",
16 | japan: "일본",
17 | korea: "대한민국",
18 | name: "이름",
19 | nation: "국가",
20 | password: "비밀번호",
21 | confirm_password: "비밀번호 확인",
22 | search: "검색",
23 | status: "상태",
24 | usa: "미국"
25 | },
26 | authority: {
27 | this: "권한",
28 | authority_list: "권한 리스트",
29 | message: {},
30 | placeholder: {}
31 | },
32 | book: {
33 | this: "책",
34 | book_list: "책 리스트",
35 | message: {},
36 | placeholder: {},
37 | author: "저자"
38 | },
39 | content: {
40 | label: {
41 | title: "제 목",
42 | contentType: "컨텐츠 종류",
43 | tags: "태 그",
44 | content: "내 용"
45 | },
46 | message: {
47 | insertSuccess: "컨텐츠를 성공적으로 등록하였습니다."
48 | },
49 | placeholder: {
50 | title: "컨텐츠의 제목을 입력해주세요.",
51 | tags: "블로그와 관련된 태그를 입력해주세요.",
52 | search: "검색어를 입력해주세요."
53 | }
54 | },
55 | division: {
56 | this: "부서",
57 | division_list: "부서 리스트",
58 | message: {},
59 | placeholder: {}
60 | },
61 | login: {
62 | this: "로그인",
63 | message: {
64 | not_user1: "회원이 아니신가요? 지금 ",
65 | not_user2: "하세요"
66 | },
67 | placeholder: {}
68 | },
69 | signin: {
70 | this: "회원가입",
71 | sns: {
72 | message: "SNS을 이용해서 가입하세요."
73 | },
74 | message: {},
75 | placeholder: {}
76 | },
77 | user: {
78 | this: "사용자",
79 | user_list: "사용자 리스트",
80 | message: {},
81 | placeholder: {}
82 | }
83 | };
84 | export default ko;
85 |
--------------------------------------------------------------------------------
/server/src/app/routes/graphql/mutation/BookMutation.ts:
--------------------------------------------------------------------------------
1 | import { GraphQLFieldConfigMap, GraphQLNonNull } from "graphql";
2 | import {
3 | GraphQLBoolean,
4 | GraphQLInt,
5 | GraphQLString
6 | } from "graphql/type/scalars";
7 | import { BookType } from "../type/index";
8 |
9 | import { BookService } from "../../../services";
10 | import { Book } from "../../../types";
11 |
12 | const book_service = new BookService();
13 | const BookMutation: GraphQLFieldConfigMapBook Detail
4 |
5 |
26 |
6 |
7 | {{ book.id }}
8 |
9 |
10 |
11 | {{ book.name }}
12 |
13 |
14 |
15 | {{ book.author }}
16 |
17 |
18 |
19 | {{ book.status }}
20 |
21 |
22 |
23 | {{ book.description }}
24 |
25 |
3 |
31 |
32 |
33 |
68 |
--------------------------------------------------------------------------------
/server/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "graphql-example",
3 | "version": "1.0.0",
4 | "description": "Graphql example",
5 | "main": "app.ts",
6 | "scripts": {
7 | "dev": "nodemon --watch 'src/**/*.ts' --exec 'ts-node' src/app.ts",
8 | "build": "tsc",
9 | "start": "node dist/app.js",
10 | "test": "jest"
11 | },
12 | "jest": {
13 | "transform": {
14 | "^.+\\.tsx?$": "ts-jest"
15 | },
16 | "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
17 | "moduleFileExtensions": [
18 | "ts",
19 | "tsx",
20 | "js",
21 | "jsx",
22 | "json",
23 | "node"
24 | ]
25 | },
26 | "author": "seolhun",
27 | "license": "MIT",
28 | "dependencies": {
29 | "axios": "^0.18.0",
30 | "bcryptjs": "^2.4.3",
31 | "body-parser": "^1.18.2",
32 | "cookie-session": "^2.0.0-beta.3",
33 | "cors": "^2.8.4",
34 | "express": "^4.16.3",
35 | "express-graphql": "^0.7.1",
36 | "express-session": "^1.15.6",
37 | "graphql": "^14.2.0",
38 | "helmet": "^3.12.0",
39 | "jest": "^24.5.0",
40 | "lodash": "^4.17.5",
41 | "mariadb": "^2.1.0",
42 | "nodemon": "^2.0.0",
43 | "passport": "^0.4.0",
44 | "passport-facebook": "^3.0.0",
45 | "passport-github2": "^0.1.11",
46 | "passport-google-oauth20": "^2.0.0",
47 | "sequelize": "^5.2.3",
48 | "sinon": "^8.0.0",
49 | "winston": "^3.0.0-rc2"
50 | },
51 | "devDependencies": {
52 | "@types/bcryptjs": "^2.4.2",
53 | "@types/express": "^4.11.1",
54 | "@types/express-graphql": "0.8.1",
55 | "@types/graphql": "^14.0.7",
56 | "@types/helmet": "0.0.45",
57 | "@types/jest": "^24.0.11",
58 | "@types/lodash": "^4.14.148",
59 | "@types/passport": "^1.0.0",
60 | "@types/sequelize": "^4.28.4",
61 | "@types/sinon": "^7.0.10",
62 | "dotenv": "^8.1.0",
63 | "ts-jest": "^24.1.0",
64 | "ts-node": "^8.3.0",
65 | "typescript": "^3.6.2"
66 | }
67 | }
68 |
--------------------------------------------------------------------------------
/client/src/components/ui/users/UsersView.vue:
--------------------------------------------------------------------------------
1 |
2 | Divisions
4 |
5 |
30 |
6 |
7 |
8 |
28 |
29 | | {{ $tc("common.id") }} | 10 |{{ $tc("common.name") }} | 11 |{{ $tc("common.description") }} | 12 |{{ division.id }} | 23 |{{ division.name }} | 24 |{{ division.description }} | 25 |
|---|
3 |
33 |
34 |
35 |
71 |
--------------------------------------------------------------------------------
/client/src/assets/languages/nation/en.ts:
--------------------------------------------------------------------------------
1 | // a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z is alphabetized.
2 | // `this` is first order.
3 | const en = {
4 | common: {
5 | webDev: "Web Developer",
6 | birth: "Birth",
7 | cancel: "Cancel",
8 | china: "China",
9 | description: "Description",
10 | email: "E-Mail",
11 | form: {
12 | confirm: "Confirm",
13 | submit: "Submit"
14 | },
15 | id: "No",
16 | japan: "Japan",
17 | korea: "Korea",
18 | name: "Name",
19 | nation: "Nation",
20 | password: "Password",
21 | confirm_password: "Confirm Password",
22 | search: "Search",
23 | status: "Status",
24 | usa: "USA"
25 | },
26 | authority: {
27 | this: "Authority",
28 | authority_list: "Authority list",
29 | message: {},
30 | placeholder: {}
31 | },
32 | book: {
33 | this: "Book",
34 | book_list: "Book list",
35 | message: {},
36 | placeholder: {},
37 | author: "Author"
38 | },
39 | content: {
40 | label: {
41 | title: "제 목",
42 | contentType: "컨텐츠 종류",
43 | tags: "태 그",
44 | content: "내 용"
45 | },
46 | message: {
47 | insertSuccess: "컨텐츠를 성공적으로 등록하였습니다."
48 | },
49 | placeholder: {
50 | title: "컨텐츠의 제목을 입력해주세요.",
51 | tags: "블로그와 관련된 태그를 입력해주세요.",
52 | search: "검색어를 입력해주세요."
53 | }
54 | },
55 | division: {
56 | this: "Division",
57 | division_list: "Division list",
58 | message: {},
59 | placeholder: {}
60 | },
61 | login: {
62 | this: "Log-In",
63 | message: {
64 | not_user1: "Not yet a member?",
65 | not_user2: "now"
66 | },
67 | placeholder: {}
68 | },
69 | signin: {
70 | this: "Sign-In",
71 | sns: {
72 | message: "SNS을 이용해서 가입하세요."
73 | },
74 | message: {},
75 | placeholder: {}
76 | },
77 | user: {
78 | this: "User",
79 | user_list: "User list",
80 | message: {},
81 | placeholder: {}
82 | }
83 | };
84 | export default en;
85 |
--------------------------------------------------------------------------------
/server/src/app/services/AuthorityService.ts:
--------------------------------------------------------------------------------
1 | import { Authority } from "../types";
2 | import { AuthorityRepository } from "./repository";
3 | import { Order } from "./repository/AbstractRepository";
4 |
5 | const authority_repository = new AuthorityRepository(["id", "name"]);
6 | class AuthorityService {
7 | createdAuthority = async ({ name, level }: Authority) => {
8 | if (!name || !level) {
9 | return Promise.reject(new Error("The name and level is requirement."));
10 | }
11 |
12 | const dbAuthority = await authority_repository.findOne({ name });
13 | if (dbAuthority) {
14 | return Promise.reject(new Error(`Already '${name}' is exists.`));
15 | }
16 | return authority_repository.create({ name, level });
17 | };
18 |
19 | findOne = async ({ id, name }: Authority) => {
20 | if (!id && !name) {
21 | return Promise.reject(new Error("One of id and name is requirement."));
22 | }
23 | return authority_repository.findOne({ id, name });
24 | };
25 |
26 | findAll = async (order: Order) => {
27 | return authority_repository.findAll("DESC");
28 | };
29 |
30 | updatedAuthority = async ({ name, level, description }: Authority) => {
31 | if (!name) {
32 | return Promise.reject(new Error("id or name is requirement."));
33 | }
34 |
35 | const dbAuthority = await authority_repository.findOne({ name });
36 | if (!dbAuthority) {
37 | return Promise.reject(new Error("The authority is not found"));
38 | }
39 | return authority_repository.update({ name, level, description });
40 | };
41 |
42 | deletedAuthority = async ({ id, name }: Authority) => {
43 | if (!id && !name) {
44 | return Promise.reject(new Error(`id or name is requirement.`));
45 | }
46 | const dbAuthority = await authority_repository.findOne({ id, name });
47 |
48 | if (!dbAuthority) {
49 | return Promise.reject(new Error("The authority is not found"));
50 | }
51 | return authority_repository.delete({ id, name });
52 | };
53 | }
54 |
55 | export { AuthorityService };
56 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | [](https://waffle.io/Seolhun/vue-type-graphql-example?utm_source=badge) [](https://greenkeeper.io/)
2 |
3 | # Book Management System.
4 |
5 | - Author : [Seolhun](https://github.com/Seolhun)
6 | - Date : 2017.10.19
7 |
8 | ## Used Stacks
9 |
10 | 1. `TypeScript`
11 | 2. `NodeJS`, `Express`
12 | 3. `Vue-Cli`
13 | 4. `GraphQL`
14 | 5. `Apollo Client`
15 | 6. `Sequelize`
16 |
17 | ## Commit Convention
18 |
19 | - Server : [Server]
20 | - Client : [Cient]
21 | - Contents
22 | - GraphQL
23 | - Vue
24 | - Test
25 | - ...
26 |
27 | ## How to run
28 |
29 | #### Server
30 |
31 | ```bash
32 | $ cd server
33 | $ yarn install
34 | $ yarn dev
35 | ```
36 |
37 | - Docker
38 |
39 | ```bash
40 | $ yarn install
41 | $ docker-compose up -d
42 | ```
43 |
44 | - NPM scripts
45 |
46 | ```bash
47 | $ yarn dev
48 | ```
49 |
50 | > [http://localhost:4000/graphql](http://localhost:4000/graphql)
51 |
52 | #### DB
53 |
54 | 1.Create Default database using Raw SQL.
55 |
56 | - `/src/config/db/default.sql`
57 |
58 | 1. Set Database configuration.
59 |
60 | - `/server/src/config/database/index.ts`
61 |
62 | 3. Set `Sync` Database config
63 |
64 | - `sequelize.sync()` - create & update
65 | - `sequelize.sync({force: true})` - create & drop
66 |
67 | ---
68 |
69 | #### Client
70 |
71 | ```bash
72 | $ cd client
73 | $ yarn install
74 | $ yarn dev
75 | ```
76 |
77 | > [http://localhost:7000/](http://localhost:7000/)
78 |
79 | ## Reference
80 |
81 | - `Server`
82 |
83 | - [NodeJS - Express](http://expressjs.com/)
84 | - [Express Session](https://github.com/expressjs/session#options)
85 | - [GraphQL](http://graphql.org/learn/)
86 | - [Express GraphQL](https://github.com/graphql/express-graphql)
87 | - [Sequelize](http://docs.sequelizejs.com/)
88 |
89 | - `Client`
90 | - [Vue](https://vuejs.org/)
91 | - [Vue Apollo Client](https://github.com/akryum/vue-apollo)
92 |
--------------------------------------------------------------------------------
/client/src/utils/Validators.ts:
--------------------------------------------------------------------------------
1 | import validator from "validator";
2 |
3 | const number: RegExp = /[0-9]+/;
4 | const upper_alphabet: RegExp = /[A-Z]+/;
5 | const lower_alphabet: RegExp = /[a-z]+/;
6 | const korean: RegExp = /[가-힣]+/;
7 | const special_characters: RegExp = /[\@\!\#\$\%\^\&\*\(\)\_\+\=\-\.\,\>\<\?\/\`\~\"\:\'\;\\]*/;
8 | const special_character: string = "`~!@#$%^&*()_-=+.>, {
16 | if (email.length < 4) {
17 | return { result: false, msg: "Requirement email" };
18 | } else if (!validator.isEmail(email)) {
19 | return {
20 | result: false,
21 | msg: `${email} is not valid. Input the right Email.`
22 | };
23 | }
24 | return { result: true, msg: "" };
25 | };
26 |
27 | export const isName = (name: string): ValidationResponse => {
28 | if (name.length < 2) {
29 | return { result: false, msg: "Requirement over 2 characters" };
30 | } else if (korean.test(name)) {
31 | return { result: false, msg: "Never use Korean" };
32 | } else if (!special_characters.test(name)) {
33 | return {
34 | result: false,
35 | msg: `Requirement lower special_characters(${special_character})`
36 | };
37 | }
38 | return { result: true, msg: "" };
39 | };
40 |
41 | export const isPassword = (password: string): ValidationResponse => {
42 | if (password.length < 8) {
43 | return { result: false, msg: "Requirement over 8 characters" };
44 | } else if (!number.test(password)) {
45 | return { result: false, msg: "Requirement number" };
46 | } else if (!upper_alphabet.test(password)) {
47 | return { result: false, msg: "Requirement upper alphabet" };
48 | } else if (!lower_alphabet.test(password)) {
49 | return { result: false, msg: "Requirement lower alphabet" };
50 | } else if (!special_characters.test(password)) {
51 | return {
52 | result: false,
53 | msg: `Requirement lower special_characters(${special_character})`
54 | };
55 | }
56 | return { result: true, msg: "" };
57 | };
58 |
--------------------------------------------------------------------------------
/client/src/components/ui/books/BooksView.vue:
--------------------------------------------------------------------------------
1 |
2 | Users
4 |
5 |
32 |
6 |
7 |
8 |
30 |
31 | | {{ $tc("common.id") }} | 10 |{{ $tc("common.email") }} | 11 |{{ $tc("common.name") }} | 12 |{{ $tc("common.birth") }} | 13 |{{ user.id }} | 24 |{{ user.email }} | 25 |{{ user.name }} | 26 |{{ user.birth }} | 27 |
|---|
3 |
35 |
36 |
37 |
75 |
--------------------------------------------------------------------------------
/server/src/config/database/index.ts:
--------------------------------------------------------------------------------
1 | import {
2 | Sequelize,
3 | FindOptions,
4 | CreateOptions,
5 | UpdateOptions,
6 | DestroyOptions
7 | } from "sequelize";
8 | require("dotenv").config();
9 |
10 | import { logger } from "../logger";
11 | import { initDefaultData } from "./default";
12 |
13 | const sequelize = new Sequelize(
14 | process.env.DB_DATABASE || "",
15 | process.env.DB_USER || "",
16 | process.env.DB_ROOT_PASSWORD || "",
17 | {
18 | host: process.env.DB_HOST || "127.0.0.1",
19 | port: Number.parseInt(process.env.DB_PORT || "3306", 10),
20 | dialect: "mariadb",
21 | dialectOptions: {
22 | connectTimeout: 1000,
23 | timezone: "Etc/GMT0"
24 | },
25 | pool: {
26 | max: 10,
27 | min: 1,
28 | acquire: 30000,
29 | idle: 20000
30 | },
31 | define: {
32 | charset: "utf8",
33 | underscored: true,
34 | timestamps: true,
35 | createdAt: "created_at",
36 | updatedAt: "updated_at",
37 | deletedAt: "deleted_at",
38 | paranoid: true
39 | },
40 | logging: false,
41 | benchmark: false,
42 | hooks: {
43 | beforeFind: (options: FindOptions) => {
44 | logger.debug(`beforeFind`);
45 | logger.debug(options);
46 | },
47 | beforeCreate: (instance: any, options: CreateOptions) => {
48 | logger.debug(`beforeCreate`);
49 | logger.debug(instance);
50 | },
51 | beforeUpdate: (instance: any, options: UpdateOptions) => {
52 | logger.debug(`beforeUpdate`);
53 | logger.debug(instance);
54 | },
55 | beforeDestroy: (instance: any, options: DestroyOptions) => {
56 | logger.debug(`beforeDestroy`);
57 | logger.debug(instance);
58 | }
59 | }
60 | }
61 | );
62 |
63 | sequelize
64 | .authenticate()
65 | .then(() => {
66 | console.log("Sequelize Connection has been established successfully.");
67 | })
68 | .catch(err => {
69 | console.error("Unable to connect to the database:", err);
70 | });
71 |
72 | sequelize.sync({ force: true }).then(() => {
73 | initDefaultData();
74 | });
75 |
76 | export { sequelize };
77 |
78 | export default sequelize;
79 |
--------------------------------------------------------------------------------
/server/src/app/routes/graphql/type/index.ts:
--------------------------------------------------------------------------------
1 | import { GraphQLList, GraphQLObjectType } from "graphql";
2 | import {
3 | GraphQLBoolean,
4 | GraphQLInt,
5 | GraphQLString
6 | } from "graphql/type/scalars";
7 |
8 | const AuthorityType = new GraphQLObjectType({
9 | name: "Authority",
10 | fields: {
11 | id: { type: GraphQLInt },
12 | name: { type: GraphQLString },
13 | level: { type: GraphQLInt },
14 |
15 | active: { type: GraphQLBoolean },
16 | created_at: { type: GraphQLString },
17 | deleted_at: { type: GraphQLString },
18 | updated_at: { type: GraphQLString }
19 | }
20 | });
21 |
22 | const BookType = new GraphQLObjectType({
23 | name: "Book",
24 | fields: {
25 | id: { type: GraphQLInt },
26 | name: { type: GraphQLString },
27 | author: { type: GraphQLString },
28 | status: { type: GraphQLBoolean },
29 | description: { type: GraphQLString },
30 |
31 | active: { type: GraphQLBoolean },
32 | created_at: { type: GraphQLString },
33 | deleted_at: { type: GraphQLString },
34 | updated_at: { type: GraphQLString }
35 | }
36 | });
37 |
38 | const UserType = new GraphQLObjectType({
39 | name: "User",
40 | fields: {
41 | id: { type: GraphQLInt },
42 | name: { type: GraphQLString },
43 | email: { type: GraphQLString },
44 | password: { type: GraphQLString },
45 | birth: { type: GraphQLString },
46 |
47 | borrowed_books: { type: new GraphQLList(BookType) },
48 |
49 | active: { type: GraphQLBoolean },
50 | created_at: { type: GraphQLString },
51 | deleted_at: { type: GraphQLString },
52 | updated_at: { type: GraphQLString }
53 | }
54 | });
55 |
56 | const DivisionType = new GraphQLObjectType({
57 | name: "Division",
58 | fields: {
59 | id: { type: GraphQLInt },
60 | name: { type: GraphQLString },
61 | description: { type: GraphQLString },
62 |
63 | employees: { type: new GraphQLList(UserType) },
64 |
65 | active: { type: GraphQLBoolean },
66 | created_at: { type: GraphQLString },
67 | deleted_at: { type: GraphQLString },
68 | updated_at: { type: GraphQLString }
69 | }
70 | });
71 |
72 | export { AuthorityType, BookType, DivisionType, UserType };
73 |
--------------------------------------------------------------------------------
/server/src/test/repository/book/BookRepository.test.ts:
--------------------------------------------------------------------------------
1 | import { sandbox, stub } from 'sinon';
2 | import { BookRepository } from '../../../repository/book/BookRepository';
3 |
4 | const book_repository = new BookRepository();
5 | describe('#BookRepository', () => {
6 | let sandbox;
7 | let book_repository;
8 |
9 | beforeAll(async () => {
10 | sandbox = sandbox.create();
11 | book_repository = sandbox.stub(book_repository, 'book_repository');
12 | });
13 |
14 | afterAll(async () => {
15 | sandbox.restore();
16 | });
17 |
18 | it('Book create', () => {
19 | const create = stub(book_repository, 'create');
20 | expect(create({name: ''}).then((user) => {
21 | console.log(user);
22 | })).toEqual({name: 'What is the Web'});
23 | });
24 |
25 | it('Book findOne by UK', () => {
26 | const findOne = stub(book_repository, 'findOne');
27 | expect(findOne({name: 'Seolhun'}).then((user) => {
28 | console.log(user);
29 | })).toEqual({name: 'What is the Web'});
30 | });
31 |
32 | it('Book findAll', () => {
33 | const findAll = stub(book_repository, 'findAll');
34 | expect(findAll().then((user) => {
35 | console.log(user);
36 | })).toEqual({name: 'What is the Web'});
37 | });
38 |
39 | it('Book findAllByIds', () => {
40 | const findAllByIds = stub(book_repository, 'findAllByIds');
41 | expect(findAllByIds([1, 2, 3]).then((user) => {
42 | console.log(user);
43 | })).toEqual({name: 'What is the Web'});
44 | });
45 |
46 | it('Book findAllByPaging', () => {
47 | const findAllByPaging = stub(book_repository, 'findAllByPaging');
48 | expect(findAllByPaging({name: 'What is the Web'}, 0, 20).then((user) => {
49 | console.log(user);
50 | })).toEqual({name: 'What is the Web'});
51 | });
52 |
53 | it('Book update', () => {
54 | const update = stub(book_repository, 'update');
55 | expect(update({name: ''}).then((user) => {
56 | console.log(user);
57 | })).toEqual({name: 'What is the Web'});
58 | });
59 |
60 | it('Book delete', () => {
61 | const deleteBook = stub(book_repository, 'delete');
62 | expect(deleteBook({name: ''}).then((user) => {
63 | console.log(user);
64 | })).toEqual({name: 'What is the Web'});
65 | });
66 | });
67 |
--------------------------------------------------------------------------------
/server/src/test/repository/division/DivisionRepository.test.ts:
--------------------------------------------------------------------------------
1 | import { sandbox, stub } from 'sinon';
2 | import { DivisionRepository } from '../../../repository/division/DivisionRepository';
3 |
4 | const division_repository = new DivisionRepository();
5 | describe('#DivisionRepository', () => {
6 | let sandbox;
7 | let division_repository;
8 |
9 | beforeAll(async () => {
10 | sandbox = sandbox.create();
11 | division_repository = sandbox.stub(division_repository, 'division_repository');
12 | });
13 |
14 | afterAll(async () => {
15 | sandbox.restore();
16 | });
17 |
18 | test('User create', () => {
19 | const create = stub(division_repository, 'create');
20 | expect(create({name: 'Dev'}).then((user) => {
21 | console.log(user);
22 | })).toEqual({name: 'Dev'});
23 | });
24 |
25 | test('User findOne by UK', () => {
26 | const findOne = stub(division_repository, 'findOne');
27 | expect(findOne({name: 'Dev'}).then((user) => {
28 | console.log(user);
29 | })).toEqual({name: 'Dev'});
30 | });
31 |
32 | test('User findAll', () => {
33 | const findAll = stub(division_repository, 'findAll');
34 | expect(findAll().then((user) => {
35 | console.log(user);
36 | })).toEqual({name: 'Dev'});
37 | });
38 |
39 | test('User findAllByIds', () => {
40 | const findAllByIds = stub(division_repository, 'findAllByIds');
41 | expect(findAllByIds([1, 2, 3]).then((user) => {
42 | console.log(user);
43 | })).toEqual({name: 'Dev'});
44 | });
45 |
46 | test('User findAllByPaging', () => {
47 | const findAllByPaging = stub(division_repository, 'findAllByPaging');
48 | expect(findAllByPaging({name: 'Dev'}, 0, 20).then((user) => {
49 | console.log(user);
50 | })).toEqual({name: 'Dev'});
51 | });
52 |
53 | test('User update', () => {
54 | const update = stub(division_repository, 'update');
55 | expect(update({name: 'Dev'}).then((user) => {
56 | console.log(user);
57 | })).toEqual({name: 'Dev'});
58 | });
59 |
60 | test('User delete', () => {
61 | const deleteDivision = stub(division_repository, 'delete');
62 | expect(deleteDivision({name: 'Dev'}).then((user) => {
63 | console.log(user);
64 | })).toEqual({name: 'Dev'});
65 | });
66 | });
67 |
--------------------------------------------------------------------------------
/server/src/app/services/DivisionService.ts:
--------------------------------------------------------------------------------
1 | import { Division } from "../types";
2 | import { DivisionRepository } from "./repository";
3 | import { Order } from "./repository/AbstractRepository";
4 | import { DivisionModel } from "./model";
5 |
6 | const divisionRepository = new DivisionRepository(["id", "name"]);
7 | class DivisionService {
8 | createdDivision = async ({
9 | name,
10 | description
11 | }: Division): PromiseBooks
4 |
5 |
34 |
6 |
7 |
8 |
32 |
33 | | {{ $tc("common.id") }} | 10 |{{ $tc("common.name") }} | 11 |{{ $tc("book.author") }} | 12 |{{ $tc("common.status") }} | 13 |{{ $tc("common.description") }} | 14 |{{ book.id }} | 25 |{{ book.name }} | 26 |{{ book.author }} | 27 |{{ book.status }} | 28 |{{ book.description }} | 29 |
|---|
3 |
50 |
51 |
52 |
98 |
--------------------------------------------------------------------------------
/server/src/config/database/default/index.ts:
--------------------------------------------------------------------------------
1 | import {
2 | AuthorityModel,
3 | BookModel,
4 | DivisionModel,
5 | UserAuthorityModel,
6 | UserModel,
7 | } from "../../../app/services/model";
8 | import {
9 | Authority,
10 | Book,
11 | BookStatus,
12 | Division,
13 | User,
14 | UserAuthority,
15 | } from "../../../app/types";
16 |
17 | import { PasswordEncoderUtils } from "../../../app/utils/PasswordEncoderUtils";
18 |
19 | const authority_datas: Authority[] = [
20 | {
21 | name: "Admin",
22 | level: 0,
23 | },
24 | {
25 | name: "Back",
26 | level: 1,
27 | },
28 | {
29 | name: "Front",
30 | level: 2,
31 | },
32 | {
33 | name: "Data",
34 | level: 3,
35 | },
36 | {
37 | name: "Test",
38 | level: 4,
39 | },
40 | {
41 | name: "Alliance",
42 | level: 5,
43 | },
44 | {
45 | name: "Etc",
46 | level: 6,
47 | },
48 | {
49 | name: "Guest",
50 | level: 7,
51 | },
52 | ];
53 |
54 | const book_datas: Book[] = [
55 | {
56 | name: "동시성의 원리",
57 | author: "폴 부쳐",
58 | status: BookStatus.NORMAL,
59 | description: "소프트웨어의 한계를 돌파하는 동시성의 원리",
60 | },
61 | {
62 | name: "ORM Frameowork",
63 | author: "Orm",
64 | status: BookStatus.NORMAL,
65 | description: "SQL 추상화를 위한 객체지향의 방법",
66 | },
67 | {
68 | name: "처음 시작하는 파이썬",
69 | author: "Python",
70 | status: BookStatus.ORDERED,
71 | description: "Getting started python",
72 | },
73 | {
74 | name: "Hadoop is basic",
75 | author: "Hadoop",
76 | status: BookStatus.BORROWED,
77 | description: "빅데이터를 위한 하둡",
78 | },
79 | {
80 | name: "You don't know JS",
81 | author: "JS",
82 | status: BookStatus.REQUESTED,
83 | description: "JS 기본을 파헤치는 책",
84 | },
85 | ];
86 |
87 | const division_datas: Division[] = [
88 | {
89 | name: "Dev",
90 | description: "Development",
91 | },
92 | {
93 | name: "Finance",
94 | description: "Finance",
95 | },
96 | {
97 | name: "HR",
98 | description: "Human Resources",
99 | },
100 | {
101 | name: "Marketing",
102 | description: "Marketing",
103 | },
104 | {
105 | name: "Alliance",
106 | description: "Alliance",
107 | },
108 | ];
109 |
110 | const user_datas: User[] = [
111 | {
112 | name: "Shun",
113 | email: "shun@google.com",
114 | birth: "19900126",
115 | division_id: 1,
116 | password: PasswordEncoderUtils.bcryptedPasswordSync("1234"),
117 | },
118 | {
119 | name: "Mark",
120 | email: "mark@google.com",
121 | birth: "19940606",
122 | division_id: 2,
123 | password: PasswordEncoderUtils.bcryptedPasswordSync("1234"),
124 | },
125 | {
126 | name: "Gabriel",
127 | email: "gabriel@naver.com",
128 | birth: "19881212",
129 | division_id: 3,
130 | password: PasswordEncoderUtils.bcryptedPasswordSync("1234"),
131 | },
132 | {
133 | name: "Chris",
134 | email: "chris@hanmail.net",
135 | birth: "19800322",
136 | division_id: 4,
137 | password: PasswordEncoderUtils.bcryptedPasswordSync("1234"),
138 | },
139 | ];
140 |
141 | const authority_user_datas: UserAuthority[] = [
142 | {
143 | user_id: 1,
144 | authority_id: 1,
145 | },
146 | {
147 | user_id: 2,
148 | authority_id: 6,
149 | },
150 | {
151 | user_id: 3,
152 | authority_id: 8,
153 | },
154 | {
155 | user_id: 4,
156 | authority_id: 8,
157 | },
158 | ];
159 |
160 | function initDefaultData() {
161 | DivisionModel.bulkCreate(division_datas);
162 | AuthorityModel.bulkCreate(authority_datas).then(() => {
163 | UserModel.bulkCreate(user_datas).then(users => {
164 | UserAuthorityModel.bulkCreate(authority_user_datas);
165 | });
166 | });
167 | BookModel.bulkCreate(book_datas);
168 | }
169 |
170 | export { initDefaultData };
171 |
--------------------------------------------------------------------------------
/client/src/components/layout/HeaderMenu.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
37 | {{ $tc("login.this") }}
5 |
6 |
28 |
29 |
30 |
31 | {{ $tc("login.message.not_user1") }}
32 |
35 |
36 |
31 | {{ $tc("login.message.not_user1") }}
32 | {{ $tc("signin.this") }}
33 | {{ $tc("login.message.not_user2") }}
34 |
35 |
38 |
49 |
39 |
41 | {{ $tc("signin.sns.message") }}
40 |
42 |
47 |
48 |
9 | Hi-Cord
11 |
12 |
13 |
14 | Books
17 |
18 |
19 | Divisions
22 |
23 |
24 | Users
27 |
28 |
29 |
30 |
31 |
32 |
42 |
43 | 한국어
46 | English
49 | 日本語
52 | 中文
55 |
56 |
57 |
58 | Options
59 |
60 |
61 | Profile
64 |
65 |
66 | Log-In
69 |
70 |
71 | Sign-In
74 |
75 |
76 |
77 |
78 |
79 |
33 |
41 |
3 |
79 |
80 |
81 |
233 |
234 |
237 |
--------------------------------------------------------------------------------
/client/src/assets/scss/global.scss:
--------------------------------------------------------------------------------
1 | @import "variable";
2 | /* ------------------------------------------------
3 | Global Tag CSS
4 | ------------------------------------------------ */
5 |
6 | html,
7 | body {
8 | height: 100%;
9 | }
10 |
11 | // Common Body
12 | body {
13 | background: $bg-color;
14 | font-family: "Avenir", Helvetica, Arial, sans-serif;
15 | }
16 |
17 | main#hunseol {
18 | min-height: calc(100vh - 18.5rem);
19 | }
20 |
21 | a {
22 | color: $active-color;
23 | &:active {
24 | color: $active-color-hover;
25 | }
26 | }
27 |
28 | // Button Css
29 | button {
30 | cursor: pointer;
31 | display: inline-block;
32 | font-weight: 400;
33 | text-align: center;
34 | white-space: nowrap;
35 | vertical-align: middle;
36 | user-select: none;
37 | border: 1px solid transparent;
38 | padding: 0.375rem 0.75rem;
39 | font-size: 1rem;
40 | line-height: 1.5;
41 | border-radius: 0.25rem;
42 | transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
43 | box-shadow 0.15s ease-in-out;
44 | -webkit-user-select: none;
45 | -moz-user-select: none;
46 | -ms-user-select: none;
47 | }
48 |
49 | textarea.auto-size {
50 | width: 100%;
51 | height: 100%;
52 | overflow: scroll;
53 | min-height: 300px;
54 | box-sizing: border-box;
55 | line-height: 1.5;
56 | padding: 15px 15px;
57 | border-radius: 3px;
58 | transition: box-shadow 0.5s ease;
59 | box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
60 | }
61 |
62 | /* ------------------------
63 | Global ID CSS
64 | ------------------------ */
65 |
66 | #app {
67 | font-family: $font-main-1;
68 | -webkit-font-smoothing: antialiased;
69 | -moz-osx-font-smoothing: grayscale;
70 | }
71 |
72 | /* ------------------------------------------------------------------------
73 | - Global For Active SCSS Start
74 | -------------------------------------------------------------------------- */
75 |
76 | /* ------------------------
77 | Tag h1 ~ h5 CSS
78 | ------------------------ */
79 |
80 | $h-size: h !default;
81 | @for $i from 1 through 6 {
82 | #{$h-size}#{$i} {
83 | font-weight: 600;
84 | font-size: 10px + (30 / $i);
85 | padding: 15px 0px;
86 | word-break: break-word;
87 | }
88 | }
89 |
90 | /* ----------------------------------------
91 | - Class Variable CSS
92 | ------------------------------------------- */
93 |
94 | // Sub Active Btn
95 | /* ------------------------------------------------
96 | Colorful Btn - BackGround CSS
97 | ------------------------------------------------ */
98 |
99 | @each $color in $colors {
100 | $key: nth($color, 1);
101 | $value: nth($color, 2);
102 | .#{"btn-"}#{$key} {
103 | color: $white;
104 | background-color: $value;
105 | &:hover {
106 | background: darken($value, 5%);
107 | font-weight: bold;
108 | }
109 | &:active {
110 | background-color: darken($white, 30%);
111 | }
112 | &:disabled {
113 | cursor: not-allowed;
114 | background: #dddddd;
115 | }
116 | }
117 | .#{"btn-edge-"}#{$key} {
118 | border-color: $value;
119 | color: $value;
120 | background-color: $white;
121 | &:hover {
122 | background: darken($value, 5%);
123 | color: darken($white, 5%);
124 | font-weight: 800;
125 | }
126 | &:active {
127 | background-color: darken($white, 30%);
128 | }
129 | &:disabled {
130 | cursor: not-allowed;
131 | background: #dddddd;
132 | }
133 | }
134 | .#{"background-"}#{$key} {
135 | color: $white;
136 | background: $value;
137 | }
138 | }
139 |
140 | /* ------------------------------------------------
141 | Global Class CSS
142 | ------------------------------------------------ */
143 |
144 | /* ----------------
145 | Vue Router SCSS
146 | ------------------*/
147 |
148 | .router-link-exact-active {
149 | font-weight: 700;
150 | color: $light-white;
151 | }
152 |
153 | .router-item {
154 | cursor: pointer;
155 | text-decoration: none;
156 | &:hover {
157 | text-decoration: none;
158 | }
159 | }
160 |
161 | /* ------------------------
162 | Text-alignment
163 | ------------------------ */
164 |
165 | .text-right {
166 | text-align: right;
167 | }
168 |
169 | .text-left {
170 | text-align: left;
171 | }
172 |
173 | .text-center {
174 | text-align: center;
175 | }
176 |
177 | /* ------------------------
178 | Width Coverage
179 | # .width-1 ~ width-100 css
180 | ------------------------ */
181 |
182 | $width-class: width- !default;
183 | @for $i from 1 through 20 {
184 | .#{$width-class}#{$i * 5} {
185 | width: 0% + ($i * 5);
186 | }
187 | }
188 |
189 | /* ------------------------
190 | Height Coverage
191 | # .Height-50 ~ Height-500 css
192 | ------------------------ */
193 |
194 | $height: height- !default;
195 | @for $i from 1 through 20 {
196 | .#{$height}#{$i * 50} {
197 | height: 0px + ($i * 50);
198 | word-break: keep-all;
199 | }
200 | }
201 |
202 | $max-height: max-height- !default;
203 | @for $i from 1 through 20 {
204 | .#{$max-height}#{$i*50} {
205 | max-height: 0px + ($i * 50);
206 | word-break: keep-all;
207 | min-height: 0px + ($i * 10);
208 | height: auto;
209 | }
210 | }
211 |
212 | $min-height: min-height- !default;
213 | @for $i from 1 through 20 {
214 | .#{$min-height}#{$i*50} {
215 | min-height: 0px + ($i * 50);
216 | word-break: keep-all;
217 | height: auto;
218 | overflow-y: auto;
219 | }
220 | }
221 |
222 | /* ------------------------
223 | Font Weight & Size
224 | # .font-size-1 ~
225 | # .font-weight-1 ~
226 | ------------------------ */
227 |
228 | $font-size: font-size- !default;
229 | @for $i from 10 through 100 {
230 | .#{$font-size}#{$i} {
231 | font-size: 0px + ($i);
232 | }
233 | }
234 |
235 | $font-weight: font-weight- !default;
236 | @for $i from 1 through 10 {
237 | .#{$font-weight}#{$i} {
238 | font-weight: 100 * ($i);
239 | }
240 | }
241 |
242 | /* ------------------------
243 | padding-10 ~ padding-60 CSS
244 | ------------------------ */
245 |
246 | $padding: padding- !default;
247 | @for $i from 1 through 6 {
248 | .#{$padding}#{$i*10} {
249 | padding: (10px * $i);
250 | }
251 | }
252 |
253 | $padding-top: padding-top- !default;
254 | @for $i from 1 through 20 {
255 | .#{$padding-top}#{$i*10} {
256 | padding-top: (5px * $i) 0px 0px 0px;
257 | }
258 | }
259 |
260 | $padding-bottom: padding-bottom- !default;
261 | @for $i from 1 through 20 {
262 | .#{$padding-bottom}#{$i*10} {
263 | padding-bottom: 0px 0px (5px * $i) 0px;
264 | }
265 | }
266 |
267 | $padding-right: padding-right- !default;
268 | @for $i from 1 through 20 {
269 | .#{$padding-right}#{$i*10} {
270 | padding-right: 0px 0px (5px * $i) 0px;
271 | }
272 | }
273 |
274 | $padding-left: padding-left- !default;
275 | @for $i from 1 through 20 {
276 | .#{$padding-left}#{$i*10} {
277 | padding-left: 0px 0px (5px * $i) 0px;
278 | }
279 | }
280 |
281 | /* ------------------------
282 | margin-10 ~ margin-60 CSS
283 | ------------------------ */
284 |
285 | $margin: margin- !default;
286 | @for $i from 1 through 20 {
287 | .#{$margin}#{$i * 5} {
288 | margin: (5px * $i);
289 | }
290 | }
291 |
292 | $margin-top: margin-top- !default;
293 | @for $i from 1 through 20 {
294 | .#{$margin-top}#{$i * 5} {
295 | margin-top: (5px * $i);
296 | }
297 | }
298 |
299 | $margin-bottom: margin-bottom- !default;
300 | @for $i from 1 through 20 {
301 | .#{$margin-bottom}#{$i * 5} {
302 | margin-bottom: (5px * $i);
303 | }
304 | }
305 |
306 | $margin-right: margin-right- !default;
307 | @for $i from 1 through 20 {
308 | .#{$margin-right}#{$i * 5} {
309 | margin-right: (5px * $i);
310 | }
311 | }
312 |
313 | $margin-left: margin-left- !default;
314 | @for $i from 1 through 20 {
315 | .#{$margin-left}#{$i * 5} {
316 | margin-left: (5px * $i);
317 | }
318 | }
319 |
320 | /* ------------------------
321 | Label Title CSS
322 | ------------------------ */
323 |
324 | $label-title: label-title- !default;
325 | @for $i from 12 through 30 {
326 | .#{$label-title}#{$i} {
327 | font-size: 1px * $i;
328 | font-weight: 600;
329 | word-break: break-word;
330 | }
331 | }
332 |
333 | /* ------------------------
334 | Shadow Box CSS
335 | ------------------------ */
336 |
337 | $shadow-box: shadow-box- !default;
338 | @for $i from 1 through 10 {
339 | .#{$shadow-box}#{$i} {
340 | -webkit-box-shadow: 0
341 | (15px + $i)
342 | (20px + $i)
343 | (-10px - $i)
344 | $gray; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
345 | -moz-box-shadow: 0
346 | (15px + $i)
347 | (20px + $i)
348 | (-10px - $i)
349 | $gray; /* Firefox 3.5 - 3.6 */
350 | box-shadow: 0
351 | (15px + $i)
352 | (20px + $i)
353 | (-10px - $i)
354 | $gray; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
355 | padding: 20px;
356 | }
357 | }
358 |
359 | /* ------------------------
360 | Bootstrap Table
361 | ------------------------ */
362 |
363 | .table-hover tr:hover {
364 | cursor: pointer;
365 | }
366 |
--------------------------------------------------------------------------------
/client/public/img/icons/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
150 |
--------------------------------------------------------------------------------
/docker-elk/README.md:
--------------------------------------------------------------------------------
1 | # Docker ELK stack
2 |
3 | [](https://gitter.im/deviantony/docker-elk?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
4 | [](https://github.com/deviantony/docker-elk/issues/248)
5 | [](https://travis-ci.org/deviantony/docker-elk)
6 |
7 | Run the latest version of the ELK (Elasticsearch, Logstash, Kibana) stack with Docker and Docker Compose.
8 |
9 | It will give you the ability to analyze any data set by using the searching/aggregation capabilities of Elasticsearch
10 | and the visualization power of Kibana.
11 |
12 | Based on the official Docker images:
13 |
14 | * [elasticsearch](https://github.com/elastic/elasticsearch-docker)
15 | * [logstash](https://github.com/elastic/logstash-docker)
16 | * [kibana](https://github.com/elastic/kibana-docker)
17 |
18 | **Note**: Other branches in this project are available:
19 |
20 | * ELK 6 with X-Pack support: https://github.com/deviantony/docker-elk/tree/x-pack
21 | * ELK 6 in Vagrant: https://github.com/deviantony/docker-elk/tree/vagrant
22 | * ELK 6 with Search Guard: https://github.com/deviantony/docker-elk/tree/searchguard
23 |
24 | ## Contents
25 |
26 | 1. [Requirements](#requirements)
27 | * [Host setup](#host-setup)
28 | * [SELinux](#selinux)
29 | * [DockerForWindows](#dockerforwindows)
30 | 2. [Getting started](#getting-started)
31 | * [Bringing up the stack](#bringing-up-the-stack)
32 | * [Initial setup](#initial-setup)
33 | 3. [Configuration](#configuration)
34 | * [How can I tune the Kibana configuration?](#how-can-i-tune-the-kibana-configuration)
35 | * [How can I tune the Logstash configuration?](#how-can-i-tune-the-logstash-configuration)
36 | * [How can I tune the Elasticsearch configuration?](#how-can-i-tune-the-elasticsearch-configuration)
37 | * [How can I scale out the Elasticsearch cluster?](#how-can-i-scale-up-the-elasticsearch-cluster)
38 | 4. [Storage](#storage)
39 | * [How can I persist Elasticsearch data?](#how-can-i-persist-elasticsearch-data)
40 | 5. [Extensibility](#extensibility)
41 | * [How can I add plugins?](#how-can-i-add-plugins)
42 | * [How can I enable the provided extensions?](#how-can-i-enable-the-provided-extensions)
43 | 6. [JVM tuning](#jvm-tuning)
44 | * [How can I specify the amount of memory used by a service?](#how-can-i-specify-the-amount-of-memory-used-by-a-service)
45 | * [How can I enable a remote JMX connection to a service?](#how-can-i-enable-a-remote-jmx-connection-to-a-service)
46 |
47 | ## Requirements
48 |
49 | ### Host setup
50 |
51 | 1. Install [Docker](https://www.docker.com/community-edition#/download) version **1.10.0+**
52 | 2. Install [Docker Compose](https://docs.docker.com/compose/install/) version **1.6.0+**
53 | 3. Clone this repository
54 |
55 | ### SELinux
56 |
57 | On distributions which have SELinux enabled out-of-the-box you will need to either re-context the files or set SELinux
58 | into Permissive mode in order for docker-elk to start properly. For example on Redhat and CentOS, the following will
59 | apply the proper context:
60 |
61 | ```console
62 | $ chcon -R system_u:object_r:admin_home_t:s0 docker-elk/
63 | ```
64 |
65 | ### DockerForWindows
66 |
67 | If you're using Docker for Windows, ensure the 'Shared Drives' feature is enabled for the C: drive (Docker for Windows > Settings > Shared Drives). [MSDN article detailing Shared Drives config](https://blogs.msdn.microsoft.com/stevelasker/2016/06/14/configuring-docker-for-windows-volumes/).
68 |
69 | ## Usage
70 |
71 | ### Bringing up the stack
72 |
73 | **Note**: In case you switched branch or updated a base image - you may need to run `docker-compose build` first
74 |
75 | Start the ELK stack using `docker-compose`:
76 |
77 | ```console
78 | $ docker-compose up
79 | ```
80 |
81 | You can also choose to run it in background (detached mode):
82 |
83 | ```console
84 | $ docker-compose up -d
85 | ```
86 |
87 | Give Kibana a few seconds to initialize, then access the Kibana web UI by hitting
88 | [http://localhost:5601](http://localhost:5601) with a web browser.
89 |
90 | By default, the stack exposes the following ports:
91 | * 5000: Logstash TCP input.
92 | * 9200: Elasticsearch HTTP
93 | * 9300: Elasticsearch TCP transport
94 | * 5601: Kibana
95 |
96 | **WARNING**: If you're using `boot2docker`, you must access it via the `boot2docker` IP address instead of `localhost`.
97 |
98 | **WARNING**: If you're using *Docker Toolbox*, you must access it via the `docker-machine` IP address instead of
99 | `localhost`.
100 |
101 | Now that the stack is running, you will want to inject some log entries. The shipped Logstash configuration allows you
102 | to send content via TCP:
103 |
104 | ```console
105 | $ nc localhost 5000 < /path/to/logfile.log
106 | ```
107 |
108 | ## Initial setup
109 |
110 | ### Default Kibana index pattern creation
111 |
112 | When Kibana launches for the first time, it is not configured with any index pattern.
113 |
114 | #### Via the Kibana web UI
115 |
116 | **NOTE**: You need to inject data into Logstash before being able to configure a Logstash index pattern via the Kibana web
117 | UI. Then all you have to do is hit the *Create* button.
118 |
119 | Refer to [Connect Kibana with
120 | Elasticsearch](https://www.elastic.co/guide/en/kibana/current/connect-to-elasticsearch.html) for detailed instructions
121 | about the index pattern configuration.
122 |
123 | #### On the command line
124 |
125 | Create an index pattern via the Kibana API:
126 |
127 | ```console
128 | $ curl -XPOST -D- 'http://localhost:5601/api/saved_objects/index-pattern' \
129 | -H 'Content-Type: application/json' \
130 | -H 'kbn-version: 6.2.2' \
131 | -d '{"attributes":{"title":"logstash-*","timeFieldName":"@timestamp"}}'
132 | ```
133 |
134 | The created pattern will automatically be marked as the default index pattern as soon as the Kibana UI is opened for the first time.
135 |
136 | ## Configuration
137 |
138 | **NOTE**: Configuration is not dynamically reloaded, you will need to restart the stack after any change in the
139 | configuration of a component.
140 |
141 | ### How can I tune the Kibana configuration?
142 |
143 | The Kibana default configuration is stored in `kibana/config/kibana.yml`.
144 |
145 | It is also possible to map the entire `config` directory instead of a single file.
146 |
147 | ### How can I tune the Logstash configuration?
148 |
149 | The Logstash configuration is stored in `logstash/config/logstash.yml`.
150 |
151 | It is also possible to map the entire `config` directory instead of a single file, however you must be aware that
152 | Logstash will be expecting a
153 | [`log4j2.properties`](https://github.com/elastic/logstash-docker/tree/master/build/logstash/config) file for its own
154 | logging.
155 |
156 | ### How can I tune the Elasticsearch configuration?
157 |
158 | The Elasticsearch configuration is stored in `elasticsearch/config/elasticsearch.yml`.
159 |
160 | You can also specify the options you want to override directly via environment variables:
161 |
162 | ```yml
163 | elasticsearch:
164 |
165 | environment:
166 | network.host: "_non_loopback_"
167 | cluster.name: "my-cluster"
168 | ```
169 |
170 | ### How can I scale out the Elasticsearch cluster?
171 |
172 | Follow the instructions from the Wiki: [Scaling out
173 | Elasticsearch](https://github.com/deviantony/docker-elk/wiki/Elasticsearch-cluster)
174 |
175 | ## Storage
176 |
177 | ### How can I persist Elasticsearch data?
178 |
179 | The data stored in Elasticsearch will be persisted after container reboot but not after container removal.
180 |
181 | In order to persist Elasticsearch data even after removing the Elasticsearch container, you'll have to mount a volume on
182 | your Docker host. Update the `elasticsearch` service declaration to:
183 |
184 | ```yml
185 | elasticsearch:
186 |
187 | volumes:
188 | - /path/to/storage:/usr/share/elasticsearch/data
189 | ```
190 |
191 | This will store Elasticsearch data inside `/path/to/storage`.
192 |
193 | **NOTE:** beware of these OS-specific considerations:
194 | * **Linux:** the [unprivileged `elasticsearch` user][esuser] is used within the Elasticsearch image, therefore the
195 | mounted data directory must be owned by the uid `1000`.
196 | * **macOS:** the default Docker for Mac configuration allows mounting files from `/Users/`, `/Volumes/`, `/private/`,
197 | and `/tmp` exclusively. Follow the instructions from the [documentation][macmounts] to add more locations.
198 |
199 | [esuser]: https://github.com/elastic/elasticsearch-docker/blob/016bcc9db1dd97ecd0ff60c1290e7fa9142f8ddd/templates/Dockerfile.j2#L22
200 | [macmounts]: https://docs.docker.com/docker-for-mac/osxfs/
201 |
202 | ## Extensibility
203 |
204 | ### How can I add plugins?
205 |
206 | To add plugins to any ELK component you have to:
207 |
208 | 1. Add a `RUN` statement to the corresponding `Dockerfile` (eg. `RUN logstash-plugin install logstash-filter-json`)
209 | 2. Add the associated plugin code configuration to the service configuration (eg. Logstash input/output)
210 | 3. Rebuild the images using the `docker-compose build` command
211 |
212 | ### How can I enable the provided extensions?
213 |
214 | A few extensions are available inside the [`extensions`](extensions) directory. These extensions provide features which
215 | are not part of the standard Elastic stack, but can be used to enrich it with extra integrations.
216 |
217 | The documentation for these extensions is provided inside each individual subdirectory, on a per-extension basis. Some
218 | of them require manual changes to the default ELK configuration.
219 |
220 | ## JVM tuning
221 |
222 | ### How can I specify the amount of memory used by a service?
223 |
224 | By default, both Elasticsearch and Logstash start with [1/4 of the total host
225 | memory](https://docs.oracle.com/javase/8/docs/technotes/guides/vm/gctuning/parallel.html#default_heap_size) allocated to
226 | the JVM Heap Size.
227 |
228 | The startup scripts for Elasticsearch and Logstash can append extra JVM options from the value of an environment
229 | variable, allowing the user to adjust the amount of memory that can be used by each component:
230 |
231 | | Service | Environment variable |
232 | |---------------|----------------------|
233 | | Elasticsearch | ES_JAVA_OPTS |
234 | | Logstash | LS_JAVA_OPTS |
235 |
236 | To accomodate environments where memory is scarce (Docker for Mac has only 2 GB available by default), the Heap Size
237 | allocation is capped by default to 256MB per service in the `docker-compose.yml` file. If you want to override the
238 | default JVM configuration, edit the matching environment variable(s) in the `docker-compose.yml` file.
239 |
240 | For example, to increase the maximum JVM Heap Size for Logstash:
241 |
242 | ```yml
243 | logstash:
244 |
245 | environment:
246 | LS_JAVA_OPTS: "-Xmx1g -Xms1g"
247 | ```
248 |
249 | ### How can I enable a remote JMX connection to a service?
250 |
251 | As for the Java Heap memory (see above), you can specify JVM options to enable JMX and map the JMX port on the docker
252 | host.
253 |
254 | Update the `{ES,LS}_JAVA_OPTS` environment variable with the following content (I've mapped the JMX service on the port
255 | 18080, you can change that). Do not forget to update the `-Djava.rmi.server.hostname` option with the IP address of your
256 | Docker host (replace **DOCKER_HOST_IP**):
257 |
258 | ```yml
259 | logstash:
260 |
261 | environment:
262 | LS_JAVA_OPTS: "-Dcom.sun.management.jmxremote -Dcom.sun.management.jmxremote.ssl=false -Dcom.sun.management.jmxremote.authenticate=false -Dcom.sun.management.jmxremote.port=18080 -Dcom.sun.management.jmxremote.rmi.port=18080 -Djava.rmi.server.hostname=DOCKER_HOST_IP -Dcom.sun.management.jmxremote.local.only=false"
263 | ```
264 |
--------------------------------------------------------------------------------
{{ $tc("signin.this") }}
4 |
5 |
77 |
78 |