mirror of
https://github.com/pvrzz/Portage.git
synced 2026-08-12 03:46:30 +00:00
Delete popup.html
This commit is contained in:
Christian
-140
@@ -1,140 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
---------------------------------------
|
||||
portage by pvrz
|
||||
github: https://github.com/pvrzz/portage
|
||||
file name: popup.html
|
||||
---------------------------------------
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="popup.css">
|
||||
<title>portage</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="app">
|
||||
<header class="header">
|
||||
<div class="header-left">
|
||||
<div class="logo">
|
||||
<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M5 12h14M13 5l7 7-7 7"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="title-block">
|
||||
<h1>portage</h1>
|
||||
<p class="subtitle" id="subtitle">loading...</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<button class="icon-btn" id="refresh-btn" title="refresh">
|
||||
<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M21 12a9 9 0 11-3-6.7L21 8"/>
|
||||
<path d="M21 3v5h-5"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="type-tabs">
|
||||
<button class="type-tab active" data-type="extensions">
|
||||
<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M20 5h-9.12L10 2H4a2 2 0 00-2 2v16a2 2 0 002 2h16a2 2 0 002-2V7a2 2 0 00-2-2z"/>
|
||||
</svg>
|
||||
extensions
|
||||
</button>
|
||||
<button class="type-tab" data-type="cookies">
|
||||
<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M12 2a10 10 0 1010 10 4 4 0 01-5-5 4 4 0 01-5-5"/>
|
||||
<circle cx="8.5" cy="8.5" r=".5" fill="currentColor"/>
|
||||
<circle cx="15.5" cy="15.5" r=".5" fill="currentColor"/>
|
||||
<circle cx="10.5" cy="14.5" r=".5" fill="currentColor"/>
|
||||
</svg>
|
||||
cookies
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="mode-tabs">
|
||||
<button class="mode-tab active" data-mode="installed">installed</button>
|
||||
<button class="mode-tab" data-mode="imported">imported</button>
|
||||
</div>
|
||||
|
||||
<div class="selection-bar">
|
||||
<div class="count">
|
||||
<span id="selected-count">0</span> selected
|
||||
</div>
|
||||
<div class="selection-actions">
|
||||
<button class="text-btn" id="select-all">all</button>
|
||||
<button class="text-btn" id="select-none">none</button>
|
||||
<button class="text-btn" id="select-invert">invert</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-container">
|
||||
<ul class="ext-list" id="ext-list"></ul>
|
||||
<div class="empty-state hidden" id="empty-state">
|
||||
<p id="empty-title">nothing here</p>
|
||||
<p class="muted" id="empty-sub">import a file or refresh</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
<button class="primary-btn" id="primary-btn" disabled>
|
||||
<svg id="primary-icon" viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M14 3h7v7M10 21H3v-7M21 3l-7 7M3 21l7-7"/>
|
||||
</svg>
|
||||
<span id="primary-label">open in tab group</span>
|
||||
</button>
|
||||
<div class="secondary-actions">
|
||||
<button class="secondary-btn" id="export-btn">
|
||||
<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3"/>
|
||||
</svg>
|
||||
export
|
||||
</button>
|
||||
<button class="secondary-btn" id="import-btn">
|
||||
<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M17 8l-5-5-5 5M12 3v12"/>
|
||||
</svg>
|
||||
import
|
||||
</button>
|
||||
<input type="file" id="import-input" hidden>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div class="status hidden" id="status"></div>
|
||||
|
||||
<div class="modal-backdrop hidden" id="modal-backdrop">
|
||||
<div class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 id="modal-title">passphrase</h2>
|
||||
<button class="icon-btn" id="modal-close">
|
||||
<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
|
||||
<path d="M18 6L6 18M6 6l12 12"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p class="modal-desc" id="modal-desc">
|
||||
enter a passphrase to encrypt this file. you'll need it to import.
|
||||
</p>
|
||||
<input type="password" class="modal-input" id="modal-passphrase" placeholder="passphrase" autocomplete="off">
|
||||
<input type="password" class="modal-input hidden" id="modal-passphrase-confirm" placeholder="confirm passphrase" autocomplete="off">
|
||||
<label class="modal-checkbox hidden" id="modal-skip-encrypt-wrap">
|
||||
<input type="checkbox" id="modal-skip-encrypt">
|
||||
<span>skip encryption (export as plain json)</span>
|
||||
</label>
|
||||
<div class="modal-warn hidden" id="modal-warn"></div>
|
||||
</div>
|
||||
<div class="modal-actions">
|
||||
<button class="secondary-btn" id="modal-cancel">cancel</button>
|
||||
<button class="primary-btn" id="modal-confirm">confirm</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script src="popup.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user