Skip to content

Commit

Permalink
refactor(create-forms): 🎉 update create forms
Browse files Browse the repository at this point in the history
  • Loading branch information
gokhangunduz committed Nov 1, 2023
1 parent b7fad20 commit 38cb986
Show file tree
Hide file tree
Showing 26 changed files with 598 additions and 280 deletions.
110 changes: 110 additions & 0 deletions public/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -1142,6 +1142,34 @@ video {
height: 100vh;
}

.h-\[53rem\] {
height: 53rem;
}

.h-\[50rem\] {
height: 50rem;
}

.h-\[42\.8rem\] {
height: 42.8rem;
}

.h-\[42\.6rem\] {
height: 42.6rem;
}

.h-\[43rem\] {
height: 43rem;
}

.h-\[43\.4rem\] {
height: 43.4rem;
}

.h-\[43\.8rem\] {
height: 43.8rem;
}

.max-h-\[40rem\] {
max-height: 40rem;
}
Expand Down Expand Up @@ -1351,6 +1379,10 @@ video {
width: max-content;
}

.w-3\/4 {
width: 75%;
}

.min-w-\[12rem\] {
min-width: 12rem;
}
Expand Down Expand Up @@ -1473,6 +1505,41 @@ video {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-105 {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[2\.0\] {
--tw-scale-x: 2.0;
--tw-scale-y: 2.0;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.5\] {
--tw-scale-x: 1.5;
--tw-scale-y: 1.5;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.75\] {
--tw-scale-x: 1.75;
--tw-scale-y: 1.75;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.8\] {
--tw-scale-x: 1.8;
--tw-scale-y: 1.8;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
Expand Down Expand Up @@ -1584,6 +1651,10 @@ video {
grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}

.\!flex-col {
flex-direction: column !important;
}
Expand Down Expand Up @@ -1954,6 +2025,26 @@ video {
border-color: rgb(234 179 8 / var(--tw-border-opacity));
}

.border-layer-dark-700 {
--tw-border-opacity: 1;
border-color: rgb(41 41 41 / var(--tw-border-opacity));
}

.border-layer-dark-400 {
--tw-border-opacity: 1;
border-color: rgb(102 102 102 / var(--tw-border-opacity));
}

.border-layer-dark-200 {
--tw-border-opacity: 1;
border-color: rgb(143 143 143 / var(--tw-border-opacity));
}

.border-layer-dark-100 {
--tw-border-opacity: 1;
border-color: rgb(163 163 163 / var(--tw-border-opacity));
}

.\!bg-layer-light-50 {
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
Expand Down Expand Up @@ -2196,6 +2287,14 @@ video {
padding: 2rem;
}

.\!p-1 {
padding: 0.25rem !important;
}

.\!p-1\.5 {
padding: 0.375rem !important;
}

.\!px-0 {
padding-left: 0px !important;
padding-right: 0px !important;
Expand Down Expand Up @@ -2482,6 +2581,10 @@ video {
font-weight: 600;
}

.font-extralight {
font-weight: 200;
}

.uppercase {
text-transform: uppercase;
}
Expand Down Expand Up @@ -3301,6 +3404,13 @@ td {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[0\.98\]:hover {
--tw-scale-x: 0.98;
--tw-scale-y: 0.98;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:cursor-not-allowed:hover {
cursor: not-allowed;
}
Expand Down
2 changes: 1 addition & 1 deletion public/svg/apps/nvidia.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
81 changes: 81 additions & 0 deletions src/api/openapi/api.ts
Original file line number Diff line number Diff line change
Expand Up @@ -734,6 +734,12 @@ export interface Environment {
* @memberof Environment
*/
'ideGpuResource'?: number;
/**
*
* @type {string}
* @memberof Environment
*/
'ideGpuModelName'?: string;
/**
*
* @type {boolean}
Expand Down Expand Up @@ -879,6 +885,18 @@ export interface GpuUsage {
* @memberof GpuUsage
*/
'capacity'?: string;
/**
*
* @type {string}
* @memberof GpuUsage
*/
'gpuModel'?: string;
/**
*
* @type {string}
* @memberof GpuUsage
*/
'gpuUtilization'?: string;
}
/**
*
Expand Down Expand Up @@ -4276,6 +4294,39 @@ export const KubernetesApiAxiosParamCreator = function (configuration?: Configur



localVarHeaderParameter['Content-Type'] = 'application/json';

setSearchParams(localVarUrlObj, localVarQueryParameter);
let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
localVarRequestOptions.data = serializeDataIfNeeded(organization, localVarRequestOptions, configuration)

return {
url: toPathString(localVarUrlObj),
options: localVarRequestOptions,
};
},
/**
*
* @param {Organization} [organization]
* @param {*} [options] Override http request option.
* @throws {RequiredError}
*/
vdiSoftReload: async (organization?: Organization, options: AxiosRequestConfig = {}): Promise<RequestArgs> => {
const localVarPath = `/kubernetes/vdiSoftReload`;
// use dummy base URL string because the URL constructor only accepts absolute URLs.
const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
let baseOptions;
if (configuration) {
baseOptions = configuration.baseOptions;
}

const localVarRequestOptions = { method: 'POST', ...baseOptions, ...options};
const localVarHeaderParameter = {} as any;
const localVarQueryParameter = {} as any;



localVarHeaderParameter['Content-Type'] = 'application/json';

setSearchParams(localVarUrlObj, localVarQueryParameter);
Expand Down Expand Up @@ -4428,6 +4479,16 @@ export const KubernetesApiFp = function(configuration?: Configuration) {
const localVarAxiosArgs = await localVarAxiosParamCreator.restartPod(organization, options);
return createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration);
},
/**
*
* @param {Organization} [organization]
* @param {*} [options] Override http request option.
* @throws {RequiredError}
*/
async vdiSoftReload(organization?: Organization, options?: AxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<string>> {
const localVarAxiosArgs = await localVarAxiosParamCreator.vdiSoftReload(organization, options);
return createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration);
},
}
};

Expand Down Expand Up @@ -4555,6 +4616,15 @@ export const KubernetesApiFactory = function (configuration?: Configuration, bas
restartPod(organization?: Organization, options?: any): AxiosPromise<string> {
return localVarFp.restartPod(organization, options).then((request) => request(axios, basePath));
},
/**
*
* @param {Organization} [organization]
* @param {*} [options] Override http request option.
* @throws {RequiredError}
*/
vdiSoftReload(organization?: Organization, options?: any): AxiosPromise<string> {
return localVarFp.vdiSoftReload(organization, options).then((request) => request(axios, basePath));
},
};
};

Expand Down Expand Up @@ -4707,6 +4777,17 @@ export class KubernetesApi extends BaseAPI {
public restartPod(organization?: Organization, options?: AxiosRequestConfig) {
return KubernetesApiFp(this.configuration).restartPod(organization, options).then((request) => request(this.axios, this.basePath));
}

/**
*
* @param {Organization} [organization]
* @param {*} [options] Override http request option.
* @throws {RequiredError}
* @memberof KubernetesApi
*/
public vdiSoftReload(organization?: Organization, options?: AxiosRequestConfig) {
return KubernetesApiFp(this.configuration).vdiSoftReload(organization, options).then((request) => request(this.axios, this.basePath));
}
}


Expand Down
23 changes: 18 additions & 5 deletions src/components/CFAdvancedSettings/CFAdvancedSettings.tsx
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
import PersistedDirectoriesInputTag from "../CreateRobotFormPersistedDirectoriesInputTag/CreateRobotFormPersistedDirectoriesInputTag";
import CFPersistDirTags from "../CFPersistDirTags/CFPersistDirTags";
import CreateRobotFormGrantedDirectoriesInputTag from "../CreateRobotFormGrantedDirectoriesInputTag/CreateRobotFormGrantedDirectoriesInputTag";
import PortSetter from "../CreateRobotFormPortSetter/CreateRobotFormPortSetter";
import Accordion from "../Accordion/AccordionV2";
import { ReactElement, useState } from "react";
import { FormikProps } from "formik/dist/types";
import { IRobotStep1 } from "../../interfaces/robotInterfaces";
import CFSection from "../CFSection/CFSection";
import Seperator from "../Seperator/Seperator";

interface ICFAdvancedSettings {
formik: FormikProps<IRobotStep1>;
Expand All @@ -30,13 +32,24 @@ export default function CFAdvancedSettings({
}}
>
<div className="flex flex-col gap-5 px-4 pb-6 pt-2">
<PersistedDirectoriesInputTag />
<CFSection gap={4}>
<CFPersistDirTags />
<Seperator />
</CFSection>

<CreateRobotFormGrantedDirectoriesInputTag />
<CFSection gap={4}>
<CreateRobotFormGrantedDirectoriesInputTag />
<Seperator />
</CFSection>

<PortSetter isImportRobot={disabled} formik={formik} type="ide" />
<CFSection gap={4}>
<PortSetter formik={formik} isImportRobot={disabled} type="ide" />
<Seperator />
</CFSection>

<PortSetter formik={formik} type="vdi" />
<CFSection>
<PortSetter formik={formik} isImportRobot={disabled} type="vdi" />
</CFSection>
</div>
</Accordion>
);
Expand Down
Loading

0 comments on commit 38cb986

Please sign in to comment.