rsgrinko/calculator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Roman Grinko
2025-03-16 01:51:35 +03:00
commit d3a0958e46
65 changed files with 12929 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
resources/css/app.css Normal file
View File

@@ -0,0 +1,12 @@
@import 'tailwindcss';
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source "../**/*.blade.php";
@source "../**/*.js";
@source "../**/*.vue";
@theme {
--font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
}

1
resources/js/app.js Normal file
View File

@@ -0,0 +1 @@
import './bootstrap';

4
resources/js/bootstrap.js vendored Normal file
View File

@@ -0,0 +1,4 @@
import axios from 'axios';
window.axios = axios;
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

152
resources/views/calculator.blade.php Normal file
View File

@@ -0,0 +1,152 @@
@extends('layouts.layout')
<!-- Секция, содержимое которой обычный текст. -->
@section('title', 'Калькулятор')
@section('content')
<section class="hero">
<!-- Hero content: will be in the middle -->
<div class="hero-body is-justify-content-center">
<div class="field has-addons has-addons-centered">
<label class="control">
<input id="calculate" class="input" type="text" placeholder="Введите общий вес заказа, кг" size="30">
</label>
<div class="control">
<button class="button is-static">
Рассчитать
</button>
</div>
</div>
</div>
</section>
<section class="hero">
<!-- Hero content: will be in the middle -->
<div class="hero-body is-justify-content-center">
<div class="table-container">
<table class="table is-hoverable is-fullwidth">
<thead>
<tr>
<th>Номер</th>
<th><abbr title="Наименование ингредиента">Наименование</abbr></th>
<th><abbr title="Остаток на складе, кг">Остаток</abbr></th>
<th><abbr title="Эталонный вес одного замеса, кг">Вес замеса</abbr></th>
<th><abbr title="Общий вес заказа, кг">Общий вес</abbr></th>
<th><abbr title="Коэффициент в доли рецепта, %">Коэффициент</abbr></th>
</tr>
</thead>
<tfoot>
<tr>
<th>Номер</th>
<th><abbr title="Наименование ингредиента">Наименование</abbr></th>
<th><abbr title="Остаток на складе, кг">Остаток</abbr></th>
<th><abbr title="Вес одного замеса, кг">Вес замеса</abbr></th>
<th><abbr title="Общий вес заказа, кг">Общий вес</abbr></th>
<th><abbr title="Коэффициент в доли рецепта, %">Коэффициент</abbr></th>
</tr>
</tfoot>
<tbody>
@foreach ($elements as $key => $element)
<tr>
<th> {{ $key + 1 }}</th>
<td>{{ $element['name'] }}</td>
<td>{{ $element['remainder'] }}</td>
<td>{{ $element['batch_weight'] }}</td>
<td id="{{ $element['code'] }}">-</td>
<td>{{ $element['ratio'] }}</td>
</tr>
@endforeach
<tr class="is-selected">
<th></th>
<th>Итого:</th>
<td>{{ $allRemainder }}</td>
<td>{{ $allWeights }}</td>
<td id="ingridientTotal">-</td>
<td>-</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<footer class="footer">
<div class="content has-text-centered">
<p>
<strong>Калькулятор расчета сырья</strong> разработан <a href="https://t.me/dereviankodev"
target="_blank">@dereviankodev</a>.
Лицензия кода -
<a href="https://opensource.org/license/mit" target="_blank">MIT</a>.
</p>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', () => {
// Get all "navbar-burger" elements
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
// Add a click event on each of them
$navbarBurgers.forEach(el => {
el.addEventListener('click', () => {
// Get the target from the "data-target" attribute
const target = el.dataset.target;
const $target = document.getElementById(target);
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
el.classList.toggle('is-active');
$target.classList.toggle('is-active');
});
});
let $input = document.getElementById('calculate');
$input.addEventListener('input', () => {
let $target = $input.value;
let $ingredientFlour = document.getElementById('ingredientFlour');
let $ingredientResin = document.getElementById('ingredientResin');
let $ingridientChalk = document.getElementById('ingridientChalk');
let $ingridientStabilizer = document.getElementById('ingridientStabilizer');
let $ingridientPaint = document.getElementById('ingridientPaint');
let $ingridientWax = document.getElementById('ingridientWax');
let $ingridientModifierYf = document.getElementById('ingridientModifierYf');
let $ingridientModifierCpe = document.getElementById('ingridientModifierCpe');
let $ingridientTotal = document.getElementById('ingridientTotal');
let $_ingredientFlour = $target === '' ? '-' : $target * (52.045 / 100);
let $_ingredientResin = $target === '' ? '-' : $target * (18.587 / 100);
let $_ingridientChalk = $target === '' ? '-' : $target * (26.766 / 100);
let $_ingridientStabilizer = $target === '' ? '-' : $target * (1.041 / 100);
let $_ingridientPaint = $target === '' ? '-' : $target * (0.669 / 100);
let $_ingridientWax = $target === '' ? '-' : $target * (0.149 / 100);
let $_ingridientModifierYf = $target === '' ? '-' : $target * (0.223 / 100);
let $_ingridientModifierCpe = $target === '' ? '-' : $target * (0.52 / 100);
$ingredientFlour.innerText = $_ingredientFlour.toFixed(2);
$ingredientResin.innerText = $_ingredientResin.toFixed(2);
$ingridientChalk.innerText = $_ingridientChalk.toFixed(2);
$ingridientStabilizer.innerText = $_ingridientStabilizer.toFixed(2);
$ingridientPaint.innerText = $_ingridientPaint.toFixed(2);
$ingridientWax.innerText = $_ingridientWax.toFixed(2);
$ingridientModifierYf.innerText = $_ingridientModifierYf.toFixed(2);
$ingridientModifierCpe.innerText = $_ingridientModifierCpe.toFixed(2);
$ingridientTotal.innerText = $target === ''
? '-'
: [
$_ingredientFlour,
$_ingredientResin,
$_ingridientChalk,
$_ingridientStabilizer,
$_ingridientPaint,
$_ingridientWax,
$_ingridientModifierYf,
$_ingridientModifierCpe,
].filter((x) => !isNaN(x)).reduce((a, b) => a + b).toFixed(2);
});
});
</script>
@endsection

46
resources/views/layouts/layout.blade.php Normal file
View File

@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="ru" data-theme="dark">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>@yield('title') | Система учета и расчета сырья</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css">
</head>
<body>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="" target="_blank">
Калькулятор расчета сырья
</a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="" target="_blank">
Главная
</a>
</div>
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<a class="button is-primary" href="https://t.me/dereviankodev" target="_blank">
<span>@dereviankodev</span>
</a>
</div>
</div>
</div>
</div>
</nav>
@yield('content')
</body>
</html>

277
resources/views/welcome.blade.php Normal file
View File

File diff suppressed because one or more lines are too long