Skip to content
This repository was archived by the owner on Sep 26, 2021. It is now read-only.

Commit 7972025

Browse files
xinthosexinthose
committed
add front end from personal website
1 parent fcdec0b commit 7972025

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

57 files changed

+240684
-0
lines changed

‎.gitignore‎

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
# See http://help.github.com/ignore-files/ for more about ignoring files.
2+
3+
# Logs
4+
logs
5+
*.log
6+
npm-debug.log*
7+
yarn-debug.log*
8+
yarn-error.log*
9+
10+
# Runtime data
11+
pids
12+
*.pid
13+
*.seed
14+
*.pid.lock
15+
16+
# Directory for instrumented libs generated by jscoverage/JSCover
17+
lib-cov
18+
19+
# Coverage directory used by tools like istanbul
20+
coverage
21+
22+
# nyc test coverage
23+
.nyc_output
24+
25+
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
26+
.grunt
27+
28+
# Bower dependency directory (https://bower.io/)
29+
bower_components
30+
31+
# node-waf configuration
32+
.lock-wscript
33+
34+
# Compiled binary addons (https://nodejs.org/api/addons.html)
35+
build/Release
36+
37+
# Dependency directories
38+
node_modules/
39+
jspm_packages/
40+
dist/
41+
42+
# TypeScript v1 declaration files
43+
typings/
44+
45+
# Optional npm cache directory
46+
.npm
47+
48+
# Optional eslint cache
49+
.eslintcache
50+
51+
# Optional REPL history
52+
.node_repl_history
53+
54+
# Output of 'npm pack'
55+
*.tgz
56+
57+
# Yarn Integrity file
58+
.yarn-integrity
59+
60+
# dotenv environment variables file
61+
.env
62+
63+
# next.js build output
64+
.next
65+
66+
# System Files
67+
.DS_Store
68+
Thumbs.db
69+
keys.txt
70+
Ftp admin@xinthose.com.xml

‎README.md‎

100644100755
File mode changed.

‎angular_cpp_websocket.code-workspace‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"folders": [
3+
{
4+
"path": "."
5+
}
6+
],
7+
"settings": {
8+
"git.ignoreLimitWarning": true
9+
}
10+
}

‎front_end/.editorconfig‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
# Editor configuration, see https://editorconfig.org
2+
root = true
3+
4+
[*]
5+
charset = utf-8
6+
indent_style = space
7+
indent_size = 2
8+
insert_final_newline = true
9+
trim_trailing_whitespace = true
10+
11+
[*.md]
12+
max_line_length = off
13+
trim_trailing_whitespace = false

