commit b148d005c87ca35589e199b628ee6820f51dc255 · julien.rbrt.fr/tangled-core

+2 -2

appview/pages/templates/knot.html

···

       14
       14
        
             <code>registered on: {{.Registration.Registered}}</code>

     

       15
       15
        
             {{ else }}

     

       16
       16
        
             <code>pending registration</code>

     

       17
       17
       -
             <button hx-post="/knots/{{.Domain}}/init">initialize</button>

     

       17
       17
       +
             <button class="btn my-2" hx-post="/knots/{{.Domain}}/init" hx-swap="none">initialize</button>

     

       18
       18
        
             {{ end }}

     

       19
       19
        
           </p>

     

       20
       20
        
       

     
···

       34
       34
        
           <form hx-put="/knots/{{.Registration.Domain}}/member">

     

       35
       35
        
               <label for="member">did or handle:</label>

     

       36
       36
        
               <input type="text" id="member" name="member" required>

     

       37
       37
       -
               <button type="text">add member</button>

     

       37
       37
       +
               <button class="btn my-2" type="text">add member</button>

     

       38
       38
        
           </form>

     

       39
       39
        
           {{ end }}

     

       40
       40
        
       {{end}}

+39 -28

appview/pages/templates/knots.html

···

       1
       1
       -
       {{define "title"}}knots{{end}}

     

       1
       1
       +
       {{ define "title" }}knots{{ end }}

     

       2
       2
        
       

     

       3
       3
       -
       {{define "content"}}

     

       3
       3
       +
       {{ define "content" }}

     

       4
       4
        
           <h1>knots</h1>

     

       5
       5
        
       

     

       6
       6
        
           <h2>register</h2>

     

       7
       7
        
           put in a domain, and use the key while booting up your knotserver

     

       8
       8
        
           <form hx-post="/knots/key">

     

       9
       9
        
               <label for="domain">domain:</label>

     

       10
       10
       -
               <input type="text" id="domain" name="domain" required>

     

       11
       11
       -
               <button type="text">generate key</button>

     

       10
       10
       +
               <input type="text" id="domain" name="domain" required />

     

       11
       11
       +
               <button class="btn my-2" type="text">generate key</button>

     

       12
       12
        
           </form>

     

       13
       13
        
       

     

       14
       14
        
           <h3>my knots</h3>

     

       15
       15
        
           <ul id="my-knots">

     

       16
       16
       -
               {{range .Registrations}}

     

       17
       17
       -
               {{ if .Registered }}

     

       18
       18
       -
                   <li>

     

       19
       19
       -
                       <code>domain: <a href="/knots/{{.Domain}}">{{.Domain}}</a></code><br>

     

       20
       20
       -
                       <code>opened by: {{.ByDid}}</code><br>

     

       21
       21
       -
                       <code>on: {{.Created}}</code><br>

     

       22
       22
       -
                       <code>registered on: {{.Registered}}</code>

     

       23
       23
       -
                   </li>

     

       24
       24
       -
               {{ end }}

     

       25
       25
       -
               {{else}}

     

       16
       16
       +
               {{ range .Registrations }}

     

       17
       17
       +
                   {{ if .Registered }}

     

       18
       18
       +
                       <li>

     

       19
       19
       +
                           <code

     

       20
       20
       +
                               >domain:

     

       21
       21
       +
                               <a href="/knots/{{ .Domain }}">{{ .Domain }}</a></code

     

       22
       22
       +
                           ><br />

     

       23
       23
       +
                           <code>opened by: {{ .ByDid }}</code><br />

     

       24
       24
       +
                           <code>on: {{ .Created }}</code><br />

     

       25
       25
       +
                           <code>registered on: {{ .Registered }}</code>

     

       26
       26
       +
                       </li>

     

       27
       27
       +
                   {{ end }}

     

       28
       28
       +
               {{ else }}

     

       26
       29
        
                   <p>you don't have any knots yet</p>

     

       27
       27
       -
               {{end}}

     

       30
       30
       +
               {{ end }}

     

       28
       31
        
           </ul>

     

       29
       32
        
           <h3>pending registrations</h3>

     

       30
       33
        
           <ul id="pending-registrations">

     

       31
       31
       -
               {{range .Registrations}}

     

       32
       32
       -
               {{ if not .Registered }}

     

       33
       33
       -
                   <li>

     

       34
       34
       -
                       <code>domain: <a href="/knots/{{.Domain}}">{{.Domain}}</a></code><br>

     

       35
       35
       -
                       <code>opened by: {{.ByDid}}</code><br>

     

       36
       36
       -
                       <code>on: {{.Created}}</code><br>

     

       37
       37
       -
                       <code>pending registration</code>

     

       38
       38
       -
                       <button hx-post="/knots/{{.Domain}}/init">initialize</button>

     

       39
       39
       -
                   </li>

     

       40
       40
       -
               {{ end }}

     

       41
       41
       -
               {{else}}

     

       34
       34
       +
               {{ range .Registrations }}

     

       35
       35
       +
                   {{ if not .Registered }}

     

       36
       36
       +
                       <li>

     

       37
       37
       +
                           <code

     

       38
       38
       +
                               >domain:

     

       39
       39
       +
                               <a href="/knots/{{ .Domain }}">{{ .Domain }}</a></code

     

       40
       40
       +
                           ><br />

     

       41
       41
       +
                           <code>opened by: {{ .ByDid }}</code><br />

     

       42
       42
       +
                           <code>on: {{ .Created }}</code><br />

     

       43
       43
       +
                           <code>pending registration</code>

     

       44
       44
       +
                           <button

     

       45
       45
       +
                               class="btn my-2"

     

       46
       46
       +
                               hx-post="/knots/{{ .Domain }}/init"

     

       47
       47
       +
                           >

     

       48
       48
       +
                               initialize

     

       49
       49
       +
                           </button>

     

       50
       50
       +
                       </li>

     

       51
       51
       +
                   {{ end }}

     

       52
       52
       +
               {{ else }}

     

       42
       53
        
                   <p>no registrations yet</p>

     

       43
       43
       -
               {{end}}

     

       54
       54
       +
               {{ end }}

     

       44
       55
        
           </ul>

     

       45
       45
       -
       {{end}}

     

       56
       56
       +
       {{ end }}

