2013-02-12 17:25:39 -06:00
< div class = "modal-body" >
2013-07-23 12:10:00 -05:00
< div class = "pull-right editor-title" > Row settings< / div >
< div ng-model = "editor.index" bs-tabs >
2013-07-25 23:27:37 -05:00
< div ng-repeat = "tab in ['General','Panels','Add Panel']" data-title = "{{tab}}" >
2013-07-23 12:10:00 -05:00
< / div >
< / div >
< div class = "row-fluid" ng-show = "editor.index == 0" >
2013-02-12 17:25:39 -06:00
< div class = "span4" >
< label class = "small" > Title< / label > < input type = "text" class = "input-medium" ng-model = 'row.title' > < / input >
< / div >
< div class = "span2" >
< label class = "small" > Height< / label > < input type = "text" class = "input-mini" ng-model = 'row.height' > < / input >
< / div >
2013-09-13 15:52:13 -05:00
< div class = "span1" >
2013-02-13 15:24:32 -06:00
< label class = "small" > Editable < / label > < input type = "checkbox" ng-model = "row.editable" ng-checked = "row.editable" / >
2013-02-12 17:25:39 -06:00
< / div >
2013-09-13 15:52:13 -05:00
< div class = "span1" >
2013-03-08 11:04:38 -06:00
< label class = "small" > Collapsable < / label > < input type = "checkbox" ng-model = "row.collapsable" ng-checked = "row.collapsable" / >
< / div >
2013-02-12 17:25:39 -06:00
< / div >
2013-07-23 12:10:00 -05:00
< div class = "row-fluid" ng-show = "editor.index == 1" >
2013-02-13 13:23:24 -06:00
< div class = "span12" >
2013-09-17 11:41:24 -05:00
< h4 > Panels < i class = "icon-plus-sign link" bs-tooltip = "'Add panel'" ng-click = "editor.index = 2" > < / i > < / h4 >
2013-02-13 13:23:24 -06:00
< table class = "table table-condensed table-striped" >
< thead >
< th > Title< / th >
< th > Type< / th >
2013-09-20 16:26:06 -05:00
< th > Span < span class = "small" > ({{rowSpan(row)}}/12)< / span > < / th >
2013-02-13 13:23:24 -06:00
< th > Delete< / th >
< th > Move< / th >
2013-03-08 11:04:38 -06:00
< th > < / th >
< th > Hide< / th >
2013-02-13 13:23:24 -06:00
< / thead >
< tr ng-repeat = "panel in row.panels" >
< td > {{panel.title}}< / td >
< td > {{panel.type}}< / td >
2013-09-20 17:36:25 -05:00
< td > < select ng-hide = "panel.sizeable == false" class = "input-mini" ng-model = "panel.span" ng-options = "size for size in [0,1,2,3,4,5,6,7,8,9,10,11,12]" > < / select > < / td >
2013-02-13 15:24:32 -06:00
< td > < i ng-click = "row.panels = _.without(row.panels,panel)" class = "pointer icon-remove" > < / i > < / td >
< td > < i ng-click = "_.move(row.panels,$index,$index-1)" ng-hide = "$first" class = "pointer icon-arrow-up" > < / i > < / td >
< td > < i ng-click = "_.move(row.panels,$index,$index+1)" ng-hide = "$last" class = "pointer icon-arrow-down" > < / i > < / td >
2013-03-08 11:04:38 -06:00
< td > < input type = "checkbox" ng-model = "panel.hide" ng-checked = "panel.hide" > < / td >
2013-02-13 13:23:24 -06:00
< / tr >
< / table >
< / div >
< / div >
2013-07-25 23:27:37 -05:00
< div class = "row-fluid" ng-show = "editor.index == 2" >
< h4 > Select Panel Type< / h4 >
2013-09-20 16:26:06 -05:00
< form class = "form-inline" >
2013-10-09 07:24:19 -05:00
< select class = "input-medium" ng-model = "panel.type" ng-options = "panelType for panelType in dashboard.availablePanels|stringSort" > < / select >
2013-09-20 16:26:06 -05:00
< small ng-show = "rowSpan(row) > 11" >
Note: This row is full, new panels will wrap to a new line. You should add another row.
< / small >
< / form >
2013-07-25 23:27:37 -05:00
< div ng-show = "!(_.isUndefined(panel.type))" >
< div add-panel = "{{panel.type}}" > < / div >
< / div >
< / div >
2013-02-12 17:25:39 -06:00
< / div >
< div class = "modal-footer" >
2013-09-13 15:52:13 -05:00
< button ng-show = "panel.type && editor.index == 2" ng-click = "add_panel(row,panel); reset_panel(); editor.index == 1;" class = "btn btn-success" ng-disabled = "panel.loadingEditor" > Add Panel< / button >
2013-07-25 23:27:37 -05:00
< button type = "button" class = "btn btn-danger" ng-click = "editor.index=0;dismiss();reset_panel();close_edit()" > Close< / button >
2013-02-12 17:25:39 -06:00
< / div >