Upload 15 files

app.py

@@ -0,0 +1,138 @@
+from flask import Flask, render_template, request
+import qrcode
+from PIL import Image
+import os
+import pandas as pd
+import requests
+from io import StringIO
+from urllib.parse import quote
+
+app = Flask(__name__)
+
+UPLOAD_FOLDER = "static/generated"
+os.makedirs(UPLOAD_FOLDER, exist_ok=True)
+
+# 🔗 Google Sheet Info
+SHEET_ID = "1F90Q1scHpX4U_OIBDA_yZF3BozUGfJtl-1XucV4XBCM"
+GID = "0"
+
+GOOGLE_SHEET_CSV = f"https://docs.google.com/spreadsheets/d/{SHEET_ID}/export?format=csv&gid={GID}"
+
+
+def fetch_sheet():
+    try:
+        response = requests.get(GOOGLE_SHEET_CSV)
+        response.raise_for_status()
+
+        df = pd.read_csv(StringIO(response.text))
+        df.columns = df.columns.str.strip().str.lower()
+
+        if "asset id" not in df.columns:
+            return None
+
+        df.rename(columns={"asset id": "Asset ID"}, inplace=True)
+        return df
+
+    except:
+        return None
+
+
+@app.route("/")
+def home():
+    return render_template("index.html")
+
+
+@app.route("/generate", methods=["POST"])
+def generate_qr():
+    asset_id = request.form["data"].strip()
+    fill_color = request.form["fill_color"]
+    back_color = request.form["back_color"]
+    size = int(request.form["size"])
+    logo = request.files.get("logo")
+
+    df = fetch_sheet()
+    if df is None:
+        return render_template("index.html", error="Unable to fetch sheet")
+
+    df["Asset ID"] = df["Asset ID"].astype(str).str.strip()
+
+    result = df[df["Asset ID"].str.lower() == asset_id.lower()]
+
+    if result.empty:
+        return render_template("index.html", error="❌ Asset Not Found")
+
+    row = result.iloc[0]
+
+    # QR now stores asset URL
+    asset_url = request.host_url + "asset/" + quote(asset_id)
+
+    qr = qrcode.QRCode(
+        version=None,
+        error_correction=qrcode.constants.ERROR_CORRECT_H,
+        box_size=size,
+        border=4,
+    )
+
+    qr.add_data(asset_url)
+    qr.make(fit=True)
+
+    img = qr.make_image(fill_color=fill_color, back_color=back_color).convert("RGB")
+
+    if logo and logo.filename != "":
+        logo_img = Image.open(logo)
+        logo_size = img.size[0] // 4
+        logo_img = logo_img.resize((logo_size, logo_size))
+
+        pos = (
+            (img.size[0] - logo_size) // 2,
+            (img.size[1] - logo_size) // 2
+        )
+
+        img.paste(logo_img, pos)
+
+    qr_path = os.path.join(UPLOAD_FOLDER, "qr.png")
+    img.save(qr_path)
+
+    asset_info = {
+        "Asset ID": row.get("Asset ID", ""),
+        "Asset Type": row.get("asset type", ""),
+        "Asset Name": row.get("asset name", ""),
+        "Allotted To": row.get("allotted to", ""),
+        "Department": row.get("department", ""),
+    }
+
+    return render_template(
+        "index.html",
+        qr_image="generated/qr.png",
+        asset=asset_info
+    )
+
+
+@app.route("/asset/<path:asset_id>")
+def show_asset(asset_id):
+    df = fetch_sheet()
+    if df is None:
+        return "<h3>Unable to fetch data</h3>"
+
+    df["Asset ID"] = df["Asset ID"].astype(str).str.strip()
+
+    result = df[df["Asset ID"].str.lower() == asset_id.lower()]
+
+    if result.empty:
+        return "<h3>Asset Not Found</h3>"
+
+    row = result.iloc[0]
+
+    asset_info = {
+        "Asset ID": row.get("Asset ID", ""),
+        "Asset Type": row.get("asset type", ""),
+        "Asset Name": row.get("asset name", ""),
+        "Allotted To": row.get("allotted to", ""),
+        "Department": row.get("department", ""),
+    }
+
+    return render_template("asset_card.html", asset=asset_info)
+
+
+if __name__ == "__main__":
+    app.run(debug=True)

assets.csv

