ezii-postgres 0.0.1

data/natural-frontend/app/routes/projects.js

@@ -0,0 +1,8 @@
+import Route from '@ember/routing/route';
+import AuthenticatedRouteMixin from '../mixins/authenticated-route-mixin';
+
+export default Route.extend(AuthenticatedRouteMixin, {
+  model() {
+    return this.get('store').findAll('project');
+  }
+});

data/natural-frontend/app/routes/table.js

@@ -0,0 +1,17 @@
+
+import Route from '@ember/routing/route';
+import AuthenticatedRouteMixin from '../mixins/authenticated-route-mixin';
+
+export default Route.extend(AuthenticatedRouteMixin, {
+  model(params) {
+    return this.get('store').findRecord('table', params.table_id);
+  },
+  setupController: function(controller, model) {
+   this._super(controller, model);
+   this.controllerFor('application').set('fullscreen', true);
+  },
+
+  deactivate: function() {
+   this.controllerFor('application').set('fullscreen', false);
+  }
+});

data/natural-frontend/app/routes/table/rows.js

@@ -0,0 +1,19 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default Route.extend({
+  infinity: service(),
+
+  model() {
+    let table = this.modelFor('table');
+    return Ember.RSVP.hash({
+      table: table,
+      rows: this.infinity.model('row', {
+        perPage: 12,
+        startingPage: 1,
+        table_id: table.id,
+        totalPagesParam: 'meta.total-pages'
+       })
+    });
+  }
+});

data/natural-frontend/app/routes/tables.js

@@ -0,0 +1,16 @@
+
+import Route from '@ember/routing/route';
+import AuthenticatedRouteMixin from '../mixins/authenticated-route-mixin';
+import RSVP from 'rsvp';
+
+export default Route.extend(AuthenticatedRouteMixin, {
+  model(params) {
+    return this.get('store').findRecord('database', params.database_id)
+      .then((database) => {
+        return RSVP.hash({
+          tables: database.get('tables'),
+          database: database
+        })
+      });
+  }
+});

data/natural-frontend/app/serializers/application.js

@@ -0,0 +1,10 @@
+
+import DS from 'ember-data';
+import { singularize } from "ember-inflector";
+import { capitalize } from "@ember/string";
+
+export default DS.JSONAPISerializer.extend({
+  payloadKeyFromModelName(modelName) {
+    return singularize(capitalize(modelName));
+  }
+});

data/natural-frontend/app/services/authentication.js

@@ -0,0 +1,38 @@
+import ENV from "../config/environment";
+import { inject as service } from '@ember/service';
+import { computed } from '@ember/object';
+
+
+// TODO: make cookie authentication work (computed property is shit, when used in combination with cookies)
+export default Ember.Service.extend({
+  cookies: service(),
+  accessToken: null,
+
+  authenticate(email, password) {
+    return Ember.$.ajax({
+      method: "POST",
+      url: ENV.apiHost === '/' ? '/token' : ENV.apiHost + "/token",
+      data: { email: email, password: password }
+    }).then((result) => {
+      this.set('accessToken', result.token);
+
+      let cookieService = this.get('cookies');
+      cookieService.write('accessToken', result.token);
+    });
+  },
+
+  loadFromCookie() {
+    let cookieService = this.get('cookies');
+    let token = cookieService.read('accessToken');
+    this.set('accessToken', token);
+  },
+
+  invalidate() {
+    this.set('accessToken', null);
+
+    let cookieService = this.get('cookies');
+    cookieService.write('accessToken', null);
+  },
+
+  isAuthenticated: Ember.computed.bool('accessToken')
+});

data/natural-frontend/app/styles/app.scss

@@ -0,0 +1,58 @@
+@import "ember-bootstrap/bootstrap";
+
+.redesign {
+  body {
+    background-color: $blue;
+    color: white;
+
+    .btn {
+      background-color: $orange;
+    }
+  }
+
+  footer {
+    padding: 20px;
+    background-color: $indigo;
+
+    .btn {
+      background-color: white;
+    }
+
+    .simple-link {
+      color: white;
+    }
+  }
+}
+
+.push-down {
+  margin-top: 70px;
+}
+
+.push-down-xl {
+  margin-top: 150px;
+}
+
+.push-left-sm {
+  margin-left: 10px;
+}
+
+.push-left-m {
+  margin-left: 20px;
+}
+
+.quarter-width {
+  width: 25% !important;
+}
+
+.inline-block {
+  display: inline-block !important;
+}
+
+.margin-sm {
+  margin: 10px;
+}
+
+.dropdown-menu {
+    width: 300px;
+    height: auto;
+}

