<!DOCTYPE html>
<html i18n-values="dir:textdirection">
<!--

Copyright (c) 2010 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.

-->
<head>
<meta name="google" value="notranslate">
<!-- X-WebKit-CSP is our development name for Content-Security-Policy.
     TODO(abarth): Change the name to Content-Security-Policy once CSP is done.
     Also, chrome-extension: should really be 'self', but we haven't implemented 'self' yet! -->
<meta http-equiv="X-WebKit-CSP" content="object-src 'none'; script-src chrome://resources chrome-extension:">
<title i18n-content="title"></title>

<link rel="stylesheet" href="chrome://resources/css/list.css">
<link rel="stylesheet" href="chrome://resources/css/tree.css">
<link rel="stylesheet" href="chrome://resources/css/menu.css">
<link rel="stylesheet" href="css/bmm.css">

<script src="chrome://resources/css/tree.css.js"></script>
<script src="css/bmm.css.js"></script>
<script src="chrome://resources/js/event_tracker.js"></script>

<script src="chrome://resources/js/cr.js"></script>
<script src="chrome://resources/js/cr/event_target.js"></script>
<script src="chrome://resources/js/cr/link_controller.js"></script>
<script src="chrome://resources/js/cr/promise.js"></script>
<script src="chrome://resources/js/cr/ui.js"></script>
<script src="chrome://resources/js/cr/ui/array_data_model.js"></script>
<script src="chrome://resources/js/cr/ui/command.js"></script>
<script src="chrome://resources/js/cr/ui/menu_item.js"></script>
<script src="chrome://resources/js/cr/ui/menu.js"></script>
<script src="chrome://resources/js/cr/ui/position_util.js"></script>
<script src="chrome://resources/js/cr/ui/menu_button.js"></script>
<script src="chrome://resources/js/cr/ui/context_menu_button.js"></script>
<script src="chrome://resources/js/cr/ui/context_menu_handler.js"></script>
<script src="chrome://resources/js/cr/ui/list_selection_model.js"></script>
<script src="chrome://resources/js/cr/ui/list_selection_controller.js"></script>
<script src="chrome://resources/js/cr/ui/list_item.js"></script>
<script src="chrome://resources/js/cr/ui/list.js"></script>
<script src="chrome://resources/js/cr/ui/tree.js"></script>
<script src="chrome://resources/js/cr/ui/splitter.js"></script>

<script src="chrome://resources/js/util.js"></script>
<script src="chrome://resources/js/local_strings.js"></script>
<script src="chrome://resources/js/i18n_template.js"></script>

<script src="js/bmm.js"></script>
<script src="js/bmm/bookmark_list.js"></script>
<script src="js/bmm/bookmark_tree.js"></script>
</head>
<body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">

<div class="header">
  <button class="logo" tabindex=3></button>
  <form onsubmit="setSearch(this.term.value); return false;"
      class="form">
    <input type="search" id="term" tabindex=1 autofocus incremental
        i18n-values="placeholder:search_button">
  </form>
</div>

<div class="summary">
  <h3 i18n-content="title"></h3>
  <button menu="#organize-menu" tabindex="-1" i18n-content="organize_menu"></button>
</div>

<div class=main>
  <div id=tree-container>
    <tree id=tree tabindex=2></tree>
  </div>
  <div class=splitter></div>
  <list id=list tabindex=2></list>
</div>

<!-- Organize menu -->
<command i18n-values=".label:rename_folder" id="rename-folder-command"></command>
<command i18n-values=".label:edit" id="edit-command"></command>
<command i18n-values=".label:show_in_folder" id="show-in-folder-command"></command>
<command i18n-values=".label:cut" id="cut-command"></command>
<command i18n-values=".label:copy" id="copy-command"></command>
<command i18n-values=".label:paste" id="paste-command"></command>
<command i18n-values=".label:delete" id="delete-command"></command>
<command i18n-values=".label:sort" id="sort-command"></command>
<command i18n-values=".label:add_new_bookmark" id="add-new-bookmark-command"></command>
<command i18n-values=".label:new_folder" id="new-folder-command"></command>

<!-- Tools menu -->
<command i18n-values=".label:import_menu" id="import-menu-command"></command>
<command i18n-values=".label:export_menu" id="export-menu-command"></command>

<!-- open * are handled in canExecute handler -->
<command id="open-in-new-tab-command"></command>
<command id="open-in-background-tab-command"></command>
<command id="open-in-new-window-command"></command>
<command id="open-incognito-window-command"></command>
<command id="open-in-same-window-command"></command>

<!-- TODO(arv): I think the commands might be better created in code? -->

<menu id="organize-menu">
  <button command="#add-new-bookmark-command"></button>
  <button command="#new-folder-command"></button>
  <hr>
  <button command="#rename-folder-command"></button>
  <button command="#edit-command"></button>
  <button command="#show-in-folder-command"></button>
  <hr>
  <button command="#cut-command"></button>
  <button command="#copy-command"></button>
  <button command="#paste-command"></button>
  <hr>
  <button command="#delete-command"></button>
  <hr>
  <button command="#sort-command"></button>
  <hr>
  <button command="#import-menu-command"></button>
  <button command="#export-menu-command"></button>
</menu>

<menu id="context-menu">
  <button command="#open-in-new-tab-command"></button>
  <button command="#open-in-new-window-command"></button>
  <button command="#open-incognito-window-command"></button>
  <hr>
  <button command="#rename-folder-command"></button>
  <button command="#edit-command"></button>
  <button command="#show-in-folder-command"></button>
  <hr>
  <button command="#cut-command"></button>
  <button command="#copy-command"></button>
  <button command="#paste-command"></button>
  <hr>
  <button command="#delete-command"></button>
  <hr>
  <button command="#add-new-bookmark-command"></button>
  <button command="#new-folder-command"></button>
</menu>

<div id="drop-overlay"></div>

<script src="js/main.js"></script>
</body>
</html>