Skip to content

Commit

Permalink
feat: separate languages and services sections
Browse files Browse the repository at this point in the history
  • Loading branch information
imincik committed Jan 29, 2024
1 parent 511ea99 commit 0367867
Show file tree
Hide file tree
Showing 2 changed files with 48 additions and 26 deletions.
24 changes: 13 additions & 11 deletions src/HomePage.elm
Original file line number Diff line number Diff line change
Expand Up @@ -287,7 +287,7 @@ view model =
]
, div [ class "packages" ]
[ hr [] []
, p [ class "fw-bold fs-2 d-flex justify-content-between align-items-center" ]
, p [ class "fw-bold fs-4 d-flex justify-content-between align-items-center" ]
[ text "packages"
, input [ class "form-control form-control-md", style "margin-left" "10px", placeholder "Search for packages ...", value model.filterPackages, onInput FilterPackages ] []
]
Expand All @@ -296,11 +296,12 @@ view model =
[ packagesCountText (List.length model.availablePackages) (List.length model.selectedPackages)
, showMorePackagesButton model.filterLimit
]
, hr [] []
]
, div [ class "python" ]
[ p [ class "fw-bold fs-2 d-flex justify-content-between align-items-center" ] [ text "languages.python.enabled", button [ class "btn btn-info btn-sm", style "margin" "5px", onClick EnablePython ] [ text model.pythonEnabled ] ]
, p [ class "fw-bold fs-3 d-flex justify-content-between align-items-center" ]
, div [ class "languages" ]
[ p [ class "fw-bold fs-2" ] [ text "LANGUAGES" ]
, hr [] []
, p [ class "fw-bold fs-3 d-flex justify-content-between align-items-center" ] [ text "python.enabled", button [ class "btn btn-info btn-sm", style "margin" "5px", onClick EnablePython ] [ text model.pythonEnabled ] ]
, p [ class "fw-bold fs-4 d-flex justify-content-between align-items-center" ]
[ text "packages"
, input [ class "form-control form-control-md", style "margin-left" "10px", placeholder "Search for Python packages ...", value model.filterPyPackages, onInput FilterPyPackages ] []
]
Expand All @@ -309,11 +310,12 @@ view model =
[ packagesCountText (List.length model.availablePyPackages) (List.length model.selectedPyPackages)
, showMorePackagesButton model.filterLimit
]
, hr [] []
]
, div [ class "postgres" ]
[ p [ class "fw-bold fs-2 d-flex justify-content-between align-items-center" ] [ text "services.postgres.enabled", button [ class "btn btn-info btn-sm", style "margin" "5px", onClick EnablePostgres ] [ text model.postgresEnabled ] ]
, p [ class "fw-bold fs-3 d-flex justify-content-between align-items-center" ]
, div [ class "services" ]
[ p [ class "fw-bold fs-2" ] [ text "SERVICES" ]
, hr [] []
, p [ class "fw-bold fs-3 d-flex justify-content-between align-items-center" ] [ text "postgres.enabled", button [ class "btn btn-info btn-sm", style "margin" "5px", onClick EnablePostgres ] [ text model.postgresEnabled ] ]
, p [ class "fw-bold fs-4 d-flex justify-content-between align-items-center" ]
[ text "packages"
, input [ class "form-control form-control-md", style "margin-left" "10px", placeholder "Search for PostgreSQL packages ...", value model.filterPgPackages, onInput FilterPgPackages ] []
]
Expand All @@ -322,10 +324,10 @@ view model =
[ packagesCountText (List.length model.availablePgPackages) (List.length model.selectedPgPackages)
, showMorePackagesButton model.filterLimit
]
, hr [] []
]
, div [ class "shell-hook" ]
[ p [ class "fw-bold fs-3" ] [ text "shell hook" ]
[ hr [] []
, p [ class "fw-bold fs-3" ] [ text "shell hook" ]
, textarea [ class "form-control form-control-lg", placeholder "echo hello", value model.config.enterShell, onInput UpdateShellHook ] []
]
]
Expand Down
50 changes: 35 additions & 15 deletions src/elm.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit 0367867

Please sign in to comment.