cccb9a5fec
Features: - Build packs for popular frontend frameworks. It will help to understand which build packs should be chosen. Fixes: - Github queries optimized. - Save repositories to store (faster navigation). - Remove unnecessary data on dashboard requests. - Speed up static site builds with a lot. UI: - Redesign of the application deployment page. - Redesign of database deployments page.
54 lines
1.8 KiB
Svelte
54 lines
1.8 KiB
Svelte
<script>
|
|
import { createEventDispatcher } from "svelte";
|
|
import { application, githubRepositories, activePage } from "@store";
|
|
import Select from "svelte-select";
|
|
function handleSelect(event) {
|
|
$application.build.pack = 'static'
|
|
$application.repository.id = parseInt(event.detail.value, 10);
|
|
dispatch("loadBranches");
|
|
}
|
|
|
|
let items = $githubRepositories.map(repo => ({
|
|
label: `${repo.owner.login}/${repo.name}`,
|
|
value: repo.id.toString(),
|
|
}));
|
|
|
|
const selectedValue =
|
|
!$activePage.new &&
|
|
`${$application.repository.organization}/${$application.repository.name}`;
|
|
|
|
const dispatch = createEventDispatcher();
|
|
const modifyGithubAppConfig = () => dispatch("modifyGithubAppConfig");
|
|
</script>
|
|
|
|
<div class="grid grid-cols-1 pt-4">
|
|
{#if $githubRepositories.length !== 0}
|
|
<label for="repository">Organization / Repository</label>
|
|
<div class="grid grid-cols-3 ">
|
|
<div class="repository-select-search col-span-2">
|
|
<Select
|
|
isFocused="true"
|
|
containerClasses="w-full border-none bg-transparent"
|
|
on:select="{handleSelect}"
|
|
selectedValue="{selectedValue}"
|
|
isClearable="{false}"
|
|
items="{items}"
|
|
showIndicator="{$activePage.new}"
|
|
noOptionsMessage="No Repositories found"
|
|
placeholder="Select a Repository"
|
|
isDisabled="{!$activePage.new}"
|
|
/>
|
|
</div>
|
|
<button
|
|
class="button col-span-1 ml-2 bg-warmGray-800 hover:bg-warmGray-700 text-white"
|
|
on:click="{modifyGithubAppConfig}">Configure on Github</button
|
|
>
|
|
</div>
|
|
{:else}
|
|
<button
|
|
class="button col-span-1 ml-2 bg-warmGray-800 hover:bg-warmGray-700 text-white py-2"
|
|
on:click="{modifyGithubAppConfig}">Add repositories on Github</button
|
|
>
|
|
{/if}
|
|
</div>
|