data/natural-frontend/app/templates/application.hbs

@@ -0,0 +1,32 @@
+<div class='{{if fullscreen 'container-fluid' 'container push-down'}}'>
+  {{outlet}}
+
+  <footer class='push-down-xl'>
+    {{#if authentication.isAuthenticated}}
+      <a href='#' {{action "logOut"}} class='float-right'>Log out</a>
+    {{/if}}
+
+    <p>
+      <a class='btn' href="https://www.betterplace.org/en">
+        <b>
+          Donate to make the world a better place.
+        </b>
+      </a>
+    </p>
+
+    <a class='btn' href='https://github.com/MangoSmoothie101010/natural-backend'>
+      Api source code (MIT license)
+    </a>
+
+    <a class='btn' href='https://github.com/MangoSmoothie101010/natural-frontend'>
+      Ember frontend source code (MIT license)
+    </a>
+
+    <br />
+    <br />
+
+    <p>
+      <a class='btn' href="https://www.patreon.com/user?u=11252699">Support ongoing development (My Patreon)</a>
+    </p>
+  </footer>
+</div>

data/natural-frontend/app/templates/authenticate.hbs

@@ -0,0 +1,7 @@
+<h2>Authenticate</h2>
+
+<form {{action 'authenticate' on='submit'}}>
+  {{input value=email placeholder='Username' class='form-control'}}<br>
+  {{input value=password placeholder='Password' type='password' class='form-control'}}<br>
+  <button class='btn btn-primary' type="submit">Login</button>
+</form>

data/natural-frontend/app/templates/components/api-usage-documentation.hbs

@@ -0,0 +1,36 @@
+<h4>How to query {{database.name}} Database programatically</h4>
+<p>
+  Use the following url to query the database:
+  <br />
+  <br />
+
+  <input class='form-control' value='https://api.natural-db.com/databases/{{database.id}}/queries' disabled/>
+  <br />
+  <!-- <ol>
+    <li>Synchronous, providing an instant response.</li>
+    <li>Asynchronous, providing a query id, which allows for obtaining the result after the query has run. Provide the 'async' url parameter with value '1'.</li>
+  </ol>
+
+  <br />
+  <input class='form-control' value='https://api.natural-db.com/databases/{{database.id}}/queries/(query-id)' disabled/>
+  <br /> -->
+
+  Provide the 'Authentication' header with the following value to access this database:
+  <br />
+  <br />
+
+  <input value='{{database.project.apiToken}}' disabled class='form-control'/>
+  <br />
+  The actual SQL query will be passed via the "sql" form-data parameter in the body of the post request.
+  
+  
+  <br />
+  <br />
+  OR
+  <br />
+  <br />
+  
+  connect to the database via the postgres protocol
+  
+  <input value='{{database.postgresUrl}}' disabled class='form-control'/>
+</p>

data/natural-frontend/app/templates/components/column-editor.hbs

@@ -0,0 +1,37 @@
+
+<tr>
+  <th>
+    #
+  </th>
+  {{#each table.columns as |column|}}
+    <th>
+      <span>
+        {{column.name}}
+      </span>
+
+
+      {{#bs-button onClick=(action "deleteColumn" column.id) type="danger push-left-sm"}}
+        Delete
+      {{/bs-button}}
+
+      {{#bs-dropdown class='inline-block push-left-sm' as |dd|}}
+        {{#dd.toggle}}{{svg-jar "tools" class="octicon"}}
+
+<span class="caret"></span>{{/dd.toggle}}
+        {{#dd.menu as |ddm|}}
+          <div class="px-3 py-3">
+            <div class='form-group'>
+              <label>Type</label>
+              {{select-light value=column.type options=columnTypes change=(action 'updateColumnType' column) class='form-control'}}
+            </div>
+          </div>
+        {{/dd.menu}}
+      {{/bs-dropdown}}
+    </th>
+  {{/each}}
+  <th>
+    {{#bs-button type="primary" onClick=(action "addColumn")}}
+      Add field
+    {{/bs-button}}
+  </th>
+</tr>

data/natural-frontend/app/templates/components/row-editor.hbs

@@ -0,0 +1,21 @@
+{{!-- {{#each table.rows as |row|}}
+<tr>
+  <td>
+    {{row.dbId}}
+  </td>
+  {{#each table.columns as |column|}}
+  <td>
+    {{row-value-editor row=row column=column}}
+  </td>
+  {{/each}}
+  <td>
+    {{#bs-button onClick=(action "deleteRow" row.id) type="danger"}} Delete {{/bs-button}}
+  </td>
+</tr>
+{{/each}}
+<tr>
+  <td>
+    {{#bs-button type="primary" onClick=(action "addRow")}} Add row {{/bs-button}}
+  </td>
+  <td colspan={{plus-one table.columns.length}}></td>
+</tr> --}}

data/natural-frontend/app/templates/components/row-value-editor.hbs

@@ -0,0 +1 @@
+{{input input=(action "triggerUpdate") value=rowValue.value type='text' class='form-control'}}

data/natural-frontend/app/templates/databases.hbs

@@ -0,0 +1,37 @@
+
+<h1>Databases</h1>
+
+<table class='table'>
+  <thead>
+    <tr>
+      <th>Name</th>
+      <th></th>
+    </tr>
+  </thead>
+  <tbody>
+    {{#each model.databases as |database|}}
+      <tr>
+        <td>
+          {{database.name}}
+        </td>
+        <td>
+          {{#link-to 'tables' database.id class='btn btn-primary'}}
+            Tables
+          {{/link-to}}
+          {{#bs-button type="danger" onClick=(action "deleteDatabase" database.id) class='push-left-sm'}}
+            Delete
+          {{/bs-button}}
+        </td>
+      </tr>
+    {{/each}}
+  </tbody>
+</table>
+<div class='float-right'>
+  {{#bs-button type="primary" onClick=(action "addDatabase")}}
+    Add database
+  {{/bs-button}}
+
+  {{#bs-button onClick=(action 'transitionBack')}}
+    Back
+  {{/bs-button}}
+</div>

data/natural-frontend/app/templates/function.hbs

@@ -0,0 +1,9 @@
+<div class='push-down'>
+  <h1>{{model.function.name}}</h1>
+  {{ivy-codemirror value="class YourPostProcessor < Natural::Functions::PostProcessor
+  def each_row(row)
+    row.chomp
+  end
+end"
+  options=(hash lineNumbers=true mode="ruby")}}
+</div>

data/natural-frontend/app/templates/functions.hbs

@@ -0,0 +1,30 @@
+<div class='push-down'>
+  <h1>Functions</h1>
+
+  <table class='table'>
+    <thead>
+      <tr>
+        <th colspan='1'>Name</th>
+        <th colspan='1'>Type</th>
+        <th></th>
+      </tr>
+    </thead>
+    <tbody>
+      {{#each model.functions as |function|}}
+        <tr>
+          <td>
+            <span>{{function.name}}</span>
+          </td>
+          <td>
+            <span>{{function.type}}</span>
+          </td>
+          <td>
+            {{#link-to 'function' function.id class='btn btn-primary'}}
+              Show
+            {{/link-to}}
+          </td>
+        </tr>
+      {{/each}}
+    </tbody>
+  </table>
+</div>

data/natural-frontend/app/templates/index.hbs

@@ -0,0 +1,15 @@
+<h1>NaturalDB</h1>
+
+<p>Welcome to NaturalDB. Design databases visually and query them programatically using a simple
+  SQL interface.
+</p>
+
+{{#if model.isAuthenticated}}
+  {{#link-to 'projects' class='btn btn-primary'}}
+    Projects
+  {{/link-to}}
+{{else}}
+  {{#link-to 'authenticate' class='btn btn-primary'}}
+    Register or Login
+  {{/link-to}}
+{{/if}}

data/natural-frontend/app/templates/projects.hbs

@@ -0,0 +1,37 @@
+<h1>Projects</h1>
+
+<table class='table'>
+  <thead>
+    <tr>
+      <th>Name</th>
+      <th></th>
+    </tr>
+  </thead>
+  <tbody>
+    {{#each model as |project|}}
+      <tr>
+        <td>
+          {{project.name}}
+        </td>
+        <td>
+          {{#link-to 'databases' project.id class='btn btn-primary'}}
+            Databases
+          {{/link-to}}
+          {{#bs-button type="danger" onClick=(action "deleteProject" project.id) class='push-left-sm'}}
+            Delete
+          {{/bs-button}}
+        </td>
+      </tr>
+    {{/each}}
+  </tbody>
+</table>
+
+<div class='float-right'>
+  {{#bs-button type="primary" onClick=(action "addProject")}}
+    Add project
+  {{/bs-button}}
+
+  {{#link-to 'index' class='btn btn-secondary'}}
+    Back
+  {{/link-to}}
+</div>