+43 -14

appview/pages/templates/layouts/topbar.html

···

       1
       1
        
       {{ define "layouts/topbar" }}

     

       2
       2
       -
       

     

       3
       3
       -
       {{ with .LoggedInUser }}

     

       4
       4
       -
       <nav>

     

       5
       5
       -
           <a href="/">timeline</a>&nbsp;·

     

       6
       6
       -
           <a href="/settings">settings</a>&nbsp;·

     

       7
       7
       -
           <a href="/knots">knots</a>&nbsp;·

     

       8
       8
       -
           <a href="/repo/new">add repos</a>&nbsp;·

     

       9
       9
       -
           {{ if .Handle }}

     

       10
       10
       -
           <a href="/@{{ .Handle }}">my profile</a>

     

       2
       2
       +
           {{ with .LoggedInUser }}

     

       3
       3
       +
               <nav class="flex items-center space-x-4">

     

       4
       4
       +
                   <a

     

       5
       5
       +
                       href="/"

     

       6
       6
       +
                       hx-boost="true"

     

       7
       7
       +
                       class="text-gray-600 hover:text-gray-900"

     

       8
       8
       +
                       >timeline</a

     

       9
       9
       +
                   >

     

       10
       10
       +
                   <a

     

       11
       11
       +
                       href="/settings"

     

       12
       12
       +
                       hx-boost="true"

     

       13
       13
       +
                       class="text-gray-600 hover:text-gray-900"

     

       14
       14
       +
                       >settings</a

     

       15
       15
       +
                   >

     

       16
       16
       +
                   <a

     

       17
       17
       +
                       href="/knots"

     

       18
       18
       +
                       hx-boost="true"

     

       19
       19
       +
                       class="text-gray-600 hover:text-gray-900"

     

       20
       20
       +
                       >knots</a

     

       21
       21
       +
                   >

     

       22
       22
       +
                   <a

     

       23
       23
       +
                       href="/repo/new"

     

       24
       24
       +
                       hx-boost="true"

     

       25
       25
       +
                       class="text-gray-600 hover:text-gray-900"

     

       26
       26
       +
                       >add repos</a

     

       27
       27
       +
                   >

     

       28
       28
       +
                   {{ if .Handle }}

     

       29
       29
       +
                       <a

     

       30
       30
       +
                           href="/@{{ .Handle }}"

     

       31
       31
       +
                           hx-boost="true"

     

       32
       32
       +
                           class="text-gray-600 hover:text-gray-900"

     

       33
       33
       +
                           >my profile</a

     

       34
       34
       +
                       >

     

       35
       35
       +
                   {{ else }}

     

       36
       36
       +
                       <a

     

       37
       37
       +
                           href="/{{ .Did }}"

     

       38
       38
       +
                           hx-boost="true"

     

       39
       39
       +
                           class="text-gray-600 hover:text-gray-900"

     

       40
       40
       +
                           >my profile</a

     

       41
       41
       +
                       >

     

       42
       42
       +
                   {{ end }}

     

       43
       43
       +
               </nav>

     

       11
       44
        
           {{ else }}

     

       12
       12
       -
           <a href="/{{ .Did }}">my profile</a>

     

       45
       45
       +
               <a href="/login" class="btn my-2">login</a>

     

       13
       46
        
           {{ end }}

     

       14
       14
       -
       </nav>

     

       15
       15
       -
       {{ else }}

     

       16
       16
       -
       <button onclick="window.location.href='/login'">login</button>

     

       17
       17
       -
       {{ end }}

     

       18
       47
        
       

     

       19
       48
        
       {{ end }}

