summaryrefslogtreecommitdiff
path: root/html/install.html
diff options
context:
space:
mode:
authorWojtek Kosior <koszko@koszko.org>2022-01-22 13:49:40 +0100
committerWojtek Kosior <koszko@koszko.org>2022-01-22 13:49:40 +0100
commit7218849ae2f43aee6b3462a30e07caf5bac3d22b (patch)
tree3de3b31c07e532edf7373faf4a267f313dc2ed25 /html/install.html
parent046b8a7b3e7259bf451926732e6221076b1d4153 (diff)
downloadbrowser-extension-7218849ae2f43aee6b3462a30e07caf5bac3d22b.tar.gz
browser-extension-7218849ae2f43aee6b3462a30e07caf5bac3d22b.zip
add a mapping/resources installation dialog
Diffstat (limited to 'html/install.html')
-rw-r--r--html/install.html113
1 files changed, 113 insertions, 0 deletions
diff --git a/html/install.html b/html/install.html
new file mode 100644
index 0000000..b8d0927
--- /dev/null
+++ b/html/install.html
@@ -0,0 +1,113 @@
+#IF !INSTALL_LOADED
+#DEFINE INSTALL_LOADED
+<!--
+ SPDX-License-Identifier: GPL-3.0-or-later OR CC-BY-SA-4.0
+
+ Install mappings/resources in Haketilo.
+
+ This file is part of Haketilo.
+
+ Copyright (C) 2022 Wojtek Kosior <koszko@koszko.org>
+
+ File is dual-licensed. You can choose either GPLv3+, CC BY-SA or both.
+
+ This program is free software: you can redistribute it and/or modify
+ it under the terms of the GNU General Public License as published by
+ the Free Software Foundation, either version 3 of the License, or
+ (at your option) any later version.
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License
+ along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+ I, Wojtek Kosior, thereby promise not to sue for violation of this file's
+ licenses. Although I request that you do not make use of this code in a
+ proprietary program, I am not going to enforce this in court.
+ -->
+
+<!--
+ This is not a standalone page. This file is meant to be imported into other
+ HTML code.
+ -->
+
+#INCLUDE html/dialog.html
+#INCLUDE html/item_preview.html
+
+#LOADCSS html/reset.css
+#LOADCSS html/base.css
+<style>
+ .install_entry_li {
+ display: flex;
+ align-items: center;
+ margin: 0;
+ padding: 0.2em;
+ }
+ .install_entry_li:nth-child(2n) {
+ background-color:#dadada;
+ }
+
+ .install_item_info {
+ display: grid;
+ grid-template-columns: auto;
+ flex: 1 1 auto;
+ min-width: 0;
+ }
+ .install_item_info > span {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ .install_item_more_info {
+ font-size: 80%;
+ font-style: italic;
+ }
+
+ .install_bottom_buttons {
+ margin: 1em auto;
+ text-align: center;
+ }
+</style>
+<template>
+ <div id="install_view" data-template="main_div">
+ <div data-template="install_preview">
+ <ul data-template="to_install_list"></ul>
+ <div class="install_bottom_buttons">
+ <button data-template="install_but">Install</button>
+ <button data-template="cancel_but">Cancel</button>
+ </div>
+ </div>
+ <div data-template="dialog_container">
+ <!-- dialog shall be dynamically inserted here -->
+ </div>
+ <div data-template="mapping_preview_container">
+ <!-- item preview shall be dynamically inserted here -->
+ <div class="install_bottom_buttons">
+ <button data-template="mapping_back_but">Back</button>
+ </div>
+ </div>
+ <div data-template="resource_preview_container">
+ <div class="install_bottom_buttons">
+ <button data-template="resource_back_but">Back</button>
+ </div>
+ </div>
+ </div>
+ <li id="install_list_entry" data-template="main_li"
+ class="install_entry_li">
+ <div class="install_item_info">
+ <span data-template="item_name"></span>
+ <span data-template="item_id" class="install_item_more_info"></span>
+ <span data-template="update_info"
+ class="install_item_more_info hide">
+ (update from <span data-template="old_ver"></span>)
+ </span>
+ </div>
+ <span class="text_right">
+ <button data-template="details_but">Details</button>
+ </span>
+ </li>
+</template>
+#ENDIF