adam/Piwigo
1
0
Fork 0
mirror of https://github.com/Piwigo/Piwigo.git synced 2026-06-01 20:04:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

fixes #2426 move authorization section into test section

Browse Source 
Moved API key authentication input from a separate card to the test form section for improved clarity. Updated related CSS for better layout and consistency, and adjusted descriptions to highlight API key usage in Piwigo 16.
This commit is contained in:
Linty
2025-10-29 13:00:24 +01:00
parent d600b019a6
commit 696236e76b
2 changed files with 18 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tools/ws.htm
+11 -15
View File
@@ -75,6 +75,11 @@
This page lists all API methods available on your Piwigo installation, part of the Piwigo core or added by third-party plugins.
For each method you can consult required and optional parameters, and even test them in direct live!
</p>
<p class="header-description"> Introduced in Piwigo 16, you can now use an API key in the HTTP header
to perform authenticated requests without a user session.
For more details, check out our <a href="https://github.com/Piwigo/Piwigo/wiki/Piwigo-Web-API#api-key-authentication" target="_blank">documentation</a>.
</p>
<p>
For more information you can consult our Wiki <a href="https://github.com/Piwigo/Piwigo/wiki#web-api" target="_blank">Piwigo Web API</a> and <a href="https://piwigo.org/forum" target="_blank">our forums</a>.
@@ -84,21 +89,6 @@
<form id="methodWrapper" style="display:none;">
<div class="card">
<h3 class="card-title"><i class="icon-cog-alt"></i>Authenticate with API Key (Header)</h3>
<div class="card-content">
<p class="header-description"> Introduced in Piwigo 16, you can now use an API key in the HTTP header
to perform authenticated requests without a user session.
For more details, check out our <a href="https://github.com/Piwigo/Piwigo/wiki/Piwigo-Web-API#api-key-authentication" target="_blank">documentation</a>.
</p>
<p class="header-warning">Doesn't work when you use "INVOKE (new window)"</p>
<div class="header-setting">
<p>Authorization:</p>
<input type="text" id="apiKey" placeholder="pkid-xxxxxxxx-xxxxxxxxxxxxxxxxxxxx:xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" />
</div>
</div>
</div> <!-- methodHeader -->
<div class="card" id="methodDescription" style="display:none;">
<h3 class="card-title"><i class="icon-book"></i>Description</h3>
<blockquote>
@@ -133,6 +123,12 @@
<div class="card" id="testForm">
<h3 class="card-title"><i class="icon-wrench"></i>Test</h3>
<div class="card-content">
<div class="header-setting">
<p class="header-label">Authorization:</p>
<p class="header-warning">Doesn't work when you use "INVOKE (new window)"</p>
<input type="text" id="apiKey" placeholder="pkid-xxxxxxxx-xxxxxxxxxxxxxxxxxxxx:yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy" />
</div>
<div class="select-group">
<label for='requestFormat'>Request format</label>
tools/ws/ws.css
+7 -6
View File
@@ -350,14 +350,11 @@ input[type="text"] {
}
.header-setting {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.header-setting input {
max-width: 580px;
width: 100%;
width: 98%;
}
.header-description {
@@ -368,10 +365,14 @@ input[type="text"] {
.header-warning {
margin: 0;
color: red;
font-size: 12px;
font-size: 10px;
font-style: italic;
}
.header-label {
margin-bottom: 0;
}
/* #requestResultDisplay {
background: white;
} */