Update templates/api_docs.html

templates/api_docs.html

@@ -47,6 +47,17 @@
             margin: 0;
             overflow-x: auto;
         }
+        
+        .image-style {
+            width: 100px;
+            height: auto;
+        }
+        
+        .style-info {
+            margin-top: 10px;
+            font-size: 0.8em;
+            color: #888;
+        }
     </style>
     <script>
         document.addEventListener("DOMContentLoaded", function() {
@@ -111,24 +122,70 @@ payload = {
     'model': 'REALISTIC'
 }
 
-response = requests.post(url, json=payload)
+response = requests.post(url, headers=headers, json=payload)
+result = response.json()
 
-if response.status_code == 200:
-    # Image generation successful
-    with open('generated_image.jpg', 'wb') as image_file:
-        image_file.write(response.content)
-    print('Image saved successfully!')
-else:
-    # Error occurred during image generation
-    error_data = response.json()
-    error_message = error_data.get('error', 'Unknown error')
-    print(f'Failed to generate image: {error_message}')
+print(result['error']) # An error occurred while generating the image.
             </pre>
         </div>
     </div>
     
-    <!-- Add more endpoints and documentation as needed -->
+    <div class="endpoint">
+        <h3>Supported Ratios</h3>
+        <div class="style-info">
+            <p><strong>RATIO_1X1:</strong> 1:1</p>
+            <p><strong>RATIO_4X3:</strong> 4:3</p>
+            <p><strong>RATIO_3X2:</strong> 3:2</p>
+            <p><strong>RATIO_2X3:</strong> 2:3</p>
+            <p><strong>RATIO_16X9:</strong> 16:9</p>
+            <p><strong>RATIO_9X16:</strong> 9:16</p>
+            <p><strong>RATIO_5X4:</strong> 5:4</p>
+            <p><strong>RATIO_4X5:</strong> 4:5</p>
+            <p><strong>RATIO_3X1:</strong> 3:1</p>
+            <p><strong>RATIO_3X4:</strong> 3:4</p>
+        </div>
+    </div>
+    
+    <div class="endpoint">
+        <h3>Supported Models</h3>
+        <div class="style-info">
+            <p><strong>V4_BETA:</strong> V4(Beta)</p>
+            <p><strong>CREATIVE:</strong> Creative</p>
+            <p><strong>V3:</strong> V3</p>
+            <p><strong>V1:</strong> V1</p>
+            <p><strong>PORTRAIT:</strong> Portrait</p>
+            <p><strong>REALISTIC:</strong> Realistic</p>
+            <p><strong>ANIME:</strong> Anime</p>
+        </div>
+    </div>
     
+    <div class="endpoint">
+        <h3>Supported Styles</h3>
+        <div class="style-info">
+            <p><strong>NO_STYLE:</strong> No style</p>
+            <p><strong>EUPHORIC:</strong> Euphoric</p>
+            <p><strong>FANTASY:</strong> Fantasy</p>
+            <p><strong>CYBERPUNK:</strong> Cyberpunk</p>
+            <p><strong>STUDIO_GHIBLI:</strong> Studio Ghibli</p>
+            <p><strong>DISNEY:</strong> Disney</p>
+            <p><strong>GTA:</strong> GTA</p>
+            <p><strong>KAWAII_CHIBI:</strong> Kawaii Chibi</p>
+            <p><strong>ANIME_V2:</strong> Anime V2</p>
+            <p><strong>ABSTRACT_VIBRANT:</strong> Abstract Vibrant</p>
+            <p><strong>VIBRANT:</strong> Vibrant</p>
+            <p><strong>PSYCHEDELIC:</strong> Psychedelic</p>
+            <p><strong>EXTRA_TERRESTRIAL:</strong> Extra-terrestrial</p>
+            <p><strong>COSMIC:</strong> Cosmic</p>
+            <p><strong>MACRO_PHOTOGRAPHY:</strong> Macro Photography</p>
+            <p><strong>PRODUCT_PHOTOGRAPHY:</strong> Product Photography</p>
+            <p><strong>POLAROID:</strong> Polaroid</p>
+            <p><strong>NEO_FAUVISM:</strong> Neo fauvism</p>
+            <p><strong>POP_ART:</strong> Pop Art</p>
+            <p><strong>POP_ART_II:</strong> Pop Art II</p>
+            <p><strong>GRAFFITI:</strong> Graffiti</p>
+            <p><strong>SURREALISM:</strong> Surrealism</p>
+            <p><strong>BAUHAUS:</strong> Bauhaus</p>
+        </div>
+    </div>
 </body>
-  </html>
-  
+  </html>