@@ -0,0 +1,16 @@
+Asset_ID,Asset_Type,Asset_Name,Allotted_To,Department
+NIELIT/CH-RPR/m-Table/05,FURNITURE,TABLE,SAMSAD ALI,TRAINING
+NIELIT/CH/EE-Chair/2014/120-54,FURNITURE,CHAIR,SAMSAD ALI,TRAINING
+NIELIT/CH-RPR/DELL-i5/2020/80-20,PC,DELL,SAMSAD ALI,TRAINING		
+NIELIT/CH-RPR/m-ELAN-DESK-1/2014/59-51,FURNITURE,TABLE,PRAKASH PRATIK,TRAINING
+NIELIT/CH/EE-Chair/2014/120-86,FURNITURE,CHAIR,PRAKASH PRATIK,TRAINING
+NIELIT/CH-RPR/DELL-i5/AIO/2020/20-1,PC,DELL,PRAKASH PRATIK,TRAINING				
+NIELIT/CH-RPR/m-ELAN-DESK-1/2014/59-06,FURNITURE,TABLE,AKASH SARAN,TRAINING
+NIELIT/CH/EE-Chair/2014/120-89,FURNITURE,CHAIR,AKASH SARAN,TRAINING
+NIELIT/CH-RPR/ZENIX/2024/14,PC,DELL,AKASH SARAN,TRAINING			
+NIELIT/CH-RPR/m-ELAN-DESK-1/2014/59-29,FURNITURE,TABLE,SNEASIS JOARDAR,TRAINING
+NIELIT/CH/EE-Chair/2014/120-20,FURNITURE,CHAIR,SNEASIS JOARDAR,TRAINING
+NIELIT/CH-RPR/DELL-i5/AIO/2020/20-2,PC,DELL,SNEASIS JOARDAR,TRAINING				
+NIELIT/CH-RPR/m-ELAN-DESK-1/2014/59-50,FURNITURE,TABLE,RAMINDER SINGH,TRAINING
+NIELIT/CH/EE-Chair/2014/120-13,FURNITURE,CHAIR,RAMINDER SINGH,TRAINING
+NIELIT/CH-RPR/DELL-i7/2020/15-12,PC,DELL,RAMINDER SINGH,TRAINING

requirements.txt

@@ -0,0 +1,6 @@
+Flask
+qrcode
+Pillow
+Werkzeug
+pandas
+requests

static/script.js

@@ -0,0 +1,76 @@
+// ===============================
+// Select Form Elements
+// ===============================
+const dataInput = document.querySelector("input[name='data']");
+const fillColorInput = document.querySelector("input[name='fill_color']");
+const backColorInput = document.querySelector("input[name='back_color']");
+const sizeSelect = document.querySelector("select[name='size']");
+const logoInput = document.querySelector("input[name='logo']");
+const form = document.querySelector("form");
+
+// ===============================
+// Create QR Preview Container
+// ===============================
+const previewContainer = document.createElement("div");
+previewContainer.style.marginTop = "20px";
+previewContainer.style.textAlign = "center";
+
+const previewTitle = document.createElement("h3");
+previewTitle.innerText = "Live QR Preview";
+previewTitle.style.marginBottom = "10px";
+
+const previewImg = document.createElement("img");
+previewImg.style.maxWidth = "200px";
+previewImg.style.border = "1px solid #ddd";
+previewImg.style.padding = "10px";
+previewImg.style.borderRadius = "10px";
+
+previewContainer.appendChild(previewTitle);
+previewContainer.appendChild(previewImg);
+form.appendChild(previewContainer);
+
+// ===============================
+// Generate Live QR Preview
+// ===============================
+function generatePreview() {
+    const data = dataInput.value.trim();
+    const fillColor = fillColorInput.value;
+    const backColor = backColorInput.value;
+    const size = parseInt(sizeSelect.value);
+
+    if (data === "") {
+        previewImg.src = "";
+        return;
+    }
+
+    const qrSize = size * 25;
+
+    previewImg.src = `https://api.qrserver.com/v1/create-qr-code/?size=${qrSize}x${qrSize}&data=${encodeURIComponent(data)}&color=${fillColor.replace('#', '')}&bgcolor=${backColor.replace('#', '')}`;
+}
+
+// ===============================
+// Event Listeners for Live Update
+// ===============================
+dataInput.addEventListener("input", generatePreview);
+fillColorInput.addEventListener("input", generatePreview);
+backColorInput.addEventListener("input", generatePreview);
+sizeSelect.addEventListener("change", generatePreview);
+
+// ===============================
+// Logo Upload Handling
+// ===============================
+// (Logo will be embedded in backend only)
+logoInput.addEventListener("change", function () {
+    generatePreview(); // Keep QR preview intact
+});
+
+// ===============================
+// Simple Form Validation
+// ===============================
+form.addEventListener("submit", function (e) {
+    if (dataInput.value.trim() === "") {
+        e.preventDefault();
+        alert("Please enter Asset ID or text!");
+        dataInput.focus();
+    }
+});

static/style.css

