Skip to content
This repository was archived by the owner on Mar 8, 2024. It is now read-only.

Transfers import options to backend #19

Merged
merged 1 commit into from
Aug 5, 2022
Merged

Transfers import options to backend #19

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 15 additions & 18 deletions src/app/import/components/upload-records/upload-records.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,7 @@
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
<div>
<label
class="rounded-lg relative border p-4 flex cursor-pointer h-full focus:outline-none bg-white"
<label class="rounded-lg relative border p-4 flex cursor-pointer h-full focus:outline-none bg-white"
(click)="toggleTab(0)" [ngClass]="openTab === 0 ? 'border-black' : 'border-gray'">
<input type="radio" name="upload-file" [value]="0" [checked]="true"
class="h-4 w-4 mt-0.5 cursor-pointer shrink-0 text-indigo-600 border-gray-300 focus:ring-indigo-500"
Expand All @@ -26,8 +25,7 @@
<div class="col-span-3 lg:col-span-4 ml-3">
<span id="integrate-api-0-label" class="block text-sm font-medium text-gray-900">
Integrate via API </span>
<span id="integrate-api-0-description"
class="block text-sm font-normal text-gray-500"> Upload data
<span id="integrate-api-0-description" class="block text-sm font-normal text-gray-500"> Upload data
via our API. </span>
</div>
<div class="col-span-3 lg:col-span-2 text-right items-center flex">
Expand All @@ -42,10 +40,10 @@
<label class="bg-white rounded-lg relative border p-4 flex h-full focus:outline-none">
<div class="grid grid-cols-6 gap-4 w-full">
<div class="col-span-3 lg:col-span-4 ml-3">
<span id="integrate-database-0-label"
class="block text-sm font-medium text-gray-900"> Integrate database </span>
<span id="integrate-database-0-description"
class="block text-sm font-normal text-gray-500"> Integrate data directly from a
<span id="integrate-database-0-label" class="block text-sm font-medium text-gray-900"> Integrate
database </span>
<span id="integrate-database-0-description" class="block text-sm font-normal text-gray-500">
Integrate data directly from a
DB. </span>
</div>
<div class="col-span-3 lg:col-span-2 text-right items-center flex">
Expand All @@ -70,8 +68,7 @@
href="https://docs.kern.ai/docs/setup" target="_blank"><span
class="underline cursor-pointer">documentation</span></a> for further
details.</label>
<input name="twitterAPI" type="text"
class="input input-sm input-bordered w-full placeholder-italic"
<input name="twitterAPI" type="text" class="input input-sm input-bordered w-full placeholder-italic"
placeholder="Enter your API key here ...">
</div>
<div class="form-control mt-6">
Expand Down Expand Up @@ -102,16 +99,16 @@ <h3 class="text-sm font-medium text-yellow-800">File required</h3>
<div class="form-group" *ngIf="openTab === 0">
<label class="text-gray-500 text-sm font-normal">
You can specify import file upload options for your file. See how this is done for <a
href="https://pandas.pydata.org/docs/reference/api/pandas.read_json.html"
target="_blank"><span class="underline cursor-pointer">JSON</span></a>, <a
href="https://pandas.pydata.org/docs/reference/api/pandas.read_csv.html"
target="_blank"><span class="underline cursor-pointer">CSV</span></a> and <a
href="https://pandas.pydata.org/docs/reference/api/pandas.read_excel.html"
target="_blank"><span class="underline cursor-pointer">spreadsheets</span></a>. If you leave
href="https://pandas.pydata.org/docs/reference/api/pandas.read_json.html" target="_blank"><span
class="underline cursor-pointer">JSON</span></a>, <a
href="https://pandas.pydata.org/docs/reference/api/pandas.read_csv.html" target="_blank"><span
class="underline cursor-pointer">CSV</span></a> and <a
href="https://pandas.pydata.org/docs/reference/api/pandas.read_excel.html" target="_blank"><span
class="underline cursor-pointer">spreadsheets</span></a>. If you leave
it blank, we'll use default settings
</label>
<div>
<textarea class="shadow mt-1 p-4 text-sm w-full placeholder-indigo" rows="3"
<textarea #importOptions class="shadow mt-1 p-4 text-sm w-full placeholder-indigo" rows="3"
placeholder="E.g. for uncommon CSV&#10;sep=\t&#10;lineterminator=\r"></textarea>
</div>
</div>
</div>
5 changes: 3 additions & 2 deletions src/app/import/components/upload-records/upload-records.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
import { Router } from '@angular/router';
import { timer } from 'rxjs';
import { ProjectApolloService } from 'src/app/base/services/project/project-apollo.service';
Expand All @@ -21,6 +21,7 @@ export class UploadRecordsComponent implements OnInit {
isFileUploaded: boolean = false;
openTab: number = 0;
@ViewChild(UploadComponent) uploadComponent;
@ViewChild('importOptions', { read: ElementRef }) importOptionsHTML: ElementRef;


constructor(private projectApolloService: ProjectApolloService, private router: Router) { }
Expand Down Expand Up @@ -61,6 +62,6 @@ export class UploadRecordsComponent implements OnInit {
this.router.navigate(['projects', this.projectId, 'settings'])
})
}
this.uploadComponent.finishUpUpload(finalFileName, '');
this.uploadComponent.finishUpUpload(finalFileName, this.importOptionsHTML.nativeElement.value);
}
}