adminbar.html

{% load item_tags %}
{% load chat_extras %}
<div class="adminbar navbar navbar-inverse">
  <div class="left-wrap">
    <ul class="nav pull-left search">
      <li><a href="#"><i class="demeicon demeicon-text-size"></i></a></li>
      <li><a href="#"><i class="glyphicon glyphicon-search"></i></a></li>
    </ul>

    <ul class="nav pull-left breadcrumbs">
      {% crumbs %}
    </ul>
  </div>

  <ul class="nav pull-right actions-wrap">
    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="Actions">Actions <span class="caret"></span>
      </a>
      <ul class="dropdown-menu">
        {% actionsmenu %}
        <!--li><a href="#" tabindex="-1"><i class="glyphicon glyphicon-plus-sign"></i> Create</a></li>
        <li><a href="#" tabindex="-1"><i class="glyphicon glyphicon-edit"></i> Edit</a></li>
        <li><a href="#" tabindex="-1"><i class="glyphicon glyphicon-comment"></i> Comment</a></li>
        <li><a href="#" tabindex="-1"><i class="glyphicon glyphicon-envelope"></i> Subscribe</a></li>
        <li><a href="#" tabindex="-1"><i class="demeicon  demeicon-add-collection"></i> Add to collection</a></li>
        <li><a href="#" tabindex="-1"><i class="demeicon  demeicon-copy"></i> Copy</a></li>
        <li><a href="#" tabindex="-1"><i class="glyphicon glyphicon-trash"></i> Deactivate</a></li-->
      </ul>
    </li>
    <li><a href="#"><i class="glyphicon glyphicon-plus-sign"></i></a></li>
    <li><a href="#"><i class="glyphicon glyphicon-edit"></i></a></li>
    <li><a href="#"><i class="glyphicon glyphicon-comment"></i></a></li>
    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="Account"><i class="glyphicon glyphicon-user"></i></a>
      <ul class="dropdown-menu login-menu">
        {% login_menu %}
      </ul>
    </li>
    {% if item %}
    <li><a href="#" title="Toggle Metadata" class="metabar-toggle"><i class="glyphicon glyphicon-info-sign"></i></a></li>
    {% endif %}
  </ul>
</div>


<!-- start old stuff -->
<div>
    <div style="float: right;">
        <div style="float: left;" id="actions_wrapper">
            <script type="text/javascript">
            $(function(){
                if ($.trim($('#actions_menu_wrapper').text()) == '') {
                    $('#actions_wrapper').hide();
                }
            });
            </script>
        </div>

    </div>

    <form method="get" action="{% url item_type_url viewer="item" %}" style="display: inline; border-bottom: 20px;">
        <input type="search" id="search_box" name="q" value="{{ search_query }}" style="width: 20em;" />
        {# TODO add magnifying glass #}
    </form>

</div>

<div class="HiddenMenu" id="HiddenNewItemMenu" style="position: fixed; top: 73px; left: 220px; right: 20px; padding: 10px; background: #fff; border: thin ridge gray; -moz-box-shadow: 5px 3px 3px #ccc; -webkit-box-shadow: 5px 3px 3px #ccc;box-shadow: px 3px 3px #ccc; display: none;">
    <div style="float:right; height: 5px; font-size: 20%;">
        <a href="#" id="closebutton" onclick="toggleNewItemMenu('HiddenNewItemMenu'); return false;" class="fg-button ui-state-default fg-button-icon-solo ui-corner-all" title="Close"><span class="ui-icon ui-icon-close"></span> Close</a>
    </div>
    <div style="float:left;">
        {% defaultcreateitemtypes %}
        <div class="create_image" style="float: left; margin-right: 2em;">
            <a href="{% url item_type_url viewer=create_item_viewer_name,action="new"%}" class="img_link"><img src="{{create_item_type|icon_url:64}}" title="Create new {% item_type_verbose_name create_item_type %}" />New {% item_type_verbose_name create_item_type %}</a>
        </div>
        {% enddefaultcreateitemtypes %}
        <a href="{% url item_type_url viewer="item",action="newother"%}" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all poll" style="margin-top: 20px;">Other</a>
        <div style="clear: both;"></div>
    </div>


    <div style="clear: both;"></div>
</div>

<script type="text/javascript">

    function openCommentDialog(name)
    {
        var dialogBox = $('#' + name);
        dialogBox.dialog({
            autoOpen: false,
            bgiframe: true,
            modal: true,
            close: function(event, ui) {dialogBox.dialog('destroy')}
        });
        dialogBox.dialog('open');
    }
    function displayHiddenDiv(name)
    {
        var hiddenDiv = $('#' + name);
        hiddenDiv.show();
    }
</script>