mirror of
https://github.com/we-promise/sure
synced 2026-04-25 17:15:07 +02:00
Add Binance support, heavily inspired by the Coinbase one (#1317)
* feat: add Binance support (Items, Accounts, Importers, Processor, and Sync) * refactor: deduplicate 'stablecoins' constant and push stale_rate filter to SQL --------- Signed-off-by: Juan José Mata <juanjo.mata@gmail.com> Co-authored-by: Juan José Mata <juanjo.mata@gmail.com>
This commit is contained in:
106
app/views/settings/providers/_binance_panel.html.erb
Normal file
106
app/views/settings/providers/_binance_panel.html.erb
Normal file
@@ -0,0 +1,106 @@
|
||||
<div class="space-y-4">
|
||||
<% items = local_assigns[:binance_items] || @binance_items || Current.family.binance_items.active.ordered %>
|
||||
|
||||
<div class="prose prose-sm text-secondary">
|
||||
<p class="text-primary font-medium"><%= t("settings.providers.binance_panel.setup_instructions") %></p>
|
||||
<ol>
|
||||
<li><%= t("settings.providers.binance_panel.step1_html").html_safe %></li>
|
||||
<li><%= t("settings.providers.binance_panel.step2") %></li>
|
||||
<li><%= t("settings.providers.binance_panel.step3") %></li>
|
||||
</ol>
|
||||
<p class="text-destructive text-xs font-medium"><%= t("settings.providers.binance_panel.no_withdraw_warning") %></p>
|
||||
</div>
|
||||
|
||||
<div class="bg-surface border border-primary p-3 rounded-lg text-sm">
|
||||
<p class="font-medium text-primary"><%= t("settings.providers.binance_panel.ip_hint_title") %></p>
|
||||
<p class="text-secondary mt-1"><%= t("settings.providers.binance_panel.ip_hint_body") %></p>
|
||||
<% server_ip = ENV["BINANCE_EGRESS_IP"].presence %>
|
||||
<% if server_ip %>
|
||||
<code class="mt-1 block text-xs bg-container-inset px-2 py-1 rounded font-mono text-primary"><%= server_ip %></code>
|
||||
<% else %>
|
||||
<p class="mt-1 text-xs text-secondary italic"><%= t("settings.providers.binance_panel.ip_hint_contact_admin") %></p>
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
<% error_msg = local_assigns[:error_message] || @error_message %>
|
||||
<% if error_msg.present? %>
|
||||
<div class="p-2 rounded-md bg-destructive/10 text-destructive text-sm overflow-hidden">
|
||||
<p class="line-clamp-3" title="<%= h(error_msg) %>"><%= error_msg %></p>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<% if items.any? %>
|
||||
<div class="space-y-3">
|
||||
<% items.each do |item| %>
|
||||
<div class="flex items-center justify-between p-3 bg-container-inset rounded-lg border border-primary">
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="w-10 h-10 rounded-full flex items-center justify-center" style="background-color: rgba(240, 185, 11, 0.15);">
|
||||
<%= icon "coins", size: "md", class: "text-[#F0B90B]" %>
|
||||
</div>
|
||||
<div>
|
||||
<p class="font-medium text-primary"><%= item.name %></p>
|
||||
<p class="text-xs text-secondary">
|
||||
<% if item.syncing? %>
|
||||
<%= t("settings.providers.binance_panel.syncing") %>
|
||||
<% else %>
|
||||
<%= item.sync_status_summary %>
|
||||
<% end %>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-2">
|
||||
<%= button_to sync_binance_item_path(item),
|
||||
method: :post,
|
||||
class: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-secondary hover:text-primary border border-secondary rounded-lg hover:border-primary",
|
||||
disabled: item.syncing? do %>
|
||||
<%= icon "refresh-cw", size: "sm" %>
|
||||
<%= t("settings.providers.binance_panel.sync") %>
|
||||
<% end %>
|
||||
<%= button_to binance_item_path(item),
|
||||
method: :delete,
|
||||
class: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-destructive hover:bg-destructive/10 rounded-lg",
|
||||
data: { turbo_confirm: t("settings.providers.binance_panel.disconnect_confirm") } do %>
|
||||
<%= icon "trash-2", size: "sm" %>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
<% else %>
|
||||
<%
|
||||
binance_item = Current.family.binance_items.build(name: "Binance")
|
||||
%>
|
||||
|
||||
<%= styled_form_with model: binance_item,
|
||||
url: binance_items_path,
|
||||
scope: :binance_item,
|
||||
method: :post,
|
||||
data: { turbo: true },
|
||||
class: "space-y-3" do |form| %>
|
||||
<%= form.text_field :api_key,
|
||||
label: t("settings.providers.binance_panel.api_key_label"),
|
||||
placeholder: t("settings.providers.binance_panel.api_key_placeholder"),
|
||||
type: :password %>
|
||||
|
||||
<%= form.text_field :api_secret,
|
||||
label: t("settings.providers.binance_panel.api_secret_label"),
|
||||
placeholder: t("settings.providers.binance_panel.api_secret_placeholder"),
|
||||
type: :password %>
|
||||
|
||||
<div class="flex justify-end">
|
||||
<%= form.submit t("settings.providers.binance_panel.connect_button"),
|
||||
class: "inline-flex items-center justify-center rounded-lg px-4 py-2 text-sm font-medium text-inverse bg-inverse hover:bg-inverse-hover focus:outline-none focus:ring-2 focus:ring-gray-900 focus:ring-offset-2 transition-colors" %>
|
||||
</div>
|
||||
<% end %>
|
||||
<% end %>
|
||||
|
||||
<div class="flex items-center gap-2">
|
||||
<% if items.any? %>
|
||||
<div class="w-2 h-2 bg-success rounded-full"></div>
|
||||
<p class="text-sm text-secondary"><%= t("settings.providers.binance_panel.status_connected") %></p>
|
||||
<% else %>
|
||||
<div class="w-2 h-2 bg-tertiary rounded-full"></div>
|
||||
<p class="text-sm text-secondary"><%= t("settings.providers.binance_panel.status_not_connected") %></p>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user