11 |
12 |
13 |
14 |
Type full SQL command below
15 |
Table Name
16 |
WHERE clause
17 |
18 |
19 |
20 |
21 |
Column Name
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
Column Name
30 |
31 |
Value
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
Entries to be added
42 |
Columns to be created
43 |
{{key}} : {{value}}
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
--------------------------------------------------------------------------------
/test/client/dbControllerTest.js:
--------------------------------------------------------------------------------
1 |
2 | describe('DbController', function () {
3 | var homeController, httpBackend, dbService, tableService, location;
4 |
5 | // load the required modules to run these tests
6 | beforeEach(module('Dbview.DbController'));
7 | beforeEach(module('Dbview.dbService'));
8 | beforeEach(module('Dbview.tableService'));
9 |
10 |
11 | // inject the controller and services we will need to run tests
12 | beforeEach(inject(function ($controller, $rootScope, $httpBackend, $location, _dbService_, _tableService_) {
13 | dbService = _dbService_; // karma accesses our own services by padding with underscores
14 | tableService = _tableService_
15 | scope = $rootScope.$new();
16 | httpBackend = $httpBackend;
17 | location = $location;
18 | dbController = $controller('DbController', {
19 | $scope: scope,
20 | $httpBackend: $httpBackend
21 | });
22 | }));
23 |
24 | // actual tests
25 | describe('requestTable', function () {
26 | it('should send credentials and a table name in a post request', function () {
27 | dbService.creds = { username: 'Gregor' }
28 | httpBackend.expectPOST('/requestTable', {
29 | creds: { username: 'Gregor' },
30 | table: 'Gregor\'s SQL Table'
31 | }).respond(201);
32 | scope.requestTable('Gregor\'s SQL Table');
33 | httpBackend.flush();
34 | })
35 |
36 | it('should call activateTable with scope, tableName, and tableService after a succesful request', function () {
37 | httpBackend.whenPOST('/requestTable').respond(200, { table: 'Gregor\'s Table' });
38 | sinon.spy(scope, 'activateTable');
39 | scope.requestTable('Gregor\'s SQL Table');
40 | httpBackend.flush();
41 | expect(scope.activateTable.calledWith(scope, 'Gregor\'s SQL Table', tableService)).to.be.ok;
42 | })
43 |
44 | it('should call addTable data to save the table data in the tableService', function () {
45 | httpBackend.whenPOST('/requestTable').respond(200, { data: '{Datas: 0}' });
46 | sinon.spy(tableService, 'addTableData');
47 | scope.requestTable('Gregor\'s SQL Table');
48 | httpBackend.flush();
49 | expect((tableService.addTableData).calledWith('Gregor\'s SQL Table', { data: '{Datas: 0}' })).to.be.ok;
50 | })
51 | })
52 |
53 | describe('activateTable', function () {
54 | it('should call activate table if table is not activated yet', function () {
55 | sinon.spy(tableService, 'activateTable')
56 | scope.activateTable(scope, 'myTable', tableService);
57 | expect((tableService.activateTable).calledWith('myTable')).to.be.ok;
58 | })
59 |
60 | it('should not call activate table if table is already activated', function () {
61 | sinon.spy(tableService, 'activateTable')
62 | scope.onlineTables = ['myTable']
63 | scope.activateTable(scope, 'myTable', tableService);
64 | expect((tableService.activateTable).called).to.not.be.ok;
65 | })
66 | })
67 | });
--------------------------------------------------------------------------------
/src/client/controllers/tableController.js:
--------------------------------------------------------------------------------
1 |
2 | /*jshint esversion: 6 */
3 | angular
4 | .module('Dbview.TableController', ['ui.router','ngSanitize', 'ngCsv'])
5 | .controller('TableController', ['$scope', 'tableService', '$stateParams', 'dbService', '$http', '$state', '$timeout', tableController]);
6 |
7 | function tableController($scope, tableService, $stateParams, dbService, $http, $state, $timeout) {
8 | //scope.name is the name of the table currently on display
9 | $scope.name = tableService.currentTable;
10 | $scope.displayName = tableService.currentTable;
11 | $scope.dataToDisplay = tableService.getData($scope.name);
12 |
13 | // reference the data that will be rendered to a table format
14 | $scope.gridData = {
15 | data: $scope.dataToDisplay,
16 | enableFiltering: true,
17 | };
18 | $scope.queryOptions = ['Text Query', 'Create Table', 'Insert Rows', 'Update Rows', 'Delete Rows', 'Drop Table'];
19 | $scope.dataTypes = ['Integer', 'Varchar', 'Serial', 'Date', 'Time'];
20 | $scope.rowsToAdd = {};
21 | $scope.saveEntry = (column, value) => {
22 | $scope.rowsToAdd[column] = value;
23 | $scope.columnName = '';
24 | $scope.entryValue = '';
25 | };
26 | $scope.removeEntry = (column) => delete $scope.rowsToAdd[column];
27 |
28 | $scope.queryData = {};
29 |
30 | $scope.exportFile = function (){
31 | let columns = {};
32 |
33 | for (let key in tableService.tableData[tableService.currentTable][0]){
34 | if(!columns[key]) columns[key] = key;
35 | }
36 |
37 | tableService.tableData[tableService.currentTable].unshift(columns);
38 |
39 | return tableService.tableData[tableService.currentTable];
40 | }
41 |
42 | // execute a raw query and update displayed table
43 | $scope.executeQuery = function (query) {
44 | let route;
45 | let tableName = $scope.name;
46 | switch($scope.queryType) {
47 | case 'Create Table': route = '/createTable'; break;
48 | case 'Insert Rows': route = '/insert'; break;
49 | case 'Update Rows': route = '/update'; break;
50 | case 'Delete Rows': route = '/delete'; break;
51 | case 'Drop Table': route = '/dropTable'; break;
52 | case 'Text Query': route = '/query'; break;
53 | default: return;
54 | }
55 |
56 | $http({
57 | method: 'POST',
58 | url: route,
59 | headers: {
60 | 'Content-Type': 'application/json'
61 | },
62 | data: { creds: dbService.creds, where: tableName, valuesToInsert: $scope.rowsToAdd, table: tableName }
63 | })
64 | .then((response) => {
65 | const columns = Object.keys(response.data[0]).map( (colname) => {
66 | console.log(colname);
67 | return { field: colname };
68 | });
69 |
70 | // save the data in table service and update grid data
71 |
72 | tableService.addTableData($scope.name, response.data)
73 |
74 | $scope.dataToDisplay = tableService.getData($scope.name);
75 | $scope.gridData = {
76 | columnDefs: columns,
77 | data: $scope.dataToDisplay,
78 | enableFiltering: true,
79 | };
80 | $scope.displayName = 'Query Result';
81 | });
82 | };
83 | }
84 |
--------------------------------------------------------------------------------
/bower_components/angular-csv-import/examples/app/styles/main.css:
--------------------------------------------------------------------------------
1 | body {
2 | padding-top: 20px;
3 | padding-bottom: 20px;
4 | background: #2c3e50;
5 | }
6 |
7 | div.container {
8 | width: 80%;
9 | margin: 0 auto;
10 | text-align: center;
11 | }
12 |
13 | div.block.row {
14 | width: 100%;
15 | margin: 10px 0px;
16 | }
17 |
18 | div.block.row > div {
19 | display: inline-block;
20 | vertical-align: middle;
21 | }
22 |
23 | div.block.row > div.title {
24 | width: 30%;
25 | color: white;
26 | }
27 |
28 | div.import>div>div.label {
29 | display: inline-block;
30 | width: 30%;
31 | text-align: left;
32 | color: white;
33 | font-family: 'Verdana';
34 | font-size: 14px;
35 | }
36 |
37 | div.import > div {
38 | margin: 15px 0px;
39 | }
40 |
41 | div.import > div > span {
42 | color: white;
43 | }
44 |
45 | div.import > div> span > input[type="text"] {
46 | font-size: 18px;
47 | color: #d6492f;
48 | font-weight: bold;
49 | border-radius: none;
50 | outline: none;
51 | }
52 |
53 | div.import>div>div>input[type="file"] {
54 | color: transparent;
55 | padding: 0;
56 | }
57 |
58 | div.import>div>div>input[type="file"]::-webkit-file-upload-button {
59 | visibility: hidden;
60 | }
61 |
62 | div.import>div>div>input[type="file"]::before {
63 | content: attr(upload-button-label);
64 | display: inline-block;
65 | background-image: linear-gradient(to top, #f9f9f9 0px, #f9f9f9 50%, #e3e3e3 50%, #e3e3e3 100% );
66 | color: #444;
67 | border: 1px solid #999;
68 | border-radius: 3px;
69 | padding: 5px 8px;
70 | outline: none;
71 | white-space: nowrap;
72 | -webkit-user-select: none;
73 | cursor: pointer;
74 | text-shadow: 1px 1px #fff;
75 | font-weight: 700;
76 | font-size: 14px;
77 | }
78 | div.import>div>div>input[type="file"]:hover::before {
79 | border-color: black;
80 | }
81 | div.import>div>div>input[type="file"]:active::before {
82 | background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
83 | }
84 |
85 | div.block {
86 | display: inline-block;
87 | vertical-align: middle;
88 | text-align: left;
89 | }
90 |
91 | div.block.left {
92 | }
93 |
94 | div.block>div.content {
95 | border: 5px dashed #d6492f;
96 | background: none;
97 | padding: 0px;
98 | border-radius: 3px;
99 | }
100 |
101 | div.block>div.content>pre {
102 | font-size: 15px;
103 | font-family: 'Courier';
104 | background: #F0F0F0;
105 | padding: 10px;
106 | margin: 0;
107 | }
108 |
109 | footer {
110 | }
111 |
112 | footer>div {
113 | color: white;
114 | bottom: 40px;
115 | display: inline-block;
116 | margin: 0px 50px;
117 | }
118 |
119 | footer>div a {
120 | color: white;
121 | text-decoration: none;
122 | font-size: 18px;
123 | }
124 |
125 | footer>div a:hover {
126 | text-decoration: underline;
127 | vertical-align: bottom;
128 | }
129 |
130 | footer>div.twitter {
131 | left: 40px;
132 | }
133 |
134 | footer>div.twitter>div {
135 | display: inline-block;
136 | vertical-align: middle;
137 | }
138 |
139 | footer>div.twitter>div.avatar {
140 | margin: 0px 5px 0px 0px;
141 | background: url("https://avatars1.githubusercontent.com/u/820299?v=3&s=460");
142 | background-size: contain;
143 | border: solid 3px white;
144 | width: 40px;
145 | height: 40px;
146 | border-radius: 100px;
147 | }
148 |
149 | footer>div.github {
150 | right: 40px;
151 | }
152 |
153 | footer>div.github>div {
154 | display: inline-block;
155 | vertical-align: middle;
156 | }
157 |
158 | footer>div.github>div.icon {
159 | font-size: 35px;
160 | margin: 0px 5px 0px 0px;
161 | }
162 |
163 |
--------------------------------------------------------------------------------
/bower_components/angular-csv-import/dist/angular-csv-import.min.js:
--------------------------------------------------------------------------------
1 | /*! angular-csv-import - v0.0.36 - 2016-11-01
2 | * Copyright (c) 2016 ; Licensed */
3 | "use strict";var csvImport=angular.module("ngCsvImport",[]);csvImport.directive("ngCsvImport",function(){return{restrict:"E",transclude:!0,replace:!0,scope:{content:"=?",header:"=?",headerVisible:"=?",separator:"=?",separatorVisible:"=?",result:"=?",encoding:"=?",encodingVisible:"=?",accept:"=?",acceptSize:"=?",acceptSizeExceedCallback:"=?",callback:"=?",mdButtonClass:"@?",mdInputClass:"@?",mdButtonTitle:"@?",mdSvgIcon:"@?",uploadButtonLabel:"="},template:function(a,b){var c=angular.isDefined(b.material),d=angular.isDefined(b.multiple);return'
"},link:function(a,b,c){if(a.separatorVisible=!!a.separatorVisible,a.headerVisible=!!a.headerVisible,a.acceptSize=a.acceptSize||Number.POSITIVE_INFINITY,a.material=angular.isDefined(c.material),a.multiple=angular.isDefined(c.multiple),a.multiple)throw new Error("Multiple attribute is not supported yet.");var d=angular.element(b[0].querySelector('input[type="file"]')),e=angular.element(b[0].querySelector("md-input-container"));if(a.material&&d){if(d.removeClass("ng-show"),d.addClass("ng-hide"),e){var f=angular.element(e[0].querySelector("div.md-errors-spacer"));f&&f.remove()}a.onClick=function(){d.click()}}angular.element(b[0].querySelector(".separator-input")).on("keyup",function(b){if(null!=a.content){var c={csv:a.content,header:a.header,separator:b.target.value,encoding:a.encoding};a.result=g(c),a.$apply(),"function"==typeof a.callback&&a.callback(b)}}),b.on("change",function(b){if(b.target.files.length){if(b.target.files[0].size>a.acceptSize)return void("function"==typeof a.acceptSizeExceedCallback&&a.acceptSizeExceedCallback(b.target.files[0]));a.filename=b.target.files[0].name;var c=new FileReader;if(c.onload=function(c){a.$apply(function(){var d={csv:c.target.result.replace(/\r\n|\r/g,"\n"),header:a.header,separator:a.separator};a.content=d.csv,a.result=g(d),a.result.filename=a.filename,a.$$postDigest(function(){"function"==typeof a.callback&&a.callback(b)})})},"file"!==b.target.type||null==b.target.files&&null==b.srcElement.files){if(null!=a.content){var d={csv:a.content,header:!a.header,separator:a.separator};a.result=g(d),a.$$postDigest(function(){"function"==typeof a.callback&&a.callback(b)})}}else c.readAsText((b.srcElement||b.target).files[0],a.encoding)}});var g=function(a){var b=a.csv.split(new RegExp('\n(?![^"]*"(?:(?:[^"]*"){2})*[^"]*$)')),c=[],d=0,e=b[0].split(a.separator).length,f=[];a.header&&(f=b[0].split(a.separator),d=1);for(var g=d;g
- v<%= pkg.version %> - ' +
16 | '<%= grunt.template.today("yyyy-mm-dd") %>\n' +
17 | '<%= pkg.homepage ? "* " + pkg.homepage + "\\n" : "" %>' +
18 | '* Copyright (c) <%= grunt.template.today("yyyy") %> <%= pkg.author.name %>;' +
19 | ' Licensed <%= _.pluck(pkg.licenses, "type").join(", ") %> */\n',
20 | // Task configuration.
21 | concat: {
22 | options: {
23 | banner: '<%= banner %>',
24 | stripBanners: true
25 | },
26 | dist: {
27 | src: ['lib/<%= pkg.name %>.js'],
28 | dest: 'dist/<%= pkg.name %>.js'
29 | },
30 | examples: {
31 | src: ['lib/<%= pkg.name %>.js'],
32 | dest: 'examples/app/bower_components/angular-csv-import/dist/<%= pkg.name %>.js'
33 | }
34 | },
35 | bump: {
36 | options: {
37 | files: ['package.json', 'bower.json'],
38 | updateConfigs: [],
39 | commit: true,
40 | commitMessage: 'Release v%VERSION%',
41 | commitFiles: ['package.json', 'bower.json'],
42 | createTag: true,
43 | tagName: 'v%VERSION%',
44 | tagMessage: 'Version %VERSION%',
45 | push: true,
46 | pushTo: 'origin',
47 | gitDescribeOptions: '--tags --always --abbrev=1 --dirty=-d'
48 | }
49 | },
50 | uglify: {
51 | options: {
52 | banner: '<%= banner %>'
53 | },
54 | dist: {
55 | src: '<%= concat.dist.dest %>',
56 | dest: 'dist/<%= pkg.name %>.min.js'
57 | },
58 | examples: {
59 | src: '<%= concat.dist.dest %>',
60 | dest: 'examples/app/bower_components/angular-csv-import/dist/<%= pkg.name %>.min.js'
61 | }
62 | },
63 | jshint: {
64 | options: {
65 | curly: true,
66 | eqeqeq: true,
67 | immed: true,
68 | latedef: true,
69 | newcap: true,
70 | noarg: true,
71 | sub: true,
72 | undef: true,
73 | unused: true,
74 | boss: true,
75 | eqnull: true,
76 | browser: true,
77 | globalstrict: true,
78 | globals: {
79 | jQuery: true,
80 | angular: false,
81 | Odometer: false
82 | }
83 | },
84 | gruntfile: {
85 | src: 'Gruntfile.js'
86 | },
87 | lib_test: {
88 | src: ['lib/**/*.js', 'test/**/*.js']
89 | }
90 | },
91 | qunit: {
92 | files: ['test/**/*.html']
93 | },
94 | watch: {
95 | gruntfile: {
96 | files: '<%= jshint.gruntfile.src %>',
97 | tasks: ['jshint:gruntfile']
98 | },
99 | lib_test: {
100 | files: '<%= jshint.lib_test.src %>',
101 | tasks: ['jshint:lib_test', 'qunit']
102 | }
103 | },
104 | cssmin: {
105 | minify: {
106 | expand: true,
107 | cwd: 'lib/',
108 | src: ['*.css', '!*.min.css'],
109 | dest: 'dist/',
110 | ext: '.min.css'
111 | }
112 | },
113 | 'gh-pages': {
114 | options: {
115 | base: 'examples/dist'
116 | },
117 | src: '**/*'
118 | }
119 | });
120 |
121 | // Default task.
122 | grunt.registerTask('default', ['jshint', 'concat', 'uglify', 'cssmin']);
123 |
124 | grunt.registerTask('pages', ['gh-pages']);
125 |
126 | };
127 |
--------------------------------------------------------------------------------
/bower_components/angular-csv-import/examples/app/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Angular CSV Import
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
31 |
32 |
33 |
36 |
37 |
38 |
39 |
48 |
49 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
--------------------------------------------------------------------------------
/bower_components/angular-csv-import/examples/app/404.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Page Not Found :(
6 |
141 |
142 |
143 |
144 |
Not found :(
145 |
Sorry, but the page you were trying to view does not exist.
146 |
It looks like this was the result of either:
147 |
148 | - a mistyped address
149 | - an out-of-date link
150 |
151 |
154 |
155 |
'+
33 | '
' :
35 | '') +
36 | '
'+
37 | '
'+
38 | '
Seperator
'+
39 | '
'+
40 | ''+
41 | '
' +
42 | '' +
43 | (material ? ' {{mdButtonTitle}}' : '') +
44 | '
'+
45 | '
'+
40 | '
Seperator
'+
41 | '
'+
42 | '' +
44 | '' +
45 | (material ? ' {{mdButtonTitle}}' : '') +
46 | '
'+
47 | '