ํ ๋ฒ ํด๋ฆญํ๋ฉด ๋ซ๊ธฐ ๋๋ ์ด๊ธฐ๊ฐ ํ ๊ธ๋ฉ๋๋ค.
๋ก๊ทธ ๋ณด๊ธฐ ์ธ๋ถ ์ ๋ณด ๋ด์์ ํ
์คํธ๋ฅผ ๋ณต์ฌํ๊ฑฐ๋ ์ ํํ๋ ๊ฒ์ ์ ๋ง ์ด๋ ต์ต๋๋ค.
๋ค ์ ์ ์ผ๋ก ๋์ํฉ๋๋ค! ๋๋ ์ด PR์ ์๋ฝํ์ง ๋ง์์ด์ผ ํ๋ค: https://github.com/rap2hpoutre/laravel-log-viewer/pull/91 ๐ . ๊ทธ๋๋ ๋ช ๋ฒ์ด๋ ๋ฌผ์๋ค. ์ง๊ธ ์ ๊ฑฐํ๋ฉด ์ฌ์ฉ์๊ฐ ๋ถํํ ์๋ ์์ต๋๋ค... ์ด๋ป๊ฒ ํด์ผํ ์ง ๋ชจ๋ฅด๊ฒ ์ต๋๋ค!
ํ์ฅ ๋๋ ์ถ์ํ๋ ค๋ฉด ์ค๋ฅธ์ชฝ ์๋จ์ ํ ๊ธ ๋ฒํผ์ด ์์ด์ผ ํฉ๋๋ค.
๋ณด๊ธฐ๋ฅผ ๊ฒ์ํ ํ
php artisan vendor:publish \
--provider="Rap2hpoutre\LaravelLogViewer\LaravelLogViewerServiceProvider" \
--tag=views
Resources/views/vendor/laravel-log-viewer/log.blade.php๋ก ์ด๋ํฉ๋๋ค.
๋ณํ
$('.table-container tr').on('click', function () {
$('#' + $(this).data('display')).toggle();
});
NS
$('.table-container button').on('click', function () {
$('#' + $(this).data('display')).toggle();
});
์ด์ ์์ fa-search ๋ฒํผ์ด ํ์ ํ์ฅํ๋๋ก ํ ๊ธ๋ฉ๋๋ค.
๋ํ ๋ณ๊ฒฝํ ์ ์์ต๋๋ค
<button type="button"
class="float-right expand btn btn-outline-dark btn-sm mb-2 ml-2"
data-display="stack{{{$key}}}">
<span class="fa fa-search"></span>
</button>
๋ ๋์ UX๋ฅผ ์ํด Font Awesome 5+๋ฅผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ fa fa-search ๋ฅผ fa fa-expand ๋๋ fas fa-expand-arrows-alt๋ก ๋ณ๊ฒฝ ํฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋ณด๊ธฐ๋ฅผ ๊ฒ์ํ ํ
Resources/views/vendor/laravel-log-viewer/log.blade.php๋ก ์ด๋ํฉ๋๋ค.
๋ณํ
NS
์ด์ ์์ fa-search ๋ฒํผ์ด ํ์ ํ์ฅํ๋๋ก ํ ๊ธ๋ฉ๋๋ค.
๋ํ ๋ณ๊ฒฝํ ์ ์์ต๋๋ค
๋ ๋์ UX๋ฅผ ์ํด Font Awesome 5+๋ฅผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ fa fa-search ๋ฅผ fa fa-expand ๋๋ fas fa-expand-arrows-alt๋ก ๋ณ๊ฒฝ ํฉ๋๋ค.