๐ Time tracking wizard
-Get started with tracking your coding time in just a few minutes.
- <%= link_to "Set up time tracking", my_wakatime_setup_path, role: "button" %> -<%= @is_own_settings ? "My Settings" : "Settings for #{@user.username}" %>
-Change your settings for Hackatime and Sailors Log.
+
+
+
-
+ <%= @is_own_settings ? "My Settings" : "Settings for #{@user.username}" %> +
+Change your Hackatime experience and preferences
+
+
-
-
-
-
-
-
-
+
+
-
+
+
+ ๐
+
+ Time Tracking Wizard
+Get started with tracking your coding time in just a few minutes.
+ <%= link_to "Set up time tracking", my_wakatime_setup_path, + class: "inline-flex items-center gap-2 px-4 py-2 bg-primary text-white font-medium rounded transition-colors duration-200" %> +๐ Timezone
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
<%= form_with model: @user,
url: @is_own_settings ? my_settings_path : settings_user_path(@user),
- method: :patch do |f| %>
-
+ ๐
+
+ Timezone
+
- <%= f.label :timezone, "Your timezone" %>
- <%= f.select :timezone,
+ method: :patch, local: false,
+ class: "space-y-4" do |f| %>
+
-
+ <%= f.label :timezone, "Your timezone", class: "block text-sm font-medium text-gray-200 mb-2" %>
+ <%= f.select :timezone,
TZInfo::Timezone.all.map(&:identifier).sort,
- include_blank: @user.timezone.blank?, class: "form-select" %>
+ { include_blank: @user.timezone.blank? },
+ { class: "w-full px-3 py-2 bg-gray-800 border border-gray-600 rounded text-white focus:border-primary focus:ring-1 focus:ring-primary" } %>
- This affects how your activity graph and other time-based features are displayed.
- <%= f.submit "Save Settings", role: "button" %>
+ This affects how your activity graph and other time-based features are displayed.
+ <%= f.submit "Save Settings", class: "w-full px-4 py-2 bg-primary text-white font-medium rounded transition-colors duration-200" %> <% end %> - +๐ฌ Slack Integration
-Status Updates
-When you're hacking on a project, Hackatime can update your Slack status so you can show it off!
- <% unless @can_enable_slack_status %> - <%= link_to "Re-authorize with Slack to give permission to update your status", slack_auth_path, role: "button", class: "secondary" %> - <% end %> - <%= form_with model: @user, - url: @is_own_settings ? my_settings_path : settings_user_path(@user), - method: :patch do |f| %> - - <%= f.submit "Save Settings", role: "button" %> - <% end %> -Channel Notifications
- <% if @enabled_sailors_logs.any? %> -You have notifications enabled for the following channels:
--
- <% @enabled_sailors_logs.each do |sl| %>
-
- - <%= render "shared/slack_channel_mention", channel_id: sl.slack_channel_id %> - - <% end %> -
You have no notifications enabled.
- <% end %> -
- You can enable notifications for specific channels by running /sailorslog on in the Slack channel you want to enable notifications for.
-
๐ Connected Accounts
-GitHub Account
-This is used to show your active projects on the leaderboard & current hacking activity on the dashboard.
- <% if @user.github_uid.present? %> -โ Your GitHub account is linked: <%= link_to "@#{@user.github_username}", "https://github.com/#{@user.github_username}", target: "_blank" %>
- <% if @user.github_access_token.present? %> - <%= link_to "Relink GitHub Account", github_auth_path, data: { turbo: "false" }, role: "button" %> - <%= link_to "Unlink GitHub Account", github_unlink_path, - data: { - turbo_method: :delete, - confirm: "Are you sure? This will remove access to your GitHub data." - }, - role: "button", - class: "outline" %> - <% else %> -โ ๏ธ Your GitHub token has expired. Please relink your account.
- <%= link_to "Relink GitHub Account", github_auth_path, data: { turbo: "false" }, role: "button" %> - <% end %> - <% else %> - <%= link_to "Link GitHub Account", github_auth_path, data: { turbo: "false" }, role: "button" %> - <% end %> -Email Addresses
-These are the email addresses associated with your account.
- <% if @user.email_addresses.any? %> --
- <% @user.email_addresses.each do |email_address| %>
-
- - <%= email_address.email %> - <% if email_address.source.present? %> - - (from <%= email_address.source.humanize %>) - - <% end %> - - <% end %> -
No email addresses found.
- <% end %> - -
- <%= form_tag add_email_auth_path, data: { turbo: false } do %>
-
- <%= email_field_tag :email, nil, placeholder: "Add another email address", required: true %>
-
- <%= submit_tag "Add Email", role: "button", class: "secondary" %>
- <% end %>
+
+
-
-
-
-
+
-
-
+
<%= form_with model: @user,
url: @is_own_settings ? my_settings_path : settings_user_path(@user),
- method: :patch do |f| %>
-
+ โ๏ธ
-
-
-
- โ๏ธ Extension Settings
-Extension Settings
+
- <%= f.label "Simple text" %>
+ method: :patch, local: false,
+ class: "space-y-4" do |f| %>
+
-
+ <%= f.label :hackatime_extension_text_type, "Status bar text style", class: "block text-sm font-medium text-gray-200 mb-2" %>
<%= f.select :hackatime_extension_text_type,
- User.hackatime_extension_text_types.keys.map { |type| [type.humanize, type] },
- selected: @user.hackatime_extension_text_type, class: "form-select" %>
+ User.hackatime_extension_text_types.keys.map { |key| [key.humanize, key] },
+ {},
+ { class: "w-full px-3 py-2 bg-gray-800 border border-gray-600 rounded text-white focus:border-primary focus:ring-1 focus:ring-primary" } %>
- <%= f.submit "Save Settings", role: "button" %>
+ <%= f.submit "Save Settings", class: "w-full px-4 py-2 bg-primary text-white font-medium rounded transition-colors duration-200" %>
<% end %>
-
+ ๐ Stats Badges
-Show your coding stats on your GitHub profile with beautiful badges.
-General Stats Badge
-This badge shows your overall coding statistics.
-