mirror of
https://github.com/karl0ss/ai_image_frame_server.git
synced 2025-06-08 11:25:07 +01:00
Compare commits
No commits in common. "c7d71bfd03a0a4bcc380aef5036feb96d146b506" and "2a9a226dd17e88bb88fa0d487fd5b147d8730ca5" have entirely different histories.
c7d71bfd03
...
2a9a226dd1
@ -1,5 +1,5 @@
|
|||||||
[tool.bumpversion]
|
[tool.bumpversion]
|
||||||
current_version = "0.1.19"
|
current_version = "0.1.9"
|
||||||
parse = "(?P<major>\\d+)\\.(?P<minor>\\d+)\\.(?P<patch>\\d+)"
|
parse = "(?P<major>\\d+)\\.(?P<minor>\\d+)\\.(?P<patch>\\d+)"
|
||||||
serialize = ["{major}.{minor}.{patch}"]
|
serialize = ["{major}.{minor}.{patch}"]
|
||||||
search = "{current_version}"
|
search = "{current_version}"
|
||||||
@ -7,12 +7,12 @@ replace = "{new_version}"
|
|||||||
regex = false
|
regex = false
|
||||||
ignore_missing_version = false
|
ignore_missing_version = false
|
||||||
ignore_missing_files = false
|
ignore_missing_files = false
|
||||||
tag = true
|
tag = false
|
||||||
sign_tags = false
|
sign_tags = false
|
||||||
tag_name = "{new_version}"
|
tag_name = "v{new_version}"
|
||||||
tag_message = "Bump version: {current_version} → {new_version}"
|
tag_message = "Bump version: {current_version} → {new_version}"
|
||||||
allow_dirty = false
|
allow_dirty = false
|
||||||
commit = true
|
commit = false
|
||||||
message = "Bump version: {current_version} → {new_version}"
|
message = "Bump version: {current_version} → {new_version}"
|
||||||
moveable_tags = []
|
moveable_tags = []
|
||||||
commit_args = ""
|
commit_args = ""
|
||||||
|
25
.github/workflows/docker-publish.yml
vendored
25
.github/workflows/docker-publish.yml
vendored
@ -2,7 +2,8 @@ name: Build and Publish Docker Image
|
|||||||
|
|
||||||
on:
|
on:
|
||||||
push:
|
push:
|
||||||
tags: ["*"] # Only triggers on tag pushes
|
branches: [main]
|
||||||
|
tags: ["*"] # triggers on any tag push
|
||||||
workflow_dispatch:
|
workflow_dispatch:
|
||||||
|
|
||||||
jobs:
|
jobs:
|
||||||
@ -26,15 +27,23 @@ jobs:
|
|||||||
IMAGE_NAME="ai-frame-image-server"
|
IMAGE_NAME="ai-frame-image-server"
|
||||||
REGISTRY="${{ secrets.REGISTRY }}"
|
REGISTRY="${{ secrets.REGISTRY }}"
|
||||||
USERNAME="${{ secrets.USERNAME }}"
|
USERNAME="${{ secrets.USERNAME }}"
|
||||||
GIT_TAG="${GITHUB_REF#refs/tags/}"
|
|
||||||
IMAGE_TAGGED="$REGISTRY/$USERNAME/$IMAGE_NAME:$GIT_TAG"
|
|
||||||
IMAGE_LATEST="$REGISTRY/$USERNAME/$IMAGE_NAME:latest"
|
IMAGE_LATEST="$REGISTRY/$USERNAME/$IMAGE_NAME:latest"
|
||||||
|
|
||||||
echo "🔧 Building $IMAGE_TAGGED and $IMAGE_LATEST"
|
# Always build and tag as latest
|
||||||
docker build -t $IMAGE_LATEST -t $IMAGE_TAGGED .
|
echo "🔧 Building $IMAGE_LATEST"
|
||||||
|
docker build -t $IMAGE_LATEST .
|
||||||
echo "📤 Pushing $IMAGE_TAGGED"
|
|
||||||
docker push $IMAGE_TAGGED
|
|
||||||
|
|
||||||
echo "📤 Pushing $IMAGE_LATEST"
|
echo "📤 Pushing $IMAGE_LATEST"
|
||||||
docker push $IMAGE_LATEST
|
docker push $IMAGE_LATEST
|
||||||
|
|
||||||
|
# If this is a tag push, tag the image accordingly
|
||||||
|
if [[ "${GITHUB_REF}" == refs/tags/* ]]; then
|
||||||
|
GIT_TAG="${GITHUB_REF#refs/tags/}"
|
||||||
|
IMAGE_TAGGED="$REGISTRY/$USERNAME/$IMAGE_NAME:$GIT_TAG"
|
||||||
|
|
||||||
|
echo "🏷️ Also tagging as $IMAGE_TAGGED"
|
||||||
|
docker tag $IMAGE_LATEST $IMAGE_TAGGED
|
||||||
|
|
||||||
|
echo "📤 Pushing $IMAGE_TAGGED"
|
||||||
|
docker push $IMAGE_TAGGED
|
||||||
|
fi
|
||||||
|
1
.gitignore
vendored
1
.gitignore
vendored
@ -9,4 +9,3 @@ output/
|
|||||||
prompts_log.jsonl
|
prompts_log.jsonl
|
||||||
publish.sh
|
publish.sh
|
||||||
test.py
|
test.py
|
||||||
.vscode/launch.json
|
|
||||||
|
@ -5,34 +5,23 @@ from flask import (
|
|||||||
request,
|
request,
|
||||||
jsonify,
|
jsonify,
|
||||||
redirect,
|
redirect,
|
||||||
url_for,
|
url_for
|
||||||
session,
|
|
||||||
render_template_string,
|
|
||||||
)
|
)
|
||||||
import os
|
import os
|
||||||
import time
|
import time
|
||||||
import threading
|
import threading
|
||||||
from apscheduler.schedulers.background import BackgroundScheduler
|
from apscheduler.schedulers.background import BackgroundScheduler
|
||||||
from libs.generic import (
|
from libs.generic import load_config, load_recent_prompts, get_details_from_png, get_current_version, load_models_from_config
|
||||||
load_config,
|
from libs.comfyui import cancel_current_job, create_image
|
||||||
load_recent_prompts,
|
|
||||||
get_details_from_png,
|
|
||||||
get_current_version,
|
|
||||||
load_models_from_config,
|
|
||||||
)
|
|
||||||
from libs.comfyui import cancel_current_job, create_image, select_model
|
|
||||||
from libs.ollama import create_prompt_on_openwebui
|
from libs.ollama import create_prompt_on_openwebui
|
||||||
|
|
||||||
# workflow test commit
|
#workflow test commit
|
||||||
|
|
||||||
user_config = load_config()
|
user_config = load_config()
|
||||||
|
|
||||||
app = Flask(__name__)
|
app = Flask(__name__)
|
||||||
app.secret_key = os.environ.get('SECRET_KEY')
|
|
||||||
|
|
||||||
image_folder = "./output"
|
image_folder = "./output"
|
||||||
|
|
||||||
|
|
||||||
@app.route("/", methods=["GET"])
|
@app.route("/", methods=["GET"])
|
||||||
def index() -> str:
|
def index() -> str:
|
||||||
"""
|
"""
|
||||||
@ -50,34 +39,18 @@ def index() -> str:
|
|||||||
image=image_filename,
|
image=image_filename,
|
||||||
prompt=prompt,
|
prompt=prompt,
|
||||||
reload_interval=user_config["frame"]["reload_interval"],
|
reload_interval=user_config["frame"]["reload_interval"],
|
||||||
version=version,
|
version=version
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
||||||
@app.route('/login', methods=['GET', 'POST'])
|
|
||||||
def login():
|
|
||||||
if request.method == 'POST':
|
|
||||||
if request.form['password'] == user_config["frame"]["password_for_auth"]:
|
|
||||||
session['authenticated'] = True
|
|
||||||
return render_template("create_image.html", models=load_models_from_config())
|
|
||||||
else:
|
|
||||||
return redirect(url_for('login'))
|
|
||||||
return render_template('login.html')
|
|
||||||
|
|
||||||
|
|
||||||
@app.route("/images", methods=["GET"])
|
@app.route("/images", methods=["GET"])
|
||||||
def gallery() -> str:
|
def gallery() -> str:
|
||||||
images = []
|
images = []
|
||||||
for f in os.listdir(image_folder):
|
for f in os.listdir(image_folder):
|
||||||
if f.lower().endswith(("png", "jpg", "jpeg", "gif")):
|
if f.lower().endswith(('png', 'jpg', 'jpeg', 'gif')):
|
||||||
images.append({"filename": f})
|
images.append({'filename': f})
|
||||||
images = sorted(
|
images = sorted(images, key=lambda x: os.path.getmtime(os.path.join(image_folder, x['filename'])), reverse=True)
|
||||||
images,
|
|
||||||
key=lambda x: os.path.getmtime(os.path.join(image_folder, x["filename"])),
|
|
||||||
reverse=True,
|
|
||||||
)
|
|
||||||
return render_template("gallery.html", images=images)
|
return render_template("gallery.html", images=images)
|
||||||
|
|
||||||
|
|
||||||
@app.route("/image-details/<filename>", methods=["GET"])
|
@app.route("/image-details/<filename>", methods=["GET"])
|
||||||
def image_details(filename):
|
def image_details(filename):
|
||||||
@ -85,12 +58,15 @@ def image_details(filename):
|
|||||||
if not os.path.exists(path):
|
if not os.path.exists(path):
|
||||||
return {"error": "File not found"}, 404
|
return {"error": "File not found"}, 404
|
||||||
details = get_details_from_png(path)
|
details = get_details_from_png(path)
|
||||||
return {"prompt": details["p"], "model": details["m"], "date": details["d"]}
|
return {
|
||||||
|
"prompt": details["p"],
|
||||||
|
"model": details["m"]
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@app.route('/images/thumbnails/<path:filename>')
|
||||||
@app.route("/images/thumbnails/<path:filename>")
|
|
||||||
def serve_thumbnail(filename):
|
def serve_thumbnail(filename):
|
||||||
return send_from_directory("output/thumbnails", filename)
|
return send_from_directory('output/thumbnails', filename)
|
||||||
|
|
||||||
|
|
||||||
@app.route("/images/<filename>", methods=["GET"])
|
@app.route("/images/<filename>", methods=["GET"])
|
||||||
@ -121,17 +97,16 @@ def cancel_job() -> None:
|
|||||||
def create():
|
def create():
|
||||||
if request.method == "POST":
|
if request.method == "POST":
|
||||||
prompt = request.form.get("prompt")
|
prompt = request.form.get("prompt")
|
||||||
selected_workflow, model = select_model(request.form.get("model") or "Random")
|
model = request.form.get("model", "Random")
|
||||||
|
|
||||||
if not prompt:
|
if not prompt:
|
||||||
prompt = create_prompt_on_openwebui(user_config["comfyui"]["prompt"])
|
prompt = create_prompt_on_openwebui(user_config["comfyui"]["prompt"])
|
||||||
|
|
||||||
# Start generation in background
|
# Start generation in background
|
||||||
threading.Thread(target=lambda: create_image(prompt, model)).start()
|
threading.Thread(target=lambda: create_image(prompt, model)).start()
|
||||||
|
|
||||||
return redirect(
|
# store prompt in query string temporarily
|
||||||
url_for("image_queued", prompt=prompt, model=model.split(".")[0])
|
return redirect(url_for("image_queued", prompt=prompt))
|
||||||
)
|
|
||||||
|
|
||||||
# For GET requests, just show the form to enter prompt
|
# For GET requests, just show the form to enter prompt
|
||||||
return render_template("create_image.html", models=load_models_from_config())
|
return render_template("create_image.html", models=load_models_from_config())
|
||||||
@ -140,26 +115,26 @@ def create():
|
|||||||
@app.route("/image_queued")
|
@app.route("/image_queued")
|
||||||
def image_queued():
|
def image_queued():
|
||||||
prompt = request.args.get("prompt", "No prompt provided.")
|
prompt = request.args.get("prompt", "No prompt provided.")
|
||||||
model = request.args.get("model", "No model selected.").split(".")[0]
|
return render_template("image_queued.html", prompt=prompt)
|
||||||
return render_template("image_queued.html", prompt=prompt, model=model)
|
|
||||||
|
|
||||||
|
|
||||||
def scheduled_task() -> None:
|
def scheduled_task() -> None:
|
||||||
"""Executes the scheduled image generation task."""
|
"""Executes the scheduled image generation task."""
|
||||||
print(f"Executing scheduled task at {time.strftime('%Y-%m-%d %H:%M:%S')}")
|
print(f"Executing scheduled task at {time.strftime('%Y-%m-%d %H:%M:%S')}")
|
||||||
create_image(None)
|
create_image(None)
|
||||||
|
|
||||||
|
|
||||||
@app.route("/create_image", methods=["GET"])
|
@app.route("/create_image", methods=["GET"])
|
||||||
def create_image_endpoint() -> str:
|
def create_image_endpoint() -> str:
|
||||||
"""
|
"""
|
||||||
Renders the create image template with image and prompt.
|
Renders the create image template with image and prompt.
|
||||||
"""
|
"""
|
||||||
if user_config["frame"]["create_requires_auth"] == "True" and not session.get('authenticated'):
|
|
||||||
return redirect(url_for("login"))
|
|
||||||
models = load_models_from_config()
|
|
||||||
|
|
||||||
return render_template("create_image.html", models=models)
|
models = load_models_from_config()
|
||||||
|
models.insert(0, "Random")
|
||||||
|
|
||||||
|
return render_template(
|
||||||
|
"create_image.html", models=models
|
||||||
|
)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
if user_config["frame"]["auto_regen"] == "True":
|
if user_config["frame"]["auto_regen"] == "True":
|
||||||
@ -173,9 +148,10 @@ if user_config["frame"]["auto_regen"] == "True":
|
|||||||
minute=regen_time[1],
|
minute=regen_time[1],
|
||||||
id="scheduled_task",
|
id="scheduled_task",
|
||||||
max_instances=1, # prevent overlapping
|
max_instances=1, # prevent overlapping
|
||||||
replace_existing=True, # don't double-schedule
|
replace_existing=True # don't double-schedule
|
||||||
)
|
)
|
||||||
scheduler.start()
|
scheduler.start()
|
||||||
|
|
||||||
os.makedirs(image_folder, exist_ok=True)
|
os.makedirs(image_folder, exist_ok=True)
|
||||||
app.run(host="0.0.0.0", port=user_config["frame"]["port"], debug=True)
|
app.run(host="0.0.0.0", port=user_config["frame"]["port"], debug=True)
|
||||||
|
|
||||||
|
@ -121,29 +121,8 @@ def generate_image(
|
|||||||
except Exception as e:
|
except Exception as e:
|
||||||
logging.error(f"Failed to generate image for UID: {file_name}. Error: {e}")
|
logging.error(f"Failed to generate image for UID: {file_name}. Error: {e}")
|
||||||
raise
|
raise
|
||||||
|
|
||||||
def select_model(model: str) -> tuple[str, str]:
|
|
||||||
use_flux = json.loads(user_config["comfyui"].get("FLUX", "false").lower())
|
|
||||||
only_flux = json.loads(user_config["comfyui"].get("ONLY_FLUX", "false").lower())
|
|
||||||
|
|
||||||
if model == "Random":
|
|
||||||
selected_workflow = "FLUX" if (use_flux and (only_flux or random.choice([True, False]))) else "SDXL"
|
|
||||||
elif "flux" in model.lower():
|
|
||||||
selected_workflow = "FLUX"
|
|
||||||
else:
|
|
||||||
selected_workflow = "SDXL"
|
|
||||||
|
|
||||||
if model == "Random":
|
|
||||||
if selected_workflow == "FLUX":
|
|
||||||
valid_models = user_config["comfyui:flux"]["models"].split(",")
|
|
||||||
else: # SDXL
|
|
||||||
available_model_list = user_config["comfyui"]["models"].split(",")
|
|
||||||
valid_models = list(set(get_available_models()) & set(available_model_list))
|
|
||||||
model = random.choice(valid_models)
|
|
||||||
|
|
||||||
return selected_workflow, model
|
|
||||||
|
|
||||||
|
|
||||||
def create_image(prompt: str | None = None, model: str = "Random") -> None:
|
def create_image(prompt: str | None = None, model: str = "Random") -> None:
|
||||||
"""Generate an image with a chosen workflow (Random, FLUX*, or SDXL*)."""
|
"""Generate an image with a chosen workflow (Random, FLUX*, or SDXL*)."""
|
||||||
|
|
||||||
@ -155,9 +134,18 @@ def create_image(prompt: str | None = None, model: str = "Random") -> None:
|
|||||||
return
|
return
|
||||||
|
|
||||||
save_prompt(prompt)
|
save_prompt(prompt)
|
||||||
selected_workflow, model = select_model(model)
|
use_flux = json.loads(user_config["comfyui"].get("FLUX", "false").lower())
|
||||||
|
only_flux = json.loads(user_config["comfyui"].get("ONLY_FLUX", "false").lower())
|
||||||
|
if model == "Random":
|
||||||
|
selected_workflow = "FLUX" if (use_flux and (only_flux or random.choice([True, False]))) else "SDXL"
|
||||||
|
elif "flux" in model.lower():
|
||||||
|
selected_workflow = "FLUX"
|
||||||
|
else:
|
||||||
|
selected_workflow = "SDXL"
|
||||||
if selected_workflow == "FLUX":
|
if selected_workflow == "FLUX":
|
||||||
|
if model == "Random":
|
||||||
|
valid_models = user_config["comfyui:flux"]["models"].split(",")
|
||||||
|
model = random.choice(valid_models)
|
||||||
generate_image(
|
generate_image(
|
||||||
file_name="image",
|
file_name="image",
|
||||||
comfy_prompt=prompt,
|
comfy_prompt=prompt,
|
||||||
@ -167,11 +155,17 @@ def create_image(prompt: str | None = None, model: str = "Random") -> None:
|
|||||||
seed_param="seed",
|
seed_param="seed",
|
||||||
save_node="CivitAI Image Saver",
|
save_node="CivitAI Image Saver",
|
||||||
save_param="filename",
|
save_param="filename",
|
||||||
model_node="Unet Loader (GGUF)",
|
model_node="CivitAI Image Saver",
|
||||||
model_param="unet_name",
|
model_param="modelname",
|
||||||
model=model
|
model=model
|
||||||
)
|
)
|
||||||
else: # SDXL
|
else: # SDXL
|
||||||
|
if model == "Random":
|
||||||
|
available_model_list = user_config["comfyui"]["models"].split(",")
|
||||||
|
valid_models = list(set(get_available_models()) & set(available_model_list))
|
||||||
|
model = random.choice(valid_models)
|
||||||
generate_image("image", comfy_prompt=prompt, model=model)
|
generate_image("image", comfy_prompt=prompt, model=model)
|
||||||
|
|
||||||
logging.info(f"{selected_workflow} generation started with prompt: {prompt}")
|
logging.info(f"{selected_workflow} generation started with prompt: {prompt}")
|
||||||
|
|
||||||
|
|
@ -66,7 +66,6 @@ def rename_image() -> str | None:
|
|||||||
|
|
||||||
def get_details_from_png(path):
|
def get_details_from_png(path):
|
||||||
try:
|
try:
|
||||||
date = datetime.fromtimestamp(os.path.getctime(path)).strftime("%d-%m-%Y")
|
|
||||||
with Image.open(path) as img:
|
with Image.open(path) as img:
|
||||||
try:
|
try:
|
||||||
# Flux workflow
|
# Flux workflow
|
||||||
@ -78,7 +77,7 @@ def get_details_from_png(path):
|
|||||||
data = json.loads(img.info["prompt"])
|
data = json.loads(img.info["prompt"])
|
||||||
prompt = data['6']['inputs']['text']
|
prompt = data['6']['inputs']['text']
|
||||||
model = data['4']['inputs']['ckpt_name']
|
model = data['4']['inputs']['ckpt_name']
|
||||||
return {"p":prompt,"m":model,"d":date} or {"p":"","m":"","c":""}
|
return {"p":prompt,"m":model} or {"p":"","m":""}
|
||||||
except Exception as e:
|
except Exception as e:
|
||||||
print(f"Error reading metadata from {path}: {e}")
|
print(f"Error reading metadata from {path}: {e}")
|
||||||
return ""
|
return ""
|
||||||
|
@ -24,13 +24,13 @@ def create_prompt_on_openwebui(prompt: str) -> str:
|
|||||||
topic_instruction = f" Incorporate the theme of '{selected_topic}' into the new prompt."
|
topic_instruction = f" Incorporate the theme of '{selected_topic}' into the new prompt."
|
||||||
|
|
||||||
user_content = (
|
user_content = (
|
||||||
"Can you generate me a really random image idea, Do not exceed 10 words. Use clear language, not poetic metaphors.”"
|
"Here are the prompts from the last 7 days:\n\n"
|
||||||
+ topic_instruction
|
|
||||||
+ "Avoid prompts similar to the following:"
|
|
||||||
+ "\n".join(f"{i+1}. {p}" for i, p in enumerate(recent_prompts))
|
+ "\n".join(f"{i+1}. {p}" for i, p in enumerate(recent_prompts))
|
||||||
|
+ "\n\nDo not repeat ideas, themes, or settings from the above. "
|
||||||
|
"Now generate a new, completely original Stable Diffusion prompt that hasn't been done yet."
|
||||||
|
+ topic_instruction
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
||||||
model = random.choice(user_config["openwebui"]["models"].split(","))
|
model = random.choice(user_config["openwebui"]["models"].split(","))
|
||||||
response = litellm.completion(
|
response = litellm.completion(
|
||||||
api_base=user_config["openwebui"]["base_url"],
|
api_base=user_config["openwebui"]["base_url"],
|
||||||
@ -67,4 +67,4 @@ def create_prompt_on_openwebui(prompt: str) -> str:
|
|||||||
# )
|
# )
|
||||||
# prompt = response["choices"][0]["message"]["content"].strip('"')
|
# prompt = response["choices"][0]["message"]["content"].strip('"')
|
||||||
logging.debug(prompt)
|
logging.debug(prompt)
|
||||||
return prompt.split(": ")[-1]
|
return prompt
|
@ -1,17 +1,12 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Create An Image</title>
|
<title>Create An Image</title>
|
||||||
<style>
|
<style>
|
||||||
/* ---------- reset ---------- */
|
/* ---------- reset ---------- */
|
||||||
* {
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ---------- layout ---------- */
|
/* ---------- layout ---------- */
|
||||||
body {
|
body {
|
||||||
@ -25,7 +20,6 @@
|
|||||||
font-family: Arial, sans-serif;
|
font-family: Arial, sans-serif;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
width: 80vw;
|
width: 80vw;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
@ -39,15 +33,12 @@
|
|||||||
color: #eee;
|
color: #eee;
|
||||||
border: 1px solid #333;
|
border: 1px solid #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-group {
|
.button-group {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
button, select {
|
||||||
button,
|
|
||||||
select {
|
|
||||||
background: #333;
|
background: #333;
|
||||||
color: white;
|
color: white;
|
||||||
border: none;
|
border: none;
|
||||||
@ -57,11 +48,8 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: background 0.3s;
|
transition: background 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
button:hover,
|
button:hover,
|
||||||
select:hover {
|
select:hover { background: #555; }
|
||||||
background: #555;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ---------- spinner ---------- */
|
/* ---------- spinner ---------- */
|
||||||
#spinner-overlay {
|
#spinner-overlay {
|
||||||
@ -74,7 +62,6 @@
|
|||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.spinner {
|
.spinner {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
@ -83,39 +70,9 @@
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
animation: spin 0.8s linear infinite;
|
animation: spin 0.8s linear infinite;
|
||||||
}
|
}
|
||||||
|
@keyframes spin { to { transform: rotate(360deg); } }
|
||||||
@keyframes spin {
|
|
||||||
to {
|
|
||||||
transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
|
||||||
body {
|
|
||||||
min-height: 100dvh;
|
|
||||||
height: auto;
|
|
||||||
justify-content: flex-start;
|
|
||||||
padding-top: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-group {
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: stretch;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
select {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
height: 150px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<h1 style="margin-bottom: 20px;">Create An Image</h1>
|
<h1 style="margin-bottom: 20px;">Create An Image</h1>
|
||||||
|
|
||||||
@ -128,21 +85,13 @@
|
|||||||
|
|
||||||
<button onclick="randomPrompt()">Random Prompt</button>
|
<button onclick="randomPrompt()">Random Prompt</button>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- new model selector -->
|
||||||
<select id="model-select">
|
<select id="model-select">
|
||||||
<option value="" selected>Random</option>
|
{% for m in models %}
|
||||||
<!-- Group: FLUX -->
|
<option value="{{ m }}">{{ m }}</option>
|
||||||
<optgroup label="FLUX">
|
{% endfor %}
|
||||||
{% for m in models if 'flux' in m|lower %}
|
</select>
|
||||||
<option value="{{ m }}">{{ m.rsplit('.', 1)[0] }}</option>
|
|
||||||
{% endfor %}
|
|
||||||
</optgroup>
|
|
||||||
<!-- Group: SDXL -->
|
|
||||||
<optgroup label="SDXL">
|
|
||||||
{% for m in models if 'flux' not in m|lower %}
|
|
||||||
<option value="{{ m }}">{{ m.rsplit('.', 1)[0] }}</option>
|
|
||||||
{% endfor %}
|
|
||||||
</optgroup>
|
|
||||||
</select>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -159,7 +108,7 @@
|
|||||||
function sendPrompt() {
|
function sendPrompt() {
|
||||||
showSpinner();
|
showSpinner();
|
||||||
const prompt = document.getElementById('prompt-box').value;
|
const prompt = document.getElementById('prompt-box').value;
|
||||||
const model = document.getElementById('model-select').value;
|
const model = document.getElementById('model-select').value;
|
||||||
|
|
||||||
const formData = new URLSearchParams();
|
const formData = new URLSearchParams();
|
||||||
formData.append('prompt', prompt);
|
formData.append('prompt', prompt);
|
||||||
@ -170,13 +119,13 @@
|
|||||||
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
|
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
|
||||||
body: formData.toString()
|
body: formData.toString()
|
||||||
})
|
})
|
||||||
.then(response => {
|
.then(response => {
|
||||||
window.location.href = response.redirected ? response.url : '/create';
|
window.location.href = response.redirected ? response.url : '/create';
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch(error => {
|
||||||
overlay.style.visibility = 'hidden';
|
overlay.style.visibility = 'hidden';
|
||||||
alert("Error sending prompt: " + error);
|
alert("Error sending prompt: " + error);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// wrapper for Random Prompt button so it also sends the model
|
// wrapper for Random Prompt button so it also sends the model
|
||||||
@ -192,15 +141,14 @@
|
|||||||
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
|
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
|
||||||
body: formData.toString()
|
body: formData.toString()
|
||||||
})
|
})
|
||||||
.then(response => {
|
.then(response => {
|
||||||
window.location.href = response.redirected ? response.url : '/create';
|
window.location.href = response.redirected ? response.url : '/create';
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch(error => {
|
||||||
overlay.style.visibility = 'hidden';
|
overlay.style.visibility = 'hidden';
|
||||||
alert("Error requesting random prompt: " + error);
|
alert("Error requesting random prompt: " + error);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
</html>
|
||||||
</html>
|
|
||||||
|
@ -55,7 +55,6 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
padding: 20px 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.lightbox img {
|
.lightbox img {
|
||||||
@ -264,8 +263,7 @@
|
|||||||
|
|
||||||
if (detailsCache[filename]) {
|
if (detailsCache[filename]) {
|
||||||
document.getElementById("lightbox-prompt").textContent =
|
document.getElementById("lightbox-prompt").textContent =
|
||||||
`Model:${detailsCache[filename].model} - Created:${detailsCache[filename].date}\n\n${detailsCache[filename].prompt}`;
|
`Model: ${detailsCache[filename].model}\n\n${detailsCache[filename].prompt}`;
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
document.getElementById("lightbox-prompt").textContent = "Loading…";
|
document.getElementById("lightbox-prompt").textContent = "Loading…";
|
||||||
|
|
||||||
@ -277,7 +275,7 @@
|
|||||||
.then(data => {
|
.then(data => {
|
||||||
detailsCache[filename] = data; // Cache the data
|
detailsCache[filename] = data; // Cache the data
|
||||||
document.getElementById("lightbox-prompt").textContent =
|
document.getElementById("lightbox-prompt").textContent =
|
||||||
`Model:${data.model} - Created:${data.date}\n\n${data.prompt}`;
|
`Model: ${data.model}\n\n${data.prompt}`;
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
document.getElementById("lightbox-prompt").textContent = "Couldn’t load details.";
|
document.getElementById("lightbox-prompt").textContent = "Couldn’t load details.";
|
||||||
@ -287,17 +285,8 @@
|
|||||||
|
|
||||||
function nextImage() {
|
function nextImage() {
|
||||||
const images = getGalleryImages();
|
const images = getGalleryImages();
|
||||||
if (currentIndex + 1 >= images.length && loadedCount < allImages.length) {
|
currentIndex = (currentIndex + 1) % images.length;
|
||||||
loadNextBatch();
|
showImageAndLoadDetails(currentIndex);
|
||||||
// Wait briefly to ensure DOM updates
|
|
||||||
setTimeout(() => {
|
|
||||||
currentIndex++;
|
|
||||||
showImageAndLoadDetails(currentIndex);
|
|
||||||
}, 100);
|
|
||||||
} else {
|
|
||||||
currentIndex = (currentIndex + 1) % images.length;
|
|
||||||
showImageAndLoadDetails(currentIndex);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function prevImage() {
|
function prevImage() {
|
||||||
@ -306,7 +295,6 @@
|
|||||||
showImageAndLoadDetails(currentIndex);
|
showImageAndLoadDetails(currentIndex);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
function closeLightbox() {
|
function closeLightbox() {
|
||||||
document.getElementById("lightbox").style.display = "none";
|
document.getElementById("lightbox").style.display = "none";
|
||||||
}
|
}
|
||||||
|
@ -52,11 +52,10 @@
|
|||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="message">Image will be made with <i>{{ model }}</i> using prompt:</div>
|
<div class="message">Image will be made using prompt:</div>
|
||||||
<div class="prompt-text">
|
<div class="prompt-text">
|
||||||
{{ prompt }}
|
{{ prompt }}
|
||||||
</div>
|
</div>
|
||||||
<button onclick="location.href='/'">Home</button>
|
<button onclick="location.href='/'">Home</button>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
@ -22,11 +22,9 @@
|
|||||||
color: white;
|
color: white;
|
||||||
font-family: Arial, sans-serif;
|
font-family: Arial, sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-top: 20px;
|
/* So fixed elements inside work well */
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.image-container {
|
.image-container {
|
||||||
max-width: 90vw;
|
max-width: 90vw;
|
||||||
max-height: 80vh;
|
max-height: 80vh;
|
||||||
|
@ -1,72 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Login</title>
|
|
||||||
<style>
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
height: 100vh;
|
|
||||||
background: black;
|
|
||||||
color: white;
|
|
||||||
font-family: Arial, sans-serif;
|
|
||||||
padding: 20px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.message {
|
|
||||||
font-size: 22px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
.prompt-text {
|
|
||||||
font-size: 20px;
|
|
||||||
background: #111;
|
|
||||||
padding: 20px;
|
|
||||||
border-radius: 10px;
|
|
||||||
border: 1px solid #333;
|
|
||||||
max-width: 80vw;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
}
|
|
||||||
input[type="password"] {
|
|
||||||
padding: 10px;
|
|
||||||
border-radius: 8px;
|
|
||||||
border: 1px solid #555;
|
|
||||||
background: #222;
|
|
||||||
color: white;
|
|
||||||
font-size: 16px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
width: 250px;
|
|
||||||
}
|
|
||||||
button {
|
|
||||||
background: #333;
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
padding: 10px 20px;
|
|
||||||
border-radius: 8px;
|
|
||||||
font-size: 16px;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: background 0.3s;
|
|
||||||
}
|
|
||||||
button:hover {
|
|
||||||
background: #555;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="message">Please enter the password to continue:</div>
|
|
||||||
<form method="post">
|
|
||||||
<div class="prompt-text">
|
|
||||||
<input type="password" name="password" placeholder="Password" required>
|
|
||||||
</div>
|
|
||||||
<button type="submit">Login</button>
|
|
||||||
</form>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
@ -3,8 +3,6 @@ reload_interval = 30000
|
|||||||
auto_regen = True
|
auto_regen = True
|
||||||
regen_time = 03:00
|
regen_time = 03:00
|
||||||
port = 5000
|
port = 5000
|
||||||
create_requires_auth = False
|
|
||||||
password_for_auth = create
|
|
||||||
|
|
||||||
[comfyui]
|
[comfyui]
|
||||||
comfyui_url = http://comfyui
|
comfyui_url = http://comfyui
|
||||||
|
Loading…
x
Reference in New Issue
Block a user