‎front_end/CHANGELOG.md‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
# Changelog
2+
3+
## 1.0.3 (9/29/2019)
4+
5+
- group Bible books dropdown by Old/New Testament
6+
- add Website Version to about page
7+
- remove `personal-website` from `deployUrl` and `baseHref` in `angular.json` (it was unnecessary)
8+
9+
## 1.0.2 (7/20/2019)
10+
11+
- update Angular from v7 to v8
12+
13+
## 1.0.1 (5/12/2019)
14+
15+
- created `about`, `page-not-found` components
16+
17+
## 1.0.0 (4/28/2019)
18+
19+
- Website first hosted on domain [xinthose.com](http://www.xinthose.com)

‎front_end/INSTALL.md‎

Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
# Xinthose Installation
2+
3+
## Visual Studio Code
4+
5+
- Install Github extension
6+
- Set your Visual Studio Code Personal Access Token
7+
- Test commit and push
8+
9+
## Linux
10+
11+
- `cd /home/adam/Documents/svn/github/personal-website`
12+
- `apt-get install nodejs npm build-essential`
13+
14+
## Angular 8
15+
16+
### Installation
17+
18+
- `npm i -g @angular/cli @angular/core @angular/forms @angular/forms terser typescript`
19+
20+
### Create App (client directory)
21+
22+
- `ng new personal-website --style=scss --enableIvy=false --routing=true`
23+
24+
#### Components
25+
26+
- `for i in home bible about page-not-found; do ng g c "${i}"; done`
27+
28+
#### Services
29+
30+
- `ng g service bible`
31+
32+
## General
33+
34+
- `npm i -g @angular/cli`
35+
- `npm i rxjs rxjs-compat @angular/http`
36+
37+
## Kendo-UI (Progress)
38+
39+
- `ng add @progress/kendo-angular-buttons @progress/kendo-angular-dropdowns @progress/kendo-data-query`
40+
- `npm i @progress/kendo-theme-material`
41+
42+
## MDBootstrap Pro
43+
44+
- tutorial: <https://mdbootstrap.com/angular/5min-quickstart/>
45+
- click "PRO" underneath "npm iation"
46+
- `npm i git+https://oauth2:XXXXXXXXXX_XXXXXXXXX@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git --save`
47+
- `npm i chart.js@2.5.0 @types/chart.js easy-pie-chart@2.1.7 hammerjs@2.0.8 screenfull@3.3.0 @fortawesome/fontawesome-free animate.css`
48+
- 3rd party libraries
49+
50+
## References
51+
52+
- Bible in JSON: <https://github.com/thiagobodruk/bible>
53+
54+
## Commands -------------------------------------------------------------------------------------------------------------------------
55+
56+
## Angular Commands (ng)
57+
58+
- `ng --version` // show angular version
59+
- `ng update --all --force` // update all angular packages (ignore peer dependency errors)
60+
- `ng build --prod --aot` // build for production
61+
- `ng serve --host 0.0.0.0` // allow outside PC's access to the app
62+
63+
## Kendo Node.js commands
64+
65+
- `ncu -u -f /^@progress/` // check progress widget versions
66+
67+
## Node Commands
68+
69+
- `node -v` // show node version
70+
71+
## NPM Commands (Node Package Manager)
72+
73+
- `npm -v` // show npm version
74+
- `npm i -g npm` // update npm version
75+
- `npm update` # update all packages in the app
76+
- npm i [package]@[version] // install specific version of a package
77+
- `npm ls @progress/kendo-angular-scheduler` // show version of a package
78+
- `npm i --package-lock-only` // only create `package-lock.json` file
79+
80+
### Install dependencies
81+
82+
- `npm i -g npm-install-peers`
83+
- `npm-install-peers`
84+
- `npm i @angular/cli@latest` // install latest version of angular cli
85+
86+
## Typescript Commands
87+
88+
- `tsc -v` // show typescript version
89+
90+
## Github
91+
92+
- `git config --global user.email "your github login email address"` // set email address
93+
- `git config --global user.email` // check email address
94+
95+
## pm2
96+
97+
- Github: <https://github.com/Unitech/pm2>
98+
- `npm i pm2 pm2-logrotate -g`
99+
- `pm2 ls` // list all running applications
100+
- `pm2 stop EDS4WSserver`
101+
- `pm2 restart EDS4WSserver`
102+
- `pm2 delete EDS4WSserver`
103+
- `pm2 describe EDS4WSserver`
104+
- `pm2 monit` // monitor logs, custom metrics, & application information
105+
106+
## link pm2 to <https://app.pm2.io/#/bucket/5beae26a3ca4a1db69a9056b/overview/servers>
107+
108+
- `pm2 link 90n1bqb6mdqm111 mvp52pu0qi8k4v1 EDS`
109+
110+
### Update pm2
111+
112+
- `npm i pm2@latest -g`
113+
- `pm2 update`
114+
115+
## Other
116+
117+
- `http-server`
118+
119+
## Notes
120+
121+
- `[style.height.%]="100"` // full height grid (as long as content)
122+
123+
## Troubleshooting
124+
125+
- `ERROR in The Angular Compiler requires TypeScript >=3.4.0 and <3.5.0 but 3.5.1 was found instead.`
126+
- `npm i typescript@">=3.4.0 <3.5.0"`

‎front_end/angular.json‎

Lines changed: 145 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,145 @@
1+
{
2+
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3+
"version": 1,
4+
"newProjectRoot": "projects",
5+
"projects": {
6+
"personal-website": {
7+
"projectType": "application",
8+
"schematics": {
9+
"@schematics/angular:component": {
10+
"style": "scss"
11+
}
12+
},
13+
"root": "",
14+
"sourceRoot": "src",
15+
"prefix": "app",
16+
"architect": {
17+
"build": {
18+
"builder": "@angular-devkit/build-angular:browser",
19+
"options": {
20+
"outputPath": "dist/personal-website",
21+
"index": "src/index.html",
22+
"main": "src/main.ts",
23+
"polyfills": "src/polyfills.ts",
24+
"tsConfig": "tsconfig.app.json",
25+
"aot": false,
26+
"assets": [
27+
"src/favicon.ico",
28+
"src/assets",
29+
"src/web.config"
30+
],
31+
"deployUrl": "/",
32+
"baseHref": "/",
33+
"styles": [
34+
{
35+
"input": "node_modules/@progress/kendo-theme-default/dist/all.css"
36+
},
37+
"node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
38+
"node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
39+
"node_modules/@fortawesome/fontawesome-free/scss/regular.scss",
40+
"node_modules/@fortawesome/fontawesome-free/scss/brands.scss",
41+
"node_modules/ng-uikit-pro-standard/assets/scss/bootstrap/bootstrap.scss",
42+
"node_modules/ng-uikit-pro-standard/assets/scss/mdb.scss",
43+
"node_modules/animate.css/animate.css",
44+
"src/styles.scss"
45+
],
46+
"scripts": [
47+
"node_modules/chart.js/dist/Chart.js",
48+
"node_modules/screenfull/dist/screenfull.js",
49+
"node_modules/hammerjs/hammer.min.js"
50+
]
51+
},
52+
"configurations": {
53+
"production": {
54+
"fileReplacements": [
55+
{
56+
"replace": "src/environments/environment.ts",
57+
"with": "src/environments/environment.prod.ts"
58+
}
59+
],
60+
"optimization": true,
61+
"outputHashing": "all",
62+
"sourceMap": false,
63+
"extractCss": true,
64+
"namedChunks": false,
65+
"aot": true,
66+
"extractLicenses": true,
67+
"vendorChunk": false,
68+
"buildOptimizer": true,
69+
"budgets": [
70+
{
71+
"type": "initial",
72+
"maximumWarning": "9mb",
73+
"maximumError": "10mb"
74+
}
75+
]
76+
}
77+
}
78+
},
79+
"serve": {
80+
"builder": "@angular-devkit/build-angular:dev-server",
81+
"options": {
82+
"browserTarget": "personal-website:build"
83+
},
84+
"configurations": {
85+
"production": {
86+
"browserTarget": "personal-website:build:production"
87+
}
88+
}
89+
},
90+
"extract-i18n": {
91+
"builder": "@angular-devkit/build-angular:extract-i18n",
92+
"options": {
93+
"browserTarget": "personal-website:build"
94+
}
95+
},
96+
"test": {
97+
"builder": "@angular-devkit/build-angular:karma",
98+
"options": {
99+
"main": "src/test.ts",
100+
"polyfills": "src/polyfills.ts",
101+
"tsConfig": "tsconfig.spec.json",
102+
"karmaConfig": "karma.conf.js",
103+
"assets": [
104+
"src/favicon.ico",
105+
"src/assets"
106+
],
107+
"styles": [
108+
{
109+
"input": "node_modules/@progress/kendo-theme-default/dist/all.css"
110+
},
111+
"src/styles.scss"
112+
],
113+
"scripts": []
114+
}
115+
},
116+
"lint": {
117+
"builder": "@angular-devkit/build-angular:tslint",
118+
"options": {
119+
"tsConfig": [
120+
"tsconfig.app.json",
121+
"tsconfig.spec.json",
122+
"e2e/tsconfig.json"
123+
],
124+
"exclude": [
125+
"**/node_modules/**"
126+
]
127+
}
128+
},
129+
"e2e": {
130+
"builder": "@angular-devkit/build-angular:protractor",
131+
"options": {
132+
"protractorConfig": "e2e/protractor.conf.js",
133+
"devServerTarget": "personal-website:serve"
134+
},
135+
"configurations": {
136+
"production": {
137+
"devServerTarget": "personal-website:serve:production"
138+
}
139+
}
140+
}
141+
}
142+
}
143+
},
144+
"defaultProject": "personal-website"
145+
}

0 commit comments

Comments
 (0)