blob: 05404dbe420ea07e64cff5b18afc0c58495e076e [file] [log] [blame] [edit]
<!doctype html>
<html>
<head>
<!-- Set the title to an empty value, which will be replaced by a localized
name by JavaScript -->
<title>&#xfeff;</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../css/main.css">
<script src="../js/util.js"></script>
<script src="../js/toast.js"></script>
<script src="../js/tooltip.js"></script>
<script src="../js/scrollbar.js"></script>
<script src="../js/models/gallery.js"></script>
<script src="../js/models/file_system.js"></script>
<script src="../js/views/view.js"></script>
<script src="../js/views/gallery_base.js"></script>
<script src="../js/views/camera.js"></script>
<script src="../js/views/camera/gallerybutton.js"></script>
<script src="../js/views/camera/layout.js"></script>
<script src="../js/views/camera/options.js"></script>
<script src="../js/views/camera/preview.js"></script>
<script src="../js/views/camera/recordtime.js"></script>
<script src="../js/views/dialog.js"></script>
<script src="../js/views/browser.js"></script>
<script src="../js/views/settings.js"></script>
<script src="../js/views/warning.js"></script>
<script src="../js/nav.js"></script>
<script src="../js/main.js"></script>
</head>
<body class="mirror mic _3x3">
<div id="camera">
<div id="preview-wrapper" aria-hidden="true">
<video id="preview-video"></video>
<div id="preview-grid">
<div id="preview-grid-horizontal"></div>
<div id="preview-grid-vertical"></div>
</div>
<div id="preview-focus">
<object id="preview-focus-aim" type="image/svg+xml"
data="../images/camera_focus_aim.svg"
tabindex="-1" hidden></object>
</div>
</div>
<div class="actions-group buttons circle">
<button id="switch-takephoto" tabindex="0"
i18n-label="switchTakePhotoButton"></button>
<button id="shutter" tabindex="0"
i18n-label="takePhotoButton"></button>
<button id="switch-recordvideo" tabindex="0"
i18n-label="switchRecordVideoButton"></button>
</div>
<div class="top-stripe right-stripe buttons">
<input type="checkbox" id="toggle-mic" tabindex="0"
i18n-label="toggleMicButton" data-css="mic" data-key="toggleMic"
checked>
</div>
<div class="top-stripe left-stripe buttons">
<button id="open-settings" tabindex="0"
i18n-label="settingsButton" aria-haspopup="true"></button>
</div>
<div class="left-stripe options-group buttons">
<input type="checkbox" id="toggle-mirror" tabindex="0"
i18n-label="toggleMirrorButton" data-css="mirror" checked>
<input type="checkbox" id="toggle-grid" tabindex="0"
i18n-label="toggleGridButton" data-css="grid"
data-key="toggleGrid">
<input type="checkbox" id="toggle-timer" tabindex="0"
i18n-label="toggleTimerButton" data-css="timer"
data-key="toggleTimer">
</div>
<div class="bottom-stripe left-stripe buttons circle">
<button id="switch-device" tabindex="0"
i18n-label="switchCameraButton"></button>
</div>
<div class="bottom-stripe right-stripe buttons circle">
<button id="gallery-enter" tabindex="0"
i18n-label="galleryButton" hidden></button>
</div>
<div class="top-stripe" id="record-time" hidden>
<div class="icon"></div>
<div id="record-time-msg"></div>
</div>
<div class="centered-overlay">
<div id="timer-tick-msg"></div>
</div>
<div class="centered-overlay" id="camera-mode"></div>
</div>
<div id="settings">
<div class="menu">
<div class="menu-header circle">
<button class="icon" tabindex="0" i18n-aria="backButton"></button>
<div role="menu" i18n-content="settingsButton"></div>
</div>
<button class="menu-item circle" id="settings-gridtype" tabindex="0"
aria-describedby="gridtype-desc">
<div class="icon"></div>
<div>
<div i18n-content="gridTypeButton"></div>
<div class="description" id="gridtype-desc" aria-hidden="true">
<span i18n-content="labelGrid3x3" i18n-aria="ariaGrid3x3"></span>
<span i18n-content="labelGrid4x4" i18n-aria="ariaGrid4x4"></span>
<span i18n-content="labelGridGolden"></span>
</div>
</div>
<div class="icon end"></div>
</button>
<button class="menu-item circle" id="settings-timerdur" tabindex="0"
aria-describedby="timerdur-desc">
<div class="icon"></div>
<div>
<div i18n-content="timerDurationButton"></div>
<div class="description" id="timerdur-desc" aria-hidden="true">
<span i18n-content="labelTimer3s"></span>
<span i18n-content="labelTimer10s"></span>
</div>
</div>
<div class="icon end"></div>
</button>
<button class="menu-item circle" id="settings-feedback" tabindex="0">
<div class="icon"></div>
<div i18n-content="feedbackButton"></div>
</button>
<button class="menu-item circle" id="settings-help" tabindex="0">
<div class="icon"></div>
<div i18n-content="helpButton"></div>
</button>
</div>
</div>
<div id="gridsettings">
<div class="menu">
<div class="menu-header circle">
<button class="icon" tabindex="0" i18n-aria="backButton"></button>
<div role="menu" i18n-content="gridTypeButton"></div>
</div>
<label class="menu-item circle" for="grid-3x3">
<input class="icon" id="grid-3x3" type="radio" tabindex="0"
name="gridtype" data-css="_3x3" data-key="toggle3x3" checked>
<span i18n-content="labelGrid3x3" i18n-aria="ariaGrid3x3"></span>
</label>
<label class="menu-item circle" for="grid-4x4">
<input class="icon" id="grid-4x4" type="radio" tabindex="0"
name="gridtype" data-css="_4x4" data-key="toggle4x4">
<span i18n-content="labelGrid4x4" i18n-aria="ariaGrid4x4"></span>
</label>
<label class="menu-item circle" for="grid-golden">
<input class="icon" id="grid-golden" type="radio" tabindex="0"
name="gridtype" data-css="golden" data-key="toggleGolden">
<span i18n-content="labelGridGolden"></span>
</label>
</div>
</div>
<div id="timersettings">
<div class="menu">
<div class="menu-header circle">
<button class="icon" tabindex="0" i18n-aria="backButton"></button>
<div role="menu" i18n-content="timerDurationButton"></div>
</div>
<label class="menu-item circle" for="timer-3s">
<input class="icon" id="timer-3s" type="radio" tabindex="0"
name="timerdur" data-css="_3sec" data-key="toggle3sec" checked>
<span i18n-content="labelTimer3s"></span>
</label>
<label class="menu-item circle" for="timer-10s">
<input class="icon" id="timer-10s" type="radio" tabindex="0"
name="timerdur" data-css="_10sec" data-key="toggle10sec">
<span i18n-content="labelTimer10s"></span>
</label>
</div>
</div>
<div class="centered-overlay" id="spinner"></div>
<div id="browser" role="listbox" i18n-aria="galleryImages">
<div class="padder">
<div class="bounds-padder"></div>
<div class="bounds-padder"></div>
</div>
<div class="buttons">
<button id="browser-back" tabindex="0"
i18n-label="backButton"></button>
<button id="browser-print" disabled tabindex="0"
i18n-label="printButton"></button>
<button id="browser-export" disabled tabindex="0"
i18n-label="exportButton"></button>
<button id="browser-delete" disabled tabindex="0"
i18n-label="deleteButton"></button>
</div>
</div>
<div id="warning">
<div id="error-msg" aria-live="polite"></div>
</div>
<div id="dialog">
<div id="dialog-popup" role="dialog" aria-labelledby="dialog-msg">
<div id="dialog-msg"></div>
<div id="dialog-buttons">
<button id="dialog-negative-button" tabindex="0"
i18n-content="dialogCancelButton"></button>
<button id="dialog-positive-button" tabindex="0"
i18n-content="dialogOKButton"></button>
</div>
</div>
</div>
<div class="centered-overlay" id="toast" aria-live="polite"></div>
<div id="tooltip" aria-hidden="true"></div>
</body>
</html>