Gecko [ www.jdcpatala.org ]

Name	Size	Permission
font	[ DIR ]	drwxr-xr-x
img	[ DIR ]	drwxr-xr-x
js	[ DIR ]	drwxr-xr-x
scripts	[ DIR ]	drwxr-xr-x
AutoExpandingTextArea-BXFyAEiG...	151 B	-rw-r--r--
BaseLayout-CiF2D8RH.js	280 B	-rw-r--r--
BulkDeleteButton-B-fvVwh0.js	1.08 KB	-rw-r--r--
CancelOperationBtn-BW2TAzI_.js	1.08 KB	-rw-r--r--
CertificateAdd-BGVwf-VB.js	2.84 KB	-rw-r--r--
CertificateGenerate-bNGS6BFl.j...	9.87 KB	-rw-r--r--
ClusterGroupForm-BiXmM-NU.js	3.25 KB	-rw-r--r--
ClusterList-CZFDB46f.js	5.17 KB	-rw-r--r--
ClusterMemberSelector-B2lzDpCI...	3.71 KB	-rw-r--r--
ClusterSpecificInput-BdiLVA9B....	1.97 KB	-rw-r--r--
ClusterSpecificSelect-DrKUzNev...	2.2 KB	-rw-r--r--
ConfigFieldDescription-BnRkdbo...	335 B	-rw-r--r--
CreateClusterGroup-C6s3qbZf.js	463 B	-rw-r--r--
CreateInstance-BXX4Xa4W.js	27.97 KB	-rw-r--r--
CreateInstanceFromImageBtn-BiE...	527 B	-rw-r--r--
CreateNetwork-BQw2A27w.js	2.88 KB	-rw-r--r--
CreateNetworkForward-BgZF8duA....	1.71 KB	-rw-r--r--
CreateProfile-CCJYKSCK.js	4.04 KB	-rw-r--r--
CreateProject-DTBqJzUb.js	2.83 KB	-rw-r--r--
CreateStoragePool-CuOutvs3.js	2.46 KB	-rw-r--r--
CreateStorageVolume-B0HvyGnH.j...	2.47 KB	-rw-r--r--
CustomIsoList-CQVv4whx.js	5.48 KB	-rw-r--r--
DeleteStoragePoolBtn-BeXLuEnA....	1.62 KB	-rw-r--r--
DeleteStorageVolumeBtn-DIIVYGa...	1.88 KB	-rw-r--r--
DiskSizeSelector-IT5APek6.js	1010 B	-rw-r--r--
EditClusterGroup-DiNIL0Lx.js	761 B	-rw-r--r--
EditNetworkForward-DtcWepYC.js	1.99 KB	-rw-r--r--
ExpandableList-EDeaeb6c.js	323 B	-rw-r--r--
FormEditButton-Cs2eW7Js.js	278 B	-rw-r--r--
FormFooterLayout-B3kcadYt.js	738 B	-rw-r--r--
FormLink-BaU-zsbe.js	879 B	-rw-r--r--
FormMenuItem-ChXfQsFA.js	2.23 MB	-rw-r--r--
FormMenuItem-DyX1CsEw.css	66.66 KB	-rw-r--r--
GroupOrIdentityChangesTable-DQ...	5.11 KB	-rw-r--r--
GroupSelectionActions-Dq47oQd-...	3.18 KB	-rw-r--r--
HelpLink-4LTOsqZO.js	294 B	-rw-r--r--
ImageList-yKBGTFZU.js	11.7 KB	-rw-r--r--
InstanceDetail-BV9hr65t.js	481.49 KB	-rw-r--r--
InstanceDetail-Beg8tuEN.css	3.88 KB	-rw-r--r--
InstanceLinkChip-DfVC8U01.js	4.24 KB	-rw-r--r--
InstanceList-CTEYE5e7.js	24.67 KB	-rw-r--r--
ItemName-DSOx0T0r.js	185 B	-rw-r--r--
Login-CsUYa7ns.js	1.41 KB	-rw-r--r--
Meter-BsdJ73XW.js	487 B	-rw-r--r--
NetworkDetail-RgSS_6Vw.js	12.8 KB	-rw-r--r--
NetworkForwardForm-C18aehvo.js	6.49 KB	-rw-r--r--
NetworkList-B4gWmGGm.js	6.32 KB	-rw-r--r--
NetworkListTable-Ba2LzF-J.js	3.31 KB	-rw-r--r--
NotificationRow-CotZPNAQ.js	157 B	-rw-r--r--
OperationList-D4--05cO.js	3.35 KB	-rw-r--r--
PageHeader-CExPjRLH.js	549 B	-rw-r--r--
PermissionGroups-CkGxgQmn.js	30.89 KB	-rw-r--r--
PermissionIdentities-DDmb7V-C....	12.93 KB	-rw-r--r--
PermissionIdpGroups-yggiVbcG.j...	13.38 KB	-rw-r--r--
ProfileDetail-CQHhNWwW.js	10.94 KB	-rw-r--r--
ProfileDetailsForm-C-rMcUGO.js	2.45 KB	-rw-r--r--
ProfileInstances-DeravO8Q.js	1.46 KB	-rw-r--r--
ProfileList-C7yC3g6E.js	7.11 KB	-rw-r--r--
ProgressBar-CQ2HKUqQ.js	170 B	-rw-r--r--
ProjectConfiguration-rKP8dZtz....	9.04 KB	-rw-r--r--
ProjectForm-GhClr0iv.js	15.12 KB	-rw-r--r--
ProtectedRoute-DYKGChU3.js	214 B	-rw-r--r--
ProxyDeviceForm-B5UDgi1V.js	38.9 KB	-rw-r--r--
RenameHeader-fmgiouA6.js	13.29 KB	-rw-r--r--
ResourceIcon-DZQOrBLA.js	532 B	-rw-r--r--
ResourceLabel-PzB_6v5p.js	317 B	-rw-r--r--
ResourceLink-CS7mH0C3.js	302 B	-rw-r--r--
ScrollableContainer-MJpEXCww.j...	646 B	-rw-r--r--
ScrollableTable-DWT33Lms.js	561 B	-rw-r--r--
SelectableMainTable-C8l8QdDe.j...	2.21 KB	-rw-r--r--
SelectedTableNotification-2DZb...	974 B	-rw-r--r--
Settings-BYi8qROs.js	9.75 KB	-rw-r--r--
SidePanel-DNeaRMst.js	2.84 KB	-rw-r--r--
SnapshotForm-DF9sGEzn.js	1.49 KB	-rw-r--r--
StoragePoolDetail-DT58PBIr.js	6.45 KB	-rw-r--r--
StoragePoolForm-Z62B6Fuh.js	17.07 KB	-rw-r--r--
StoragePoolSelectTable-CXuxJSN...	1.61 KB	-rw-r--r--
StoragePoolSelector-DEvMjaMu.j...	1.48 KB	-rw-r--r--
StoragePoolSize-DyBNKBKy.js	467 B	-rw-r--r--
StoragePools-DK0Gkjq9.js	3.99 KB	-rw-r--r--
StorageUsedBy-sdKGRlgM.js	2.12 KB	-rw-r--r--
StorageVolumeDetail-fQzbPWNW.j...	24.87 KB	-rw-r--r--
StorageVolumeForm-ZPfwK39D.js	8.42 KB	-rw-r--r--
StorageVolumes-DPotlIN6.js	7.26 KB	-rw-r--r--
StorageVolumesFilter-B7pR3OeF....	1.01 KB	-rw-r--r--
TabLinks-BIG_Rdvk.js	360 B	-rw-r--r--
UploadCustomIso-DG12FhN0.js	2.83 KB	-rw-r--r--
UsedByItem-VHA3kVFG.js	945 B	-rw-r--r--
VolumeAddSnapshotBtn-8Qz9xFE-....	4.87 KB	-rw-r--r--
WarningList-DZNTQSpg.js	1.99 KB	-rw-r--r--
YamlNotification-BnmI52ws.js	634 B	-rw-r--r--
YamlSwitch-BXLuxWUh.js	40.62 KB	-rw-r--r--
certificate-kcThcTS9.js	279.99 KB	-rw-r--r--
clusterGroups-BWQNdGSD.js	3.63 KB	-rw-r--r--
images-Du2fhDUO.js	1.22 KB	-rw-r--r--
index-BeIaaTgz.css	661.94 KB	-rw-r--r--
index-BkTFFYvy.js	690.52 KB	-rw-r--r--
index-DW_MHI2K.js	34.19 KB	-rw-r--r--
index.esm-auJ3G_FM.js	38.36 KB	-rw-r--r--
instanceDelete-Bn3xn_NE.js	12.2 KB	-rw-r--r--
instanceOptions-BuFjjn-P.js	1.19 KB	-rw-r--r--
network-forwards-B-h1Yzp9.js	856 B	-rw-r--r--
operations-DIvBacJG.js	757 B	-rw-r--r--
projects-CvA2zMPN.js	789 B	-rw-r--r--
scroll-DPmbgfny.js	26.97 KB	-rw-r--r--
searchAndFilter-DtC_P-vv.js	361 B	-rw-r--r--
snapshots-CEDJtMaf.js	670 B	-rw-r--r--
storage-volumes-tfXkh9eB.js	2.46 KB	-rw-r--r--
useGroups-CCX3qCzO.js	2.91 KB	-rw-r--r--
useImages-LgCYWVgs.js	1.64 KB	-rw-r--r--
useNetworks-D3nHf8AE.js	3.63 KB	-rw-r--r--
useSmallScreen-BvsjT919.js	169 B	-rw-r--r--
useSortTableData-BoXaK1oA.js	393 B	-rw-r--r--
useVolumes-BvpfNVaA.js	1.27 KB	-rw-r--r--

