Upload component

.github/workflows/lint.yaml

@@ -0,0 +1,27 @@
+name: Lint
+on:
+  push:
+    tags:
+      - v*
+    branches:
+      - main
+  pull_request:
+jobs:
+  lint:
+    name: golangci-lint
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v4
+
+      - name: Set up Go
+        uses: actions/setup-go@v5
+        with:
+          go-version-file: "go.mod"
+        id: go
+
+      - name: Lint
+        uses: golangci/golangci-lint-action@v6
+        with:
+          version: v1.58

.golangci.yaml

@@ -0,0 +1,30 @@
+run:
+  timeout: "120s"
+
+output:
+  formats:
+    - format: "colored-line-number"
+
+linters:
+  enable:
+    - "gocyclo"
+    - "unconvert"
+    - "goimports"
+    - "govet"
+    - "misspell"
+    - "nakedret"
+    - "revive"
+    - "goconst"
+    - "unparam"
+    - "gofmt"
+    - "errname"
+    - "zerologlint"
+
+linters-settings:
+  staticcheck:
+    # SAxxxx checks in https://staticcheck.io/docs/configuration/options/#checks
+    # Default: ["*"]
+    checks: ["all"]
+
+issues:
+  exclude-use-default: false

go/alpine/upload.templ

@@ -0,0 +1,34 @@
+package alpine
+
+import (
+	popui "github.com/invopop/popui/go"
+	"github.com/invopop/popui/go/classes"
+	"github.com/invopop/popui/go/props"
+)
+
+templ UploadFile(p props.UploadFile) {
+	<div class={ classes.UploadFile }>
+		<img class={ classes.UploadFileImg } x-show={ p.XModel } :src={ p.XModel }/>
+		<div x-show={ "!" + p.XModel } class={ classes.UploadFilePlaceholder }></div>
+		<span class={ classes.UploadFileText } x-text={ p.Loading + " ? 'Uploading...' : 'Select logo'" }></span>
+		@popui.Button(props.Button{
+			Variant: "primary",
+			Small:   true,
+			Attrs: templ.Attributes{
+				"@click":    p.OnSelect,
+				":disabled": p.Loading,
+			},
+		}) {
+			Upload
+		}
+		@popui.Button(props.Button{
+			Small: true,
+			Attrs: templ.Attributes{
+				"@click":    p.OnRemove,
+				":disabled": p.Loading + " || !" + p.XModel,
+			},
+		}) {
+			Remove
+		}
+	</div>
+}

go/classes/avatar.go

@@ -1,5 +1,7 @@
 package classes
 
+// AvatarBase is the default class used for Avatar component
 const AvatarBase = "popui-avatar"
 
+// AvatarInitial is the default class used for the initial of the Avatar component
 const AvatarInitial = "popui-avatar--initial"

go/classes/button.go

@@ -1,9 +1,13 @@
 package classes
 
+// ButtonBase is the default class used for the Button component
 const ButtonBase = "popui-button"
 
+// ButtonDanger is the default class used for the danger variant of the Button component
 const ButtonDanger = "popui-button--danger"
 
+// ButtonPrimary is the default class used for the primary variant of the Button component
 const ButtonPrimary = "popui-button--primary"
 
+// ButtonSmall is the default class used for the small version of the Button component
 const ButtonSmall = "popui-button--small"

go/classes/checkbox.go

@@ -1,7 +1,10 @@
 package classes
 
+// CheckboxWrapper is the default class used for the wrapper of the Checkbox component
 const CheckboxWrapper = "popui-checkbox-wrapper"
 
+// CheckboxInput is the default class used for the input of the Checkbox component
 const CheckboxInput = "popui-checkbox-input"
 
+// CheckboxLabel is the default class used for the label of the Checkbox component
 const CheckboxLabel = "popui-checkbox-label"

go/classes/classes.go

@@ -1 +1,2 @@
+// Package classes contains the available default css classes for components.
 package classes

go/classes/containers.go

@@ -1,3 +1,4 @@
 package classes
 
+// PopupConfigContainer is the default class used for the wrapper of the config popup layout
 const PopupConfigContainer = "popui-container-config"

go/classes/image.go

@@ -1,3 +1,4 @@
 package classes
 
+// Image is the default class used for the Image component
 const Image = "popui-image"

go/classes/input.go

@@ -1,11 +1,16 @@
 package classes
 
+// InputTextWrapper is the default class used for the wrapper of the InputText component
 const InputTextWrapper = "popui-input-wrapper"
 
+// InputTextBase is the default class used for the InputText component
 const InputTextBase = "popui-input"
 
+// InputTextError is the default class used for the error state of the InputText component
 const InputTextError = "popui-input--error"
 
+// Label is the default class used for the label of the InputText component
 const Label = "popui-label"
 
+// Error is the default class used for the error text of the InputText component
 const Error = "popui-error"