zambal / marker Goto Github PK

defmodule NanoPlanner.TopView do
  use NanoPlanner.Web, :view
  use Marker.HTML

  def foo(list) do
    div do
      for item <- list do
        span item, class: "item"
      end
    end
  end
end

** (CompileError) web/templates/top/index.html.eex:2: function link/2 imported from both Phoenix.HTML.Link and Marker.HTML, call is ambiguous

  template :index do
    form_for @conn, user_path(@conn, :create), [as: :search], fn f ->
      label "Name: #{text_input f, :name}"
      label "Age: #{select f, :age, 18..100}"
      submit "Submit"
    end
  end

protocol String.Chars not implemented for {:safe, [60, "input", [[32, "id", 61, 34, "search_name", 34], [32, "name", 61, 34, "search[name]", 34], [32, "type", 61, 34, "text", 34]], 62]}. This protocol is implemented for: Atom, BitString, Date, DateTime, Decimal, Ecto.Date, Ecto.DateTime, Ecto.Time, Float, Hound.Element, Integer, List, NaiveDateTime, Postgrex.Copy, Postgrex.Query, Postgrex.Stream, Time, URI, Version, Version.Requirement

  component :form_input do
    custom_type = @type || "text" # default to text
    # div class: "form-group" do
      label @label, for: @id
      input id: @id,
            type: custom_type,
            class: "a_class",
            placeholder: @placeholder,
            name: "name",
            value: "a value"
    # end
  end

  use Marker
  use Marker.HTML
  require MyTestComponent
  import MyTestComponent

{ :safe, "<input id='label' type='text' class='pure-input-1' placeholder='My component name' name='name' value='a value'/>"}

  component :form_select do
    div class: "form-group" do
      label @label, for: @id
      select @__content__, id: @id, class: "a_class"
    end
  end

form_select id: "method", label: "Method", placeholder: "GET" do
      option "GET", value: "GET"
      option "PUT", value: "PUT"
      option "POST", value: "POST"
      option "DELETE", value: "DELETE"
    end

"{ :safe, <div class='form-group'><label for='method'>Method</label><select id='method' class='a_class'></select></div>"}