+11 -12

appview/pages/templates/new-repo.html

···

       1
       1
       -
       {{define "title"}}new repo{{end}}

     

       1
       1
       +
       {{ define "title" }}new repo{{ end }}

     

       2
       2
        
       

     

       3
       3
       -
       {{define "content"}}

     

       4
       4
       -
       <h1>new repo</h1>

     

       5
       5
       -
       <form method="POST" action="/repo/new">

     

       6
       6
       -
         <label for="name">repo name</label>

     

       7
       7
       -
         <input type="text" id="name" name="name" required>

     

       3
       3
       +
       {{ define "content" }}

     

       4
       4
       +
           <h1>new repo</h1>

     

       5
       5
       +
           <form method="POST" action="/repo/new">

     

       6
       6
       +
               <label for="name">repo name</label>

     

       7
       7
       +
               <input type="text" id="name" name="name" required />

     

       8
       8
        
       

     

       9
       9
       -
         <label for="domain">domain</label>

     

       10
       10
       -
         <input type="domain" id="domain" name="domain" required>

     

       9
       9
       +
               <label for="domain">domain</label>

     

       10
       10
       +
               <input type="domain" id="domain" name="domain" required />

     

       11
       11
        
       

     

       12
       12
       -
         <button type="submit">create repo</button>

     

       13
       13
       -
       </form>

     

       14
       14
       -
       {{end}}

     

       15
       15
       -
       

     

       12
       12
       +
               <button class="btn my-2" type="submit">create repo</button>

     

       13
       13
       +
           </form>

     

       14
       14
       +
       {{ end }}

+15 -15

appview/pages/templates/repo/settings.html

