@darkwheel/pptb-solution-explorer 0.2.1-beta.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +28 -28
- package/dist/app.js +221 -221
- package/dist/index.html +91 -91
- package/dist/styles.css +564 -564
- package/package.json +44 -44
package/dist/index.html
CHANGED
|
@@ -1,91 +1,91 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Solution Explorer</title>
|
|
7
|
-
<link rel="stylesheet" href="styles.css">
|
|
8
|
-
</head>
|
|
9
|
-
<body>
|
|
10
|
-
<div class="container">
|
|
11
|
-
<header>
|
|
12
|
-
<h1 id="page-title">📦 Solution Explorer</h1>
|
|
13
|
-
<p class="subtitle">Explore and manage Dataverse solutions with comprehensive metadata</p>
|
|
14
|
-
</header>
|
|
15
|
-
|
|
16
|
-
<!-- Filters Section -->
|
|
17
|
-
<section class="card filters-section">
|
|
18
|
-
<h2>Filters</h2>
|
|
19
|
-
<div class="filter-controls">
|
|
20
|
-
<div class="filter-group">
|
|
21
|
-
<label for="search-input">Search:</label>
|
|
22
|
-
<input
|
|
23
|
-
type="text"
|
|
24
|
-
id="search-input"
|
|
25
|
-
class="search-input"
|
|
26
|
-
placeholder="Search by solution name, unique name, or publisher..."
|
|
27
|
-
/>
|
|
28
|
-
</div>
|
|
29
|
-
<div class="filter-group">
|
|
30
|
-
<label for="type-filter">Type:</label>
|
|
31
|
-
<select id="type-filter" class="filter-select">
|
|
32
|
-
<option value="all">All Solutions</option>
|
|
33
|
-
<option value="managed">Managed Only</option>
|
|
34
|
-
<option value="unmanaged">Unmanaged Only</option>
|
|
35
|
-
</select>
|
|
36
|
-
</div>
|
|
37
|
-
<div class="filter-group">
|
|
38
|
-
<label for="visibility-filter">Visibility:</label>
|
|
39
|
-
<select id="visibility-filter" class="filter-select">
|
|
40
|
-
<option value="all">All</option>
|
|
41
|
-
<option value="visible">Visible Only</option>
|
|
42
|
-
<option value="hidden">Hidden Only</option>
|
|
43
|
-
</select>
|
|
44
|
-
</div>
|
|
45
|
-
<div class="filter-group">
|
|
46
|
-
<label for="limit-filter">Show:</label>
|
|
47
|
-
<select id="limit-filter" class="filter-select">
|
|
48
|
-
<option value="100">Top 100</option>
|
|
49
|
-
<option value="250">Top 250</option>
|
|
50
|
-
<option value="500">Top 500</option>
|
|
51
|
-
<option value="1000">Top 1000</option>
|
|
52
|
-
<option value="all">All Solutions</option>
|
|
53
|
-
</select>
|
|
54
|
-
</div>
|
|
55
|
-
</div>
|
|
56
|
-
<div class="filter-actions">
|
|
57
|
-
<button id="load-solutions-btn" class="btn btn-primary">Load Solutions</button>
|
|
58
|
-
<button id="refresh-btn" class="btn btn-secondary">Refresh</button>
|
|
59
|
-
</div>
|
|
60
|
-
</section>
|
|
61
|
-
|
|
62
|
-
<!-- Solutions List Section -->
|
|
63
|
-
<section class="card" id="solutions-section" style="display: none;">
|
|
64
|
-
<h2>Solutions</h2>
|
|
65
|
-
<div id="solutions-count" class="solutions-count"></div>
|
|
66
|
-
|
|
67
|
-
<div class="split-view">
|
|
68
|
-
<div class="left-panel">
|
|
69
|
-
<div id="solutions-list" class="solutions-list"></div>
|
|
70
|
-
</div>
|
|
71
|
-
<div class="right-panel" id="solution-details-panel">
|
|
72
|
-
<div class="empty-state">
|
|
73
|
-
<p>Select a solution to view detailed information</p>
|
|
74
|
-
</div>
|
|
75
|
-
</div>
|
|
76
|
-
</div>
|
|
77
|
-
</section>
|
|
78
|
-
|
|
79
|
-
<!-- Event Log -->
|
|
80
|
-
<section class="card">
|
|
81
|
-
<div class="section-header">
|
|
82
|
-
<h2>Event Log</h2>
|
|
83
|
-
<button id="clear-log-btn" class="btn btn-small">Clear Log</button>
|
|
84
|
-
</div>
|
|
85
|
-
<div id="event-log" class="event-log"></div>
|
|
86
|
-
</section>
|
|
87
|
-
</div>
|
|
88
|
-
|
|
89
|
-
<script type="module" src="app.js"></script>
|
|
90
|
-
</body>
|
|
91
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Solution Explorer</title>
|
|
7
|
+
<link rel="stylesheet" href="styles.css">
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
<div class="container">
|
|
11
|
+
<header>
|
|
12
|
+
<h1 id="page-title">📦 Solution Explorer</h1>
|
|
13
|
+
<p class="subtitle">Explore and manage Dataverse solutions with comprehensive metadata</p>
|
|
14
|
+
</header>
|
|
15
|
+
|
|
16
|
+
<!-- Filters Section -->
|
|
17
|
+
<section class="card filters-section">
|
|
18
|
+
<h2>Filters</h2>
|
|
19
|
+
<div class="filter-controls">
|
|
20
|
+
<div class="filter-group">
|
|
21
|
+
<label for="search-input">Search:</label>
|
|
22
|
+
<input
|
|
23
|
+
type="text"
|
|
24
|
+
id="search-input"
|
|
25
|
+
class="search-input"
|
|
26
|
+
placeholder="Search by solution name, unique name, or publisher..."
|
|
27
|
+
/>
|
|
28
|
+
</div>
|
|
29
|
+
<div class="filter-group">
|
|
30
|
+
<label for="type-filter">Type:</label>
|
|
31
|
+
<select id="type-filter" class="filter-select">
|
|
32
|
+
<option value="all">All Solutions</option>
|
|
33
|
+
<option value="managed">Managed Only</option>
|
|
34
|
+
<option value="unmanaged">Unmanaged Only</option>
|
|
35
|
+
</select>
|
|
36
|
+
</div>
|
|
37
|
+
<div class="filter-group">
|
|
38
|
+
<label for="visibility-filter">Visibility:</label>
|
|
39
|
+
<select id="visibility-filter" class="filter-select">
|
|
40
|
+
<option value="all">All</option>
|
|
41
|
+
<option value="visible">Visible Only</option>
|
|
42
|
+
<option value="hidden">Hidden Only</option>
|
|
43
|
+
</select>
|
|
44
|
+
</div>
|
|
45
|
+
<div class="filter-group">
|
|
46
|
+
<label for="limit-filter">Show:</label>
|
|
47
|
+
<select id="limit-filter" class="filter-select">
|
|
48
|
+
<option value="100">Top 100</option>
|
|
49
|
+
<option value="250">Top 250</option>
|
|
50
|
+
<option value="500">Top 500</option>
|
|
51
|
+
<option value="1000">Top 1000</option>
|
|
52
|
+
<option value="all">All Solutions</option>
|
|
53
|
+
</select>
|
|
54
|
+
</div>
|
|
55
|
+
</div>
|
|
56
|
+
<div class="filter-actions">
|
|
57
|
+
<button id="load-solutions-btn" class="btn btn-primary">Load Solutions</button>
|
|
58
|
+
<button id="refresh-btn" class="btn btn-secondary">Refresh</button>
|
|
59
|
+
</div>
|
|
60
|
+
</section>
|
|
61
|
+
|
|
62
|
+
<!-- Solutions List Section -->
|
|
63
|
+
<section class="card" id="solutions-section" style="display: none;">
|
|
64
|
+
<h2>Solutions</h2>
|
|
65
|
+
<div id="solutions-count" class="solutions-count"></div>
|
|
66
|
+
|
|
67
|
+
<div class="split-view">
|
|
68
|
+
<div class="left-panel">
|
|
69
|
+
<div id="solutions-list" class="solutions-list"></div>
|
|
70
|
+
</div>
|
|
71
|
+
<div class="right-panel" id="solution-details-panel">
|
|
72
|
+
<div class="empty-state">
|
|
73
|
+
<p>Select a solution to view detailed information</p>
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
</section>
|
|
78
|
+
|
|
79
|
+
<!-- Event Log -->
|
|
80
|
+
<section class="card">
|
|
81
|
+
<div class="section-header">
|
|
82
|
+
<h2>Event Log</h2>
|
|
83
|
+
<button id="clear-log-btn" class="btn btn-small">Clear Log</button>
|
|
84
|
+
</div>
|
|
85
|
+
<div id="event-log" class="event-log"></div>
|
|
86
|
+
</section>
|
|
87
|
+
</div>
|
|
88
|
+
|
|
89
|
+
<script type="module" src="app.js"></script>
|
|
90
|
+
</body>
|
|
91
|
+
</html>
|