18 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/client/components/common/header/header.tpl.html:
--------------------------------------------------------------------------------
1 |
16 |
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/client/services/filter.service.js:
--------------------------------------------------------------------------------
1 | var app=angular.module('typali');
2 | app.filter('filterByProperty',['$filter', function ($filter) {
3 | /* array is first argument, each addiitonal argument is prefixed by a ":" in filter markup*/
4 | return function (dataArray, searchTerm, propertyName) {
5 | console.log("reached here", searchTerm, propertyName);
6 | if (!dataArray) return;
7 | /* when term is cleared, return full array*/
8 | if (!searchTerm) {
9 | return dataArray
10 | } else if (propertyName === "$") {
11 | return $filter('filter')(dataArray, searchTerm)
12 | }
13 | else {
14 | /* otherwise filter the array */
15 | console.log(searchTerm);
16 | var term = searchTerm.toString().toLowerCase();
17 | return dataArray.filter(function (item) {
18 | return item[propertyName].toString().toLowerCase().indexOf(term) > -1;
19 | });
20 | }
21 | }
22 | }]);
--------------------------------------------------------------------------------
/client/auth/login/login.controller.js:
--------------------------------------------------------------------------------
1 | (function () {
2 |
3 | angular
4 | .module('typali')
5 | .config(['$stateProvider', function($stateProvider) {
6 | $stateProvider
7 | .state('app.login', {
8 | url:'/login',
9 | views: {
10 | 'container@' : {
11 | templateUrl: 'auth/login/login.tpl.html',
12 | controller: 'LoginCtrl',
13 | controllerAs : 'vm'
14 | }
15 | }
16 |
17 | });
18 | }])
19 | .controller('LoginCtrl', loginCtrl);
20 |
21 | loginCtrl.$inject = ['$location', 'authentication'];
22 | function loginCtrl($location, authentication) {
23 | var vm = this;
24 |
25 | vm.credentials = {
26 | email : "yo@hotmail.com",
27 | password : ""
28 | };
29 |
30 | vm.onSubmit = function () {
31 | authentication
32 | .login(vm.credentials)
33 | .error(function(err){
34 | console.log(err);
35 | })
36 | .then(function(){
37 | $location.path('profile');
38 | });
39 | };
40 |
41 | }
42 |
43 | })();
--------------------------------------------------------------------------------
/e2e-tests/scenarios.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | /* https://github.com/angular/protractor/blob/master/docs/toc.md */
4 |
5 | describe('my app', function() {
6 |
7 |
8 | it('should automatically redirect to /view1 when location hash/fragment is empty', function() {
9 | browser.get('index.html');
10 | expect(browser.getLocationAbsUrl()).toMatch("/view1");
11 | });
12 |
13 |
14 | describe('view1', function() {
15 |
16 | beforeEach(function() {
17 | browser.get('index.html#!/view1');
18 | });
19 |
20 |
21 | it('should render view1 when user navigates to /view1', function() {
22 | expect(element.all(by.css('[ng-view] p')).first().getText()).
23 | toMatch(/partial for view 1/);
24 | });
25 |
26 | });
27 |
28 |
29 | describe('view2', function() {
30 |
31 | beforeEach(function() {
32 | browser.get('index.html#!/view2');
33 | });
34 |
35 |
36 | it('should render view2 when user navigates to /view2', function() {
37 | expect(element.all(by.css('[ng-view] p')).first().getText()).
38 | toMatch(/partial for view 2/);
39 | });
40 |
41 | });
42 | });
43 |
--------------------------------------------------------------------------------
/gulpfiles/inject.js:
--------------------------------------------------------------------------------
1 | var gulp = require('gulp'),
2 | wiredep = require('wiredep').stream,
3 | inject = require('gulp-inject'),
4 | angularFilesort = require('gulp-angular-filesort'),
5 | watch = require('gulp-watch');
6 | var print = require('gulp-print');
7 |
8 |
9 |
10 | gulp.task('inject', function () {
11 | var target = gulp.src('./client/index.html');
12 |
13 | var sources = gulp.src(['./client/**/*.js', '!./client/**/*test.js' ],{
14 |
15 | relative: false})
16 | .pipe(angularFilesort())
17 | .pipe(print());
18 |
19 | var injectStyles = gulp.src(['./client/**/*.css'],
20 | { read: false,
21 | relative: false })
22 | .pipe(print());
23 |
24 | var options = {
25 | directory: './bower_components/',
26 | ignorePath: '../',
27 | devDependencies: true,
28 | relative: false
29 | };
30 |
31 | return target
32 | .pipe(wiredep(options))
33 | .pipe(inject(sources,
34 | {ignorePath:"client",
35 | addRootSlash : false,}
36 | ))
37 | .pipe(inject(injectStyles,
38 | {ignorePath:"client",
39 | addRootSlash : false,}
40 | ))
41 | .pipe(gulp.dest('./public'));
42 | });
43 |
--------------------------------------------------------------------------------
/gulpfiles/server.js:
--------------------------------------------------------------------------------
1 | var gulp = require('gulp'),
2 | spawn = require('child_process').spawn,
3 | node;
4 |
5 |
6 | /**
7 | * $ gulp server
8 | * description: launch the server. If there's a server already running, kill it.
9 | */
10 | gulp.task('server', function() {
11 | if (node) node.kill()
12 | node = spawn('node', ['./server/server.js'], {stdio: 'inherit'})
13 | node.on('close', function (code) {
14 | if (code === 8) {
15 | gulp.log('Error detected, waiting for changes...');
16 | }
17 | });
18 | })
19 |
20 | /**
21 | * $ gulp
22 | * description: start the development environment
23 | */
24 | gulp.task('launch-server',['inject','server','watch-folder'], function() {
25 | /*gulp.run('server');
26 | gulp.run('inject');
27 | */
28 | // gulp.watch(['./server/server.js', './server/app/**/*.js'], function() {
29 | // gulp.run('server')
30 | // });
31 | gulp.watch(['./server/server.js', './server/app/**/*.js','./server/jsons/**/*.json'],['server']);
32 |
33 | })
34 |
35 | // clean up if an error goes unhandled.
36 | process.on('exit', function() {
37 | if (node) node.kill()
38 | })
39 |
40 |
--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "typali",
3 | "description": "typali nepali typing tutor",
4 | "version": "0.0.",
5 | "homepage": "typali.com",
6 | "private": true,
7 | "dependencies": {
8 | "angular": "~1.5.0",
9 | "angular-loader": "~1.5.0",
10 | "bootstrap": "^3.3.4",
11 | "jquery": "^3.1.0",
12 | "font-awesome": "^4.6.3",
13 | "angular-sanitize": "~1.5.0",
14 | "angular-ui-router": "^0.3.2",
15 | "angular-loading-bar": "^0.9.0",
16 | "angular-aria": "~1.5.0",
17 | "angular-animate": "~1.5.0",
18 | "angular-messages": "~1.5.0"
19 | },
20 | "overrides": {
21 | "jquery": {
22 | "main": []
23 | },
24 | "angular": {
25 | "main": []
26 | },
27 | "angular-loader": {
28 | "main": []
29 | },
30 | "angular-sanitize": {
31 | "main": []
32 | },
33 | "angular-ui-router": {
34 | "main": []
35 | },
36 | "angular-aria": {
37 | "main": []
38 | },
39 | "angular-animate": {
40 | "main": []
41 | },
42 | "angular-messages": {
43 | "main": []
44 | },
45 | "bootstrap": {
46 | "main": []
47 | },
48 | "angular-bootstrap": {
49 | "main": []
50 | },
51 | "angular-loading-bar": {
52 | "main": []
53 | },
54 | "font-awesome": {
55 | "main": []
56 | },
57 | "highcharts": {
58 | "main": []
59 | }
60 | }
61 | }
62 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "typali",
3 | "private": true,
4 | "version": "0.0.1",
5 | "description": "Nepali typing all",
6 | "dependencies": {
7 | "body-parser": "^1.15.2",
8 | "ejs": "^2.5.5",
9 | "express": "^4.10.2",
10 | "express-session": "^1.14.2",
11 | "gulp-rename": "^1.2.2",
12 | "morgan": "^1.7.0",
13 | "nodemon": "^1.11.0",
14 | "request": "^2.74.0",
15 | "wagner-core": "^0.2.0"
16 | },
17 | "devDependencies": {
18 | "bower": "^1.7.7",
19 | "browser-sync": "^2.18.5",
20 | "connect-modrewrite": "^0.10.1",
21 | "gulp": "^3.9.1",
22 | "gulp-angular-filesort": "^1.1.1",
23 | "gulp-bytediff": "^1.0.0",
24 | "gulp-concat": "^2.6.1",
25 | "gulp-inject": "^4.1.0",
26 | "gulp-ng-annotate": "^2.0.0",
27 | "gulp-ng-config": "^1.4.0",
28 | "gulp-plumber": "^1.1.0",
29 | "gulp-print": "^2.0.1",
30 | "gulp-remove-files": "^0.0.3",
31 | "gulp-rename": "^1.2.2",
32 | "gulp-uglify": "^2.1.2",
33 | "gulp-uglifycss": "^1.0.8",
34 | "gulp-watch": "^4.3.9",
35 | "http-server": "^0.9.0",
36 | "jasmine-core": "^2.4.1",
37 | "karma": "^0.13.22",
38 | "karma-chrome-launcher": "^0.2.3",
39 | "karma-firefox-launcher": "^0.1.7",
40 | "karma-jasmine": "^0.3.8",
41 | "karma-junit-reporter": "^0.4.1",
42 | "protractor": "^3.2.2",
43 | "wiredep": "^4.0.0",
44 | "wrench": "^1.5.9"
45 | },
46 | "scripts": {
47 | "prestart": "npm install",
48 | "start": "node server/server.js"
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/client/views/practice/practise.css:
--------------------------------------------------------------------------------
1 |
2 | .showArea {
3 | min-height: 50px;
4 | color: #727070;
5 | font-size: 0.8em;
6 | }
7 |
8 | .writeArea {
9 | border: 1px solid #c9c9c9;
10 | padding: 5px 10px;
11 | background: #fff;
12 | margin: 20px 0;
13 | }
14 |
15 | .active {
16 | border: 1px solid #66ceff;
17 | box-shadow: 0px 0px 2px #66ceff;
18 | }
19 |
20 | .writeArea .word {
21 | display: inline-block;
22 | font-size: 18px;
23 | }
24 |
25 | .writeArea input {
26 | border: none;
27 | font-size: 18px;
28 | outline: none;
29 | color: #fff;
30 | }
31 |
32 | .writeArea input:focus {
33 | outline: none;
34 | }
35 |
36 | @keyframes blink {
37 | 50% {
38 | opacity: 0.0;
39 | }
40 | }
41 | @-webkit-keyframes blink {
42 | 50% {
43 | opacity: 0.0;
44 | }
45 | }
46 | .blink {
47 | display: inline-block;
48 | font-size: 14px;
49 | color : 878383;
50 | animation: blink 1s step-start 0s infinite;
51 | -webkit-animation: blink 1s step-start 0s infinite;
52 | }
53 |
54 | .writeArea.alert-danger {
55 | background: #F2DEDE;
56 | }
57 |
58 | .writeArea.alert-danger input {
59 | background: #F2DEDE;
60 | color: #F2DEDE;
61 | }
62 |
63 | .highlightWord span {
64 | /*background: #000;*/
65 | font-weight: bold;
66 | border-bottom: 1px solid #000;
67 | }
68 |
69 | .practice .msgHolder {
70 | position: absolute;
71 | width: 100%;
72 | height: 100%;
73 | top: 0;
74 | left: 0;
75 | background: rgba(0,0,0,0.7);
76 | }
77 |
78 | .practice .messegebox {
79 | position: absolute;
80 | background: #fff;
81 | top: 100px;
82 | left: 30%;
83 | width: 400px;
84 | transform: translateX(-150px);
85 | padding: 10px;
86 | border: 1px solid #c9c9c9;
87 | box-shadow: 0 0 5px #f8f8f8;
88 | border-radius: 5px;
89 | }
--------------------------------------------------------------------------------
/client/views/editor/editor.ctrl.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('typali')
4 |
5 | .config(['$stateProvider', function($stateProvider) {
6 | $stateProvider
7 | .state('app.editor', {
8 | url:'/editor',
9 | views : {
10 | 'container@': {
11 | templateUrl: 'views/editor/editor.tpl.html',
12 | controller: 'editorCtrl',
13 | controllerAs : 'vm'
14 | }
15 | }
16 | })
17 |
18 | }])
19 |
20 | .controller('editorCtrl', EditorCtrl);
21 | EditorCtrl.$inject = ['$scope'];
22 | function EditorCtrl ($scope) {
23 | var vm = this;
24 |
25 | var colorPalette = ['000000', 'FF9966', '6699FF', '99FF66', 'CC0000', '00CC00', '0000CC', '333333', '0066FF', 'FFFFFF'];
26 | var forePalette = $('.fore-palette');
27 | var backPalette = $('.back-palette');
28 |
29 | for (var i = 0; i < colorPalette.length; i++) {
30 | forePalette.append('');
31 | backPalette.append('');
32 | }
33 |
34 | $('.toolbar a').click(function(e) {
35 | var command = $(this).data('command');
36 | if (command == 'h1' || command == 'h2' || command == 'p') {
37 | document.execCommand('formatBlock', false, command);
38 | }
39 | if (command == 'forecolor' || command == 'backcolor') {
40 | document.execCommand($(this).data('command'), false, $(this).data('value'));
41 | }
42 | if (command == 'createlink' || command == 'insertimage') {
43 | url = prompt('Enter the link here: ', 'http:\/\/');
44 | document.execCommand($(this).data('command'), false, url);
45 | } else document.execCommand($(this).data('command'), false, null);
46 | });
47 |
48 | };
--------------------------------------------------------------------------------
/client/app.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // Declare app level module which depends on views, and components
4 |
5 | function run($rootScope, $location, authentication,$window) {
6 | $rootScope.$on('$routeChangeStart', function(event, nextRoute, currentRoute) {
7 | /*if (!authentication.isLoggedIn()) {
8 | $location.path('/login');
9 | }*/
10 | });
11 |
12 |
13 | $rootScope.facebookAppId = '[]'; // set your facebook app id here
14 | // initialise google analytics
15 | /* $window.ga('create', '', 'auto');
16 |
17 | // track pageview on state change
18 | $rootScope.$on('$stateChangeSuccess', function (event) {
19 | $window.ga('send', 'pageview', $location.path());
20 | });*/
21 |
22 | }
23 |
24 |
25 | var app = angular.module('typali', [
26 | 'ui.router',
27 | 'ngSanitize',
28 | 'angular-loading-bar'
29 | ])
30 |
31 | .config(['$locationProvider', '$stateProvider', '$urlRouterProvider', function($locationProvider, $stateProvider, $urlRouterProvider) {
32 | $locationProvider.hashPrefix('!');
33 |
34 | $urlRouterProvider.otherwise('/404');
35 |
36 | $stateProvider
37 | .state('app',{
38 | url : '',
39 | views : {
40 | 'header@' : {
41 | controller : 'HeaderCtrl',
42 | templateUrl : 'components/common/header/header.tpl.html',
43 | controllerAs : "vm"
44 | },
45 | 'footer@' : {
46 | controller : 'FooterCtrl',
47 | templateUrl : 'components/common/footer/footer.tpl.html',
48 | controllerAs : "vm"
49 | }
50 | }
51 | })
52 |
53 | .state('app.404',{
54 | url : '/404',
55 | views : {
56 | 'header@' : {
57 | templateUrl : 'components/common/header/header.tpl.html'
58 | }
59 | }
60 | });
61 |
62 | $locationProvider.html5Mode(true);
63 |
64 |
65 |
66 | }])
67 | .run(['$rootScope', '$location', 'authentication', '$window', run]);
--------------------------------------------------------------------------------
/client/services/authentication.service.js:
--------------------------------------------------------------------------------
1 | (function () {
2 |
3 | angular
4 | .module('typali')
5 | .service('authentication', authentication);
6 |
7 | authentication.$inject = ['$http', '$window'];
8 | function authentication ($http, $window) {
9 |
10 | var saveToken = function (token) {
11 | $window.localStorage['typali-token'] = token;
12 | };
13 |
14 | var getToken = function () {
15 | return $window.localStorage['typali-token'];
16 | };
17 |
18 | var isLoggedIn = function() {
19 | var token = getToken();
20 | var payload;
21 |
22 | if(token){
23 | payload = token.split('.')[1];
24 | payload = $window.atob(payload);
25 | payload = JSON.parse(payload);
26 |
27 | return payload.exp > Date.now() / 1000;
28 | } else {
29 | return false;
30 | }
31 | };
32 |
33 | var currentUser = function() {
34 | if(isLoggedIn()){
35 | var token = getToken();
36 | var payload = token.split('.')[1];
37 | payload = $window.atob(payload);
38 | payload = JSON.parse(payload);
39 | return {
40 | email : payload.email,
41 | name : payload.name
42 | };
43 | }
44 | };
45 |
46 | var register = function(user) {
47 | return $http.post('/api/register', user).success(function(data){
48 | saveToken(data.token);
49 | });
50 | };
51 |
52 | var login = function(user) {
53 | return $http.post('/api/login', user)
54 | .success(function(data) {
55 | console.log(data.token);
56 | saveToken(data.token);
57 | });
58 | };
59 |
60 | var logout = function() {
61 | $window.localStorage.removeItem('typali-token');
62 | };
63 |
64 | return {
65 | currentUser : currentUser,
66 | saveToken : saveToken,
67 | getToken : getToken,
68 | isLoggedIn : isLoggedIn,
69 | register : register,
70 | login : login,
71 | logout : logout
72 | };
73 | }
74 |
75 |
76 | })();
77 |
--------------------------------------------------------------------------------
/server/server.js:
--------------------------------------------------------------------------------
1 | var express = require('express');
2 | app = express();
3 | var http = require('http').Server(app);
4 | var morgan = require('morgan');
5 | var bodyParser = require('body-parser');
6 | // var session = require('express-session');
7 |
8 | // var io = require('socket.io')(http);
9 | var request = require('request');
10 |
11 | var config = require('./config.json');
12 |
13 | var port = process.env.PORT || 8080;
14 |
15 | console.log("from serverjs");
16 | app.use(morgan('dev'));
17 |
18 |
19 |
20 |
21 | // app.set('view engine', 'ejs');
22 | // app.set('views', __dirname + '/views');
23 |
24 | // app.use('/bower_components', express.static('./bower_components'));
25 |
26 | app.use(bodyParser.urlencoded({ extended: true, parameterLimit: 5000 })); // parse application/x-www-form-urlencoded
27 | app.use(bodyParser.json()); // parse application/json
28 | app.use(bodyParser.json({ type: 'application/vnd.api+json' })); // parse application/vnd.api+json as json
29 |
30 | // app.use(session({ secret: "mjt", resave: false, saveUninitialized: true }));
31 |
32 | app.use(function(req, res, next) {
33 | // req.io = io;
34 | res.header("Access-Control-Allow-Origin", "*");
35 | res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
36 | next();
37 | });
38 |
39 |
40 | require('./app/routes.js')(app);
41 |
42 |
43 |
44 | // app.listen(port);
45 | // console.log("App listening on port " + port);
46 |
47 |
48 | http.listen(port,function(){
49 | console.log('listening on *:'+port);
50 | });
51 | /*
52 | io.on('connection', function (socket) {
53 | console.log('client connect');
54 | // socket.on('echo', function (data) {
55 | var url = config.localApiUri+"/marketlive"
56 | request.get({url : url},function (error, response, html) {
57 | if (!error) {
58 | var resArray = JSON.parse(html);
59 | console.log("from io first connection");
60 | console.log(resArray);
61 | io.emit('update', resArray.data);
62 | }
63 | }
64 | )
65 |
66 | // })
67 |
68 | });*/
69 |
70 | // io.emit('update', {msg : 'i reached everywhere'});
71 | // });
--------------------------------------------------------------------------------
/client/auth/user-register/user-register.tpl.html:
--------------------------------------------------------------------------------
1 | Try making some changes here. Add your own text or maybe an image.
39 |Try making some changes here. Add your own text or maybe an image.
39 |
5 |
5 |
5 |
85 |
85 |
85 |