lib/pulse-meter/visualize/views/widgets/area.haml in pulse-meter-0.2.11 vs lib/pulse-meter/visualize/views/widgets/area.haml in pulse-meter-0.3.0
- old
+ new
@@ -3,29 +3,51 @@
#chart-controls
.form-inline
%button#refresh.btn.btn-mini
%i.icon-refresh
Refresh
- %span.space
- %label
- Cutoff min:
- %input.btn-mini#cutoff-min
- %span.space
- %label
- Cutoff max:
- %input.btn-mini#cutoff-max
- %span.space
- %label
- Refresh:
- %input.btn-mini#need-refresh{type: :checkbox, checked: :true}
- %label
- Timespan:
- %select#extend-timespan-val.btn-mini.span1
- = partial "widgets/extend_options"
- %button#extend-timespan.btn.btn-mini
- %i.icon-arrow-left
- Extend
- %button#reset-timespan.btn.btn-mini
- %i.icon-arrow-right
- Reset
- %hr
-
+ %a#configure-button.btn.btn-mini{href: "#configure", role: 'button', 'data-toggle' => 'modal'}
+ %i.icon-wrench
+ Configure...
+ .modal.hide.fade#configure
+ .modal-header
+ %button.close{type: 'button', 'data-dismiss' => 'modal', 'aria-hidden' => 'true'} ×
+ %h3 Configure
+ .modal-body
+ %p
+ %label
+ Cutoff min:
+ %input.btn-mini#cutoff-min
+ %span.space
+ %label
+ Cutoff max:
+ %input.btn-mini#cutoff-max
+ %hr
+ %p
+ %label
+ Refresh:
+ %input.btn-mini#need-refresh{type: :checkbox, checked: :true}
+ %hr
+ %p
+ %label
+ Timespan:
+ %select#extend-timespan-val.btn-mini.span1
+ = partial "widgets/extend_options"
+ %button#extend-timespan.btn.btn-mini
+ %i.icon-arrow-left
+ Extend
+ %button#reset-timespan.btn.btn-mini
+ %i.icon-arrow-right
+ Reset
+ %hr
+ %p
+ %label
+ From:
+ %span#start-time
+ %input.datepicker
+ %label
+ Till:
+ %span#end-time
+ %input.datepicker
+ %button#set-interval.btn.btn-mini
+ %i.icon-time
+ Set interval