| 1 | 2 | simandl | <div style="width:{{component.width}}; |
| 2 | | | height:{{component.height}}; |
| 3 | | | z-index: {{component.zIndex}}; |
| 4 | | | left:{{component.left}}; |
| 5 | | | top:{{component.top}}; |
| 6 | | | position: absolute; |
| 7 | | | background-color:{{component.backgroundColor}};" |
| 8 | | | class="window {% if component.draggable %}draggable{% endif %} panel panel-primary" |
| 9 | | | {%if component.onDrag|length > 0 %}ondrag="invokeStrongEvent(this,event);"{% endif %} |
| 10 | | | {%if component.onMouseDown|length > 0 %}onmousedown="invokeStrongEvent(this,event);"{% endif %} |
| 11 | | | id="{{component.name}}"> |
| 12 | | | <div class="panel-heading" style="cursor:pointer;float:left;width:100%"> |
| 13 | | | |
| 14 | | | {#<div class="icon-wrapper"> |
| 15 | | | <span class="ui-icon {% block window_icon %}ui-icon-gear{% endblock %}"></span> |
| 16 | | | </div>#} |
| 17 | | | <span class="glyphicon {{component.titleIcon}}"></span> |
| 18 | | | {% block window_caption %} |
| 19 | | | {{ component.title }} |
| 20 | | | {% endblock %} |
| 21 | | | <div class="btn-group pull-right"> |
| 22 | | | <a href="#" class="btn btn-default btn-xs"> X </a> |
| 23 | | | </div> |
| 24 | | | {#<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close"><span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span><span class="ui-button-text">close</span></button> |
| 25 | | | #} |
| 26 | | | {#<div class="buttons-wrapper"> |
| 27 | | | {% block window_buttons %}{% endblock %} |
| 28 | | | </div>#} |
| 29 | | | </div> |
| 30 | | | <div class="panel-body c-container" style="height:100%;width: 100%"> |
| 31 | | | {% for control in component.controls %} |
| 32 | | | {{ include('@Phem/UI/' ~ control.templateName ~ '.twig', {component: control}, with_context = false) }} |
| 33 | | | {% endfor %} |
| 34 | | | </div> |
| 35 | | | <script> |
| 36 | | | $(document).ready(function(){ |
| 37 | | | $("#{{component.name}}").draggable(); |
| 38 | | | }); |
| 39 | | | </script> |
| 40 | | | </div> |
