2 |
13 |
--------------------------------------------------------------------------------
/oj-client/src/assets/colors.ts:
--------------------------------------------------------------------------------
1 | export const COLORS: [string] = [
2 | "#0000ff",
3 | "#a52a2a",
4 | "#00ffff",
5 | "#00008b",
6 | "#008b8b",
7 | "#a9a9a9",
8 | "#006400",
9 | "#bdb76b",
10 | "#8b008b",
11 | "#556b2f",
12 | "#ff8c00",
13 | "#9932cc",
14 | "#8b0000",
15 | "#e9967a",
16 | "#9400d3",
17 | "#ff00ff",
18 | "#ffd700",
19 | "#008000",
20 | "#4b0082",
21 | "#f0e68c",
22 | "#add8e6",
23 | "#e0ffff",
24 | "#90ee90",
25 | "#d3d3d3",
26 | "#ffb6c1",
27 | "#ffffe0",
28 | "#00ff00",
29 | "#ff00ff",
30 | "#800000",
31 | "#000080",
32 | "#808000",
33 | "#ffa500",
34 | "#ffc0cb",
35 | "#800080",
36 | "#800080",
37 | "#ff0000",
38 | "#c0c0c0",
39 | "#ffffff",
40 | "#ffff00"
41 | ];
42 |
--------------------------------------------------------------------------------
/oj-client/src/app/services/auth-guard.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable, Inject } from '@angular/core';
2 | import { Router, CanActivate } from '@angular/router';
3 |
4 | @Injectable()
5 | export class AuthGuardService implements CanActivate {
6 |
7 | constructor(@Inject('auth') private auth, private router: Router) { }
8 |
9 | canActivate() {
10 | if (this.auth.authenticated()) {
11 | return true;
12 | } else {
13 | // redirect to home page if not logged in
14 | this.router.navigate(['/problems']);
15 | return false;
16 | }
17 | }
18 |
19 | isAdmin(): boolean {
20 | if (this.auth.authenticated() && this.auth.getProfile().roles.includes('Admin')) {
21 | return true;
22 | } else {
23 | return false;
24 | }
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/oj-client/src/app/components/navbar/navbar.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { NavbarComponent } from './navbar.component';
4 |
5 | describe('NavbarComponent', () => {
6 | let component: NavbarComponent;
7 | let fixture: ComponentFixtureMy birthday is {{birthday | date: 'fullDate' | uppercase }}
4 | My account balance is {{money | currency }}
5 | My credit card Apt is {{Apr | percent }}
6 |
12 | 
12 |
13 | ## Demo
14 | #### Before sign-in
15 | 
16 | #### After authentication
17 | 
18 | #### Code excutor
19 | 
20 |
--------------------------------------------------------------------------------
/oj-server/modules/redisClient.js:
--------------------------------------------------------------------------------
1 | var redis = require('redis');
2 | var client = redis.createClient();
3 |
4 | function set(key, value, callback) {
5 | client.set(key, value, function(err, res) {
6 | if (err) {
7 | console.log(err);
8 | return;
9 | }
10 | callback(res);
11 | });
12 | }
13 |
14 | function get(key, callback) {
15 | client.get(key, function(err, res) {
16 | if (err) {
17 | console.log(err);
18 | return;
19 | }
20 | callback(res);
21 | });
22 | }
23 |
24 | function expire(key, timeInSeconds) {
25 | client.expire(key, timeInSeconds);
26 | }
27 |
28 | function quit() {
29 | client.quit();
30 | }
31 |
32 | module.exports = {
33 | get: get,
34 | set: set,
35 | expire: expire,
36 | quit: quit,
37 | redisPrint: redis.print
38 | }
39 |
--------------------------------------------------------------------------------
/Observables/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 | const { SpecReporter } = require('jasmine-spec-reporter');
5 |
6 | exports.config = {
7 | allScriptsTimeout: 11000,
8 | specs: [
9 | './e2e/**/*.e2e-spec.ts'
10 | ],
11 | capabilities: {
12 | 'browserName': 'chrome'
13 | },
14 | directConnect: true,
15 | baseUrl: 'http://localhost:4200/',
16 | framework: 'jasmine',
17 | jasmineNodeOpts: {
18 | showColors: true,
19 | defaultTimeoutInterval: 30000,
20 | print: function() {}
21 | },
22 | beforeLaunch: function() {
23 | require('ts-node').register({
24 | project: 'e2e/tsconfig.e2e.json'
25 | });
26 | },
27 | onPrepare() {
28 | jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
29 | }
30 | };
31 |
--------------------------------------------------------------------------------
/oj-client/src/app/app.routes.ts:
--------------------------------------------------------------------------------
1 | import { Routes, RouterModule } from "@angular/router";
2 | import { ProblemListComponent } from './components/problem-list/problem-list.component';
3 | import { ProblemDetailComponent } from './components/problem-detail/problem-detail.component';
4 | import { ProfileComponent } from './components/profile/profile.component';
5 |
6 |
7 | const routes: Routes = [
8 | {
9 | path: '',
10 | redirectTo: 'problems',
11 | pathMatch: 'full'
12 | },
13 | {
14 | path: 'problems',
15 | component: ProblemListComponent
16 | },
17 | {
18 | path: 'problems/:id',
19 | component: ProblemDetailComponent
20 | },
21 | {
22 | path: 'profile',
23 | canActivate: ['authGuard'],
24 | component: ProfileComponent
25 | }, {
26 | path: '**',
27 | redirectTo: 'problems'
28 | }
29 | ];
30 |
31 | export const routing = RouterModule.forRoot(routes);
32 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/Observables/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Observable } from 'rxjs/Rx';
3 | import { Subject } from 'rxjs/Rx';
4 | import {Http, Response} from '@angular/http';
5 |
6 | @Component({
7 | selector: 'app-root',
8 | templateUrl: './app.component.html',
9 | styleUrls: ['./app.component.css']
10 | })
11 | export class AppComponent {
12 |
13 | constructor(private http: Http) {}
14 |
15 | ngOnInit() :void {
16 | const source$ = Observable.from(['Adam', 'Bill', 'Cow'])
17 | .map(v => v.toUpperCase())
18 | .map(v => 'I am' + v);
19 | source$.subscribe(
20 | v => console.log(v),
21 | err => console.error(err),
22 | () => console.log('completed')
23 | );
24 |
25 | }
26 |
27 | // getUser(username) {
28 | // return this.http.get('https://api.github.com/users/' + username);
29 | // }
30 |
31 |
32 |
33 | }
34 |
--------------------------------------------------------------------------------
/oj-client/src/app/components/problem-list/problem-list.component.spec.ts:
--------------------------------------------------------------------------------
1 | /* tslint:disable:no-unused-variable */
2 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
3 | import { By } from '@angular/platform-browser';
4 | import { DebugElement } from '@angular/core';
5 |
6 | import { ProblemListComponent } from './problem-list.component';
7 |
8 | describe('ProblemListComponent', () => {
9 | let component: ProblemListComponent;
10 | let fixture: ComponentFixture
2 |
6 |
7 |
8 | 9 |
29 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2017 xiyouMc
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/Observables/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed, async } from '@angular/core/testing';
2 |
3 | import { AppComponent } from './app.component';
4 |
5 | describe('AppComponent', () => {
6 | beforeEach(async(() => {
7 | TestBed.configureTestingModule({
8 | declarations: [
9 | AppComponent
10 | ],
11 | }).compileComponents();
12 | }));
13 |
14 | it('should create the app', async(() => {
15 | const fixture = TestBed.createComponent(AppComponent);
16 | const app = fixture.debugElement.componentInstance;
17 | expect(app).toBeTruthy();
18 | }));
19 |
20 | it(`should have as title 'app works!'`, async(() => {
21 | const fixture = TestBed.createComponent(AppComponent);
22 | const app = fixture.debugElement.componentInstance;
23 | expect(app.title).toEqual('app works!');
24 | }));
25 |
26 | it('should render title in a h1 tag', async(() => {
27 | const fixture = TestBed.createComponent(AppComponent);
28 | fixture.detectChanges();
29 | const compiled = fixture.debugElement.nativeElement;
30 | expect(compiled.querySelector('h1').textContent).toContain('app works!');
31 | }));
32 | });
33 |
--------------------------------------------------------------------------------
/Observables/README.md:
--------------------------------------------------------------------------------
1 | # Observables
2 |
3 | This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0-rc.1.
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 | ## Further help
26 |
27 | 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).
28 |
--------------------------------------------------------------------------------
/oj-client/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
1 | /* tslint:disable:no-unused-variable */
2 |
3 | import { TestBed, async } from '@angular/core/testing';
4 | import { AppComponent } from './app.component';
5 |
6 | describe('AppComponent', () => {
7 | beforeEach(() => {
8 | TestBed.configureTestingModule({
9 | declarations: [
10 | AppComponent
11 | ],
12 | });
13 | TestBed.compileComponents();
14 | });
15 |
16 | it('should create the app', async(() => {
17 | const fixture = TestBed.createComponent(AppComponent);
18 | const app = fixture.debugElement.componentInstance;
19 | expect(app).toBeTruthy();
20 | }));
21 |
22 | it(`should have as title 'app works!'`, async(() => {
23 | const fixture = TestBed.createComponent(AppComponent);
24 | const app = fixture.debugElement.componentInstance;
25 | expect(app.title).toEqual('app works!');
26 | }));
27 |
28 | it('should render title in a h1 tag', async(() => {
29 | const fixture = TestBed.createComponent(AppComponent);
30 | fixture.detectChanges();
31 | const compiled = fixture.debugElement.nativeElement;
32 | expect(compiled.querySelector('h1').textContent).toContain('app works!');
33 | }));
34 | });
35 |
--------------------------------------------------------------------------------
/oj-client/src/test.ts:
--------------------------------------------------------------------------------
1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files
2 |
3 | import 'zone.js/dist/long-stack-trace-zone';
4 | import 'zone.js/dist/proxy.js';
5 | import 'zone.js/dist/sync-test';
6 | import 'zone.js/dist/jasmine-patch';
7 | import 'zone.js/dist/async-test';
8 | import 'zone.js/dist/fake-async-test';
9 | import { getTestBed } from '@angular/core/testing';
10 | import {
11 | BrowserDynamicTestingModule,
12 | platformBrowserDynamicTesting
13 | } from '@angular/platform-browser-dynamic/testing';
14 |
15 | // Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
16 | declare var __karma__: any;
17 | declare var require: any;
18 |
19 | // Prevent Karma from running prematurely.
20 | __karma__.loaded = function () {};
21 |
22 | // First, initialize the Angular testing environment.
23 | getTestBed().initTestEnvironment(
24 | BrowserDynamicTestingModule,
25 | platformBrowserDynamicTesting()
26 | );
27 | // Then we find all the tests.
28 | const context = require.context('./', true, /\.spec\.ts$/);
29 | // And load the modules.
30 | context.keys().map(context);
31 | // Finally, start Karma to run the tests.
32 | __karma__.start();
33 |
--------------------------------------------------------------------------------
/Observables/src/test.ts:
--------------------------------------------------------------------------------
1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files
2 |
3 | import 'zone.js/dist/long-stack-trace-zone';
4 | import 'zone.js/dist/proxy.js';
5 | import 'zone.js/dist/sync-test';
6 | import 'zone.js/dist/jasmine-patch';
7 | import 'zone.js/dist/async-test';
8 | import 'zone.js/dist/fake-async-test';
9 | import { getTestBed } from '@angular/core/testing';
10 | import {
11 | BrowserDynamicTestingModule,
12 | platformBrowserDynamicTesting
13 | } from '@angular/platform-browser-dynamic/testing';
14 |
15 | // Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
16 | declare var __karma__: any;
17 | declare var require: any;
18 |
19 | // Prevent Karma from running prematurely.
20 | __karma__.loaded = function () {};
21 |
22 | // First, initialize the Angular testing environment.
23 | getTestBed().initTestEnvironment(
24 | BrowserDynamicTestingModule,
25 | platformBrowserDynamicTesting()
26 | );
27 | // Then we find all the tests.
28 | const context = require.context('./', true, /\.spec\.ts$/);
29 | // And load the modules.
30 | context.keys().map(context);
31 | // Finally, start Karma to run the tests.
32 | __karma__.start();
33 |
--------------------------------------------------------------------------------
/oj-server/server.js:
--------------------------------------------------------------------------------
1 | var express = require('express')
2 | var app = express()
3 | var restRouter = require("./routes/rest");
4 | var indexRouter = require("./routes/index");
5 | var mongoose = require("mongoose");
6 | var path = require("path");
7 | var http = require('http');
8 |
9 | var socket_io = require('socket.io');
10 | var io = socket_io();
11 | var socketService = require('./services/SocketService.js')(io);
12 |
13 | mongoose.connect('mongodb://user:user@ds145039.mlab.com:45039/collaborative_oj');
14 |
15 | app.use(express.static(path.join(__dirname, '../public')));
16 |
17 | app.use('/', indexRouter);
18 | app.use("/api/v1", restRouter);
19 |
20 | app.use(function(req, res) {
21 | // send index.html to start client side
22 | res.sendFile("index.html", { root: path.join(__dirname, '../public/') });
23 | });
24 |
25 |
26 | var server = http.createServer(app);
27 | io.attach(server);
28 | server.listen(3000);
29 |
30 | server.on('error', onError);
31 | server.on('listening', onListening);
32 |
33 | function onError(error){
34 | throw error;
35 | }
36 |
37 | function onListening() {
38 | var addr = server.address();
39 | var bind = typeof addr == 'string'
40 | ? 'pipe ' + addr
41 | : 'port ' + addr.port;
42 | console.log('Listening on ' + bind);
43 | }
44 |
--------------------------------------------------------------------------------
/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/src/app/components/new-problem/new-problem.component.html:
--------------------------------------------------------------------------------
1 | 8 | 9 |
10 |
28 |
11 |
22 |
12 |
13 |
15 |
16 |
17 |
18 |
20 |
21 |
23 |
26 |
27 |
2 |
28 |
29 |
--------------------------------------------------------------------------------
/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/src/polyfills.ts:
--------------------------------------------------------------------------------
1 | // This file includes polyfills needed by Angular and is loaded before the app.
2 | // You can add your own extra polyfills to this file.
3 | import 'core-js/es6/symbol';
4 | import 'core-js/es6/object';
5 | import 'core-js/es6/function';
6 | import 'core-js/es6/parse-int';
7 | import 'core-js/es6/parse-float';
8 | import 'core-js/es6/number';
9 | import 'core-js/es6/math';
10 | import 'core-js/es6/string';
11 | import 'core-js/es6/date';
12 | import 'core-js/es6/array';
13 | import 'core-js/es6/regexp';
14 | import 'core-js/es6/map';
15 | import 'core-js/es6/set';
16 | import 'core-js/es6/reflect';
17 |
18 | import 'core-js/es7/reflect';
19 | import 'zone.js/dist/zone';
20 |
21 | // If you need to support the browsers/features below, uncomment the import
22 | // and run `npm install import-name-here';
23 | // Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
24 |
25 | // Needed for: IE9
26 | // import 'classlist.js';
27 |
28 | // Animations
29 | // Needed for: All but Chrome and Firefox, Not supported in IE9
30 | // import 'web-animations-js';
31 |
32 | // Date, currency, decimal and percent pipes
33 | // Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
34 | // import 'intl';
35 |
36 | // NgClass on SVG elements
37 | // Needed for: IE10, IE11
38 | // import 'classlist.js';
39 |
--------------------------------------------------------------------------------
/oj-server/services/problemService.js:
--------------------------------------------------------------------------------
1 | var ProblemModel = require("../models/problemModel");
2 |
3 | var getProblems = function () {
4 | return new Promise((resolve,reject) => {
5 | ProblemModel.find({}, function (err, problems) {
6 | if (err) {
7 | reject(err);
8 | } else {
9 | resolve(problems);
10 | }
11 | });
12 | });
13 | }
14 |
15 | var getProblem = function (id) {
16 | return new Promise((resolve,reject) => {
17 | ProblemModel.findOne({ id: id }, function (err, problem) {
18 | if (err) {
19 | reject(err);
20 | } else {
21 | resolve(problem);
22 | }
23 | });
24 | });
25 | }
26 |
27 | var addProblem = function (newProblem) {
28 | return new Promise((resolve,reject) => {
29 | ProblemModel.findOne({ name: newProblem.name }, function (err, problem) {
30 | if (problem) {
31 | reject("Problem name already exists");
32 | } else {
33 | ProblemModel.count({}, function (err, num) {
34 | newProblem.id = num + 1;
35 | var mongoProblem = new ProblemModel(newProblem);
36 | mongoProblem.save();
37 | resolve(newProblem);
38 | });
39 | }
40 | });
41 | })
42 | }
43 |
44 | module.exports = {
45 | getProblems: getProblems,
46 | getProblem: getProblem,
47 | addProblem: addProblem
48 | }
49 |
--------------------------------------------------------------------------------
/oj-client/src/app/components/problem-list/problem-list.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, Inject } from '@angular/core';
2 | import { Problem } from "../../models/problem.model";
3 | import { Subscription } from 'rxjs/Subscription';
4 |
5 |
6 | @Component({
7 | selector: 'app-problem-list',
8 | templateUrl: './problem-list.component.html',
9 | styleUrls: ['./problem-list.component.css']
10 | })
11 | export class ProblemListComponent implements OnInit {
12 |
13 | problems: Problem[] = [];
14 | subscriptionProblems: Subscription;
15 |
16 | birthday = new Date();
17 | money = 25;
18 | Apr = 0.21;
19 |
20 | searchTerm: string = '';
21 | subscriptionInput: Subscription;
22 |
23 | constructor(@Inject("data") private data,
24 | @Inject("input") private input) { }
25 |
26 | ngOnInit() {
27 | this.getProblems();
28 | this.getSearchTerm();
29 | }
30 |
31 | getProblems(): void {
32 | this.subscriptionProblems = this.data.getProblems()
33 | .subscribe(problems => this.problems = problems);
34 | }
35 |
36 | getSearchTerm(): void {
37 | this.subscriptionInput = this.input.getInput()
38 | .subscribe(
39 | inputTerm => this.searchTerm = inputTerm
40 | );
41 | }
42 |
43 | }
44 |
--------------------------------------------------------------------------------
/Observables/.angular-cli.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3 | "project": {
4 | "name": "observables"
5 | },
6 | "apps": [
7 | {
8 | "root": "src",
9 | "outDir": "dist",
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.app.json",
19 | "testTsconfig": "tsconfig.spec.json",
20 | "prefix": "app",
21 | "styles": [
22 | "styles.css"
23 | ],
24 | "scripts": [],
25 | "environmentSource": "environments/environment.ts",
26 | "environments": {
27 | "dev": "environments/environment.ts",
28 | "prod": "environments/environment.prod.ts"
29 | }
30 | }
31 | ],
32 | "e2e": {
33 | "protractor": {
34 | "config": "./protractor.conf.js"
35 | }
36 | },
37 | "lint": [
38 | {
39 | "project": "src/tsconfig.app.json"
40 | },
41 | {
42 | "project": "src/tsconfig.spec.json"
43 | },
44 | {
45 | "project": "e2e/tsconfig.e2e.json"
46 | }
47 | ],
48 | "test": {
49 | "karma": {
50 | "config": "./karma.conf.js"
51 | }
52 | },
53 | "defaults": {
54 | "styleExt": "css",
55 | "component": {}
56 | }
57 | }
58 |
--------------------------------------------------------------------------------
/Observables/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "observables",
3 | "version": "0.0.0",
4 | "license": "MIT",
5 | "scripts": {
6 | "ng": "ng",
7 | "start": "ng serve",
8 | "build": "ng build",
9 | "test": "ng test",
10 | "lint": "ng lint",
11 | "e2e": "ng e2e"
12 | },
13 | "private": true,
14 | "dependencies": {
15 | "@angular/common": "^2.4.0",
16 | "@angular/compiler": "^2.4.0",
17 | "@angular/core": "^2.4.0",
18 | "@angular/forms": "^2.4.0",
19 | "@angular/http": "^2.4.0",
20 | "@angular/platform-browser": "^2.4.0",
21 | "@angular/platform-browser-dynamic": "^2.4.0",
22 | "@angular/router": "^3.4.0",
23 | "core-js": "^2.4.1",
24 | "rxjs": "^5.1.0",
25 | "zone.js": "^0.7.6"
26 | },
27 | "devDependencies": {
28 | "@angular/cli": "1.0.0-rc.1",
29 | "@angular/compiler-cli": "^2.4.0",
30 | "@types/jasmine": "2.5.38",
31 | "@types/node": "~6.0.60",
32 | "codelyzer": "~2.0.0",
33 | "jasmine-core": "~2.5.2",
34 | "jasmine-spec-reporter": "~3.2.0",
35 | "karma": "~1.4.1",
36 | "karma-chrome-launcher": "~2.0.0",
37 | "karma-cli": "~1.0.1",
38 | "karma-jasmine": "~1.1.0",
39 | "karma-jasmine-html-reporter": "^0.2.2",
40 | "karma-coverage-istanbul-reporter": "^0.2.0",
41 | "protractor": "~5.1.0",
42 | "ts-node": "~2.0.0",
43 | "tslint": "~4.4.2",
44 | "typescript": "~2.0.0"
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/Observables/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-jasmine-html-reporter'),
12 | require('karma-coverage-istanbul-reporter'),
13 | require('@angular/cli/plugins/karma')
14 | ],
15 | client:{
16 | clearContext: false // leave Jasmine Spec Runner output visible in browser
17 | },
18 | files: [
19 | { pattern: './src/test.ts', watched: false }
20 | ],
21 | preprocessors: {
22 | './src/test.ts': ['@angular/cli']
23 | },
24 | mime: {
25 | 'text/x-typescript': ['ts','tsx']
26 | },
27 | coverageIstanbulReporter: {
28 | reports: [ 'html', 'lcovonly' ],
29 | fixWebpackSourcePaths: true
30 | },
31 | angularCli: {
32 | environment: 'dev'
33 | },
34 | reporters: config.angularCli && config.angularCli.codeCoverage
35 | ? ['progress', 'coverage-istanbul']
36 | : ['progress', 'kjhtml'],
37 | port: 9876,
38 | colors: true,
39 | logLevel: config.LOG_INFO,
40 | autoWatch: true,
41 | browsers: ['Chrome'],
42 | singleRun: false
43 | });
44 | };
45 |
--------------------------------------------------------------------------------
/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/src/app/mock-problems.ts:
--------------------------------------------------------------------------------
1 | import { Problem } from "./models/problem.model";
2 |
3 | export const PROBLEMS: Problem[] = [
4 | {
5 | id: 1,
6 | name: "Two Sum",
7 | desc: `Given an array of integers, find two numbers such that they add up to a specific target number.
8 |
9 | The function twoSum should return indices of the two numbers such that they add up to the target, where index1 must be less than index2. Please note that your returned answers (both index1 and index2) are NOT zero-based.`,
10 | difficulty: "easy"
11 | },
12 | {
13 | id: 2,
14 | name: "3Sum",
15 | desc: `Given an array S of n integers, are there elements a, b, c in S such that a + b + c = 0? Find all unique triplets in the array which gives the sum of zero.`,
16 | difficulty: "medium"
17 | },
18 | {
19 | id: 3,
20 | name: "4Sum",
21 | desc: `Given an array S of n integers, are there elements a, b, c, and d in S such that a + b + c + d = target?
22 |
23 | Find all unique quadruplets in the array which gives the sum of target.`,
24 | difficulty: "medium"
25 | },
26 | {
27 | id: 4,
28 | name: "Triangle Count",
29 | desc: `Given an array of integers, how many three numbers can be found in the array, so that we can build an triangle whose three edges length is the three numbers that we find?`,
30 | difficulty: "hard"
31 | },
32 | {
33 | id: 5,
34 | name: "Sliding Window Maximum",
35 | desc: `Given an array of n integer with duplicate number, and a moving window(size k), move the window at each iteration from the start of the array, find the maximum number inside the window at each moving.`,
36 | difficulty: "super"
37 | }
38 | ];
39 |
--------------------------------------------------------------------------------
/oj-client/src/app/components/navbar/navbar.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, Inject, OnDestroy } from '@angular/core';
2 | import { FormControl } from '@angular/forms';
3 | import { Subscription } from 'rxjs/Subscription';
4 | import { Router } from '@angular/router';
5 | import 'rxjs/add/operator/debounceTime';
6 |
7 | @Component({
8 | selector: 'app-navbar',
9 | templateUrl: './navbar.component.html',
10 | styleUrls: ['./navbar.component.css']
11 | })
12 | export class NavbarComponent implements OnInit {
13 |
14 | title = "COJ";
15 |
16 | username = "";
17 |
18 | searchBox: FormControl = new FormControl();
19 | subscription: Subscription;
20 |
21 | constructor(@Inject('auth') private auth,
22 | @Inject('input') private input,
23 | private router: Router) { }
24 |
25 | ngOnInit() {
26 | if (this.auth.authenticated()) {
27 | this.username = this.auth.getProfile().nickname;
28 | }
29 |
30 | this.subscription = this.searchBox
31 | .valueChanges
32 | .debounceTime(200)
33 | .subscribe(
34 | term => {
35 | this.input.changeInput(term);
36 | }
37 | );
38 | }
39 |
40 | ngOnDestroy() {
41 | this.subscription.unsubscribe();
42 | }
43 |
44 | searchProblem(): void {
45 | this.router.navigate(['/problems']);
46 | }
47 |
48 | login(): void {
49 | this.auth.login()
50 | .then(profile => this.username = profile.nickname);
51 | }
52 |
53 | logout(): void {
54 | this.auth.logout();
55 | }
56 |
57 | }
58 |
--------------------------------------------------------------------------------
/oj-client/src/app/components/editor/editor.component.html:
--------------------------------------------------------------------------------
1 |
17 |
33 |
18 |
31 |
32 |
36 |
37 |
38 |
39 |
40 | {{output}}
41 |
42 |
43 |
46 |
2 |
42 |
43 |
--------------------------------------------------------------------------------
/oj-client/src/app/services/data.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { Problem } from "../models/problem.model";
3 | import { PROBLEMS } from "../mock-problems";
4 | import { Http, Response, Headers } from '@angular/http';
5 | import { BehaviorSubject} from 'rxjs/BehaviorSubject';
6 | import { Observable } from 'rxjs/Rx';
7 | import 'rxjs/add/operator/toPromise';
8 |
9 |
10 | @Injectable()
11 | export class DataService {
12 |
13 | private problemsSource = new BehaviorSubject