| 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="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" 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="id">
</span>
</h5>
<p class="mb-0 font-weight-bold text-sm">
<span id="description">
</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" id="containerMain">
<div class="row">
<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">Total Units</p>
<h5 class="font-weight-bolder mb-0">
<span id="quantity"></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-box-2 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">Waste of water</p>
<h5 class="font-weight-bolder mb-0">
1.436 l
<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">CO2 emission</p>
<h5 class="font-weight-bolder mb-0">
2,87 Kg
<span class="text-success text-sm font-weight-bolder">+29% 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="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">PO4</p>
<h5 class="font-weight-bolder mb-0">
13,46
<span class="text-success text-sm font-weight-bolder">+51% 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="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">Raw material</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">Sales</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 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">Batch 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">Models</h5>
<div class="card">
<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">
ORANGE - Leather Jacket
</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 incormation:</strong> </li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Size:</strong> XL</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Units:</strong> 1000</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">
T-shirt 001
</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">Size:</strong> L</li>
<li class="list-group-item border-0 ps-2 text-sm"><strong class="text-dark">Units:</strong> 500</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 Model</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">Steps</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">Production of raw material</h6>
<p class="mb-0 text-xs">10/02/2022</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,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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">Production</h6>
<p class="mb-0 text-xs">20/02/2022</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,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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">Transport to destination</h6>
<p class="mb-0 text-xs">26/02/2022</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,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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">Picking</h6>
<p class="mb-0 text-xs">01/03/2022</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 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">Sustainability</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">Planet</h6>
<p class="mb-0 text-xs">Best environmental practices</p>
</div>
<p class="pe-0 ps-0 mb-0 ms-auto" href="javascript:;">75.0%</p>
<a class="btn btn-link pe-0 ps-0 mb-0 ms-auto btn-information" data-toggle="collapse" data-target="#planeta1" aria-expanded="true" aria-controls="collapseOne">More information...</a>
</li>
<div id="planeta1" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
<div class="d-flex align-items-start justify-content-left">
<p class="mb-0 text-xs mt-3"> <b>1.436</b> liters of water used 97% of liters saved</p>
</div>
<div class="d-flex align-items-start justify-content-left">
<p class="mb-0 text-xs mt-3"><b>2,87</b> kg CO2 eq generated 29% of kg of CO2 saved</p>
</div>
<div class="d-flex align-items-start justify-content-left">
<p class="mb-0 text-xs mt-3"><b>13,46</b> PO4 eq generated 51% g of PO4 saved</p>
</div>
</div>
<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">People</h6>
<p class="mb-0 text-xs">Best social and ethical practices</p>
</div>
<p class="pe-0 ps-0 mb-0 ms-auto" href="javascript:;">79.0%</p>
<a class="btn btn-link pe-0 ps-0 mb-0 ms-auto btn-information" data-toggle="collapse" data-target="#personas1" aria-expanded="true" aria-controls="collapseOne">More information...</a>
</li>
<div id="personas1" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
<div class="d-flex align-items-start justify-content-left">
<p class="mb-0 text-xs mt-3"> <b>33</b> people behind with secure work and better livelihoods</p>
</div>
<div class="d-flex align-items-start justify-content-left">
<p class="mb-0 text-xs mt-3"><b>+22</b> processes from design to sale in an ethically traded product</p>
</div>
</div>
<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">Transparency</h6>
<p class="mb-0 text-xs">Best practices in traceability</p>
</div>
<p class="pe-0 ps-0 mb-0 ms-auto justify-content-right">87.0%</p>
<a class="btn btn-link pe-0 ps-0 mb-0 ms-auto btn-information" data-toggle="collapse" data-target="#transparencia1" aria-expanded="true" aria-controls="collapseOne">More information...</a>
</li>
<div id="transparencia1" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
<div class="d-flex align-items-start justify-content-left">
<p class="mb-0 text-xs mt-3"> <b>4436.39</b> km behind committed to sustainability</p>
</div>
<div class="d-flex align-items-start justify-content-left">
<p class="mb-0 text-xs mt-3"> <b>50%</b> GRS certified recycled cotton Certified by ICEA, GR0048</p>
</div>
<div class="d-flex align-items-start justify-content-left">
<p class="mb-0 text-xs mt-3">Product <b>Vegan</b> Certified </p>
</div>
</div>
</ul>
</div>
</div>
</div>
<div class="col-12 mt-4" style="display:none">
<div class="card mb-4">
<div class="card-header pb-0 p-3">
<h6 class="mb-1">Data</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" 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>
/*
var ctx2 = document.getElementById("chart-line").getContext("2d");
var gradientStroke1 = ctx2.createLinearGradient(0, 230, 0, 50);
gradientStroke1.addColorStop(1, 'rgba(203,12,159,0.2)');
gradientStroke1.addColorStop(0.2, 'rgba(72,72,176,0.0)');
gradientStroke1.addColorStop(0, 'rgba(203,12,159,0)'); //purple colors
var gradientStroke2 = ctx2.createLinearGradient(0, 230, 0, 50);
gradientStroke2.addColorStop(1, 'rgba(20,23,39,0.2)');
gradientStroke2.addColorStop(0.2, 'rgba(72,72,176,0.0)');
gradientStroke2.addColorStop(0, 'rgba(20,23,39,0)'); //purple colors
new Chart(ctx2, {
type: "line",
data: {
labels: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
datasets: [{
label: "H2O Waste Average",
tension: 0.4,
borderWidth: 0,
pointRadius: 0,
borderColor: "#cb0c9f",
borderWidth: 3,
backgroundColor: gradientStroke1,
fill: true,
data: [50, 40, 300, 220, 500, 250, 400, 230, 500],
maxBarThickness: 6
},
{
label: "Issued CO2 Average",
tension: 0.4,
borderWidth: 0,
pointRadius: 0,
borderColor: "#3A416F",
borderWidth: 3,
backgroundColor: gradientStroke2,
fill: true,
data: [30, 90, 40, 140, 290, 290, 340, 230, 400],
maxBarThickness: 6
}
],
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
display: false,
}
},
interaction: {
intersect: false,
mode: 'index',
},
scales: {
y: {
grid: {
drawBorder: false,
display: true,
drawOnChartArea: true,
drawTicks: false,
borderDash: [5, 5]
},
ticks: {
display: true,
padding: 10,
color: '#b2b9bf',
font: {
size: 11,
family: "Open Sans",
style: 'normal',
lineHeight: 2
},
}
},
x: {
grid: {
drawBorder: false,
display: false,
drawOnChartArea: false,
drawTicks: false,
borderDash: [5, 5]
},
ticks: {
display: true,
color: '#b2b9bf',
padding: 20,
font: {
size: 11,
family: "Open Sans",
style: 'normal',
lineHeight: 2
},
}
},
},
},
});
*/
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();
}
}
</script>