1+ <!-- filepath: /home/rob/projects/better-together/community-engine-rails/app/views/better_together/settings/index.html.erb -->
2+ <% content_for :page_title , t ( '.title' ) %>
3+
4+ < div class ="container-fluid mt-4 " data-controller ="better_together--tabs ">
5+ < div class ="row ">
6+ < div class ="col-12 ">
7+ < div class ="d-flex justify-content-between align-items-center mb-4 ">
8+ < h1 class ="h2 mb-0 ">
9+ < i class ="fa-solid fa-cog me-2 " aria-hidden ="true "> </ i >
10+ <%= t ( '.title' ) %>
11+ </ h1 >
12+ </ div >
13+ </ div >
14+ </ div >
15+
16+ < div class ="row ">
17+ <!-- Vertical Pills Navigation -->
18+ < div class ="col-md-3 mb-3 ">
19+ < div class ="nav flex-column nav-pills " id ="settings-tabs " role ="tablist " aria-orientation ="vertical ">
20+ <!-- <button class="nav-link active" id="platform-tab" data-bs-toggle="pill" data-bs-target="#platform" type="button" role="tab" aria-controls="platform" aria-selected="true" data-better_together--tabs-target="tab">
21+ <i class="fa-solid fa-server me-2" aria-hidden="true"></i>
22+ <%= t ( '.tabs.platform' ) %>
23+ </button> -->
24+ <!-- <button class="nav-link" id="personal-tab" data-bs-toggle="pill" data-bs-target="#personal" type="button" role="tab" aria-controls="personal" aria-selected="false" data-better_together--tabs-target="tab">
25+ <i class="fa-solid fa-user me-2" aria-hidden="true"></i>
26+ <%= t ( '.tabs.personal' ) %>
27+ </button> -->
28+ < button class ="nav-link " id ="account-tab " data-bs-toggle ="pill " data-bs-target ="#account " type ="button " role ="tab " aria-controls ="account " aria-selected ="false " data-better_together--tabs-target ="tab ">
29+ < i class ="fa-solid fa-key me-2 " aria-hidden ="true "> </ i >
30+ <%= t ( '.tabs.account' ) %>
31+ </ button >
32+ <!-- <button class="nav-link" id="privacy-tab" data-bs-toggle="pill" data-bs-target="#privacy" type="button" role="tab" aria-controls="privacy" aria-selected="false" data-better_together--tabs-target="tab">
33+ <i class="fa-solid fa-shield-alt me-2" aria-hidden="true"></i>
34+ <%= t ( '.tabs.privacy' ) %>
35+ </button> -->
36+ </ div >
37+ </ div >
38+
39+ <!-- Tab Content -->
40+ < div class ="col-md-9 tab-content " id ="settings-tabs-content ">
41+ <!-- Platform Tab -->
42+ < div class ="nav-tab-pane tab-pane fade " id ="platform " role ="tabpanel " aria-labelledby ="platform-tab ">
43+ < div class ="card border-0 shadow-sm ">
44+ < div class ="card-body ">
45+ < h3 class ="card-title h5 ">
46+ < i class ="fa-solid fa-server me-2 " aria-hidden ="true "> </ i >
47+ <%= t ( '.platform.title' ) %>
48+ </ h3 >
49+ < p class ="text-muted mb-4 "> <%= t ( '.platform.description' ) %> </ p >
50+
51+ <!-- Platform settings content will go here -->
52+ < div class ="alert alert-info " role ="status ">
53+ < i class ="fa-solid fa-info-circle me-2 " aria-hidden ="true "> </ i >
54+ <%= t ( '.platform.coming_soon' ) %>
55+ </ div >
56+ </ div >
57+ </ div >
58+ </ div >
59+
60+ <!-- Personal Tab -->
61+ < div class ="nav-tab-pane tab-pane fade " id ="personal " role ="tabpanel " aria-labelledby ="personal-tab ">
62+ < div class ="card border-0 shadow-sm ">
63+ < div class ="card-body ">
64+ < h3 class ="card-title h5 ">
65+ < i class ="fa-solid fa-user me-2 " aria-hidden ="true "> </ i >
66+ <%= t ( '.personal.title' ) %>
67+ </ h3 >
68+ < p class ="text-muted mb-4 "> <%= t ( '.personal.description' ) %> </ p >
69+
70+ <!-- Personal settings content will go here -->
71+ < div class ="alert alert-info " role ="status ">
72+ < i class ="fa-solid fa-info-circle me-2 " aria-hidden ="true "> </ i >
73+ <%= t ( '.personal.coming_soon' ) %>
74+ </ div >
75+ </ div >
76+ </ div >
77+ </ div >
78+
79+ <!-- Account Tab -->
80+ < div class ="nav-tab-pane tab-pane fade show active " id ="account " role ="tabpanel " aria-labelledby ="account-tab ">
81+ < div class ="card border-0 shadow-sm ">
82+ < div class ="card-body ">
83+ < h3 class ="card-title h5 ">
84+ < i class ="fa-solid fa-key me-2 " aria-hidden ="true "> </ i >
85+ <%= t ( '.account.title' ) %>
86+ </ h3 >
87+ < p class ="text-muted mb-4 "> <%= t ( '.account.description' ) %> </ p >
88+
89+ <!-- Account settings content -->
90+ <%= turbo_frame_tag "account-settings" ,
91+ src : edit_user_registration_path ,
92+ loading : "lazy" ,
93+ class : "d-block" do %>
94+ < div class ="d-flex justify-content-center py-4 ">
95+ < div class ="spinner-border text-primary " role ="status ">
96+ < span class ="visually-hidden "> Loading...</ span >
97+ </ div >
98+ </ div >
99+ <% end %>
100+ </ div >
101+ </ div >
102+ </ div >
103+
104+ <!-- Privacy Tab -->
105+ < div class ="nav-tab-pane tab-pane fade " id ="privacy " role ="tabpanel " aria-labelledby ="privacy-tab ">
106+ < div class ="card border-0 shadow-sm ">
107+ < div class ="card-body ">
108+ < h3 class ="card-title h5 ">
109+ < i class ="fa-solid fa-shield-alt me-2 " aria-hidden ="true "> </ i >
110+ <%= t ( '.privacy.title' ) %>
111+ </ h3 >
112+ < p class ="text-muted mb-4 "> <%= t ( '.privacy.description' ) %> </ p >
113+
114+ <!-- Privacy settings content will go here -->
115+ < div class ="alert alert-info " role ="status ">
116+ < i class ="fa-solid fa-info-circle me-2 " aria-hidden ="true "> </ i >
117+ <%= t ( '.privacy.coming_soon' ) %>
118+ </ div >
119+ </ div >
120+ </ div >
121+ </ div >
122+ </ div >
123+ </ div >
124+ </ div >
0 commit comments