@@ -0,0 +1,62 @@
+body {
+    font-family: 'Poppins', sans-serif;
+    background: linear-gradient(135deg, #667eea, #764ba2);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+    padding: 40px 0;
+}
+
+/* Bigger Glass Container */
+.container {
+    background: rgba(255, 255, 255, 0.15);
+    backdrop-filter: blur(15px);
+    padding: 60px;
+    /* Increased padding */
+    border-radius: 25px;
+    width: 500px;
+    /* Increased width */
+    max-width: 95%;
+    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
+    color: white;
+    animation: fadeIn 1s ease-in-out;
+}
+
+/* Bigger Heading */
+.container h2 {
+    text-align: center;
+    margin-bottom: 35px;
+    font-weight: 600;
+    font-size: 26px;
+}
+
+/* Inputs & Select */
+input,
+select {
+    width: 100%;
+    margin: 18px 0;
+    /* More vertical spacing */
+    padding: 15px;
+    /* Bigger input size */
+    border-radius: 12px;
+    border: none;
+    outline: none;
+    font-size: 15px;
+    transition: 0.3s ease;
+}
+
+/* Button */
+button {
+    width: 100%;
+    padding: 15px;
+    margin-top: 25px;
+    border-radius: 14px;
+    border: none;
+    background: linear-gradient(45deg, #ff6b6b, #ff9f43);
+    color: white;
+    font-size: 17px;
+    font-weight: 600;
+    cursor: pointer;
+    transition: 0.4s ease;
+}

templates/assests_card.html

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Asset Details</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <style>
+        body {
+            font-family: 'Poppins', sans-serif;
+            background: linear-gradient(135deg, #667eea, #764ba2);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            margin: 0;
+        }
+
+        .card {
+            background: white;
+            width: 350px;
+            padding: 25px;
+            border-radius: 20px;
+            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
+            text-align: center;
+        }
+
+        .card h2 {
+            margin-bottom: 20px;
+            color: #333;
+        }
+
+        .info {
+            text-align: left;
+            margin-top: 15px;
+        }
+
+        .info p {
+            margin: 10px 0;
+            font-size: 15px;
+            color: #555;
+        }
+
+        .label {
+            font-weight: bold;
+            color: #222;
+        }
+
+        .badge {
+            display: inline-block;
+            padding: 5px 12px;
+            background: #667eea;
+            color: white;
+            border-radius: 15px;
+            font-size: 12px;
+            margin-bottom: 10px;
+        }
+    </style>
+</head>
+
+<body>
+
+    <div class="card">
+        <div class="badge">Asset Verified ✔</div>
+        <h2>{{ asset["Asset Name"] }}</h2>
+
+        <div class="info">
+            <p><span class="label">Asset ID:</span> {{ asset["Asset ID"] }}</p>
+            <p><span class="label">Type:</span> {{ asset["Asset Type"] }}</p>
+            <p><span class="label">Allotted To:</span> {{ asset["Allotted To"] }}</p>
+            <p><span class="label">Department:</span> {{ asset["Department"] }}</p>
+        </div>
+    </div>
+
+</body>
+
+</html>

templates/index.html

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Smart Asset QR System</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+</head>
+
+<body>
+
+    <div class="container">
+        <h2>🏢 Smart Asset QR Generator</h2>
+
+        {% if error %}
+        <p style="color:red;">{{ error }}</p>
+        {% endif %}
+
+        <form action="/generate" method="POST" enctype="multipart/form-data">
+
+            <input type="text" name="data" placeholder="Enter Asset ID (Example: PC001)" required>
+
+            <label>QR Color</label>
+            <input type="color" name="fill_color" value="#000000">
+
+            <label>Background Color</label>
+            <input type="color" name="back_color" value="#ffffff">
+
+            <label>QR Size</label>
+            <select name="size">
+                <option value="8">Small</option>
+                <option value="10">Medium</option>
+                <option value="12">Large</option>
+            </select>
+
+            <label>Upload Logo (Optional)</label>
+            <input type="file" name="logo">
+
+            <button type="submit">Generate QR</button>
+        </form>
+
+        {% if qr_image %}
+        <hr>
+        <h3>Generated QR</h3>
+        <img src="{{ url_for('static', filename=qr_image) }}" width="200">
+
+        <h3>Asset Details</h3>
+        <p><strong>Asset ID:</strong> {{ asset["Asset ID"] }}</p>
+        <p><strong>Type:</strong> {{ asset["Asset Type"] }}</p>
+        <p><strong>Name:</strong> {{ asset["Asset Name"] }}</p>
+        <p><strong>Allotted To:</strong> {{ asset["Allotted To"] }}</p>
+        <p><strong>Department:</strong> {{ asset["Department"] }}</p>
+        {% endif %}
+
+    </div>
+
+</body>
+
+</html>