Improve html tree component
This commit is contained in:
@ -3,6 +3,7 @@ defmodule OutlookWeb.HtmlTreeComponent do
|
||||
use Phoenix.Component
|
||||
# use OutlookWeb, :html
|
||||
import OutlookWeb.CoreComponents
|
||||
import OutlookWeb.ViewHelpers
|
||||
|
||||
alias Phoenix.LiveView.JS
|
||||
|
||||
@ -15,10 +16,14 @@ defmodule OutlookWeb.HtmlTreeComponent do
|
||||
end
|
||||
|
||||
def attributes(assigns) do
|
||||
~H" <%= @name %>="<%= @value %>""
|
||||
~H" <%= @name %>="<%= elipsed_text(@value, 16) %>""
|
||||
end
|
||||
|
||||
def tnode(%{node: %{status: _}} = assigns), do: ~H"<%= String.slice(@node.content, 0..20) %><%= if String.length(@node.content) > 20 do %>...<% end %><br>"
|
||||
def tnode(%{node: %{status: _}} = assigns) do
|
||||
~H"""
|
||||
<span title={@node.content} {@node.eph.attributes}><%= elipsed_text(@node.content, 30) %></span><br>
|
||||
"""
|
||||
end
|
||||
|
||||
def tnode(assigns) when assigns.node.type == :element do
|
||||
~H"""
|
||||
@ -32,7 +37,7 @@ defmodule OutlookWeb.HtmlTreeComponent do
|
||||
|
||||
def tnode(assigns) when assigns.node.type == :text do
|
||||
~H"""
|
||||
"<%= String.slice(@node.content, 0..35) %><%= if String.length(@node.content) > 35 do %>..."<% end %><br>
|
||||
"<%= elipsed_text(@node.content, 30) %><br>
|
||||
"""
|
||||
end
|
||||
|
||||
|
||||
Reference in New Issue
Block a user