6ac26a3cb6
Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
48 lines
1.4 KiB
Text
48 lines
1.4 KiB
Text
= form_for [@project, @label], html: { class: 'form-horizontal label-form' } do |f|
|
|
-if @label.errors.any?
|
|
.row
|
|
.col-sm-10.col-sm-offset-2
|
|
.bs-callout.bs-callout-danger
|
|
- @label.errors.full_messages.each do |msg|
|
|
%span= msg
|
|
%br
|
|
|
|
.form-group
|
|
= f.label :title, class: 'control-label'
|
|
.col-sm-10
|
|
= f.text_field :title, class: "form-control", required: true
|
|
.form-group
|
|
= f.label :color, "Background Color", class: 'control-label'
|
|
.col-sm-10
|
|
.input-group
|
|
.input-group-addon.label-color-preview
|
|
= f.text_field :color, placeholder: "#AA33EE", class: "form-control"
|
|
.help-block
|
|
6 character hex values starting with a # sign.
|
|
%br
|
|
Or you can choose one of suggested colors below
|
|
|
|
.suggest-colors
|
|
- suggested_colors.each do |color|
|
|
= link_to '#', style: "background-color: #{color}", data: { color: color } do
|
|
|
|
|
|
.form-actions
|
|
= f.submit 'Save', class: 'btn btn-save'
|
|
|
|
|
|
:coffeescript
|
|
updateColorPreview = ->
|
|
previewColor = $('input#label_color').val()
|
|
$('div.label-color-preview').css('background-color', previewColor)
|
|
|
|
$('.suggest-colors a').on 'click', (e) ->
|
|
color = $(this).data("color")
|
|
$('input#label_color').val(color)
|
|
updateColorPreview()
|
|
e.preventDefault()
|
|
|
|
$('input#label_color').on 'input', ->
|
|
updateColorPreview()
|
|
|
|
updateColorPreview()
|