Skip to content

Commit b354214

Browse files
levkklevkk
authored
onboarding modules (#1391)
1 parent 9a4db3a commit b354214

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

80 files changed

+1727
-62
lines changed

‎packages/pgml-components/src/lib.rs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
44
use sailfish::TemplateOnce;
55

6-
#[derive(Default, Clone, TemplateOnce)]
6+
#[derive(Default, Clone, TemplateOnce, Debug)]
77
#[template(path = "components/component.html")]
88
pub struct Component {
99
pub value: String,

‎pgml-dashboard/Cargo.lock

Lines changed: 7 additions & 6 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎pgml-dashboard/src/api/cms.rs

Lines changed: 34 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ use yaml_rust::YamlLoader;
1414
use crate::{
1515
components::{cms::index_link::IndexLink, layouts::marketing::base::Theme, layouts::marketing::Base},
1616
guards::Cluster,
17-
responses::{Response, ResponseOk, Template},
17+
responses::{Error, Response, ResponseOk, Template},
1818
templates::docs::*,
1919
utils::{config, markdown::SearchResult},
2020
};
@@ -882,6 +882,37 @@ async fn careers_landing_page(cluster: &Cluster) -> Result<ResponseOk, crate::re
882882
Ok(ResponseOk(layout.render(page)))
883883
}
884884

885+
#[get("/components-library-demo?<search>")]
886+
async fn demo(search: Option<String>) -> Result<Response, Error> {
887+
#[cfg(not(debug_assertions))]
888+
{
889+
let _search = search;
890+
return Ok(Response::not_found());
891+
}
892+
893+
#[cfg(debug_assertions)]
894+
{
895+
use crate::components::dropdown::{DropdownFrame, DropdownItems};
896+
use crate::components::inputs::text::search::SearchOption;
897+
if let Some(search) = search {
898+
let candidates = vec!["hello", "world", "foo", "bar"]
899+
.into_iter()
900+
.filter(|c| c.starts_with(&search))
901+
.map(|c| SearchOption::new(c.into()).into())
902+
.collect::<Vec<pgml_components::Component>>();
903+
904+
Ok(Response::ok(
905+
DropdownFrame::rendered("model-search", DropdownItems::new(candidates).into()).render_once()?,
906+
))
907+
} else {
908+
let layout = Base::new("Demos", None).theme(Theme::Marketing);
909+
910+
let page = crate::components::pages::demo::Demo::new();
911+
Ok(Response::ok(layout.render(page)))
912+
}
913+
}
914+
}
915+
885916
pub fn routes() -> Vec<Route> {
886917
routes![
887918
blog_landing_page,
@@ -896,7 +927,8 @@ pub fn routes() -> Vec<Route> {
896927
get_docs_asset,
897928
get_user_guides,
898929
search,
899-
search_blog
930+
search_blog,
931+
demo,
900932
]
901933
}
902934

‎pgml-dashboard/src/components/badges/large/label/label.scss

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
span[data-controller="badges-large-label"] {
2+
padding: 8px;
3+
background: #{$gray-500};
4+
font-weight: #{$font-weight-medium};
5+
border: 1px solid #{$neon-tint-100};
6+
7+
&.active {
8+
background: #{$neon-tint-100};
9+
border: 1px solid #{$neon-tint-600};
10+
}
11+
}

‎pgml-dashboard/src/components/badges/large/label/mod.rs

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
use crate::components::stimulus::StimulusAction;
2+
use pgml_components::component;
3+
use sailfish::TemplateOnce;
4+
5+
#[derive(Clone, Debug)]
6+
pub struct LabelCloseOptions {
7+
pub action: StimulusAction,
8+
pub url: String,
9+
}
10+
11+
#[derive(TemplateOnce, Default)]
12+
#[template(path = "badges/large/label/template.html")]
13+
pub struct Label {
14+
value: String,
15+
close_options: Option<LabelCloseOptions>,
16+
active: String,
17+
}
18+
19+
impl Label {
20+
pub fn new(value: &str) -> Label {
21+
Label {
22+
value: value.into(),
23+
close_options: None,
24+
active: "".into(),
25+
}
26+
}
27+
28+
pub fn close_options(mut self, options: LabelCloseOptions) -> Label {
29+
self.close_options = Some(options);
30+
self
31+
}
32+
33+
pub fn active(mut self) -> Label {
34+
self.active = "active".into();
35+
self
36+
}
37+
}
38+
39+
component!(Label);

‎pgml-dashboard/src/components/badges/large/label/template.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<% use crate::components::badges::large::label::LabelCloseOptions; %>
2+
3+
<span data-controller="badges-large-label" class="d-inline-flex gap-2 align-items-center rounded-2 <%= active %>">
4+
<span><%= value %></span>
5+
<% if let Some(LabelCloseOptions { action, url }) = close_options { %>
6+
<a href="<%= url %>" data-action="<%= action %>" class="d-inline-flex align-items-center">
7+
<span class="material-symbols-outlined text-white">
8+
close
9+
</span>
10+
</a>
11+
<% } %>
12+
</span>

‎pgml-dashboard/src/components/badges/large/mod.rs

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
// This file is automatically generated.
2+
// You shouldn't modify it manually.
3+
4+
// src/components/badges/large/label
5+
pub mod label;
6+
pub use label::Label;

‎pgml-dashboard/src/components/badges/mod.rs

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
// This file is automatically generated.
2+
// You shouldn't modify it manually.
3+
4+
// src/components/badges/large
5+
pub mod large;
6+
7+
// src/components/badges/small
8+
pub mod small;

‎pgml-dashboard/src/components/badges/small/label/label.scss

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
span[data-controller="badges-small-label"] {
2+
span {
3+
font-size: 12px;
4+
font-weight: #{$font-weight-normal};
5+
}
6+
7+
background: #{$gray-800};
8+
padding: 4px 8px;
9+
border-radius: 4px;
10+
11+
text-transform: uppercase;
12+
}

‎pgml-dashboard/src/components/badges/small/label/mod.rs

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
use pgml_components::component;
2+
use sailfish::TemplateOnce;
3+
4+
#[derive(TemplateOnce, Default)]
5+
#[template(path = "badges/small/label/template.html")]
6+
pub struct Label {
7+
value: String,
8+
image_url: String,
9+
}
10+
11+
impl Label {
12+
pub fn check_circle(value: &str) -> Label {
13+
Label {
14+
value: value.into(),
15+
image_url: "/dashboard/static/images/icons/check_circle.svg".to_string(),
16+
}
17+
}
18+
19+
pub fn cancel(value: &str) -> Label {
20+
Label {
21+
value: value.into(),
22+
image_url: "/dashboard/static/images/icons/cancel.svg".to_string(),
23+
}
24+
}
25+
26+
pub fn outbound(value: &str) -> Label {
27+
Label {
28+
value: value.into(),
29+
image_url: "/dashboard/static/images/icons/outbound.svg".to_string(),
30+
}
31+
}
32+
33+
pub fn download_for_offline(value: &str) -> Label {
34+
Label {
35+
value: value.into(),
36+
image_url: "/dashboard/static/images/icons/download_for_offline.svg".to_string(),
37+
}
38+
}
39+
40+
pub fn forward_circle(value: &str) -> Label {
41+
Label {
42+
value: value.into(),
43+
image_url: "/dashboard/static/images/icons/forward_circle.svg".to_string(),
44+
}
45+
}
46+
}
47+
48+
component!(Label);

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy