| Server IP : 185.11.201.71 / Your IP : 192.168.7.18 Web Server : Apache/2.4.29 (Ubuntu) System : Linux tech-virtual-machine 4.15.0-213-generic #224-Ubuntu SMP Mon Jun 19 13:30:12 UTC 2023 x86_64 User : tech ( 1000) PHP Version : 7.4.28 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/wordpress/App/pages/ |
Upload File : |
<!--
=========================================================
* Soft UI Dashboard - v1.0.5
=========================================================
* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard
* Copyright 2022 Creative Tim (https://www.creative-tim.com)
* Licensed under MIT (https://www.creative-tim.com/license)
* Coded by Creative Tim
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Expires" content="0">
<meta http-equiv="Last-Modified" content="0">
<meta http-equiv="Cache-Control" content="no-cache, mustrevalidate">
<meta http-equiv="Pragma" content="no-cache">
</head>
<body class="g-sidenav-show bg-gray-100">
<div class="main-content position-relative bg-gray-100 max-height-vh-100 h-100">
<div class="container-fluid">
<div class="page-header min-height-300 border-radius-xl mt-4" style="background-image: url('../assets/img/curved-images/curved0.jpg'); background-position-y: 50%;">
<span class="mask bg-gradient-primary opacity-6"></span>
</div>
<div class="card card-body blur shadow-blur mx-4 mt-n6 overflow-hidden">
<div class="row gx-4">
<div class="col-auto">
<div class="avatar avatar-xl position-relative">
<img src="../assets/img/small-logos/chaqueta.png" id="image" alt="profile_image" class="w-100 border-radius-lg shadow-sm">
</div>
</div>
<div class="col-auto my-auto">
<div class="h-100">
<h5 class="mb-1">
<span id="description">
ORANGE - Leather Jacket
</span>
</h5>
<p class="mb-0 font-weight-bold text-sm">
<span id="season">
WINTER 2022
</span>
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 my-sm-auto ms-sm-auto me-sm-0 mx-auto mt-3">
<div class="nav-wrapper position-relative end-0">
<ul class="nav nav-pills nav-fill p-1 bg-transparent" role="tablist">
<li class="nav-item">
<a class="nav-link mb-0 px-0 py-1 " data-bs-toggle="tab" href="javascript:;" role="tab" aria-selected="false">
<svg class="text-dark" width="16px" height="16px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Edit</title>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-2020.000000, -442.000000)" fill="#FFFFFF" fill-rule="nonzero">
<g transform="translate(1716.000000, 291.000000)">
<g transform="translate(304.000000, 151.000000)">
<polygon class="color-background" opacity="0.596981957" points="18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667">
</polygon>
<path class="color-background" d="M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" opacity="0.596981957"></path>
<path class="color-background" d="M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z">
</path>
</g>
</g>
</g>
</g>
</svg>
<span class="ms-1">Edit</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid py-4">
<div class="row" id="kpis">
<div class="col-xl-2 col-sm-6 mb-xl-0 mb-4">
<div class="card">
<div class="card-body p-3">
<div class="row">
<div class="col-8">
<div class="numbers">
<p class="text-sm mb-0 text-capitalize font-weight-bold">Water Scarcity</p>
<h5 class="font-weight-bolder mb-0">
<span id="water">0,98 l</span>
<!--<span class="text-success text-sm font-weight-bolder">+97% saved</span>-->
</h5>
</div>
</div>
<div class="col-4 text-end">
<div class="icon icon-shape bg-gradient-primary shadow text-center border-radius-md">
<i class="fa fa-tint text-lg opacity-10" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-2 col-sm-6 mb-xl-0 mb-4">
<div class="card">
<div class="card-body p-3">
<div class="row">
<div class="col-8">
<div class="numbers">
<p class="text-sm mb-0 text-capitalize font-weight-bold">Global Warming</p>
<h5 class="font-weight-bolder mb-0">
<span id="co2">0,98 l</span>
</h5>
</div>
</div>
<div class="col-4 text-end">
<div class="icon icon-shape bg-gradient-primary shadow text-center border-radius-md">
<i class="ni ni-world text-lg opacity-10" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-2 col-sm-6 mb-xl-0 mb-4">
<div class="card">
<div class="card-body p-3">
<div class="row">
<div class="col-8">
<div class="numbers">
<p class="text-sm mb-0 text-capitalize font-weight-bold">Eutrophication</p>
<h5 class="font-weight-bolder mb-0">
<span id="po4"></span>
</h5>
</div>
</div>
<div class="col-4 text-end">
<div class="icon icon-shape bg-gradient-primary shadow text-center border-radius-md">
<i class="ni ni-world text-lg opacity-10" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-2 col-sm-6 mb-xl-0 mb-4">
<div class="card">
<div class="card-body p-3">
<div class="row">
<div class="col-8">
<div class="numbers">
<p class="text-sm mb-0 text-capitalize font-weight-bold">Abiotic Depletion</p>
<h5 class="font-weight-bolder mb-0">
5,62%
<span class="text-danger text-sm font-weight-bolder">-0,63%</span>
</h5>
</div>
</div>
<div class="col-4 text-end">
<div class="icon icon-shape bg-gradient-primary shadow text-center border-radius-md">
<i class="ni ni-paper-diploma text-lg opacity-10" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-2 col-sm-6">
<div class="card">
<div class="card-body p-3">
<div class="row">
<div class="col-8">
<div class="numbers">
<p class="text-sm mb-0 text-capitalize font-weight-bold">Chemistry</p>
<h5 class="font-weight-bolder mb-0">
$103,430
<span class="text-success text-sm font-weight-bolder">+5%</span>
</h5>
</div>
</div>
<div class="col-4 text-end">
<div class="icon icon-shape bg-gradient-primary shadow text-center border-radius-md">
<i class="ni ni-cart text-lg opacity-10" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid py-4">
<div class="row">
<div class="col-12 col-xl-4">
<div class="card h-100">
<div class="card-header pb-0 p-3">
<!--<h6 class="mb-0">Design information</h6>-->
</div>
<div class="card-body p-3">
<h5 class="card-title">Design Information</h5>
<ul class="list-group">
<li class="list-group-item border-0 ps-0 pt-0 text-sm"><strong class="text-dark">Digital ID:</strong>
<span id="digital_id"></span>
</li>
<li class="list-group-item border-0 ps-0 pt-0 text-sm"><strong class="text-dark">Design description:</strong> Flowers design</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Brand:</strong>
<span id="brand">
</span></li>
<li class="list-group-item border-0 ps-4 text-sm"><strong class="text-dark">Company:</strong> </li>
<li class="list-group-item border-0 ps-6 text-sm"><strong class="text-dark">Name:</strong>
<span id="companyName">
</span>
</li>
<li class="list-group-item border-0 ps-6 text-sm"><strong class="text-dark">Email:</strong>
<span id="companyEmail">
WINTER 2022
</span></li>
<li class="list-group-item border-0 ps-6 text-sm"><strong class="text-dark">Telephone:</strong>
<span id="companyPhone">
WINTER 2022
</span>
</li>
<li class="list-group-item border-0 ps-6 text-sm"><strong class="text-dark">Address:</strong>
<span id="companyAddress">
WINTER 2022
</span>
Calle de la Laguna, num 14 Terrassa, Barcelona, España</li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-xl-4" id="accordion">
<div class="card h-100">
<div class="card-header pb-0 p-3">
<div class="row">
<div class="col-md-8 d-flex align-items-center">
<!--<h6 class="mb-0">Design Production</h6>-->
</div>
</div>
</div>
<div class="card-body p-3">
<h5 class="card-title">Materials</h5>
<div class="card" id="materialsList">
<div class="card-header" id="headingOne">
<h5 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseMat1" aria-expanded="true" aria-controls="collapseOne">
Woven Care Label
</button>
</div>
<div id="collapseMat1" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
<ul class="list-group">
<li class="list-group-item border-0 ps-0 pt-0 text-sm"><strong class="text-dark">Basic information:</strong> </li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Construction:</strong> twill</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Dyeing Method:</strong> Yarn Dyed</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Dyestuff:</strong> Reactive</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Print Dyestuff:</strong> None</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Printing Method:</strong> None</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Colour 1:</strong> Red</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Colour 2:</strong> White</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Components:</strong> </li>
<li class="list-group-item border-0 ps-4 text-sm"><strong class="text-dark">Cotton:</strong> </li>
<li class="list-group-item border-0 ps-6 text-sm"><strong class="text-dark">Recicled:</strong> No</li>
<li class="list-group-item border-0 ps-6 text-sm"><strong class="text-dark">Source Raw Material:</strong> NA</li>
<li class="list-group-item border-0 ps-6 text-sm"><strong class="text-dark">Source Recycled input:</strong> NA</li>
<li class="list-group-item border-0 ps-6 text-sm"><strong class="text-dark">Step:</strong> </li>
<li class="list-group-item border-0 ps-7 text-sm"><strong class="text-dark">Type:</strong> Production of raw material</li>
<li class="list-group-item border-0 ps-7 text-sm"><strong class="text-dark">Country:</strong> Egipt</li>
</ul>
</div>
</div>
<div class="card-header" id="headingOne">
<h5 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseMat2" aria-expanded="true" aria-controls="collapseOne">
Recycled Cotton Embroidery Backing | White
</button>
</div>
<div id="collapseMat2" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
<ul class="list-group">
<li class="list-group-item border-0 ps-0 pt-0 text-sm"><strong class="text-dark">Basic incormation:</strong> </li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Construction:</strong> non_woven</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Dyeing Method:</strong> Yarn Dyed</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Dyestuff:</strong> Reactive</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Print Dyestuff:</strong> None</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Printing Method:</strong> None</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Colour 1:</strong> White</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Components:</strong> </li>
<li class="list-group-item border-0 ps-4 text-sm"><strong class="text-dark">Cotton:</strong> </li>
<li class="list-group-item border-0 ps-6 text-sm"><strong class="text-dark">Recicled:</strong> yes</li>
<li class="list-group-item border-0 ps-6 text-sm"><strong class="text-dark">Percentage:</strong> 100%</li>
<li class="list-group-item border-0 ps-6 text-sm"><strong class="text-dark">Source Raw Material:</strong> NA</li>
<li class="list-group-item border-0 ps-6 text-sm"><strong class="text-dark">Source Recycled input:</strong> NA</li>
<li class="list-group-item border-0 ps-6 text-sm"><strong class="text-dark">Step:</strong> </li>
<li class="list-group-item border-0 ps-7 text-sm"><strong class="text-dark">Type:</strong> Production of raw material</li>
<li class="list-group-item border-0 ps-7 text-sm"><strong class="text-dark">Country:</strong> Australia</li>
</ul>
</div>
</div>
</div>
<br>
<button style="margin: 5px 0px;" type="button" class="btn btn-outline-primary btn-sm mb-0">Add new Material</button>
</div>
</div>
</div>
<div class="col-12 col-xl-4">
<div class="card h-100">
<div class="card-header pb-0 p-3">
<!--<h6 class="mb-0">Relations</h6>-->
</div>
<div class="card-body p-3">
<h5 class="card-title">Relations</h5>
<ul class="list-group">
<li class="list-group-item border-0 d-flex align-items-center px-0 mb-2">
<div class="avatar me-3">
<img src="data:image/png;base64,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" alt="company-1" class="border-radius-lg shadow">
</div>
<div class="d-flex align-items-start flex-column justify-content-center">
<h6 class="mb-0 text-sm">Zara</h6>
<p class="mb-0 text-xs">Seller</p>
</div>
<a class="btn btn-link pe-0 ps-0 mb-0 ms-auto btn-information" href="javascript:;">More information...</a>
</li>
<li class="list-group-item border-0 d-flex align-items-center px-0 mb-2">
<div class="avatar me-3">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAqFBMVEX////+zADVACnSACv+yQD+5qX/78f/1AD7wAnaMCbTACr/1gDaLCXlah7zpBH/2QDdQyP2sBD/+u//0QD+0TzgUyHoeRvwmBT5uQr8xAXiXCDmbx3cPCT6vQrPAAD77vDYICfshxj1qRDynhPkZB//6a///ff+0C7rgxneSiLndBzkZh7vkhbhViH7xj32rQ7WJ07hX0nbLQD/3DrofUbjXQD0rUDdUkuHKNp7AAAEBUlEQVR4nO3abXfaNhiH8dpmM8hAYCqJCbBCyLawtE237uH7f7PZskuD7ltY59TpKd31eyk5oL8ekOT21SsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPDd+OWHC/ZrTMLfBpdr+VNMwtfJ5RqQkITfPBJGJixi5Nb6f2fFQ8FPDH3RV0qYZp1MOppMvYz2STxWNhWlqHjSi135iycsFiaNYbJ0n5/2jCe7abrAbv2KXa4Vp9lDrjSo74R2l0UFdC1aPZtWxcHrGXPb1Bb3fsWh0IpTM/sas9SWcSPYRtwdJ2ouembbjuBedJkrvpE9OegK2EtCMXXOMstjz/gNNmWTcOh3WfZkteI0uxO/XS+QUE6djoQPNtAzzVqrxnbkz9HrXCtOze9di7CPhNrUOZ9w0TSruPVzLJo1la/8inX9F4VfnJpRRMAvT1hmpovXMNderWfaLpuKiqVefJzvL5zwad7h8TSiuXWzVCwqU165HXzgB8n29R+I4rb85RMeieNJ+/1XE6M0zI5FiwPMxG0Ua9Ejj50bRc8JN4fFqeawYe9OZ5eZuUU1if55Gtcdkj+I57dRI9hjwnzsrb72l1zMrnoHUxZVcAg39fNzuQg3cQF7SygGxazcD4p/bMmmde5l9Ai2xzhZ/jZyCPtKKAdl5FrgH+iMO7TlYlGFNMc4ee417+IWYX8Jl6JpQ1fuHVuaHSy/jp2jxi02ee41aWy+vhKKX7pPd4T5evzc1uWep+NIW3eMK7eifB47R3tKmF+LO8JVU+NtIblWWBU3lDuz/vxxJ+ov4fth0GZQ32P9WTQptUfdGcRu1OKqIvB8+LvFw2pFVMIP4Tv8NlF+6aq7rsItnurKpBW7Y5z/VmCpFgcMEzvSyn9+E5Pwj1nIeijvsSH1IuzhyqSqdiH7dqS18M+ohB+vAqqVIu+xuiaJcmVqAkZfmfQPr3YhW+hNjJqlf0109zdWDorehNQFDF6ZxN3IrIsk/m42zpPBvd7Gv6PGMLQO09gbvhktrd7gdhHeqVemxD7GDWG1CNeB9Rm3Dv+ZqvZDOShqA7LrPLDW2o0tcGVKrL8Pqerdd7nX2zjdf8F+OLBRs8hki037esK/Mpn2XWAx8+fopD2VDdLuiO5oF3wlFbcf6rN0ZpPN+e+vrxjpqs2X5OJ03r4LFMc4M/70fsIOZ5l4S+A9XB/twttZ3Cz9dzxSVN9/UCuODpPdPD+eP+62XvW43etLv2L77GpUlLvb2bkvqY52duV/wmdxCT/mmrqL1YrPTt/ia59wvqIZx45vOd8Oy789kfCbR8L/S8Lv///T/HjJov5PFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAuAj/AW/phi7vdcsSAAAAAElFTkSuQmCC" alt="company-1" class="border-radius-lg shadow">
</div>
<div class="d-flex align-items-start flex-column justify-content-center">
<h6 class="mb-0 text-sm">DHL</h6>
<p class="mb-0 text-xs">Transport</p>
</div>
<a class="btn btn-link pe-0 ps-0 mb-0 ms-auto btn-information" href="javascript:;">More information...</a>
</li>
<li class="list-group-item border-0 d-flex align-items-center px-0 mb-2">
<div class="avatar me-3">
<img src="https://www.inmatex.com/sites/default/files/logo_color_inmatex.png" alt="company-1" class="border-radius-lg shadow">
</div>
<div class="d-flex align-items-start flex-column justify-content-center">
<h6 class="mb-0 text-sm">Inmatex</h6>
<p class="mb-0 text-xs">Production</p>
</div>
<a class="btn btn-link pe-0 ps-0 mb-0 ms-auto btn-information" href="javascript:;">More information...</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-12 mt-4">
<div class="card mb-4">
<div class="card-header pb-0 p-3">
<h6 class="mb-1">Files</h6>
<p class="text-sm"></p>
</div>
<div class="card-body p-3">
<div class="row">
<div class="col-xl-3 col-md-6 mb-xl-0 mb-4">
<div class="card card-blog card-plain">
<div class="position-relative">
<a class="d-block shadow-xl border-radius-xl">
<img src="../assets/img/designs/mockup.jpg" id="file1" alt="img-blur-shadow" class="img-fluid shadow border-radius-xl">
</a>
</div>
<div class="card-body px-1 pb-0">
<p class="text-gradient text-dark mb-2 text-sm">Mockup</p>
<a href="javascript:;">
<h5>
Modern
</h5>
</a>
<p class="mb-4 text-sm">
As Uber works through a huge amount of internal management turmoil.
</p>
<div class="d-flex align-items-center justify-content-between">
<button type="button" class="btn btn-outline-primary btn-sm mb-0">View Project</button>
<div class="avatar-group mt-2">
<a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Elena Morison">
<img alt="Image placeholder" src="../assets/img/team-1.jpg">
</a>
<a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Ryan Milly">
<img alt="Image placeholder" src="../assets/img/team-2.jpg">
</a>
<a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Nick Daniel">
<img alt="Image placeholder" src="../assets/img/team-3.jpg">
</a>
<a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Peterson">
<img alt="Image placeholder" src="../assets/img/team-4.jpg">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 mb-xl-0 mb-4">
<div class="card card-blog card-plain">
<div class="position-relative">
<a class="d-block shadow-xl border-radius-xl">
<img src="../assets/img/designs/render.jpg" alt="img-blur-shadow" class="img-fluid shadow border-radius-lg">
</a>
</div>
<div class="card-body px-1 pb-0">
<p class="text-gradient text-dark mb-2 text-sm">Render</p>
<a href="javascript:;">
<h5>
Scandinavian
</h5>
</a>
<p class="mb-4 text-sm">
Music is something that every person has his or her own specific opinion about.
</p>
<div class="d-flex align-items-center justify-content-between">
<button type="button" class="btn btn-outline-primary btn-sm mb-0">View Project</button>
<div class="avatar-group mt-2">
<a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Nick Daniel">
<img alt="Image placeholder" src="../assets/img/team-3.jpg">
</a>
<a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Peterson">
<img alt="Image placeholder" src="../assets/img/team-4.jpg">
</a>
<a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Elena Morison">
<img alt="Image placeholder" src="../assets/img/team-1.jpg">
</a>
<a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Ryan Milly">
<img alt="Image placeholder" src="../assets/img/team-2.jpg">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 mb-xl-0 mb-4">
<div class="card card-blog card-plain">
<div class="position-relative">
<a class="d-block shadow-xl border-radius-xl">
<img src="../assets/img/designs/models.jpg" alt="img-blur-shadow" class="img-fluid shadow border-radius-xl">
</a>
</div>
<div class="card-body px-1 pb-0">
<p class="text-gradient text-dark mb-2 text-sm">Models</p>
<a href="javascript:;">
<h5>
Minimalist
</h5>
</a>
<p class="mb-4 text-sm">
Different people have different taste, and various types of music.
</p>
<div class="d-flex align-items-center justify-content-between">
<button type="button" class="btn btn-outline-primary btn-sm mb-0">View Project</button>
<div class="avatar-group mt-2">
<a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Peterson">
<img alt="Image placeholder" src="../assets/img/team-4.jpg">
</a>
<a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Nick Daniel">
<img alt="Image placeholder" src="../assets/img/team-3.jpg">
</a>
<a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Ryan Milly">
<img alt="Image placeholder" src="../assets/img/team-2.jpg">
</a>
<a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Elena Morison">
<img alt="Image placeholder" src="../assets/img/team-1.jpg">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 mb-xl-0 mb-4" id="dropCard">
<div class="card h-100 card-plain border">
<div class="card-body d-flex flex-column justify-content-center text-center" id="drop_zone" ondrop="dropHandler(event);" ondragover="dragOverHandler(event);">
<a href="javascript:;">
<i class="fa fa-plus text-secondary mb-3"></i>
<h5 class=" text-secondary"> Drop Files </h5>
</a>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 mb-xl-0 mb-4" id="dropList" style="display:none">
<div class="card h-100">
<div class="card-header pb-0 p-3">
<h6 class="mb-0">Files</h6>
</div>
<div class="card-body p-3">
<ul class="list-group" id="itemList">
</ul>
</div>
<button type="button" class="btn btn-outline-primary btn-sm mb-0" onclick="showDrop()">Confirm</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script>
function showDrop(){
$("#dropCard").show();
$("#dropList").hide();
$("#itemList").empty();
}
var files;
function dropHandler(ev) {
$("#dropCard").hide();
console.log('Fichero(s) arrastrados');
// Evitar el comportamiendo por defecto (Evitar que el fichero se abra/ejecute)
ev.preventDefault();
if (ev.dataTransfer.items) {
$("#itemList").empty();
$("#dropList").show();
// Usar la interfaz DataTransferItemList para acceder a el/los archivos)
for (var i = 0; i < ev.dataTransfer.items.length; i++) {
// Si los elementos arrastrados no son ficheros, rechazarlos
if (ev.dataTransfer.items[i].kind === 'file') {
var file = ev.dataTransfer.items[i].getAsFile();
console.log('... file[' + i + '].name = ' + file.name);
files = file;
var html = '<li class="list-group-item border-0 d-flex align-items-center px-0 mb-2">'+
'<div class="avatar me-3">'+
'<img id="'+file.name+'" alt="kal" class="border-radius-lg shadow">'+
'</div>'+
'<div class="d-flex align-items-start flex-column justify-content-center">'+
'<h6 class="mb-0 text-sm">'+file.name+'</h6>'+
'<p class="mb-0 text-xs">'+file.type+'</p>'+
'</div>'+
'<select style="width: 120px; margin: auto;" class="form-select" aria-label="Default category"> '+
'<option selected>Type</option> <option value="1">Mockup</option> <option value="2">Desgin</option> <option value="3">Model</option>'+
'</select>'+
'<a class="btn btn-link pe-3 ps-0 mb-0 ms-auto" href="javascript:;">Delete</a>'+
'</li>';
$("#itemList").append(html);
const preview = document.getElementById(file.name);
const reader = new FileReader();
reader.addEventListener("load", function () {
// result is a base64 string
preview.src = reader.result;
}, false);
if (file) {
reader.readAsDataURL(file);
}
}
}
} else {
// Usar la interfaz DataTransfer para acceder a el/los archivos
for (var i = 0; i < ev.dataTransfer.files.length; i++) {
console.log('... file[' + i + '].name = ' + ev.dataTransfer.files[i].name);
}
}
// Pasar el evento a removeDragData para limpiar
removeDragData(ev)
}
function dragOverHandler(ev) {
console.log('File(s) in drop zone');
// Prevent default behavior (Prevent file from being opened)
ev.preventDefault();
}
function removeDragData(ev) {
console.log('Removing drag data');
if (ev.dataTransfer.items) {
// Use DataTransferItemList interface to remove the drag data
ev.dataTransfer.items.clear();
} else {
// Use DataTransfer interface to remove the drag data
ev.dataTransfer.clearData();
}
}
console.log("Nuevo");
// HIGGS INTEGRATION
var higgsData;
var opt = {
method: 'POST',
headers: {
Accept: 'application/json',
'Content-Type': 'application/json',
'higg-api-token': 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYyY2RlZGZiMTczYzI2MDAwYmY1NDk5ZSIsIm5hbWUiOiJUMlQiLCJpYXQiOjE2NTgzMDY0OTh9.FejdM41TWAzhsokOGTRgGnjMsLgVn6ZgcH9kgnZPbTA'
}
};
fetch('https://api-v2.production.higg.org/msi-api/search', opt)
.then(response => response.json())
.then(function(response) { higgsData = response.results; })
.then(response => console.log(higgsData))
.catch(err => console.error(err));
var materials = [];
materials.push(higgsData[0]);
materials.push(higgsData[1]);
var wastes = {
water:0,
co2:0,
warming:0};
$('#materialsList').empty();
jQuery.each(materials, function(i, val) {
console.log('lala' + val);
html = '<div class="card-header" id="headingOne">'+
'<h5 class="mb-0">'+
'<button class="btn btn-link" data-toggle="collapse" data-target="#collapseMat1" aria-expanded="true" aria-controls="collapseOne">'+
val.name+
'</button>'+
'</div> '+
'<div id="collapseMat1" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">'+
'<div class="card-body">'+
'<ul class="list-group">'+
'<li class="list-group-item border-0 ps-0 pt-0 text-sm"><strong class="text-dark">Components information</strong> </li> '+
'<pre>'+JSON.stringify(val.baseMaterials, undefined, 2)+
'</pre>'+
'</ul>'+
'</div>'+
'</div>';
wastes.water = wastes.water + val.scores.waterConsumption;
wastes.co2 = wastes.co2 + val.scores.biogenicCarbon;
wastes.warming = wastes.warming + val.scores.globalWarming;
$('#materialsList').append(html);
});
$('#water').html(wastes.water.toFixed(2) +'l');
$('#co2').html(wastes.co2.toFixed(2) + 'g');
$('#po4').html(wastes.warming.toFixed(2));
/*
baseMaterials: (3) [{…}, {…}, {…}]
category: "Coatings and Laminations"
code: "XX"
created: 1658302702892
draft: false
id: "62d7b0ee316819000b8df9a7"
lastEdited: 1658302702892
name: "Sample T2T"
platformCreatedBy: "User"
platformModifiedBy: "User"
sample: false
scores:
abioticDepletion: 27.234532301703677
abioticDepletionPts: 1.865378925184608
biogenicCarbon: 0.4384210526315789
chemistry: 8.834459987669936
chemistryPts: 4.227014347977217
eutrophication: 0.0007968507513922016
eutrophicationPts: 0.8189627455212777
globalWarming: 2.029018621363153
globalWarmingPts: 1.932398687012526
waterConsumption: 15.559158540101986
waterScarcity: 0.44607120307291875
waterScarcityPts: 0.2055627663930503
*/
</script>