diff options
Diffstat (limited to 'html/install.html')
| -rw-r--r-- | html/install.html | 113 |
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 |