/src/htmlContent/main-view.html
HTML | 218 lines | 158 code | 13 blank | 47 comment | 0 complexity | 3e94c85a9b14eb290fd653ba520f379d MD5 | raw file
- <!--
- Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
-
- Permission is hereby granted, free of charge, to any person obtaining a
- copy of this software and associated documentation files (the "Software"),
- to deal in the Software without restriction, including without limitation
- the rights to use, copy, modify, merge, publish, distribute, sublicense,
- and/or sell copies of the Software, and to permit persons to whom the
- Software is furnished to do so, subject to the following conditions:
-
- The above copyright notice and this permission notice shall be included in
- all copies or substantial portions of the Software.
-
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- DEALINGS IN THE SOFTWARE.
- -->
- <!--
- HTML template for the body tag of index.html. It is rendered dynamically in
- brackets.js with Mustache and localized with the i18n RequireJS plugin.
- LOCALIZATION NOTE:
- All display text for this file must use templating so the text can be localized.
-
- English text goes in src/nls/root/strings.js. All other translations go in the strings.js file for
- the specific local in the nls folder. If a translation is missing for a specific key English
- is used as a fallback
- Strings should be referenced using the double brackets syntax.
- Example: {{keyname}}. Note, all strings are HTML escaped unless the form
- {{&keyname}} is used.
- -->
- <!-- Main UI -->
- <div class="main-view">
- <div id="sidebar-resizer"></div>
- <div id="sidebar" class="sidebar quiet-scrollbars">
- <!-- Left-hand 'Project panel' -->
- <div id="projects" class="panel">
- <div id="project-header"></div>
- <div id="file-section">
- <div id="open-files-container">
- <!-- This will contain a dynamically generated <ul> at runtime -->
- <ul>
- </ul>
- </div>
-
- <div id="project-files-header" class="project-file-header-area">
- <span id="project-title" class="title"></span>
- </div>
- <div id="project-files-container">
- <!-- This will contain a dynamically generated <ul> hierarchy at runtime -->
- </div>
- </div>
- </div>
- </div>
-
- <!-- Right-hand content: toolbar, editor, bottom panels -->
- <div class="content">
- <!-- Toolbar containing menus, filename, and icons -->
- <div id="main-toolbar" class="toolbar">
- <!-- Menu bar -->
- <ul class="nav" data-dropdown="dropdown">
- </ul>
-
- <!-- Toolbar -->
- <div class="buttons">
- <span id="update-notification" title="{{UPDATE_NOTIFICATION_TOOLTIP}}"></span>
- <span class="experimental-label">{{EXPERIMENTAL_BUILD}}</span>
-
- <a href="#" id="toolbar-go-live"></a> <!-- tooltip for this is set in JS -->
-
- <span id="gold-star" title="No JSLint errors - good job!">
- ★
- </span>
- </div>
-
- <!-- Filename label -->
- <div class="title-wrapper">
- <span class="title"></span> <span class='dirty-dot' style="visibility:hidden;">•</span>
- </div>
- </div>
-
- <div id="editor-holder">
- <div id="not-editor">
- <div id="not-editor-content">[ ]</div>
- </div>
- </div>
-
- <div id="jslint-results" class="bottom-panel">
- <div class="toolbar simple-toolbar-layout">
- <div class="title">{{JSLINT_ERRORS}}</div>
- </div>
- <div class="table-container"></div>
- </div>
- <div id="search-results" class="bottom-panel">
- <div class="toolbar simple-toolbar-layout">
- <div class="title">{{SEARCH_RESULTS}}</div>
- <div class="title" id="search-result-summary"></div>
- <a href="#" class="close">×</a>
- </div>
- <div class="table-container"></div>
- </div>
- </div>
- </div>
- <!-- Modal Windows -->
- <div class="error-dialog template modal hide">
- <div class="modal-header">
- <a href="#" class="close">×</a>
- <h1 class="dialog-title">Error</h1>
- </div>
- <div class="modal-body">
- <p class="dialog-message">Message goes here</p>
- </div>
- <div class="modal-footer">
- <a href="#" class="dialog-button btn primary" data-button-id="ok">{{OK}}</a>
- </div>
- </div>
- <div class="save-close-dialog template modal hide">
- <div class="modal-header">
- <a href="#" class="close">×</a>
- <h1 class="dialog-title">{{SAVE_CHANGES}}</h1>
- </div>
- <div class="modal-body">
- <p class="dialog-message">Message goes here</p>
- </div>
- <div class="modal-footer">
- <a href="#" class="dialog-button btn left" data-button-id="dontsave">{{DONT_SAVE}}</a>
- <a href="#" class="dialog-button btn primary" data-button-id="ok">{{SAVE}}</a>
- <a href="#" class="dialog-button btn" data-button-id="cancel">{{CANCEL}}</a>
- </div>
- </div>
- <div class="ext-changed-dialog template modal hide">
- <div class="modal-header">
- <h1 class="dialog-title">Title goes here</h1>
- </div>
- <div class="modal-body">
- <p class="dialog-message">Message goes here</p>
- </div>
- <div class="modal-footer">
- <a href="#" class="dialog-button btn left" data-button-id="dontsave">{{RELOAD_FROM_DISK}}</a>
- <a href="#" class="dialog-button btn primary" data-button-id="cancel">{{KEEP_CHANGES_IN_EDITOR}}</a>
- </div>
- </div>
- <div class="ext-deleted-dialog template modal hide">
- <div class="modal-header">
- <h1 class="dialog-title">Title goes here</h1>
- </div>
- <div class="modal-body">
- <p class="dialog-message">Message goes here</p>
- </div>
- <div class="modal-footer">
- <a href="#" class="dialog-button btn left" data-button-id="dontsave">{{CLOSE_DONT_SAVE}}</a>
- <a href="#" class="dialog-button btn primary" data-button-id="cancel">{{KEEP_CHANGES_IN_EDITOR}}</a>
- </div>
- </div>
- <div class="live-development-error-dialog template modal hide">
- <div class="modal-header">
- <h1 class="dialog-title">Title goes here</h1>
- </div>
- <div class="modal-body">
- <p class="dialog-message">Message goes here</p>
- </div>
- <div class="modal-footer">
- <a href="#" class="dialog-button btn left" data-button-id="cancel">{{CANCEL}}</a>
- <a href="#" class="dialog-button btn primary" data-button-id="ok">{{RELAUNCH_CHROME}}</a>
- </div>
- </div>
- <div class="about-dialog template modal hide">
- <div class="modal-header">
- <h1 class="dialog-title">{{ABOUT}}</h1>
- </div>
- <div class="modal-body">
- <img class="about-icon" src="styles/images/brackets_icon.svg">
- <div class="about-text">
- <h2>{{APP_NAME}}</h2>
- <p class="dialog-message">{{ABOUT_TEXT_LINE1}} <span id="about-build-number"><!-- populated programmatically --></span></p>
- <p class="dialog-message"><!-- $NON-NLS$ -->Copyright 2012 Adobe Systems Incorporated and its licensors. All rights reserved.</p>
- <p class="dialog-message">{{{ABOUT_TEXT_LINE3}}}</p>
- <p class="dialog-message">{{{ABOUT_TEXT_LINE4}}}</p>
- </div>
- </div>
- <div class="modal-footer">
- <a href="#" class="dialog-button btn primary" data-button-id="ok">{{CLOSE}}</a>
- </div>
- </div>
- <div class="update-dialog template modal hide">
- <div class="modal-header">
- <h1 class="dialog-title">{{UPDATE_AVAILABLE_TITLE}}</h1>
- </div>
- <div class="modal-body">
- <img class="update-icon" src="styles/images/update_large_icon.svg">
- <div class="update-text">
- <p class="dialog-message">{{UPDATE_MESSAGE}}</p>
- <div class="update-info">
- </div>
- </div>
- </div>
- <div class="modal-footer">
- <a href="#" class="dialog-button btn left" data-button-id="cancel">{{CANCEL}}</a>
- <a href="#" class="dialog-button btn primary" data-button-id="download">{{GET_IT_NOW}}</a>
- </div>
- </div>
- <div id="context-menu-bar">
- <ul data-dropdown="dropdown"></ul>
- </div>
- <div id="codehint-menu-bar">
- <ul data-dropdown="dropdown"></ul>
- </div>