{% extends "wirecloud/views/base.html"%}
{% load compress i18n %}

{% block css %}
{% compress css %}
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/wirecloud_core.css"  />
{% endcompress %}
{% endblock %}

{% block workspace_header %}
<div id="ws_header" class="global_header">
  <div id="ws_banner" class="lite_banner">
	{% block ezweb_logo %}{% endblock %}
	<div id="ws_section_identifier" class="section_identifier">
	  <div id="dragboard_link" class="area_name">
		<div id="workspace_name"></div>
	  </div>
	  <input id="go_to_link" class="application_selector" type="button" />
	</div>
	<div id="lite_toolbar_section" class="toolbar_section"></div>
  </div>
  <div id="bar" class="bar">
	<div id="tab_section" class="tab_section">
	  <input type="button" id="add_tab_link" title="{% trans 'Add more tabs' %}" class="toolbar_unmarked" onclick="$('add_tab_link').blur();OpManagerFactory.getInstance().activeWorkspace.addTab();" value="{% trans 'Add Tab' %}"/>
	  <input type="button" id="right_slider" title="go left" style="display:none" onmouseover="LayoutManagerFactory.getInstance().goLeft()" onmouseout="clearTimeout(LayoutManagerFactory.getInstance().leftTimeOut)"/>
	  <div id="fixed_bar"><div id="scroll_bar"><div id="tab_marker" style="display:none"></div></div></div>
	  <input type="button" id="left_slider" title="go right" style="display:none" onmouseover="LayoutManagerFactory.getInstance().goRight();" onmouseout="clearTimeout(LayoutManagerFactory.getInstance().rightTimeOut)"/>
	</div>

  </div>
  <input type="button" id="logs_link" title="{% trans 'Show errors console' %}" onclick="OpManagerFactory.getInstance().showLogs();"/>
  <div id="message_section" class="message_section"><span id="message_box" class="message_box"></span></div>
</div>
{% endblock %}

{% block wiring_header %}
<div id="wiring_header" class="global_header"  style="display:none">
  <div id="wiring_banner" class="lite_banner">
	<div class="section_identifier">
	  <div class="area_name">{% trans 'Wiring' %}</div>
	</div>
	<div class="toolbar_section">
	  <div class="toolbar_menu">
		<div id="wiring_dragboard_link" class="first_toolbar_button">
            <span class="icon-back icon-size" title="{% trans 'Back to my application' %}"></span>
		</div>
		<div class=" last_toolbar_button selected_section">{% trans 'Operate' %}</div>
	  </div>
	  <div class="toolbar_menu_small visible">
		<div class="first_toolbar_button" id="newChannel">{% trans 'New channel' %}</div>
		<div class="last_toolbar_button " id="unfold_all_link">{% trans 'Expand all' %}</div>
	  </div>
	</div>
  </div>
</div>
{% endblock %}

{% block catalogue_header %}
<div id="catalogue_header" class="global_header"  style="display:none">
  <div id="catalogue_banner" class="lite_banner">
	<div class="section_identifier">
	  <div class="area_name">{% trans 'Gallery' %}</div>
	</div>
	<div class="toolbar_section">
	  <div class="toolbar_menu">
		<div id="catalogue_dragboard_link" class="first_toolbar_button">
            <span class="icon-back icon-size" title="{% trans 'Back to my application' %}"></span>
		</div>
		<div id="search_button_toolbar" class="selected_section">{% trans "Search" %}</div>
		<div id="developers_button_toolbar" class="last_toolbar_button">Crear widgets</div>
	  </div>
	</div>
  </div>
  <div class="bar" id="catalogue_nav_bar">
	<div class="tab_section">
	  <div id="widgets_button" class="tab current"><span>{% trans 'Widgets' %}</span></div>
	  <div id="mashups_button" class="tab"><span>{% trans 'Applications' %}</span></div>
	</div>
  </div>
</div>
{% endblock %}

{% block logs_header %}
<div id="logs_header" class="global_header" style="display:none">
  <div class="banner">
    <div class="toolbar_section">
      <div class="toolbar_menu">
        <div id="logs_dragboard_link" class="first_toolbar_button">
            <span class="icon-back icon-size" title="{% trans 'Back to my application' %}"></span>
        </div>
        <div id="logs_all_toolbar" class="selected_section">{% trans 'All' %}</div>
        <div id="logs_iwidget_toolbar" class="last_toolbar_button">{% trans 'iWidget' %}</div>
      </div>
      <div class="toolbar_menu_small visible">
        <div class="first_toolbar_button" id="logs_clear_button">{% trans 'Clear' %}</div>
        <div class="last_toolbar_button" id="logs_save_button">{% trans 'Save' %}</div>
      </div>
    </div>
    <div class="title"></div>
  </div>
  <div class="bar">
    <div class="area_name"><div class="section_identifier"></div></div>
  </div>
</div>
{% endblock %}
