12 |
13 | ## Demo
14 | #### Before sign-in
15 | 
16 | #### After authentication
17 | 
18 | #### Code excutor
19 | 
20 |
--------------------------------------------------------------------------------
/assets/managePro.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sugarac/angular-online-judge/1037d15d0e64e33ee52fe4323d59ba42b9dc77ed/assets/managePro.png
--------------------------------------------------------------------------------
/assets/problem-details.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sugarac/angular-online-judge/1037d15d0e64e33ee52fe4323d59ba42b9dc77ed/assets/problem-details.png
--------------------------------------------------------------------------------
/assets/project-architecture.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sugarac/angular-online-judge/1037d15d0e64e33ee52fe4323d59ba42b9dc77ed/assets/project-architecture.png
--------------------------------------------------------------------------------
/assets/sign-in.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sugarac/angular-online-judge/1037d15d0e64e33ee52fe4323d59ba42b9dc77ed/assets/sign-in.png
--------------------------------------------------------------------------------
/executor/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM ubuntu:16.04
2 |
3 | MAINTAINER Chan Mao
4 |
5 | RUN apt-get update
6 | RUN apt-get install -y gcc
7 | RUN apt-get install -y g++
8 | RUN apt-get install -y openjdk-8-jdk
9 | RUN apt-get install -y python
10 |
--------------------------------------------------------------------------------
/executor/executor_server.py:
--------------------------------------------------------------------------------
1 | import executor_utils as eu
2 |
3 | import json
4 |
5 | from flask import Flask
6 | from flask import jsonify
7 | from flask import request
8 |
9 | app = Flask(__name__)
10 |
11 | @app.route("/")
12 | def hello():
13 | return "Hehe"
14 |
15 | @app.route("/build_and_run", methods=["POST"])
16 | def build_and_run():
17 | print "Got called: %s" % (request.data)
18 | data = json.loads(request.data)
19 |
20 | if 'code' not in data or 'lang' not in data:
21 | return "You should provide both 'code' and 'lang'"
22 | code = data['code']
23 | lang = data['lang']
24 |
25 | print "API got called with code: %s in %s" % (code, lang)
26 |
27 | result = eu.build_and_run(code, lang)
28 | return jsonify(result)
29 |
30 | if __name__ == "__main__":
31 | eu.load_image()
32 | app.run()
33 |
--------------------------------------------------------------------------------
/executor/executor_utils.py:
--------------------------------------------------------------------------------
1 | import docker
2 | import os
3 | import shutil
4 | import uuid
5 |
6 | from docker.errors import *
7 |
8 | IMAGE_NAME = "qianmao/cs503_coj_demo_1"
9 |
10 | CURRENT_DIR = os.path.dirname(os.path.realpath(__file__))
11 | TEMP_BUILD_DIR = "%s/tmp/" % CURRENT_DIR
12 |
13 | SOURCE_FILE_NAMES = {
14 | "java" : "Example.java",
15 | 'python' : 'example.py'
16 | }
17 |
18 | BINARY_NAMES = {
19 | "java" : "Example",
20 | 'python' : 'example.py'
21 | }
22 |
23 | BUILD_COMMANDS = {
24 | "java" : "javac",
25 | "python" : "python"
26 | }
27 |
28 | EXECUTE_COMMANDS = {
29 | "java" : "java",
30 | "python" : "python"
31 | }
32 |
33 | client = docker.from_env()
34 |
35 | def load_image():
36 | try:
37 | client.images.get(IMAGE_NAME)
38 | except ImageNotFound:
39 | print "Image not found locally. Loading from Dockerhub..."
40 | client.images.pull(IMAGE_NAME)
41 | except APIError:
42 | print "Image not found locally. DockerHub is not accessible."
43 | return
44 | print "Image:[%s] loaded" % IMAGE_NAME
45 |
46 | def build_and_run(code, lang):
47 | result = {'build': None, 'run': None, 'error': None}
48 |
49 | source_file_parent_dir_name = uuid.uuid4()
50 | source_file_host_dir = "%s/%s" % (TEMP_BUILD_DIR, source_file_parent_dir_name)
51 | source_file_guest_dir = "/test/%s" % (source_file_parent_dir_name)
52 | make_dir(source_file_host_dir)
53 |
54 | with open('%s/%s' % (source_file_host_dir, SOURCE_FILE_NAMES[lang]), 'w') as source_file:
55 | source_file.write(code)
56 |
57 | try:
58 | client.containers.run(
59 | image=IMAGE_NAME,
60 | command="%s %s" % (BUILD_COMMANDS[lang], SOURCE_FILE_NAMES[lang]),
61 | volumes={source_file_host_dir: {'bind': source_file_guest_dir, 'mode': 'rw'}},
62 | working_dir=source_file_guest_dir)
63 | print "Source built."
64 | result['build'] = 'OK'
65 | except ContainerError as e:
66 | print "Build failed."
67 | result['build'] = e.stderr
68 | shutil.rmtree(source_file_host_dir)
69 | return result
70 |
71 | try:
72 | log = client.containers.run(
73 | image=IMAGE_NAME,
74 | command="%s %s" % (EXECUTE_COMMANDS[lang], BINARY_NAMES[lang]),
75 | volumes={source_file_host_dir: {'bind': source_file_guest_dir, 'mode': 'rw'}},
76 | working_dir=source_file_guest_dir)
77 | print "Executed."
78 | result['run'] = log
79 | except ContainerError as e:
80 | print "Execution failed."
81 | result['run'] = e.stderr
82 | shutil.rmtree(source_file_host_dir)
83 | return result
84 |
85 | shutil.rmtree(source_file_host_dir)
86 | return result
87 |
88 | def make_dir(dir):
89 | try:
90 | os.mkdir(dir)
91 | print "Temp build directory [%s] created." % dir
92 | except OSError:
93 | print "Temp build directory [%s] exists." % dir
94 |
--------------------------------------------------------------------------------
/executor/executor_utils.pyc:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sugarac/angular-online-judge/1037d15d0e64e33ee52fe4323d59ba42b9dc77ed/executor/executor_utils.pyc
--------------------------------------------------------------------------------
/executor/requirements.txt:
--------------------------------------------------------------------------------
1 | docker
2 | Flask
3 |
--------------------------------------------------------------------------------
/launcher.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 | fuser -k 3000/tcp
3 | fuser -k 5000/tcp
4 |
5 | service redis_6379 start
6 | cd ./oj-server
7 | npm install
8 | nodemon server.js &
9 | cd ../oj-client
10 | npm install
11 | ng build --watch &
12 | cd ../executor
13 | pip install -r requirements.txt
14 | python executor_server.py &
15 |
16 | echo "=================================================="
17 | read -p "PRESS [ENTER] TO TERMINATE PROCESSES." PRESSKEY
18 |
19 | fuser -k 3000/tcp
20 | fuser -k 5000/tcp
21 | service redis_6379 stop
22 |
--------------------------------------------------------------------------------
/oj-client/.editorconfig:
--------------------------------------------------------------------------------
1 | # Editor configuration, see http://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
14 |
--------------------------------------------------------------------------------
/oj-client/README.md:
--------------------------------------------------------------------------------
1 | # OjClient
2 |
3 | This project was generated with [angular-cli](https://github.com/angular/angular-cli) version 1.0.0-beta.28.3.
4 |
5 | ## Development server
6 | Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
7 |
8 | ## Code scaffolding
9 |
10 | Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive/pipe/service/class/module`.
11 |
12 | ## Build
13 |
14 | Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
15 |
16 | ## Running unit tests
17 |
18 | Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
19 |
20 | ## Running end-to-end tests
21 |
22 | Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
23 | Before running the tests make sure you are serving the app via `ng serve`.
24 |
25 | ## Deploying to GitHub Pages
26 |
27 | Run `ng github-pages:deploy` to deploy to GitHub Pages.
28 |
29 | ## Further help
30 |
31 | To get more help on the `angular-cli` use `ng help` or go check out the [Angular-CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
32 |
--------------------------------------------------------------------------------
/oj-client/angular-cli.json:
--------------------------------------------------------------------------------
1 | {
2 | "project": {
3 | "version": "1.0.0-beta.28.3",
4 | "name": "oj-client"
5 | },
6 | "apps": [
7 | {
8 | "root": "src",
9 | "outDir": "../public",
10 | "assets": [
11 | "assets",
12 | "favicon.ico"
13 | ],
14 | "index": "index.html",
15 | "main": "main.ts",
16 | "polyfills": "polyfills.ts",
17 | "test": "test.ts",
18 | "tsconfig": "tsconfig.json",
19 | "prefix": "app",
20 | "styles": [
21 | "styles.css",
22 | "../node_modules/bootstrap/dist/css/bootstrap.css"
23 | ],
24 | "scripts": [
25 | "../node_modules/jquery/dist/jquery.js",
26 | "../node_modules/bootstrap/dist/js/bootstrap.js",
27 | "../node_modules/ace-builds/src-min-noconflict/ace.js",
28 | "../node_modules/ace-builds/src-min-noconflict/theme-eclipse.js",
29 | "../node_modules/ace-builds/src-min-noconflict/mode-java.js",
30 | "../node_modules/ace-builds/src-min-noconflict/mode-c_cpp.js",
31 | "../node_modules/ace-builds/src-min-noconflict/mode-python.js"
32 |
33 |
34 | ],
35 | "environmentSource": "environments/environment.ts",
36 | "environments": {
37 | "dev": "environments/environment.ts",
38 | "prod": "environments/environment.prod.ts"
39 | }
40 | }
41 | ],
42 | "e2e": {
43 | "protractor": {
44 | "config": "./protractor.conf.js"
45 | }
46 | },
47 | "lint": [
48 | {
49 | "files": "src/**/*.ts",
50 | "project": "src/tsconfig.json"
51 | },
52 | {
53 | "files": "e2e/**/*.ts",
54 | "project": "e2e/tsconfig.json"
55 | }
56 | ],
57 | "test": {
58 | "karma": {
59 | "config": "./karma.conf.js"
60 | }
61 | },
62 | "defaults": {
63 | "styleExt": "css",
64 | "prefixInterfaces": false,
65 | "inline": {
66 | "style": false,
67 | "template": false
68 | },
69 | "spec": {
70 | "class": false,
71 | "component": true,
72 | "directive": true,
73 | "module": false,
74 | "pipe": true,
75 | "service": true
76 | }
77 | }
78 | }
79 |
--------------------------------------------------------------------------------
/oj-client/e2e/app.e2e-spec.ts:
--------------------------------------------------------------------------------
1 | import { OjClientPage } from './app.po';
2 |
3 | describe('oj-client App', function() {
4 | let page: OjClientPage;
5 |
6 | beforeEach(() => {
7 | page = new OjClientPage();
8 | });
9 |
10 | it('should display message saying app works', () => {
11 | page.navigateTo();
12 | expect(page.getParagraphText()).toEqual('app works!');
13 | });
14 | });
15 |
--------------------------------------------------------------------------------
/oj-client/e2e/app.po.ts:
--------------------------------------------------------------------------------
1 | import { browser, element, by } from 'protractor';
2 |
3 | export class OjClientPage {
4 | navigateTo() {
5 | return browser.get('/');
6 | }
7 |
8 | getParagraphText() {
9 | return element(by.css('app-root h1')).getText();
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/oj-client/e2e/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compileOnSave": false,
3 | "compilerOptions": {
4 | "declaration": false,
5 | "emitDecoratorMetadata": true,
6 | "experimentalDecorators": true,
7 | "module": "commonjs",
8 | "moduleResolution": "node",
9 | "outDir": "../dist/out-tsc-e2e",
10 | "sourceMap": true,
11 | "target": "es5",
12 | "typeRoots": [
13 | "../node_modules/@types"
14 | ]
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/oj-client/karma.conf.js:
--------------------------------------------------------------------------------
1 | // Karma configuration file, see link for more information
2 | // https://karma-runner.github.io/0.13/config/configuration-file.html
3 |
4 | module.exports = function (config) {
5 | config.set({
6 | basePath: '',
7 | frameworks: ['jasmine', 'angular-cli'],
8 | plugins: [
9 | require('karma-jasmine'),
10 | require('karma-chrome-launcher'),
11 | require('karma-remap-istanbul'),
12 | require('angular-cli/plugins/karma')
13 | ],
14 | files: [
15 | { pattern: './src/test.ts', watched: false }
16 | ],
17 | preprocessors: {
18 | './src/test.ts': ['angular-cli']
19 | },
20 | mime: {
21 | 'text/x-typescript': ['ts','tsx']
22 | },
23 | remapIstanbulReporter: {
24 | reports: {
25 | html: 'coverage',
26 | lcovonly: './coverage/coverage.lcov'
27 | }
28 | },
29 | angularCli: {
30 | config: './angular-cli.json',
31 | environment: 'dev'
32 | },
33 | reporters: config.angularCli && config.angularCli.codeCoverage
34 | ? ['progress', 'karma-remap-istanbul']
35 | : ['progress'],
36 | port: 9876,
37 | colors: true,
38 | logLevel: config.LOG_INFO,
39 | autoWatch: true,
40 | browsers: ['Chrome'],
41 | singleRun: false
42 | });
43 | };
44 |
--------------------------------------------------------------------------------
/oj-client/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "oj-client",
3 | "version": "0.0.0",
4 | "license": "MIT",
5 | "angular-cli": {},
6 | "scripts": {
7 | "ng": "ng",
8 | "start": "ng serve",
9 | "test": "ng test",
10 | "pree2e": "webdriver-manager update --standalone false --gecko false",
11 | "e2e": "protractor"
12 | },
13 | "private": true,
14 | "dependencies": {
15 | "@angular/common": "^2.3.1",
16 | "@angular/compiler": "^2.3.1",
17 | "@angular/core": "^2.3.1",
18 | "@angular/forms": "^2.3.1",
19 | "@angular/http": "^2.3.1",
20 | "@angular/platform-browser": "^2.3.1",
21 | "@angular/platform-browser-dynamic": "^2.3.1",
22 | "@angular/router": "^3.3.1",
23 | "ace-builds": "^1.2.6",
24 | "angular2-jwt": "^0.1.28",
25 | "bootstrap": "^3.3.7",
26 | "core-js": "^2.4.1",
27 | "jquery": "^3.1.1",
28 | "rxjs": "^5.0.1",
29 | "ts-helpers": "^1.1.1",
30 | "zone.js": "^0.7.2"
31 | },
32 | "devDependencies": {
33 | "@angular/cli": "1.0.0-rc.1",
34 | "@angular/compiler-cli": "^2.3.1",
35 | "@types/jasmine": "2.5.38",
36 | "@types/node": "^6.0.42",
37 | "codelyzer": "~2.0.0-beta.1",
38 | "jasmine-core": "2.5.2",
39 | "jasmine-spec-reporter": "2.5.0",
40 | "karma": "1.2.0",
41 | "karma-chrome-launcher": "^2.0.0",
42 | "karma-cli": "^1.0.1",
43 | "karma-jasmine": "^1.0.2",
44 | "karma-remap-istanbul": "^0.2.1",
45 | "protractor": "~4.0.13",
46 | "ts-node": "1.2.1",
47 | "tslint": "^4.3.0",
48 | "typescript": "~2.0.3"
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/oj-client/protractor.conf.js:
--------------------------------------------------------------------------------
1 | // Protractor configuration file, see link for more information
2 | // https://github.com/angular/protractor/blob/master/lib/config.ts
3 |
4 | /*global jasmine */
5 | var SpecReporter = require('jasmine-spec-reporter');
6 |
7 | exports.config = {
8 | allScriptsTimeout: 11000,
9 | specs: [
10 | './e2e/**/*.e2e-spec.ts'
11 | ],
12 | capabilities: {
13 | 'browserName': 'chrome'
14 | },
15 | directConnect: true,
16 | baseUrl: 'http://localhost:4200/',
17 | framework: 'jasmine',
18 | jasmineNodeOpts: {
19 | showColors: true,
20 | defaultTimeoutInterval: 30000,
21 | print: function() {}
22 | },
23 | useAllAngular2AppRoots: true,
24 | beforeLaunch: function() {
25 | require('ts-node').register({
26 | project: 'e2e'
27 | });
28 | },
29 | onPrepare: function() {
30 | jasmine.getEnv().addReporter(new SpecReporter());
31 | }
32 | };
33 |
--------------------------------------------------------------------------------
/oj-client/src/app/app.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sugarac/angular-online-judge/1037d15d0e64e33ee52fe4323d59ba42b9dc77ed/oj-client/src/app/app.component.css
--------------------------------------------------------------------------------
/oj-client/src/app/app.component.html:
--------------------------------------------------------------------------------
1 | 8 | {{problem.desc}} 9 |
10 |