Files
romfast-website/roa/roa-obiecte-inventar.html
Marius Mutu efec538ae7 Convert remaining 23 HTML files to professional theme
- Convert 10 ROA files from new-style.css to professional-theme.css
- Convert 6 ROA files from legacy style.css to professional theme
- Convert 3 menu files from legacy style.css to professional theme
- Convert 3 chatbot files while preserving functionality
- Convert demo.html to professional theme
- Apply Tailwind CSS + Flowbite + Lucide Icons throughout
- Modernize navigation and footer consistency
- Maintain all original content and functionality

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-18 09:11:59 +03:00

417 lines
27 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ROA Obiecte de inventar - Romfast</title>
<meta name="description" content="ROA Obiecte de inventar faciliteaza evidenta obiectelor de inventar de la achizitie si pana la casare, gestionand circuitul acestora in gestiune si in folosinta.">
<meta name="keywords" content="program obiecte inventar, echipamente, ROA, romfast, sistem informatic ERP, dar in folosinta, inventar in folosinta, gestiune echipamente">
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Flowbite -->
<script src="https://cdn.jsdelivr.net/npm/flowbite@2.0.0/dist/flowbite.min.js"></script>
<!-- Lucide Icons -->
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@300;400;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<!-- Professional Theme CSS -->
<link href="../professional-theme.css" rel="stylesheet">
</head>
<body class="min-h-screen">
<!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4">
<div class="flex items-center justify-between">
<!-- Logo Section -->
<div class="flex items-center space-x-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block">
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
</div>
</div>
<!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors nav-link">Prima pagina</a>
<a href="../menu/desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
<a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">ROA</a>
<div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link">
<span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i>
</button>
<div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
<a href="../menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
<a href="../menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
<a href="../menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
<a href="../menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
</div>
</div>
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Referinte</a>
<a href="../menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
<a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
</div>
<!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
<i data-lucide="sun" class="w-5 h-5"></i>
</button>
<button id="mobile-menu-toggle" class="lg:hidden text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i>
<i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button>
</div>
</div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
<div class="px-4 py-4 space-y-3">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Prima pagina</a>
<a href="../menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
<a href="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2">
<p class="text-gray-600 font-medium text-sm">Servicii</p>
<a href="../menu/analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a>
<a href="../menu/implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a>
<a href="../menu/roa-suport-tehnic.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Suport tehnic ROA</a>
<a href="../menu/alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
</div>
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Referinte</a>
<a href="../menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a>
<a href="../menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a>
</div>
</div>
</nav>
</header>
<!-- Main Content Container -->
<main class="container mx-auto px-4 py-8 max-w-7xl">
<!-- Breadcrumb -->
<nav aria-label="breadcrumb" class="mb-6">
<ol class="flex items-center space-x-2 text-sm professional-text-secondary">
<li><a href="../index.html" class="hover:text-blue-600 transition-colors">Home</a></li>
<li><span class="mx-2">/</span></li>
<li><a href="aplicatii-erp.html" class="hover:text-blue-600 transition-colors">ROA - Romfast applications</a></li>
<li><span class="mx-2">/</span></li>
<li><a href="aplicatii.html" class="hover:text-blue-600 transition-colors">Aplicatii ROA</a></li>
<li><span class="mx-2">/</span></li>
<li class="professional-text-primary font-medium">ROA Obiecte de inventar</li>
</ol>
</nav>
<!-- Page Header -->
<section class="mb-12">
<div class="flex flex-col items-center text-center">
<img src="images/roaobiecteinventar.png" alt="ROA Obiecte de inventar in folosinta" class="mb-4 h-16 object-contain">
<h1 class="text-4xl font-bold professional-text-primary">ROA Obiecte de Inventar in Folosinta</h1>
</div>
</section>
<!-- Main Description -->
<section class="mb-12">
<div class="professional-card p-6">
<div class="bg-blue-50 border border-blue-200 rounded-lg p-4 flex items-start space-x-3">
<i data-lucide="info" class="w-5 h-5 text-blue-600 mt-0.5 flex-shrink-0"></i>
<p class="professional-text-secondary leading-relaxed">
<strong>Rolul acestei aplicatii</strong> este evidenta obiectelor de inventar de la achizitie si pana la casare, avand in vedere circuitul acestora atat in gestiune cat si in folosinta.
</p>
</div>
</div>
</section>
<!-- Functions Section -->
<section class="mb-12">
<div class="professional-card">
<div class="bg-gradient-to-r from-blue-500 to-blue-600 text-white p-4 rounded-t-lg">
<h3 class="text-xl font-semibold">Functii</h3>
</div>
<div class="p-6">
<div class="grid lg:grid-cols-2 gap-6 mb-6">
<div class="professional-card border-blue-200">
<div class="bg-blue-500 text-white p-4 rounded-t-lg">
<h5 class="font-semibold">In stocuri</h5>
</div>
<div class="p-4">
<ul class="space-y-3">
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="check-circle" class="w-5 h-5 text-green-500 mt-0.5 flex-shrink-0"></i>
<span>achizitie, NIR, intrare in gestiune</span>
</li>
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="check-circle" class="w-5 h-5 text-green-500 mt-0.5 flex-shrink-0"></i>
<span>transfer intre gestiuni de obiecte de inventar</span>
</li>
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="check-circle" class="w-5 h-5 text-green-500 mt-0.5 flex-shrink-0"></i>
<span>dare in folosinta si inregistrarea cheltuielii</span>
</li>
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="check-circle" class="w-5 h-5 text-green-500 mt-0.5 flex-shrink-0"></i>
<span>retur la magazie</span>
</li>
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="check-circle" class="w-5 h-5 text-green-500 mt-0.5 flex-shrink-0"></i>
<span>casare din magazie</span>
</li>
</ul>
</div>
</div>
<div class="professional-card border-cyan-200">
<div class="bg-cyan-500 text-white p-4 rounded-t-lg">
<h5 class="font-semibold">In folosinta</h5>
</div>
<div class="p-4">
<ul class="space-y-3">
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="check-circle" class="w-5 h-5 text-green-500 mt-0.5 flex-shrink-0"></i>
<span>darea folosita se face pe un responsabil si/sau pe o gestiune de obiecte de inventar in folosinta (ex: echipa de muncitori)</span>
</li>
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="check-circle" class="w-5 h-5 text-green-500 mt-0.5 flex-shrink-0"></i>
<span>transfer in folosinta, intre responsabili sau gestiuni</span>
</li>
</ul>
</div>
</div>
</div>
<div class="grid lg:grid-cols-2 gap-6">
<div class="professional-card border-yellow-200">
<div class="bg-yellow-500 text-white p-4 rounded-t-lg">
<h5 class="font-semibold">Rapoarte diverse</h5>
</div>
<div class="p-4">
<ul class="space-y-3">
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="file-text" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
<span>lista obiectelor de inventar in stocuri</span>
</li>
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="file-text" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
<span>rulajele (intrari, iesiri, transferuri)</span>
</li>
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="file-text" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
<span>lista obiectelor de inventar in folosinta</span>
</li>
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="file-text" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
<span>rulajele pe responsabili si gestiuni</span>
</li>
</ul>
</div>
</div>
<div class="professional-card border-green-200">
<div class="bg-green-500 text-white p-4 rounded-t-lg">
<h5 class="font-semibold">In plus</h5>
</div>
<div class="p-4">
<p class="professional-text-secondary mb-4 leading-relaxed">Se pot defini necesare de echipamente pentru personal (de exemplu: ghete, cascheta, salopeta, s.a.) toate avand caracteristicile de masura corespunzatoare (numarul de la ghete, etc.).</p>
<p class="professional-text-secondary leading-relaxed">Se pot obtine rapoarte combinate despre personal si necesarul de echipamente pentru diverse situatii.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Equipment Management -->
<section class="mb-12">
<div class="professional-card">
<div class="bg-gradient-to-r from-purple-500 to-purple-600 text-white p-4 rounded-t-lg">
<h3 class="text-xl font-semibold">Management Echipamente Personal</h3>
</div>
<div class="p-6">
<div class="grid md:grid-cols-2 gap-6">
<div class="professional-card p-6">
<h5 class="text-lg font-semibold mb-3 text-blue-600">La venirea unui angajat nou</h5>
<p class="professional-text-secondary mb-4 leading-relaxed">Pentru echiparea lui corespunzatoare cu toate echipamentele necesare, inclusiv masurile specifice.</p>
<ul class="space-y-2 text-sm professional-text-secondary">
<li class="flex items-start space-x-2">
<i data-lucide="arrow-right" class="w-4 h-4 text-blue-500 mt-1 flex-shrink-0"></i>
<span>Ghete (cu numarul corespunzator)</span>
</li>
<li class="flex items-start space-x-2">
<i data-lucide="arrow-right" class="w-4 h-4 text-blue-500 mt-1 flex-shrink-0"></i>
<span>Cascheta de protectie</span>
</li>
<li class="flex items-start space-x-2">
<i data-lucide="arrow-right" class="w-4 h-4 text-blue-500 mt-1 flex-shrink-0"></i>
<span>Salopeta (cu marimea corespunzatoare)</span>
</li>
<li class="flex items-start space-x-2">
<i data-lucide="arrow-right" class="w-4 h-4 text-blue-500 mt-1 flex-shrink-0"></i>
<span>Alte echipamente de protectie</span>
</li>
</ul>
</div>
<div class="professional-card p-6">
<h5 class="text-lg font-semibold mb-3 text-red-600">La plecarea unui angajat</h5>
<p class="professional-text-secondary mb-4 leading-relaxed">Pentru verificarea fisei personale de lichidare si recuperarea tuturor echipamentelor.</p>
<ul class="space-y-2 text-sm professional-text-secondary">
<li class="flex items-start space-x-2">
<i data-lucide="arrow-right" class="w-4 h-4 text-red-500 mt-1 flex-shrink-0"></i>
<span>Verificarea echipamentelor date in folosinta</span>
</li>
<li class="flex items-start space-x-2">
<i data-lucide="arrow-right" class="w-4 h-4 text-red-500 mt-1 flex-shrink-0"></i>
<span>Returnarea echipamentelor in stare buna</span>
</li>
<li class="flex items-start space-x-2">
<i data-lucide="arrow-right" class="w-4 h-4 text-red-500 mt-1 flex-shrink-0"></i>
<span>Calculul costurilor pentru echipamente deteriorate</span>
</li>
<li class="flex items-start space-x-2">
<i data-lucide="arrow-right" class="w-4 h-4 text-red-500 mt-1 flex-shrink-0"></i>
<span>Actualizarea fisei de lichidare</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- System Integration -->
<section class="mb-12">
<div class="professional-card">
<div class="bg-gradient-to-r from-indigo-500 to-indigo-600 text-white p-4 rounded-t-lg">
<h3 class="text-xl font-semibold">Legaturile cu alte programe din suita ROA</h3>
</div>
<div class="p-6">
<div class="grid md:grid-cols-2 gap-6">
<div class="professional-card border-blue-200 p-6">
<h5 class="text-lg font-semibold mb-3 text-blue-600 flex items-center">
<i data-lucide="link" class="w-5 h-5 mr-2"></i>
Contabilitate si Gestiune
</h5>
<p class="professional-text-secondary leading-relaxed">Pentru toate tranzactiile cu stocuri programul produce automat inregistrari contabile si inregistrari de rulaje in magazie.</p>
</div>
<div class="professional-card border-cyan-200 p-6">
<h5 class="text-lg font-semibold mb-3 text-cyan-600 flex items-center">
<i data-lucide="users" class="w-5 h-5 mr-2"></i>
Programe de Personal
</h5>
<p class="professional-text-secondary leading-relaxed">Responsabilii de obiecte de inventar au calitatea de salariat si anumite date de personal se pot vizualiza si obtine in rapoarte.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Key Features -->
<section class="mb-12">
<div class="professional-card border-green-200">
<div class="bg-gradient-to-r from-green-500 to-green-600 text-white p-4 rounded-t-lg">
<h3 class="text-xl font-semibold">Caracteristici cheie</h3>
</div>
<div class="p-6">
<div class="grid md:grid-cols-4 gap-6">
<div class="text-center">
<div class="text-4xl mb-3 text-blue-500">📦</div>
<h5 class="font-semibold mb-2 professional-text-primary">Gestiune Completa</h5>
<p class="text-sm professional-text-secondary">De la achizitie la casare</p>
</div>
<div class="text-center">
<div class="text-4xl mb-3 text-green-500">👤</div>
<h5 class="font-semibold mb-2 professional-text-primary">Responsabili</h5>
<p class="text-sm professional-text-secondary">Urmarirea pe responsabili</p>
</div>
<div class="text-center">
<div class="text-4xl mb-3 text-yellow-500">📏</div>
<h5 class="font-semibold mb-2 professional-text-primary">Masuri Specifice</h5>
<p class="text-sm professional-text-secondary">Gestionarea marimilor</p>
</div>
<div class="text-center">
<div class="text-4xl mb-3 text-cyan-500">🔗</div>
<h5 class="font-semibold mb-2 professional-text-primary">Integrare</h5>
<p class="text-sm professional-text-secondary">Cu contabilitatea si HR</p>
</div>
</div>
</div>
</div>
</section>
<!-- Process Flow -->
<section class="mb-12">
<div class="professional-card">
<div class="bg-gradient-to-r from-gray-600 to-gray-700 text-white p-4 rounded-t-lg">
<h3 class="text-xl font-semibold">Fluxul proceselor</h3>
</div>
<div class="p-6">
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 text-center">
<div class="professional-card bg-blue-500 text-white p-4">
<div class="text-2xl font-bold mb-2">1</div>
<h6 class="font-semibold mb-2">Achizitie</h6>
<p class="text-sm">NIR, intrare in gestiune</p>
</div>
<div class="professional-card bg-cyan-500 text-white p-4">
<div class="text-2xl font-bold mb-2">2</div>
<h6 class="font-semibold mb-2">Dare in folosinta</h6>
<p class="text-sm">Pe responsabili</p>
</div>
<div class="professional-card bg-yellow-500 text-white p-4">
<div class="text-2xl font-bold mb-2">3</div>
<h6 class="font-semibold mb-2">Transfer</h6>
<p class="text-sm">Intre responsabili</p>
</div>
<div class="professional-card bg-purple-500 text-white p-4">
<div class="text-2xl font-bold mb-2">4</div>
<h6 class="font-semibold mb-2">Retur</h6>
<p class="text-sm">La magazie</p>
</div>
<div class="professional-card bg-red-500 text-white p-4">
<div class="text-2xl font-bold mb-2">5</div>
<h6 class="font-semibold mb-2">Casare</h6>
<p class="text-sm">Din evidenta</p>
</div>
<div class="professional-card bg-green-500 text-white p-4">
<div class="text-2xl mb-2">📊</div>
<h6 class="font-semibold mb-2">Rapoarte</h6>
<p class="text-sm">Complete si detaliate</p>
</div>
</div>
</div>
</div>
</section>
<!-- Navigation Links -->
<section class="mb-12">
<div class="flex flex-col md:flex-row justify-between gap-4">
<a href="aplicatii-erp.html" class="professional-btn-secondary flex items-center">
<i data-lucide="arrow-left" class="w-4 h-4 mr-2"></i>
Inapoi la ROA Applications
</a>
<a href="aplicatii.html" class="professional-btn-primary flex items-center">
Vezi toate aplicatiile ROA
<i data-lucide="arrow-right" class="w-4 h-4 ml-2"></i>
</a>
</div>
</section>
</main>
<!-- Professional Footer -->
<footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
<div class="container mx-auto px-4 text-center">
<div class="mb-6">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
</div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<p class="text-sm text-gray-400 mb-2">
Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.
</p>
<a href="../politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">
Politica de confidentialitate
</a>
</div>
</div>
</footer>
<!-- Professional Theme JavaScript -->
<script src="../professional-theme.js"></script>
</body>
</html>