add admin templates

This commit is contained in:
2022-10-25 18:51:11 +03:00
parent de3d155249
commit 32061c6804
5 changed files with 109 additions and 196 deletions

22
app.py
View File

@@ -26,9 +26,9 @@ db.init_app(app)
@app.route("/")
def index():
detals = PrintedDetal.query.all()
#detals = PrintedDetal.query.all()
return render_template("index.html", detals=detals)
return render_template("index.html") # , detals=detals)
@app.route("/admin", methods=['GET', 'POST'])
@@ -38,8 +38,8 @@ def admipage():
logging.debug("POST QUERY loaded")
image_file = request.files['images']
stl_file = request.files['stl']
image_file = request.files['imgfile']
stl_file = request.files['stlfile']
logging.debug(image_file)
logging.debug(stl_file)
@@ -52,11 +52,15 @@ def admipage():
else:
isprinered = False
detal = PrintedDetal(imgpath=image_file.filename,
stlpath=stl_file.filename,
isprinted=isprinered)
db.session.add(detal)
db.session.commit()
logging.debug(image_file)
logging.debug(stl_file)
logging.debug(isprinered)
#detal = PrintedDetal(imgpath=image_file.filename,
# stlpath=stl_file.filename,
# isprinted=isprinered)
#db.session.add(detal)
#db.session.commit()
return render_template("adminpage.html")

View File