Code Editor : CertificateGenerate-bNGS6BFl.js

import{r as h,j as e,d as s,c as I,b as D,L,N as R,C as A}from"./index-BkTFFYvy.js";import{c as E,a as w,b as z}from"./index.esm-auJ3G_FM.js";import{H as M}from"./HelpLink-4LTOsqZO.js";const x="Firefox",f="Chrome (Linux)",_="Chrome (Windows)",N="Edge",b="macOS",U=[x,f,_,N,b],X=({sendPfx:l})=>{const[a,r]=h.useState(x),i=e.jsxs(e.Fragment,{children:[e.jsxs("li",{className:"p-list__item",children:["This opens a certificate management dialog. Click ",e.jsx("code",{children:"Import..."}),"then ",e.jsx("code",{children:"Next"})," and select the ",e.jsx("code",{children:"lxd-ui.pfx"})," file you just downloaded. Enter your password, or leave the field empty if you have not set one. Click ",e.jsx("code",{children:"Next"}),"."]}),e.jsxs("li",{className:"p-list__item",children:["Select ",e.jsx("code",{children:"Automatically select the certificate store"})," and click"," ",e.jsx("code",{children:"Next"}),", then click ",e.jsx("code",{children:"Finish"}),"."]}),e.jsx("li",{className:"p-list__item",children:"Restart the browser and open LXD-UI. Select the LXD-UI certificate."})]}),t=e.jsxs("li",{className:"p-list__item u-clearfix",children:["Download the ",e.jsx("code",{children:".pfx"})," file for importing to your browser.",l&&e.jsx("div",{className:"u-float-right--large",children:e.jsx(s.Button,{onClick:l,children:"Download pfx"})})]});return e.jsx(s.Row,{children:e.jsxs(s.Col,{size:8,children:[e.jsx(s.Tabs,{links:U.map(o=>({label:o,active:o===a,onClick:()=>{r(o)}}))}),a===x&&e.jsx("div",{role:"tabpanel","aria-label":"firefox",children:e.jsxs("ul",{className:"p-list--divided u-no-margin--bottom",children:[t,e.jsxs("li",{className:"p-list__item",children:["Paste this link into the address bar:",e.jsx("div",{className:"p-code-snippet u-no-margin--bottom",children:e.jsx("pre",{className:"p-code-snippet__block",children:e.jsx("code",{children:"about:preferences#privacy"})})})]}),e.jsxs("li",{className:"p-list__item",children:["Scroll down to the certificates section and click the"," ",e.jsx("code",{children:"View Certificates"})," button."]}),e.jsxs("li",{className:"p-list__item",children:["In the popup click ",e.jsx("code",{children:"Your certificates"})," and then"," ",e.jsx("code",{children:"Import"}),"."]}),e.jsxs("li",{className:"p-list__item",children:["Select the ",e.jsx("code",{children:".pfx"})," file you just downloaded. Enter your password, or leave the field empty if you have not set one."]}),e.jsx("li",{className:"p-list__item",children:"Restart the browser and open LXD-UI. Select the LXD-UI certificate."})]})}),a===f&&e.jsx("div",{role:"tabpanel","aria-label":"chrome linux",children:e.jsxs("ul",{className:"p-list--divided u-no-margin--bottom",children:[t,e.jsxs("li",{className:"p-list__item",children:["Paste into the address bar:",e.jsx("div",{className:"p-code-snippet u-no-margin--bottom",children:e.jsx("pre",{className:"p-code-snippet__block",children:e.jsx("code",{children:"chrome://settings/certificates"})})})]}),e.jsxs("li",{className:"p-list__item",children:["Click the ",e.jsx("code",{children:"Import"})," button and select the"," ",e.jsx("code",{children:"lxd-ui.pfx"})," file you just downloaded. Enter your password, or leave the field empty if you have not set one."]}),e.jsx("li",{className:"p-list__item",children:"Restart the browser and open LXD-UI. Select the LXD-UI certificate."})]})}),a===_&&e.jsx("div",{role:"tabpanel","aria-label":"chrome windows",children:e.jsxs("ul",{className:"p-list--divided u-no-margin--bottom",children:[t,e.jsxs("li",{className:"p-list__item",children:["Paste into the address bar:",e.jsx("div",{className:"p-code-snippet u-no-margin--bottom",children:e.jsx("pre",{className:"p-code-snippet__block",children:e.jsx("code",{children:"chrome://settings/security"})})})]}),e.jsxs("li",{className:"p-list__item",children:["Scroll down to the ",e.jsx("code",{children:"Advanced settings"})," and click"," ",e.jsx("code",{children:"Manage device certificates"})]}),i]})}),a===N&&e.jsx("div",{role:"tabpanel","aria-label":"edge windows",children:e.jsxs("ul",{className:"p-list--divided u-no-margin--bottom",children:[t,e.jsxs("li",{className:"p-list__item",children:["Paste into the address bar:",e.jsx("div",{className:"p-code-snippet u-no-margin--bottom",children:e.jsx("pre",{className:"p-code-snippet__block",children:e.jsx("code",{children:"edge://settings/privacy"})})})]}),e.jsxs("li",{className:"p-list__item",children:["Scroll to the ",e.jsx("code",{children:"Security"})," section and click"," ",e.jsx("code",{children:"Manage Certificates"})]}),i]})}),a===b&&e.jsx("div",{role:"tabpanel","aria-label":"safari macos",children:e.jsxs("ul",{className:"p-list--divided u-no-margin--bottom",children:[e.jsx("li",{className:"p-list__item",children:e.jsx(s.Notification,{severity:"caution",className:"u-no-margin--bottom",children:"The certificate must be protected by password. An empty password will fail to be imported on macOS."})}),t,e.jsx("li",{className:"p-list__item",children:"Start the Keychain Access app on your Mac, select the login keychain."}),e.jsxs("li",{className:"p-list__item",children:["Drag the ",e.jsx("code",{children:"lxd-ui.pfx"})," file onto the Keychain Access app."]}),e.jsx("li",{className:"p-list__item",children:"If you are asked to provide a name and password, type the name and password for an administrator user on this computer."}),e.jsx("li",{className:"p-list__item",children:"Restart the browser and open LXD-UI. Select the LXD-UI certificate."})]})})]})})},B=({onConfirm:l,onClose:a})=>{const r=E().shape({password:w(),passwordConfirm:w().oneOf([z("password"),""],"Passwords must match")}),i=I({initialValues:{password:"",passwordConfirm:""},validationSchema:r,onSubmit:o=>{l(o.password)}}),t=()=>{l("")};return e.jsxs(s.Modal,{close:a,title:"Add a password",buttonRow:e.jsxs(e.Fragment,{children:[e.jsx(s.Button,{className:"u-no-margin--bottom",onClick:t,children:"Skip"}),e.jsx(s.ActionButton,{appearance:"positive",className:"u-no-margin--bottom",onClick:()=>void i.submitForm(),disabled:i.values.password!==i.values.passwordConfirm||i.values.password.length===0,children:"Generate certificate"})]}),children:[e.jsx("p",{children:"Protect your certificate by adding a password."}),e.jsx(s.Input,{id:"password",type:"password",label:"Password",onBlur:i.handleBlur,onChange:i.handleChange,value:i.values.password,error:i.touched.password?i.errors.password:null,help:"For macOS an empty password is not allowed. On other systems this step can be skipped."}),e.jsx(s.Input,{id:"passwordConfirm",type:"password",label:"Password confirmation",onBlur:i.handleBlur,onChange:i.handleChange,value:i.values.passwordConfirm,error:i.touched.passwordConfirm?i.errors.passwordConfirm:null})]})},G=()=>{const[l,a]=h.useState(!1),[r,i]=h.useState(!1),[t,o]=h.useState(null),{isAuthenticated:g,isAuthLoading:C}=D();if(C)return e.jsx(L,{});if(g)return e.jsx(R,{to:"/ui",replace:!0});const j=()=>{i(!1)},v=()=>{i(!0)},k=d=>{j(),a(!0);const n=new Worker(new URL("/ui/assets/certificate-kcThcTS9.js",import.meta.url),{type:"module"});n.onmessage=c=>{o(c.data),a(!1),n.terminate()},n.onerror=c=>{console.error("Web Worker error:",c),a(!1),n.terminate()},n.postMessage(d)},y=(d,n)=>{const c=`data:application/octet-stream;base64,${n}`,p=document.createElement("a");p.href=c,p.download=d,p.click()},S=(d,n)=>{const p=`data:text/plain;charset=utf-8,${encodeURIComponent(n)}`,m=document.createElement("a");m.href=p,m.download=d,m.click()},u=`lxd-ui-${location.hostname}.crt`;return e.jsx(A,{mainClassName:"certificate-generate",header:e.jsx("div",{className:"p-panel__header is-sticky",children:e.jsx("h1",{className:"p-panel__title",children:e.jsx(M,{href:"https://github.com/canonical/lxd-ui/wiki/Authentication-Setup-FAQ",title:"Authentication Setup FAQ",children:"Setup LXD UI"})})}),children:e.jsx(s.Row,{className:"u-no-margin--left",children:e.jsx(s.Col,{size:12,children:e.jsxs("ol",{className:"p-stepped-list--detailed",children:[e.jsx("li",{className:"p-stepped-list__item",children:e.jsxs(s.Row,{children:[e.jsx(s.Col,{size:3,children:e.jsx("h2",{className:"p-stepped-list__title p-heading--5",children:"Generate"})}),e.jsx(s.Col,{size:6,children:e.jsx("div",{className:"p-stepped-list__content",children:e.jsx("p",{children:"Create a new certificate"})})}),e.jsxs(s.Col,{size:3,children:[r&&e.jsx(B,{onClose:j,onConfirm:k}),e.jsxs(s.Button,{onClick:v,appearance:"positive",disabled:l||t!==null,hasIcon:l,"aria-label":`${l?"Generating":"Generate"} certificate`,children:[l&&e.jsx(s.Icon,{className:"is-light u-animation--spin",name:"spinner"}),e.jsx("span",{children:l?"Generating":"Generate"})]}),t!==null&&e.jsx(s.Icon,{name:"success"})]})]})}),e.jsx("li",{className:"p-stepped-list__item",children:e.jsxs(s.Row,{children:[e.jsx(s.Col,{size:3,children:e.jsx("h2",{className:"p-stepped-list__title p-heading--5",children:"Trust"})}),e.jsx(s.Col,{size:8,children:e.jsxs("div",{className:"p-stepped-list__content",children:[e.jsxs(s.Row,{children:[e.jsx(s.Col,{size:6,children:e.jsxs("p",{children:["Download the ",e.jsx("code",{children:".crt"})," file and add it to the LXD trust store"]})}),t&&e.jsx(s.Col,{size:2,children:e.jsx(s.Button,{className:"download-crt",onClick:()=>{S(u,t.crt)},children:"Download crt"})})]}),e.jsx("div",{className:"p-code-snippet",children:e.jsx("pre",{className:"p-code-snippet__block--icon",children:e.jsxs("code",{children:["lxc config trust add Downloads/",u]})})})]})})]})}),e.jsx("li",{className:"p-stepped-list__item",children:e.jsxs(s.Row,{children:[e.jsx(s.Col,{size:3,children:e.jsx("h2",{className:"p-stepped-list__title p-heading--5",children:"Import"})}),e.jsx(s.Col,{size:8,children:e.jsx(X,{sendPfx:t?()=>{y(`lxd-ui-${location.hostname}.pfx`,t.pfx)}:void 0})})]})}),e.jsx("li",{className:"p-stepped-list__item u-no-margin--bottom",children:e.jsxs(s.Row,{children:[e.jsx(s.Col,{size:3,children:e.jsx("h2",{className:"p-stepped-list__title p-heading--5",children:"Done"})}),e.jsx(s.Col,{size:6,children:e.jsx("div",{className:"p-stepped-list__content",children:e.jsx("p",{children:"Enjoy LXD UI."})})})]})})]})})})})};export{G as default};

${this.title}

Code Editor : CertificateGenerate-bNGS6BFl.js