feat(PostgreSQL): partial postgre implementation

src/renderer/components/ModalAskParameters.vue

@@ -30,7 +30,7 @@
                            class="form-input"
                            type="text"
                         >
-                        <span class="input-group-addon field-type" :class="`type-${parameter.type.toLowerCase()}`">
+                        <span class="input-group-addon field-type" :class="typeClass(parameter.type)">
                            {{ parameter.type }} {{ parameter.length | wrapNumber }}
                         </span>
                      </div>
@@ -75,6 +75,11 @@ export default {
       window.removeEventListener('keydown', this.onKey);
    },
    methods: {
+      typeClass (type) {
+         if (type)
+            return `type-${type.toLowerCase().replaceAll(' ', '_').replaceAll('"', '')}`;
+         return '';
+      },
       runRoutine () {
          const valArr = Object.keys(this.values).reduce((acc, curr) => {
             const value = isNaN(this.values[curr]) ? `"${this.values[curr]}"` : this.values[curr];

src/renderer/components/ModalEditConnection.vue

@@ -59,12 +59,12 @@
                                     <option value="maria">
                                        MariaDB
                                     </option>
+                                    <option value="pg">
+                                       PostgreSQL
+                                    </option>
                                     <!-- <option value="mssql">
                                  Microsoft SQL
                               </option>
-                              <option value="pg">
-                                 PostgreSQL
-                              </option>
                               <option value="oracledb">
                                  Oracle DB
                               </option> -->

src/renderer/components/ModalEditDatabase.vue

@@ -5,7 +5,7 @@
          <div class="modal-header pl-2">
             <div class="modal-title h6">
                <div class="d-flex">
-                  <i class="mdi mdi-24px mdi-database-edit mr-1" /> {{ $t('message.editDatabase') }}
+                  <i class="mdi mdi-24px mdi-database-edit mr-1" /> {{ $t('message.editSchema') }}
                </div>
             </div>
             <a class="btn btn-clear c-hand" @click.stop="closeModal" />
@@ -23,7 +23,7 @@
                            class="form-input"
                            type="text"
                            required
-                           :placeholder="$t('message.databaseName')"
+                           :placeholder="$t('message.schemaName')"
                            readonly
                         >
                      </div>

src/renderer/components/ModalFakerRows.vue

@@ -34,7 +34,7 @@
                               :field-obj="localRow[field.name]"
                               :value.sync="localRow[field.name]"
                            >
-                              <span class="input-group-addon field-type" :class="`type-${field.type.toLowerCase()}`">
+                              <span class="input-group-addon field-type" :class="typeClass(field.type)">
                                  {{ field.type }} {{ fieldLength(field) | wrapNumber }}
                               </span>
                               <label class="form-checkbox ml-3" :title="$t('word.insert')">
@@ -286,6 +286,11 @@ export default {
       ...mapActions({
          addNotification: 'notifications/addNotification'
       }),
+      typeClass (type) {
+         if (type)
+            return `type-${type.toLowerCase().replaceAll(' ', '_').replaceAll('"', '')}`;
+         return '';
+      },
       async insertRows () {
          this.isInserting = true;
          const rowToInsert = this.localRow;

src/renderer/components/ModalNewConnection.vue

@@ -63,12 +63,12 @@
                                     <option value="maria">
                                        MariaDB
                                     </option>
+                                    <option value="pg">
+                                       PostgreSQL
+                                    </option>
                                  <!-- <option value="mssql">
                                     Microsoft SQL
                                  </option>
-                                 <option value="pg">
-                                    PostgreSQL
-                                 </option>
                                  <option value="oracledb">
                                     Oracle DB
                                  </option> -->
@@ -315,6 +315,7 @@ export default {
                this.connection.port = '1433';
                break;
             case 'pg':
+               this.connection.user = 'postgres';
                this.connection.port = '5432';
                break;
             case 'oracledb':

src/renderer/components/ModalNewDatabase.vue

@@ -5,7 +5,7 @@
          <div class="modal-header pl-2">
             <div class="modal-title h6">
                <div class="d-flex">
-                  <i class="mdi mdi-24px mdi-database-plus mr-1" /> {{ $t('message.createNewDatabase') }}
+                  <i class="mdi mdi-24px mdi-database-plus mr-1" /> {{ $t('message.createNewSchema') }}
                </div>
             </div>
             <a class="btn btn-clear c-hand" @click.stop="closeModal" />
@@ -24,11 +24,11 @@
                            class="form-input"
                            type="text"
                            required
-                           :placeholder="$t('message.databaseName')"
+                           :placeholder="$t('message.schemaName')"
                         >
                      </div>
                   </div>
-                  <div class="form-group">
+                  <div v-if="customizations.collations" class="form-group">
                      <div class="col-3">
                         <label class="form-label">{{ $t('word.collation') }}</label>
                      </div>
@@ -49,7 +49,11 @@
             </div>
          </div>
          <div class="modal-footer text-light">
-            <button class="btn btn-primary mr-2" @click.stop="createDatabase">
+            <button
+               class="btn btn-primary mr-2"
+               :class="{'loading': isLoading}"
+               @click.stop="createDatabase"
+            >
                {{ $t('word.add') }}
             </button>
             <button class="btn btn-link" @click.stop="closeModal">
@@ -68,6 +72,7 @@ export default {
    name: 'ModalNewDatabase',
    data () {
       return {
+         isLoading: false,
          database: {
             name: '',
             collation: ''
@@ -83,8 +88,11 @@ export default {
       collations () {
          return this.getWorkspace(this.selectedWorkspace).collations;
       },
+      customizations () {
+         return this.getWorkspace(this.selectedWorkspace).customizations;
+      },
       defaultCollation () {
-         return this.getDatabaseVariable(this.selectedWorkspace, 'collation_server').value || '';
+         return this.getDatabaseVariable(this.selectedWorkspace, 'collation_server') ? this.getDatabaseVariable(this.selectedWorkspace, 'collation_server').value : '';
       }
    },
    created () {
@@ -102,6 +110,7 @@ export default {
          addNotification: 'notifications/addNotification'
       }),
       async createDatabase () {
+         this.isLoading = true;
          try {
             const { status, response } = await Database.createDatabase({
                uid: this.selectedWorkspace,
@@ -118,6 +127,7 @@ export default {
          catch (err) {
             this.addNotification({ status: 'error', message: err.stack });
          }
+         this.isLoading = false;
       },
       closeModal () {
          this.$emit('close');

src/renderer/components/ModalNewTableRow.vue

@@ -69,7 +69,7 @@
                               :disabled="fieldsToExclude.includes(field.name)"
                               :tabindex="key+1"
                            >
-                           <span class="input-group-addon" :class="`type-${field.type.toLowerCase()}`">
+                           <span class="input-group-addon" :class="typeCLass(field.type)">
                               {{ field.type }} {{ fieldLength(field) | wrapNumber }}
                            </span>
                            <label class="form-checkbox ml-3" :title="$t('word.insert')">
@@ -222,6 +222,11 @@ export default {
       ...mapActions({
          addNotification: 'notifications/addNotification'
       }),
+      typeClass (type) {
+         if (type)
+            return `type-${type.toLowerCase().replaceAll(' ', '_').replaceAll('"', '')}`;
+         return '';
+      },
       async insertRows () {
          this.isInserting = true;
          const rowToInsert = this.localRow;

src/renderer/components/Workspace.vue

@@ -37,7 +37,7 @@
                </ul>
             </li>
             <li
-               v-if="schemaChild"
+               v-if="schemaChild && isSettingSupported"
                class="tab-item"
                :class="{'active': selectedTab === 'prop'}"
                @click="selectTab({uid: workspace.uid, tab: 'prop'})"
@@ -194,6 +194,15 @@ export default {
       isSelected () {
          return this.selectedWorkspace === this.connection.uid;
       },
+      isSettingSupported () {
+         if (this.workspace.breadcrumbs.table && this.workspace.customizations.tableSettings) return true;
+         if (this.workspace.breadcrumbs.view && this.workspace.customizations.viewSettings) return true;
+         if (this.workspace.breadcrumbs.trigger && this.workspace.customizations.triggerSettings) return true;
+         if (this.workspace.breadcrumbs.procedure && this.workspace.customizations.routineSettings) return true;
+         if (this.workspace.breadcrumbs.function && this.workspace.customizations.functionSettings) return true;
+         if (this.workspace.breadcrumbs.scheduler && this.workspace.customizations.schedulerSettings) return true;
+         return false;
+      },
       selectedTab () {
          if (
             (

src/renderer/components/WorkspaceExploreBar.vue

@@ -11,7 +11,7 @@
             <span v-if="workspace.connected" class="workspace-explorebar-tools">
                <i
                   class="mdi mdi-18px mdi-database-plus c-hand mr-2"
-                  :title="$t('message.createNewDatabase')"
+                  :title="$t('message.createNewSchema')"
                   @click="showNewDBModal"
                />
                <i

src/renderer/components/WorkspaceExploreBarDatabaseContext.vue

@@ -7,27 +7,55 @@
          <span class="d-flex"><i class="mdi mdi-18px mdi-plus text-light pr-1" /> {{ $t('word.add') }}</span>
          <i class="mdi mdi-18px mdi-chevron-right text-light pl-1" />
          <div class="context-submenu">
-            <div class="context-element" @click="showCreateTableModal">
+            <div
+               v-if="workspace.customizations.tableAdd"
+               class="context-element"
+               @click="showCreateTableModal"
+            >
                <span class="d-flex"><i class="mdi mdi-18px mdi-table text-light pr-1" /> {{ $t('word.table') }}</span>
             </div>
-            <div class="context-element" @click="showCreateViewModal">
+            <div
+               v-if="workspace.customizations.viewAdd"
+               class="context-element"
+               @click="showCreateViewModal"
+            >
                <span class="d-flex"><i class="mdi mdi-18px mdi-table-eye text-light pr-1" /> {{ $t('word.view') }}</span>
             </div>
-            <div class="context-element" @click="showCreateTriggerModal">
+            <div
+               v-if="workspace.customizations.triggerAdd"
+               class="context-element"
+               @click="showCreateTriggerModal"
+            >
                <span class="d-flex"><i class="mdi mdi-18px mdi-table-cog text-light pr-1" /> {{ $tc('word.trigger', 1) }}</span>
             </div>
-            <div class="context-element" @click="showCreateRoutineModal">
+            <div
+               v-if="workspace.customizations.routineAdd"
+               class="context-element"
+               @click="showCreateRoutineModal"
+            >
                <span class="d-flex"><i class="mdi mdi-18px mdi-sync-circle pr-1" /> {{ $tc('word.storedRoutine', 1) }}</span>
             </div>
-            <div class="context-element" @click="showCreateFunctionModal">
+            <div
+               v-if="workspace.customizations.functionAdd"
+               class="context-element"
+               @click="showCreateFunctionModal"
+            >
                <span class="d-flex"><i class="mdi mdi-18px mdi-arrow-right-bold-box pr-1" /> {{ $tc('word.function', 1) }}</span>
             </div>
-            <div class="context-element" @click="showCreateSchedulerModal">
+            <div
+               v-if="workspace.customizations.schedulerAdd"
+               class="context-element"
+               @click="showCreateSchedulerModal"
+            >
                <span class="d-flex"><i class="mdi mdi-18px mdi-calendar-clock text-light pr-1" /> {{ $tc('word.scheduler', 1) }}</span>
             </div>
          </div>
       </div>
-      <div class="context-element" @click="showEditModal">
+      <div
+         v-if="workspace.customizations.schemaEdit"
+         class="context-element"
+         @click="showEditModal"
+      >
          <span class="d-flex"><i class="mdi mdi-18px mdi-database-edit text-light pr-1" /> {{ $t('word.edit') }}</span>
       </div>
       <div class="context-element" @click="showDeleteModal">
@@ -36,12 +64,12 @@
 
       <ConfirmModal
          v-if="isDeleteModal"
-         @confirm="deleteDatabase"
+         @confirm="deleteSchema"
          @hide="hideDeleteModal"
       >
          <template slot="header">
             <div class="d-flex">
-               <i class="mdi mdi-24px mdi-database-remove mr-1" /> {{ $t('message.deleteDatabase') }}
+               <i class="mdi mdi-24px mdi-database-remove mr-1" /> {{ $t('message.deleteSchema') }}
             </div>
          </template>
          <div slot="body">
@@ -130,7 +158,7 @@ export default {
       closeContext () {
          this.$emit('close-context');
       },
-      async deleteDatabase () {
+      async deleteSchema () {
          try {
             const { status, response } = await Database.deleteDatabase({
                uid: this.selectedWorkspace,

src/renderer/components/WorkspacePropsFunctionParamsModal.vue

@@ -41,7 +41,7 @@
                      >
                         <div class="tile-icon">
                            <div>
-                              <i class="mdi mdi-hexagon mdi-24px" :class="`type-${param.type.toLowerCase()}`" />
+                              <i class="mdi mdi-hexagon mdi-24px" :class="typeClass(param.type)" />
                            </div>
                         </div>
                         <div class="tile-content">
@@ -183,6 +183,11 @@ export default {
       window.removeEventListener('resize', this.getModalInnerHeight);
    },
    methods: {
+      typeClass (type) {
+         if (type)
+            return `type-${type.toLowerCase().replaceAll(' ', '_').replaceAll('"', '')}`;
+         return '';
+      },
       confirmParametersChange () {
          this.$emit('parameters-update', this.parametersProxy);
       },

src/renderer/components/WorkspacePropsRoutineParamsModal.vue

@@ -41,7 +41,7 @@
                      >
                         <div class="tile-icon">
                            <div>
-                              <i class="mdi mdi-hexagon mdi-24px" :class="`type-${param.type.toLowerCase()}`" />
+                              <i class="mdi mdi-hexagon mdi-24px" :class="typeClass(param.type)" />
                            </div>
                         </div>
                         <div class="tile-content">
@@ -214,6 +214,11 @@ export default {
       window.removeEventListener('resize', this.getModalInnerHeight);
    },
    methods: {
+      typeClass (type) {
+         if (type)
+            return `type-${type.toLowerCase().replaceAll(' ', '_').replaceAll('"', '')}`;
+         return '';
+      },
       confirmParametersChange () {
          this.$emit('parameters-update', this.parametersProxy);
       },

src/renderer/components/WorkspacePropsTableRow.vue

@@ -48,7 +48,7 @@
          <span
             v-if="!isInlineEditor.type"
             class="cell-content text-left"
-            :class="`type-${lowerCase(localRow.type)}`"
+            :class="typeClass(localRow.type)"
             @click="editON($event, localRow.type.toUpperCase(), 'type')"
          >
             {{ localRow.type }}
@@ -378,10 +378,10 @@ export default {
                return 'UNKNOWN ' + key;
          }
       },
-      lowerCase (val) {
-         if (val)
-            return val.toLowerCase();
-         return val;
+      typeClass (type) {
+         if (type)
+            return `type-${type.toLowerCase().replaceAll(' ', '_').replaceAll('"', '')}`;
+         return '';
       },
       initLocalRow () {
          Object.keys(this.localRow).forEach(key => {

src/renderer/components/WorkspaceQueryTableRow.vue

@@ -12,7 +12,7 @@
             <span
                v-if="!isInlineEditor[cKey]"
                class="cell-content px-2"
-               :class="`${isNull(col)} type-${fields[cKey].type.toLowerCase()}`"
+               :class="`${isNull(col)} ${typeClass(fields[cKey].type)}`"
                @dblclick="editON($event, col, cKey)"
             >{{ col | typeFormat(fields[cKey].type.toLowerCase(), fields[cKey].length) | cutText }}</span>
             <ForeignKeySelect
@@ -331,6 +331,11 @@ export default {
       isNull (value) {
          return value === null ? ' is-null' : '';
       },
+      typeClass (type) {
+         if (type)
+            return `type-${type.toLowerCase().replaceAll(' ', '_').replaceAll('"', '')}`;
+         return '';
+      },
       bufferToBase64 (val) {
          return bufferToBase64(val);
       },