|
@@ -97,16 +97,116 @@ ${ commonheader(_('Search'), "search", user, "80px") | n,unicode }
|
|
|
|
|
|
|
|
<div style="float: left; margin-left: 20px" data-bind="visible: columns().length > 0">
|
|
<div style="float: left; margin-left: 20px" data-bind="visible: columns().length > 0">
|
|
|
<div class="toolbar-label">${_('WIDGETS')}</div>
|
|
<div class="toolbar-label">${_('WIDGETS')}</div>
|
|
|
- <div class="draggable-widget" data-bind="draggable: {data: draggableResultset(), isEnabled: availableDraggableResultset, options: {'start': function(event, ui){$('.card-body').slideUp('fast');}, 'stop': function(event, ui){$('.card-body').slideDown('fast'); $root.collection.template.isGridLayout(true); }}}" title="${_('Grid Results')}" rel="tooltip" data-placement="top"><a href=""><i class="fa fa-table"></i></a></div>
|
|
|
|
|
- <div class="draggable-widget" data-bind="draggable: {data: draggableHtmlResultset(), isEnabled: availableDraggableResultset, options: {'start': function(event, ui){$('.card-body').slideUp('fast');}, 'stop': function(event, ui){$('.card-body').slideDown('fast'); $root.collection.template.isGridLayout(false); }}}" title="${_('HTML Results')}" rel="tooltip" data-placement="top"><a href="#"><i class="fa fa-code"></i></a></div>
|
|
|
|
|
- <div class="draggable-widget" data-bind="draggable: {data: draggableFacet(), options: {'start': function(event, ui){$('.card-body').slideUp('fast');}, 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}" title="${_('Text Facet')}" rel="tooltip" data-placement="top"><a href="#"><i class="fa fa-sort-amount-asc"></i></a></div>
|
|
|
|
|
- <div class="draggable-widget" data-bind="draggable: {data: draggablePie(), options: {'start': function(event, ui){$('.card-body').slideUp('fast');}, 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}" title="${_('Pie Chart')}" rel="tooltip" data-placement="top"><a href="#"><i class="hcha hcha-pie-chart"></i></a></div>
|
|
|
|
|
- <!-- <div class="draggable-widget" data-bind="draggable: {data: draggableHit(), options: {'start': function(event, ui){$('.card-body').slideUp('fast');}, 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}" title="${_('Hit Count')}" rel="tooltip" data-placement="top"><a href="#"><i class="fa fa-tachometer"></i></a></div> -->
|
|
|
|
|
- <div class="draggable-widget" data-bind="draggable: {data: draggableBar(), options: {'start': function(event, ui){$('.card-body').slideUp('fast');}, 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}" title="${_('Bar Chart')}" rel="tooltip" data-placement="top"><a href="#"><i class="hcha hcha-bar-chart"></i></a></div>
|
|
|
|
|
- <div class="draggable-widget" data-bind="draggable: {data: draggableLine(), options: {'start': function(event, ui){$('.card-body').slideUp('fast');}, 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}" title="${_('Line')}" rel="tooltip" data-placement="top"><a href="#"><i class="hcha hcha-line-chart"></i></a></div>
|
|
|
|
|
- <div class="draggable-widget" data-bind="draggable: {data: draggableHistogram(), isEnabled: availableDraggableHistogram, options: {'start': function(event, ui){$('.card-body').slideUp('fast');}, 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}" title="${_('Histogram')}" rel="tooltip" data-placement="top"><a href="#"><i class="fa fa-long-arrow-right"></i></a></div>
|
|
|
|
|
- <div class="draggable-widget" data-bind="draggable: {data: draggableFilter(), isEnabled: availableDraggableFilter, options: {'start': function(event, ui){$('.card-body').slideUp('fast');}, 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}" title="${_('Filter Bar')}" rel="tooltip" data-placement="top"><a href="#"><i class="fa fa-filter"></i></a></div>
|
|
|
|
|
- <div class="draggable-widget" data-bind="draggable: {data: draggableMap(), options: {'start': function(event, ui){$('.card-body').slideUp('fast');}, 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}" title="${_('Map')}" rel="tooltip" data-placement="top"><a href="#"><i class="hcha hcha-map-chart"></i></a></div>
|
|
|
|
|
|
|
+ <div class="draggable-widget"
|
|
|
|
|
+ data-bind="style: { cursor: availableDraggableResultset() ? 'move' : 'default' },
|
|
|
|
|
+ draggable: {data: draggableResultset(), isEnabled: availableDraggableResultset,
|
|
|
|
|
+ options: {'start': function(event, ui){$('.card-body').slideUp('fast');},
|
|
|
|
|
+ 'stop': function(event, ui){$('.card-body').slideDown('fast'); $root.collection.template.isGridLayout(true); }}}"
|
|
|
|
|
+ title="${_('Grid Results')}" rel="tooltip" data-placement="top">
|
|
|
|
|
+ <a data-bind="attr: {href: $root.availableDraggableResultset()},
|
|
|
|
|
+ css: {'btn-inverse': ! $root.availableDraggableResultset() },
|
|
|
|
|
+ style: { cursor: $root.availableDraggableResultset() ? 'move' : 'default' }">
|
|
|
|
|
+ <i class="fa fa-table"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="draggable-widget"
|
|
|
|
|
+ data-bind="style: { cursor: availableDraggableResultset() ? 'move' : 'default' },
|
|
|
|
|
+ draggable: {data: draggableHtmlResultset(),
|
|
|
|
|
+ isEnabled: availableDraggableResultset,
|
|
|
|
|
+ options: {'start': function(event, ui){$('.card-body').slideUp('fast');},
|
|
|
|
|
+ 'stop': function(event, ui){$('.card-body').slideDown('fast'); $root.collection.template.isGridLayout(false); }}}"
|
|
|
|
|
+ title="${_('HTML Results')}" rel="tooltip" data-placement="top">
|
|
|
|
|
+ <a data-bind="attr: {href: $root.availableDraggableResultset()},
|
|
|
|
|
+ css: {'btn-inverse': ! $root.availableDraggableResultset() },
|
|
|
|
|
+ style: { cursor: $root.availableDraggableResultset() ? 'move' : 'default' }">
|
|
|
|
|
+ <i class="fa fa-code"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="draggable-widget"
|
|
|
|
|
+ data-bind="style: { cursor: availableDraggableChart() ? 'move' : 'default' },
|
|
|
|
|
+ draggable: {data: draggableFacet(), isEnabled: availableDraggableChart,
|
|
|
|
|
+ options: {'start': function(event, ui){$('.card-body').slideUp('fast');},
|
|
|
|
|
+ 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}"
|
|
|
|
|
+ title="${_('Text Facet')}" rel="tooltip" data-placement="top">
|
|
|
|
|
+ <a data-bind="attr: {href: $root.availableDraggableChart()},
|
|
|
|
|
+ css: {'btn-inverse': ! $root.availableDraggableChart() },
|
|
|
|
|
+ style: { cursor: $root.availableDraggableChart() ? 'move' : 'default' }">
|
|
|
|
|
+ <i class="fa fa-sort-amount-asc"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="draggable-widget"
|
|
|
|
|
+ data-bind="style: { cursor: availableDraggableChart() ? 'move' : 'default' },
|
|
|
|
|
+ draggable: {data: draggablePie(), isEnabled: availableDraggableChart,
|
|
|
|
|
+ options: {'start': function(event, ui){$('.card-body').slideUp('fast');},
|
|
|
|
|
+ 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}"
|
|
|
|
|
+ title="${_('Pie Chart')}" rel="tooltip" data-placement="top">
|
|
|
|
|
+ <a data-bind="attr: {href: $root.availableDraggableChart()},
|
|
|
|
|
+ css: {'btn-inverse': ! $root.availableDraggableChart() },
|
|
|
|
|
+ style: { cursor: $root.availableDraggableChart() ? 'move' : 'default' }">
|
|
|
|
|
+ <i class="hcha hcha-pie-chart"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- <div class="draggable-widget" data-bind="draggable: {data: draggableHit(), options: {'start': function(event, ui){$('.card-body').slideUp('fast');}, 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}" title="${_('Hit Count')}" rel="tooltip" data-placement="top"><a data-bind="attr: {href: $root.availableDraggableResultset()}, css: {'btn-inverse': ! $root.availableDraggableResultset() }, style: { cursor: $root.availableDraggableResultset() ? 'move' : 'default' }"><i class="fa fa-tachometer"></i></a></div> -->
|
|
|
|
|
+ <div class="draggable-widget"
|
|
|
|
|
+ data-bind="style: { cursor: availableDraggableChart() ? 'move' : 'default' },
|
|
|
|
|
+ draggable: {data: draggableBar(), isEnabled: availableDraggableChart,
|
|
|
|
|
+ options: {'start': function(event, ui){$('.card-body').slideUp('fast');},
|
|
|
|
|
+ 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}"
|
|
|
|
|
+ title="${_('Bar Chart')}" rel="tooltip" data-placement="top">
|
|
|
|
|
+ <a data-bind="attr: {href: $root.availableDraggableChart()},
|
|
|
|
|
+ css: {'btn-inverse': ! $root.availableDraggableChart() },
|
|
|
|
|
+ style: { cursor: $root.availableDraggableChart() ? 'move' : 'default' }">
|
|
|
|
|
+ <i class="hcha hcha-bar-chart"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="draggable-widget"
|
|
|
|
|
+ data-bind="style: { cursor: availableDraggableChart() ? 'move' : 'default' },
|
|
|
|
|
+ draggable: {data: draggableLine(), isEnabled: availableDraggableChart,
|
|
|
|
|
+ options: {'start': function(event, ui){$('.card-body').slideUp('fast');},
|
|
|
|
|
+ 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}"
|
|
|
|
|
+ title="${_('Line')}" rel="tooltip" data-placement="top">
|
|
|
|
|
+ <a data-bind="attr: {href: $root.availableDraggableChart()},
|
|
|
|
|
+ css: {'btn-inverse': ! $root.availableDraggableChart() },
|
|
|
|
|
+ style: { cursor: $root.availableDraggableChart() ? 'move' : 'default' }">
|
|
|
|
|
+ <i class="hcha hcha-line-chart"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="draggable-widget"
|
|
|
|
|
+ data-bind="style: { cursor: availableDraggableHistogram() ? 'move' : 'default' },
|
|
|
|
|
+ draggable: {data: draggableHistogram(), isEnabled: availableDraggableHistogram,
|
|
|
|
|
+ options: {'start': function(event, ui){$('.card-body').slideUp('fast');},
|
|
|
|
|
+ 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}"
|
|
|
|
|
+ title="${_('Histogram')}" rel="tooltip" data-placement="top">
|
|
|
|
|
+ <a data-bind="attr: {href: $root.availableDraggableHistogram()},
|
|
|
|
|
+ css: {'btn-inverse': ! $root.availableDraggableHistogram() },
|
|
|
|
|
+ style: { cursor: $root.availableDraggableHistogram() ? 'move' : 'default' }">
|
|
|
|
|
+ <i class="fa fa-long-arrow-right"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="draggable-widget"
|
|
|
|
|
+ data-bind="style: { cursor: availableDraggableFilter() ? 'move' : 'default' },
|
|
|
|
|
+ draggable: {data: draggableFilter(), isEnabled: availableDraggableFilter,
|
|
|
|
|
+ options: {'start': function(event, ui){$('.card-body').slideUp('fast');},
|
|
|
|
|
+ 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}"
|
|
|
|
|
+ title="${_('Filter Bar')}" rel="tooltip" data-placement="top">
|
|
|
|
|
+ <a data-bind="attr: {href: $root.availableDraggableFilter()},
|
|
|
|
|
+ css: {'btn-inverse': ! $root.availableDraggableFilter() },
|
|
|
|
|
+ style: { cursor: $root.availableDraggableFilter() ? 'move' : 'default' }">
|
|
|
|
|
+ <i class="fa fa-filter"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="draggable-widget"
|
|
|
|
|
+ data-bind="style: { cursor: availableDraggableChart() ? 'move' : 'default' },
|
|
|
|
|
+ draggable: {data: draggableMap(), isEnabled: availableDraggableChart,
|
|
|
|
|
+ options: {'start': function(event, ui){$('.card-body').slideUp('fast');},
|
|
|
|
|
+ 'stop': function(event, ui){$('.card-body').slideDown('fast');}}}"
|
|
|
|
|
+ title="${_('Map')}" rel="tooltip" data-placement="top">
|
|
|
|
|
+ <a data-bind="attr: {href: $root.availableDraggableChart()},
|
|
|
|
|
+ css: {'btn-inverse': ! $root.availableDraggableChart() },
|
|
|
|
|
+ style: { cursor: $root.availableDraggableChart() ? 'move' : 'default' }">
|
|
|
|
|
+ <i class="hcha hcha-map-chart"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="clearfix"></div>
|
|
<div class="clearfix"></div>
|
|
|
</div>
|
|
</div>
|
|
@@ -778,13 +878,11 @@ ${ commonheader(_('Search'), "search", user, "80px") | n,unicode }
|
|
|
border: 1px solid #CCC;
|
|
border: 1px solid #CCC;
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
|
- cursor: move;
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.draggable-widget a {
|
|
.draggable-widget a {
|
|
|
font-size: 58px;
|
|
font-size: 58px;
|
|
|
line-height: 76px;
|
|
line-height: 76px;
|
|
|
- cursor: move;
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.layout-container {
|
|
.layout-container {
|