···

       2
       2
        
           <h3>settings</h3>

     

       3
       3
        
           <em>collaborators</em>

     

       4
       4
        
           <ol>

     

       5
       5
       -
             {{ range .Collaborators }}

     

       6
       6
       -
               <li>

     

       7
       7
       -
                 {{ index . 0 }} - {{ index . 3 }}

     

       8
       8
       -
               </li>

     

       9
       9
       -
             {{ else }}

     

       10
       10
       -
             <p>no members</p>

     

       11
       11
       -
             {{ end }}

     

       5
       5
       +
               {{ range .Collaborators }}

     

       6
       6
       +
                   <li>

     

       7
       7
       +
                       {{ index . 0 }} -

     

       8
       8
       +
                       {{ index . 3 }}

     

       9
       9
       +
                   </li>

     

       10
       10
       +
               {{ else }}

     

       11
       11
       +
                   <p>no members</p>

     

       12
       12
       +
               {{ end }}

     

       12
       13
        
           </ol>

     

       13
       14
        
       

     

       14
       15
        
           {{ if .IsCollaboratorInviteAllowed }}

     

       15
       15
       -
           <h3>add collaborator</h3>

     

       16
       16
       -
           <form hx-put="/{{ $.RepoInfo.FullName }}/settings/collaborator">

     

       17
       17
       -
               <label for="collaborator">did or handle:</label>

     

       18
       18
       -
               <input type="text" id="collaborator" name="collaborator" required>

     

       19
       19
       -
               <button type="text">add collaborator</button>

     

       20
       20
       -
           </form>

     

       16
       16
       +
               <h3>add collaborator</h3>

     

       17
       17
       +
               <form hx-put="/{{ $.RepoInfo.FullName }}/settings/collaborator">

     

       18
       18
       +
                   <label for="collaborator">did or handle:</label>

     

       19
       19
       +
                   <input type="text" id="collaborator" name="collaborator" required />

     

       20
       20
       +
                   <button class="btn my-2" type="text">add collaborator</button>

     

       21
       21
       +
               </form>

     

       21
       22
        
           {{ end }}

     

       22
       22
       -
       {{end}}

     

       23
       23
       -
       

     

       23
       23
       +
       {{ end }}

+19 -14

appview/pages/templates/settings/keys.html

···

       1
       1
       -
       {{define "title"}}settings{{end}}

     

       1
       1
       +
       {{ define "title" }}settings{{ end }}

     

       2
       2
        
       

     

       3
       3
       -
       {{define "content"}}

     

       3
       3
       +
       {{ define "content" }}

     

       4
       4
        
           <h1>settings</h1>

     

       5
       5
        
       

     

       6
       6
        
           <h2>profile</h2>

     

       7
       7
       -
           <p><strong>handle:</strong> {{.LoggedInUser.Handle}}</p>

     

       8
       8
       -
           <p><strong>did:</strong> {{.LoggedInUser.Did}}</p>

     

       9
       9
       -
           <p><strong>pds:</strong> {{.LoggedInUser.Pds}}</p>

     

       7
       7
       +
           <p><strong>handle:</strong> {{ .LoggedInUser.Handle }}</p>

     

       8
       8
       +
           <p><strong>did:</strong> {{ .LoggedInUser.Did }}</p>

     

       9
       9
       +
           <p><strong>pds:</strong> {{ .LoggedInUser.Pds }}</p>

     

       10
       10
        
       

     

       11
       11
        
           <h2>ssh keys</h2>

     

       12
       12
        
           <form hx-put="/settings/keys">

     

       13
       13
        
               <label for="name">key name:</label>

     

       14
       14
       -
               <input type="text" id="name" name="name" required>

     

       14
       14
       +
               <input type="text" id="name" name="name" required />

     

       15
       15
        
       

     

       16
       16
        
               <label for="key">pub key:</label>

     

       17
       17
       -
               <textarea id="key" name="key" placeholder="ssh-rsa AAAAAA..." required></textarea>

     

       17
       17
       +
               <textarea

     

       18
       18
       +
                   id="key"

     

       19
       19
       +
                   name="key"

     

       20
       20
       +
                   placeholder="ssh-rsa AAAAAA..."

     

       21
       21
       +
                   required

     

       22
       22
       +
               ></textarea>

     

       18
       23
        
       

     

       19
       19
       -
               <button type="submit">add key</button>

     

       24
       24
       +
               <button class="btn my-2" type="submit">add key</button>

     

       20
       25
        
           </form>

     

       21
       26
        
       

     

       22
       27
        
           <h3>existing keys</h3>

     

       23
       28
        
           <ul id="key-list">

     

       24
       24
       -
               {{range .PubKeys}}

     

       29
       29
       +
               {{ range .PubKeys }}

     

       25
       30
        
                   <li>

     

       26
       26
       -
                       <strong>{{.Name}}</strong><br>

     

       27
       27
       -
                       <code>{{.Key}}</code>

     

       31
       31
       +
                       <strong>{{ .Name }}</strong><br />

     

       32
       32
       +
                       <code>{{ .Key }}</code>

     

       28
       33
        
                   </li>

     

       29
       29
       -
               {{else}}

     

       34
       34
       +
               {{ else }}

     

       30
       35
        
                   <p>no ssh keys added yet</p>

     

       31
       31
       -
               {{end}}

     

       36
       36
       +
               {{ end }}

     

       32
       37
        
           </ul>

     

       33
       33
       -
       {{end}}

     

       38
       38
       +
       {{ end }}

