22 lines
12 KiB
HTML
22 lines
12 KiB
HTML
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Kasm Apps</title><meta name="description" content="List of apps for Kasm Webspaces"/><link rel="icon" href="/favicon.ico"/><meta name="next-head-count" content="5"/><link rel="preload" href="/kasm-apps/_next/static/css/e344c07feaf6235d.css" as="style"/><link rel="stylesheet" href="/kasm-apps/_next/static/css/e344c07feaf6235d.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/kasm-apps/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/kasm-apps/_next/static/chunks/webpack-11f14c8df268517c.js" defer=""></script><script src="/kasm-apps/_next/static/chunks/framework-3b5a00d5d7e8d93b.js" defer=""></script><script src="/kasm-apps/_next/static/chunks/main-a01f52e14d9053df.js" defer=""></script><script src="/kasm-apps/_next/static/chunks/pages/_app-0f3995b5d146fb10.js" defer=""></script><script src="/kasm-apps/_next/static/chunks/628-10ee06773492999d.js" defer=""></script><script src="/kasm-apps/_next/static/chunks/pages/addapp-408061be1c2ca04c.js" defer=""></script><script src="/kasm-apps/_next/static/Gipj-nj50af30ZAyxnVQx/_buildManifest.js" defer=""></script><script src="/kasm-apps/_next/static/Gipj-nj50af30ZAyxnVQx/_ssgManifest.js" defer=""></script></head><body><div id="__next"><header class="relative font-light overflow-hidden bg-gradient-to-tr from-slate-900 to-cyan-800 p-32 py-8 text-white flex justify-between items-center"><ul class="bg-bubbles"><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul><div class="relative z-10"><div class="text-3xl">Kasm Technologies</div><div class="text-sm uppercase w-full flex justify-between"><span class="opacity-70">A</span><span class="opacity-70">p</span><span class="opacity-70">p</span><span class="opacity-70">l</span><span class="opacity-70">i</span><span class="opacity-70">c</span><span class="opacity-70">a</span><span class="opacity-70">t</span><span class="opacity-70">i</span><span class="opacity-70">o</span><span class="opacity-70">n</span><span> </span><span class="opacity-40">D</span><span class="opacity-40">a</span><span class="opacity-40">t</span><span class="opacity-40">a</span><span class="opacity-40">b</span><span class="opacity-40">a</span><span class="opacity-40">s</span><span class="opacity-40">e</span></div></div><nav class="relative z-10 mx-12"><a class="p-4 rounded-full border border-solid border-transparent" href="/kasm-apps/">Library</a><a class="p-4 rounded-full border border-solid bg-black/10 border-white/30" href="/kasm-apps/addapp/">Add App</a></nav><div class="grow flex justify-center relative z-10"><div class="bg-black/10 shadow border border-1 border-white/30 rounded flex w-full max-w-md"><input name="search" class="bg-transparent shadow-inner text-lg font-light w-full p-4 placeholder:text-white/40" placeholder="Search for application" type="text" value=""/></div></div><button class="p-4 relative z-10 px-5 bg-emerald-600 m-2 rounded items-center text-white/70 flex cursor-pointer"><span class="mr-3">App Registry Link</span><svg style="height:14px;fill:#fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M224 0c-35.3 0-64 28.7-64 64V288c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H224zM64 160c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H288c35.3 0 64-28.7 64-64V384H288v64H64V224h64V160H64z"></path></svg></button></header><main><div class=""><div class="flex flex-col lg:flex-row w-full my-20 max-w-6xl text-sm rounded-xl overflow-hidden mx-auto"><div class="w-full lg:w-1/2 p-16 bg-slate-300"><h1 class="text-2xl font-medium mb-2">Add Application</h1><div class="flex flex-col"><p class="mb-8 opacity-70">This will help you generate the JSON file you need to upload to the App directory.</p><label class="mb-2 font-medium">Icon</label><input type="file" name="icon" class="mb-2 p-2 rounded-lg bg-slate-100 border border-solid border-slate-400"/><p class="mb-6 opacity-70">Select the image to use, image will be renamed when it's downloaded.</p><label class="mb-2 font-medium">Friendly Name</label><input name="friendly_name" class="mb-2 p-2 rounded-lg bg-slate-100 border border-solid border-slate-400"/><p class="mb-6 opacity-70">This is the name that will show for users</p><label class="mb-2 font-medium">Categories</label><style data-emotion="css b62m3t-container">.css-b62m3t-container{position:relative;box-sizing:border-box;}</style><div class=" css-b62m3t-container"><style data-emotion="css 7pg0cj-a11yText">.css-7pg0cj-a11yText{z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;}</style><span id="react-select-2-live-region" class="css-7pg0cj-a11yText"></span><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" class="css-7pg0cj-a11yText"></span><style data-emotion="css 1bt4551-control">.css-1bt4551-control{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:hsl(0, 0%, 100%);border-color:#94a3b8;border-radius:0.5rem;border-style:solid;border-width:1px;cursor:default;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-height:38px;outline:0!important;position:relative;-webkit-transition:all 100ms;transition:all 100ms;box-sizing:border-box;background:#f1f5f9;}.css-1bt4551-control:hover{border-color:hsl(0, 0%, 70%);}</style><div class=" css-1bt4551-control"><style data-emotion="css 1d8n9bt">.css-1d8n9bt{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:2px 8px;-webkit-overflow-scrolling:touch;position:relative;overflow:hidden;box-sizing:border-box;}</style><div class=" css-1d8n9bt"><style data-emotion="css 14el2xx-placeholder">.css-14el2xx-placeholder{color:hsl(0, 0%, 50%);grid-area:1/1/2/3;margin-left:2px;margin-right:2px;box-sizing:border-box;}</style><div class=" css-14el2xx-placeholder" id="react-select-2-placeholder">Select...</div><style data-emotion="css ackcql">.css-ackcql{margin:2px;padding-bottom:2px;padding-top:2px;visibility:visible;color:hsl(0, 0%, 20%);-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:inline-grid;grid-area:1/1/2/3;grid-template-columns:0 min-content;box-sizing:border-box;}.css-ackcql:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;grid-area:1/2;font:inherit;min-width:2px;border:0;margin:0;outline:0;padding:0;}</style><div class=" css-ackcql" data-value=""><input class="" style="label:input;color:inherit;background:0;opacity:1;width:100%;grid-area:1 / 2;font:inherit;min-width:2px;border:0;margin:0;outline:0;padding:0" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-2-input" spellcheck="false" tabindex="0" type="text" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" role="combobox" aria-describedby="react-select-2-placeholder" value=""/></div></div><style data-emotion="css 1wy0on6">.css-1wy0on6{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}</style><div class=" css-1wy0on6"><style data-emotion="css 1okebmr-indicatorSeparator">.css-1okebmr-indicatorSeparator{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;background-color:hsl(0, 0%, 80%);margin-bottom:8px;margin-top:8px;width:1px;box-sizing:border-box;}</style><span class=" css-1okebmr-indicatorSeparator"></span><style data-emotion="css tlfecz-indicatorContainer">.css-tlfecz-indicatorContainer{color:hsl(0, 0%, 80%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:8px;-webkit-transition:color 150ms;transition:color 150ms;box-sizing:border-box;}.css-tlfecz-indicatorContainer:hover{color:hsl(0, 0%, 60%);}</style><div class=" css-tlfecz-indicatorContainer" aria-hidden="true"><style data-emotion="css 8mmkcg">.css-8mmkcg{display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;}</style><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-8mmkcg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div><div><input name="categories" type="hidden" value=""/></div></div><p class="mb-6 mt-2 opacity-70">You can select from the available option or create new ones.</p><label class="mb-2 font-medium">Description</label><input name="description" class="mb-2 p-2 rounded-lg bg-slate-100 border border-solid border-slate-400"/><p class="mb-6 opacity-70">A short description about the application</p><label class="mb-2 font-medium">Docker Image</label><input name="name" class="mb-2 p-2 rounded-lg bg-slate-100 border border-solid border-slate-400"/><p class="mb-6 opacity-70">The docker image to use, i.e. <code class="text-xs p-1 px-2 rounded bg-white/40">kasmweb/filezilla:develop</code></p></div></div><div class="w-full lg:w-1/2 p-16 bg-slate-100"><div class="rounded-xl group w-full shadow max-w-xs relative overflow-hidden h-[100px] border border-solid flex flex-col justify-between bg-slate-300 border-slate-400/50"><div class="absolute top-0 left-0 right-0 h-[200px] transition-all"><div class="h-[100px] p-4 relative overflow-hidden cursor-pointer"><img class="h-[90px] group-hover:scale-150 transition-all absolute left-2 top-1"/><div class="flex-col pl-28"><div class="font-bold">Friendly Name</div><div class="text-xs mb-2 flex gap-2">Unknown<!-- --> <span></span></div><div class=" h-8"></div></div><div class="absolute bottom-0 left-0 right-0 bg-slate-400/20 h-8 text-[10px] flex items-center justify-center"></div></div><div class="h-[100px] text-xs relative p-2 pl-4 flex"><button class="absolute right-2 top-2 bg-slate-100 rounded-full flex justify-center items-center h-6 w-6"><svg style="height:14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"></path></svg></button><div class="flex flex-col flex-grow"><div class="font-bold"></div> </div><div class="flex flex-col justify-end gap-1"><div class="text-xs text-color w-full p-4 py-1 rounded-lg bg-black/5 flex justify-center items-center">Edit</div><button class="text-xs w-full p-4 py-1 rounded-lg flex justify-center items-center bg-blue-500 font-bold text-white">Install</button></div></div></div></div><pre class="my-8 overflow-y-auto text-xs">{
|
||
"friendly_name": null,
|
||
"image_src": null,
|
||
"description": null,
|
||
"name": null,
|
||
"cores": 2,
|
||
"memory": 2768,
|
||
"gpu_count": 0,
|
||
"cpu_allocation_method": "Inherit",
|
||
"docker_registry": "https://index.docker.io/v1/",
|
||
"volume_mappings": "{}",
|
||
"run_config": "{}",
|
||
"exec_config": "{}",
|
||
"categories": "[]",
|
||
"require_gpu": false,
|
||
"enabled": true,
|
||
"restrict_to_network": false,
|
||
"restrict_network_names": "[]",
|
||
"allow_network_selection": false,
|
||
"notes": null,
|
||
"image_type": "Container"
|
||
}</pre><button class="p-4 relative z-10 px-5 bg-emerald-600 m-2 rounded items-center text-white/70 flex cursor-pointer">Download</button></div></div></div></main><footer></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/addapp","query":{},"buildId":"Gipj-nj50af30ZAyxnVQx","assetPrefix":"/kasm-apps","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html> |