@@ -5,9 +5,9 @@ def view_template
5
5
div ( class : "pb-4" ) do
6
6
# Main routes (Docs, Components, Themes, Github, Discord, Twitter)
7
7
div ( class : "md:hidden" ) do
8
- main_link ( "Docs" , helpers . docs_introduction_path )
9
- main_link ( "Components" , helpers . docs_accordion_path )
10
- main_link ( "Themes" , helpers . theme_path ( "default" ) )
8
+ main_link ( "Docs" , docs_introduction_path )
9
+ main_link ( "Components" , docs_accordion_path )
10
+ main_link ( "Themes" , theme_path ( "default" ) )
11
11
main_link ( "Github" , "https://github.com/PhlexUI/phlex_ui" )
12
12
main_link ( "Discord" , ENV [ "DISCORD_INVITE_LINK" ] )
13
13
main_link ( "Twitter" , ENV [ "PHLEXUI_TWITTER_LINK" ] )
@@ -44,70 +44,70 @@ def view_template
44
44
45
45
def getting_started_links
46
46
[
47
- { name : "Introduction" , path : helpers . docs_introduction_path } ,
48
- { name : "Installation" , path : helpers . docs_installation_path } ,
49
- { name : "Dark mode" , path : helpers . docs_dark_mode_path } ,
50
- { name : "Theming" , path : helpers . docs_theming_path } ,
51
- { name : "Customizing components" , path : helpers . docs_customizing_components_path }
47
+ { name : "Introduction" , path : docs_introduction_path } ,
48
+ { name : "Installation" , path : docs_installation_path } ,
49
+ { name : "Dark mode" , path : docs_dark_mode_path } ,
50
+ { name : "Theming" , path : docs_theming_path } ,
51
+ { name : "Customizing components" , path : docs_customizing_components_path }
52
52
]
53
53
end
54
54
55
55
def installation_links
56
56
[
57
- { name : "Rails - JS Bundler" , path : helpers . docs_installation_rails_bundler_path } ,
58
- { name : "Rails - Importmaps" , path : helpers . docs_installation_rails_importmaps_path }
57
+ { name : "Rails - JS Bundler" , path : docs_installation_rails_bundler_path } ,
58
+ { name : "Rails - Importmaps" , path : docs_installation_rails_importmaps_path }
59
59
]
60
60
end
61
61
62
62
def components
63
63
[
64
- { name : "Accordion" , path : helpers . docs_accordion_path } ,
65
- { name : "Alert" , path : helpers . docs_alert_path } ,
66
- { name : "Alert Dialog" , path : helpers . docs_alert_dialog_path } ,
67
- { name : "Aspect Ratio" , path : helpers . docs_aspect_ratio_path } ,
68
- { name : "Avatar" , path : helpers . docs_avatar_path } ,
69
- { name : "Badge" , path : helpers . docs_badge_path } ,
70
- { name : "Breadcrumb" , path : helpers . docs_breadcrumb_path , badge : "New" } ,
71
- { name : "Button" , path : helpers . docs_button_path } ,
72
- { name : "Calendar" , path : helpers . docs_calendar_path } ,
73
- { name : "Card" , path : helpers . docs_card_path } ,
74
- # { name: "Chart", path: helpers. docs_chart_path, badge: "New" },
75
- { name : "Checkbox" , path : helpers . docs_checkbox_path } ,
76
- { name : "Checkbox Group" , path : helpers . docs_checkbox_group_path } ,
77
- { name : "Clipboard" , path : helpers . docs_clipboard_path } ,
78
- { name : "Codeblock" , path : helpers . docs_codeblock_path } ,
79
- { name : "Collapsible" , path : helpers . docs_collapsible_path } ,
80
- { name : "Combobox" , path : helpers . docs_combobox_path , badge : "Updated" } ,
81
- { name : "Command" , path : helpers . docs_command_path } ,
82
- { name : "Context Menu" , path : helpers . docs_context_menu_path } ,
83
- { name : "Date Picker" , path : helpers . docs_date_picker_path } ,
84
- { name : "Dialog / Modal" , path : helpers . docs_dialog_path } ,
85
- { name : "Dropdown Menu" , path : helpers . docs_dropdown_menu_path } ,
86
- { name : "Form" , path : helpers . docs_form_path } ,
87
- { name : "Hover Card" , path : helpers . docs_hover_card_path } ,
88
- { name : "Input" , path : helpers . docs_input_path } ,
89
- { name : "Link" , path : helpers . docs_link_path } ,
90
- { name : "Masked Input" , path : helpers . masked_input_path } ,
91
- { name : "Pagination" , path : helpers . docs_pagination_path , badge : "New" } ,
92
- { name : "Popover" , path : helpers . docs_popover_path } ,
93
- { name : "Progress" , path : helpers . docs_progress_path , badge : "New" } ,
94
- { name : "Radio Button" , path : helpers . docs_radio_button_path , badge : "New" } ,
95
- { name : "Select" , path : helpers . docs_select_path , badge : "New" } ,
96
- { name : "Sheet" , path : helpers . docs_sheet_path } ,
97
- { name : "Shortcut Key" , path : helpers . docs_shortcut_key_path } ,
98
- { name : "Skeleton" , path : helpers . docs_skeleton_path , badge : "New" } ,
99
- { name : "Switch" , path : helpers . docs_switch_path } ,
100
- { name : "Table" , path : helpers . docs_table_path } ,
101
- { name : "Tabs" , path : helpers . docs_tabs_path } ,
102
- { name : "Textarea" , path : helpers . docs_textarea_path } ,
103
- { name : "Theme Toggle" , path : helpers . docs_theme_toggle_path } ,
104
- { name : "Tooltip" , path : helpers . docs_tooltip_path } ,
105
- { name : "Typography" , path : helpers . docs_typography_path }
64
+ { name : "Accordion" , path : docs_accordion_path } ,
65
+ { name : "Alert" , path : docs_alert_path } ,
66
+ { name : "Alert Dialog" , path : docs_alert_dialog_path } ,
67
+ { name : "Aspect Ratio" , path : docs_aspect_ratio_path } ,
68
+ { name : "Avatar" , path : docs_avatar_path } ,
69
+ { name : "Badge" , path : docs_badge_path } ,
70
+ { name : "Breadcrumb" , path : docs_breadcrumb_path , badge : "New" } ,
71
+ { name : "Button" , path : docs_button_path } ,
72
+ { name : "Calendar" , path : docs_calendar_path } ,
73
+ { name : "Card" , path : docs_card_path } ,
74
+ # { name: "Chart", path: docs_chart_path, badge: "New" },
75
+ { name : "Checkbox" , path : docs_checkbox_path } ,
76
+ { name : "Checkbox Group" , path : docs_checkbox_group_path } ,
77
+ { name : "Clipboard" , path : docs_clipboard_path } ,
78
+ { name : "Codeblock" , path : docs_codeblock_path } ,
79
+ { name : "Collapsible" , path : docs_collapsible_path } ,
80
+ { name : "Combobox" , path : docs_combobox_path , badge : "Updated" } ,
81
+ { name : "Command" , path : docs_command_path } ,
82
+ { name : "Context Menu" , path : docs_context_menu_path } ,
83
+ { name : "Date Picker" , path : docs_date_picker_path } ,
84
+ { name : "Dialog / Modal" , path : docs_dialog_path } ,
85
+ { name : "Dropdown Menu" , path : docs_dropdown_menu_path } ,
86
+ { name : "Form" , path : docs_form_path } ,
87
+ { name : "Hover Card" , path : docs_hover_card_path } ,
88
+ { name : "Input" , path : docs_input_path } ,
89
+ { name : "Link" , path : docs_link_path } ,
90
+ { name : "Masked Input" , path : masked_input_path } ,
91
+ { name : "Pagination" , path : docs_pagination_path , badge : "New" } ,
92
+ { name : "Popover" , path : docs_popover_path } ,
93
+ { name : "Progress" , path : docs_progress_path , badge : "New" } ,
94
+ { name : "Radio Button" , path : docs_radio_button_path , badge : "New" } ,
95
+ { name : "Select" , path : docs_select_path , badge : "New" } ,
96
+ { name : "Sheet" , path : docs_sheet_path } ,
97
+ { name : "Shortcut Key" , path : docs_shortcut_key_path } ,
98
+ { name : "Skeleton" , path : docs_skeleton_path , badge : "New" } ,
99
+ { name : "Switch" , path : docs_switch_path } ,
100
+ { name : "Table" , path : docs_table_path } ,
101
+ { name : "Tabs" , path : docs_tabs_path } ,
102
+ { name : "Textarea" , path : docs_textarea_path } ,
103
+ { name : "Theme Toggle" , path : docs_theme_toggle_path } ,
104
+ { name : "Tooltip" , path : docs_tooltip_path } ,
105
+ { name : "Typography" , path : docs_typography_path }
106
106
]
107
107
end
108
108
109
109
def menu_link ( component )
110
- current_path = component [ :path ] == helpers . request . path
110
+ current_path = component [ :path ] == request . path
111
111
a (
112
112
href : component [ :path ] ,
113
113
class : [
@@ -123,7 +123,7 @@ def menu_link(component)
123
123
end
124
124
125
125
def main_link ( name , path )
126
- current_path = path == helpers . request . path
126
+ current_path = path == request . path
127
127
a (
128
128
href : path ,
129
129
class : [
0 commit comments