103 lines
3.9 KiB
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">></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>
|