+1 -6

appview/pages/templates/user/login.html

···

       26
       26
        
                               required

     

       27
       27
        
                           />

     

       28
       28
        
       

     

       29
       29
       -
                           <button

     

       30
       30
       -
                               class="bg-blue-500 text-white font-bold py-2 px-4 rounded"

     

       31
       31
       -
                               type="submit"

     

       32
       32
       -
                           >

     

       33
       33
       -
                               login

     

       34
       34
       -
                           </button>

     

       29
       29
       +
                           <button class="btn my-2" type="submit">login</button>

     

       35
       30
        
                       </form>

     

       36
       31
        
                   </main>

     

       37
       32
        
               </body>

+11 -11

input.css

···

       27
       27
        
           @layer components {

     

       28
       28
        
               .btn {

     

       29
       29
        
                   @apply relative z-10 inline-flex min-h-[36px] cursor-pointer items-center

     

       30
       30
       -
                       justify-center border-0 bg-transparent px-3 pb-[0.3rem] text-base

     

       31
       31
       -
                       text-gray-800 before:absolute before:inset-0 before:-z-10

     

       32
       32
       -
                       before:block before:rounded before:border before:border-cyan-200

     

       33
       33
       -
                       before:bg-white before:shadow-[0_4px_3px_0_rgba(20,20,96,0.1),inset_0_-5px_0_0_#ebebf6]

     

       34
       34
       -
                       before:content-[''] hover:before:border-cyan-600

     

       35
       35
       -
                       hover:before:bg-cyan-600

     

       36
       36
       -
                       hover:before:shadow-[0_4px_3px_0_rgba(20,20,96,0.1),inset_0_-5px_0_0_#c2b3ff]

     

       37
       37
       -
                       focus:outline-none focus-visible:before:outline

     

       38
       38
       -
                       focus-visible:before:outline-4 focus-visible:before:outline-[#fc440f]

     

       39
       39
       -
                       active:border-t-4 active:border-transparent active:py-1

     

       40
       40
       -
                       active:before:shadow-none;

     

       30
       30
       +
                   justify-center border-0 bg-transparent px-3 pb-[0.3rem] text-base

     

       31
       31
       +
                   text-gray-900 before:absolute before:inset-0 before:-z-10

     

       32
       32
       +
                   before:block before:rounded-sm before:border before:border-blue-200

     

       33
       33
       +
                   before:bg-white before:shadow-[0_4px_3px_0_rgba(20,20,96,0.1),inset_0_-5px_0_0_#e5edff]

     

       34
       34
       +
                   before:content-[''] hover:before:border-blue-300

     

       35
       35
       +
                   hover:before:bg-blue-50

     

       36
       36
       +
                   hover:before:shadow-[0_4px_3px_0_rgba(20,20,96,0.1),inset_0_-5px_0_0_#e5edff]

     

       37
       37
       +
                   focus:outline-none focus-visible:before:outline

     

       38
       38
       +
                   focus-visible:before:outline-4 focus-visible:before:outline-blue-500

     

       39
       39
       +
                   active:border-t-4 active:border-transparent active:py-1

     

       40
       40
       +
                   active:before:shadow-none;

     

       41
       41
        
               }

     

       42
       42
        
           }

     

       43
       43