curls/server/templates/dashboard.html

103 lines
3.9 KiB
HTML

<!doctype html>
<head>
<title>Curls Dashboard</title>
<link rel="icon" href="{{ url_for('static', filename='icon.jpg') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='dashboard/css/style.css') }}">
<script src="{{ url_for('static', filename='dashboard/js/bundle.libs.js') }}"></script>
<script src="{{ url_for('static', filename='dashboard/js/bundle.main.js') }}"></script>
<script>
App.version = "{{ version }}";
</script>
</head>
<body>
<div id="main">
<div id="controls">
<div class="control_bar">
<div class="control_section">
<div class="button" id="menu" title="Show the main menu">Menu</div>
</div>
<div class="control_section">
<div class="button" id="color"></div>
<div class="button" id="sort"></div>
<div class="button" id="updater"></div>
</div>
<div class="control_section">
<div class="button" id="filter_button">F</div>
<input type="text" id="filter" placeholder="Filter">
<div class="button" id="filter_modes">Filters</div>
</div>
</div>
<div class="control_bar">
<div class="control_section">
<div class="button" id="picker" title="Switch to other curls you own">C</div>
<input type="text" id="change_curl" placeholder="Curl" title="A curl you own">
<input type="password" id="change_key" placeholder="Key" title="The key used to control the curl">
</div>
<div class="control_section">
<div class="button" id="status_button">S</div>
<input type="text" id="change_status" placeholder="Status" spellcheck="true" title="The new status of the curl">
<div class="button" id="change_submit" title="Change the status of the curl">&gt;</div>
</div>
</div>
</div>
<div id="container_outer">
<div id="container" tabindex="0"></div>
</div>
<div id="footer">
<div class="footer_item">
<div class="button" id="scroller" title="Scroll to the bottom and to the top">Scroll</div>
<div class="button" id="font"></div>
<div class="button" id="border"></div>
<div class="button" id="footer_more">More</div>
</div>
<div id="infobar">
<div id="infobar_curls" class="glow"></div>
<div class="infobar_separator">|</div>
<div id="infobar_date" class="glow"></div>
</div>
<div class="glow noselect" id="version" title="The current version of Curls and the Dashboard">v{{ version }}</div>
</div>
</div>
<template id="alert_template">
<div class="modal_items">
<div id="alert_message_container">
<div class="modal_message" id="alert_message"></div>
</div>
<div id="alert_buttons">
<div class="modal_button" id="alert_copy">Copy</div>
<div class="modal_button" id="alert_ok">Okay</div>
</div>
</div>
</template>
<template id="prompt_template">
<div class="modal_items">
<div class="modal_message" id="prompt_message"></div>
<input type="text" id="prompt_input" placeholder="Type something" list="curls_datalist">
<div class="modal_button" id="prompt_submit">Submit</div>
</div>
</template>
<template id="confirm_template">
<div class="modal_items">
<div class="modal_message" id="confirm_message"></div>
<div class="modal_button" id="confirm_ok" tabindex="0">Confirm</div>
</div>
</template>
<datalist id="curls_datalist"></datalist>
</body>