@@ -1,56 +1,62 @@
body {
margin: 0;
padding: 0;
background-color: #dcf3d0;
margin: 0;
padding: 0;
background-color: #dcf3d0;
}
}
header{
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}
header {
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}
.h1header {
margin: 0;
background-color: #b5e9e9;
height: 100px;
line-height: 100px;
text-align: center;
color: #034956;
.h1header {
margin: 0;
background-color: #b5e9e9;
height: 100px;
line-height: 100px;
text-align: center;
color: #034956;
}
}
.uploadform{
.uploadform {
margin: 30px;
}
.formsrow{
.formsrow {
border: #034956;
}
input[type="file"]::file-selector-button {
background-color:#ffe1d0;
background-color: #ffe1d0;
padding: 0.5em;
border: thin solid #f26722;
border-radius: 2px;
}
input[type="file"]::form-file-button:hover {
input[type="file"]::file-selector-button:hover {
background-color: #fff1b5;
color: #034956;
border: 2px solid #034956;
border: 1px solid #034956;
cursor: pointer;
}
.card {
background-color: #fef6dd;
border-radius: 12px;
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}
.btn {
margin-top: 15px;
background-color: #ffe1d0;
color: #034956;
border: 2px solid #f26722;
border-radius: 5px;
width: 100%;
}
@@ -61,3 +67,16 @@ input[type="file"]::form-file-button:hover {
border: 2px solid #034956;
}
.formblock {
width: 100%;
border: 2px solid #034956;
border-radius: 5px;
}
#printed {
width: 20px;
height: 20px;
accent-color: #f26722;
}

View File

@@ -58,3 +58,11 @@ header{
h5{
font-size: 17px;
}
.mobile-margin{
margin-bottom: 10px;
padding: 10px;
}

View File

@@ -2,42 +2,42 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link rel="stylesheet" href="css/adminpage.css">
<title>3d Detals</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link rel="stylesheet" href="{{ url_for('static', filename='css/adminpage.css')}}">
<title>3d Detals</title>
</head>
<body>
<header>
<h1 class="h1header"> Административная панель </h1>
</header>
<div class="container">
<div class="row ">
<form class="uploadform">
<h1 class="h1header"> Административная панель </h1>
</header>
<div class="container">
<div class="">
<label class="form-label" for="imgfile">Выберите изображение </label>
<input type="file" class="form-control" id="imgfile" />
<label class="form-label" for="origfile">Выберите исходный file </label>
<input type="file" class="form-control" id="origfile" />
<label class="form-label" for="stlfile">Выберите stl file </label>
<input type="file" class="form-control" id="stflfile" />
<button class="btn btn-block">Загрузить </button>
</div>
<div class="row ">
<form method="post" enctype=multipart/form-data>
<label class=" d-block p-2">Выберите изображение </label>
<input class=" formblock d-block p-2" type="file" name="imgfile" />
<label class=" d-block p-2">Выберите исходный file </label>
<input class=" formblock d-block p-2" type="file" name="origfile" />
<label class=" d-block p-2">Выберите stl file </label>
<input class=" formblock d-block p-2" type="file" name="stlfile" />
<label > Напечатано </label>
<input type="checkbox" class="bxigchekcbox" id="printed" name="isprinted">
<input class="btn d-block p-2" type="submit" value="Upload">
</form>
</div>
</div>
</form>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
crossorigin="anonymous"></script>
</body>
</html>

View File

@@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="{{ url_for('static',filename='css/style.css')}}">
<title>3d Detals</title>
</head>
<body>
@@ -17,159 +17,41 @@
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="card">
<img class="card-img-top" src="img/1.jpg" alt="1 image">
<div class="card-body">
<dv class="row">
<div class="col">
<button class="btn btn-block">Скачать исходник</button>
</div>
<div class="col">
<button class="btn btn-block">Скачать stl </button>
</div>
<div class="row">
<div class="col d-flex justify-content-center">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">
Напечатано
</label>
</div>
<div class="col d-flex justify-content-center">
<h5> 10.12.2004 </h5>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img class="card-img-top" src="img/2.jpg" alt="1 image">
<div class="card-body">
<dv class="row">
<div class="col">
<button class="btn btn-block">Скачать исходник</button>
</div>
<div class="col">
<button class="btn btn-block">Скачать stl </button>
</div>
<div class="row">
<div class="col d-flex justify-content-center">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">
Напечатано
</label>
</div>
<div class="col d-flex justify-content-center">
<h5> 10.12.2004 </h5>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img class="card-img-top" src="img/3.jpg" alt="1 image">
<div class="card-body">
<dv class="row">
<div class="col">
<button class="btn btn-block">Скачать исходник</button>
</div>
<div class="col">
<button class="btn btn-block">Скачать stl </button>
</div>
<div class="row">
<div class="col d-flex justify-content-center">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">
Напечатано
</label>
</div>
<div class="col d-flex justify-content-center">
<h5> 10.12.2004 </h5>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img class="card-img-top" src="img/3.jpg" alt="1 image">
<div class="card-body">
<dv class="row">
<div class="col">
<button class="btn btn-block">Скачать исходник</button>
</div>
<div class="col">
<button class="btn btn-block">Скачать stl </button>
</div>
<div class="row">
<div class="col d-flex justify-content-center">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">
Напечатано
</label>
</div>
<div class="col d-flex justify-content-center">
<h5> 10.12.2004 </h5>
</div>
</div>
{% for i in range(10) %}
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img class="card-img-top" src="img/3.jpg" alt="1 image">
<div class="card mobile-margin">
<img class="card-img-top" src="{{url_for('static', filename='img/1.jpg')}}" alt="1 image">
<div class="card-body">
<dv class="row">
<div class="col">
<button class="btn btn-block">Скачать исходник</button>
<button class="btn btn-block mobile-margin">Скачать исходник</button>
</div>
<div class="col">
<button class="btn btn-block">Скачать stl </button>
<button class="btn btn-block mobile-margin">Скачать stl </button>
</div>
<div class="row">
<div class="col d-flex justify-content-center">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" disabled>
<label class="form-check-label" for="flexCheckDefault">
Напечатано
</label>
</div>
<div class="col d-flex justify-content-center">
<h5> 10.12.2004 </h5>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img class="card-img-top" src="img/3.jpg" alt="1 image">
<div class="card-body">
<dv class="row">
<div class="col">
<button class="btn btn-block">Скачать исходник</button>
</div>
<div class="col">
<button class="btn btn-block">Скачать stl </button>
</div>
<div class="row">
<div class="col d-flex justify-content-center">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">
Напечатано
</label>
</div>
<div class="col d-flex justify-content-center">
<h5> 10.12.2004 </h5>
<h5> 22.10.2022</h5>
</div>
</div>
</div>
</div>
</div>
{%endfor%}
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
crossorigin="anonymous"></script>