residency/app/views/members/edit.html.haml

54 lines
1.3 KiB
Plaintext
Raw Normal View History

= javascript_include_tag "merged/vue.min.js"
= javascript_include_tag "marked.min.js"
2022-12-24 14:07:25 +01:00
.flex.justify-center.m-20
2022-12-22 15:27:05 +01:00
.flex.flex-col
%h1 Editing member
2022-12-20 16:05:26 +01:00
2022-12-25 16:37:22 +01:00
= form_for @member do |f|
- if @member.errors.any?
#error_explanation
%h2= "#{pluralize(@member.errors.count, "error")} prohibited this member from being saved:"
%ul
- @member.errors.full_messages.each do |message|
%li= message
2022-12-20 16:05:26 +01:00
2022-12-25 16:37:22 +01:00
.grid.grid-cols-3.gap-10.mx-20
.field
= f.label :name
= f.text_field :name
.field
= f.label :public
= f.check_box :public
.field
= f.label :picture
= f.file_field :picture
.preview.prose
%b.text-2xl Preview
%div{"v-html" => "compiledMarkdown"}
.field.flex.flex-col
= f.label :bio
= f.text_area :bio ,rows: 15 , "v-model" => "markdown"
2022-12-25 16:37:22 +01:00
%div
-if @member.picture_url
%div.overflow-hidden
.my-5 Currently
= image_tag @member.picture_url, class: "object-contain h-40"
-else
No Picture
.flex.justify-center.actions.m-10
= f.submit 'Save'
.ml-20= link_to 'Back', member_path(@member)
:ruby2js
class Mark < Vue
options el: '.grid'
def initialize
@markdown = "#{@member.bio.to_s.html_safe}"
end
def compiledMarkdown
marked.parse(@markdown)
end
end