From 32061c6804c29bf2f2d9bd1dcdb95cc03a20e86d Mon Sep 17 00:00:00 2001
From: Alex Danamir <alexandr.salny@yandex.ru>
Date: Tue, 25 Oct 2022 18:51:11 +0300
Subject: [PATCH] add admin templates

---
 app.py                   |  22 +++---
 static/css/adminpage.css |  67 +++++++++++-------
 static/css/style.css     |  10 ++-
 templates/adminpage.html |  58 +++++++--------
 templates/index.html     | 148 ++++-----------------------------------
 5 files changed, 109 insertions(+), 196 deletions(-)

diff --git a/app.py b/app.py
index a83555a..5f54d56 100644
--- a/app.py
+++ b/app.py
@@ -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")
 
diff --git a/static/css/adminpage.css b/static/css/adminpage.css
index 390100e..c4e9f14 100644
--- a/static/css/adminpage.css
+++ b/static/css/adminpage.css
@@ -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);
-  }
-  
-  .h1header {
-    margin: 0;
-    background-color: #b5e9e9;
-    height: 100px;
-    line-height: 100px;
-    text-align: center;
-    color: #034956;
-    
-  }
+}
 
-.uploadform{
+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;
+
+}
+
+.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%;
 
 }
@@ -60,4 +66,17 @@ input[type="file"]::form-file-button:hover {
   color: #034956;
   border: 2px solid #034956;
 
+}
+
+.formblock {
+  width: 100%;
+  border: 2px solid #034956;
+  border-radius: 5px;
+
+}
+
+#printed {
+  width: 20px;
+  height: 20px;
+  accent-color: #f26722;
 }
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
index 59ab0e2..4e40929 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -57,4 +57,12 @@ header{
 
 h5{
   font-size: 17px;
-}
\ No newline at end of file
+}
+
+
+
+.mobile-margin{
+  margin-bottom: 10px;
+  padding: 10px;
+}
+
diff --git a/templates/adminpage.html b/templates/adminpage.html
index ee796e7..9471ab8 100644
--- a/templates/adminpage.html
+++ b/templates/adminpage.html
@@ -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>
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 8c4d783..ba81477 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -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">
 
+      {% for i in range(10) %}
+
       <div class="col-md-4">
-        <div class="card">
-          <img class="card-img-top" src="img/1.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>
+                <h5> 22.10.2022</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>    
-            
-          </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>    
-          </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>