Giter Site home page Giter Site logo

takielias / tablar Goto Github PK

View Code? Open in Web Editor NEW
271.0 8.0 33.0 2.25 MB

Tablar: A Laravel Dashboard Preset Based on Tabler HTML Template + Vite. https://tablar.ebuz.xyz/docs

Home Page: https://tablar.ebuz.xyz

License: MIT License

PHP 49.92% Blade 49.23% JavaScript 0.34% SCSS 0.49% CSS 0.03%
tabler tabler-icons tabler-ui vite laravel template admin-panel dashboard

tablar's Issues

2 body html tags in source code and html structure not correct

Hello.

I installed Tablar 4.0 in Laravel 10.31.0.

  • Opening the /home url and realising that inside code there are 2 body html tags.
  • Same occurs with a blank view like the example in usage: https://tablar.ebuz.xyz/docs/4.0/usage.
  • Same occurs with different layouts:

Examining the source code of the page, the very top begins with:

<body>
<div class="page">
    <!-- Top Navbar -->
    <header class="navbar navbar-expand-md d-print-none"
                    data-bs-theme="light"
    >
.... more html code here....

</footer>
    </div>
</div>
</body>

And in the middle of the page after the </body> tag appears:

<!doctype html>
        <html lang="en">
                <head>
            <meta charset="utf-8"/>
            <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
            <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
            
                        
            <title>
                                Tablar                            </title>
            <title>Dashboard</title>
            <!-- CSS files -->
.... more html code here....                    
                            </head>
        <body class="combo" >
                <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">

.... more html code here....

I tried to export all views and is doing the same.

Any idea, how to fix this?

Thank you.

Attempt to read property "name" on null

Hello!

I just installed Tablar on a fresh laravel 10.x project. This project was empty except my Model classes. Looks like all default behaivour is working (login redirect, register, etc..)

Anyway, I want work with a public page, then created a "test.blade.php" with the example snippet in my views directory.

@extends('tablar::page')
@section('content')
    <!-- Page header -->
    <div class="page-header d-print-none">
        <div class="container-xl">
            <div class="row g-2 align-items-center">
                <div class="col">
                    <h2 class="page-title">
                        Empty page
                    </h2>
                </div>
            </div>
        </div>
    </div>
    <!-- Page body -->
    <div class="page-body">
        <div class="container-xl">
            @if(config('tablar','display_alert'))
                @include('tablar::common.alert')
            @endif
            <!-- Page Content goes here -->
        </div>
    </div>
@endsection

I have my HomeController with the next content:

use Illuminate\Http\Request;

class HomeController extends Controller
{
    public function __construct()
    {
        /*
         $this
            ->middleware('auth')
            ->except(['index']);
        */
    }
    public function index()
    {
        return view('test');
    }
}

And my web.php file with this content:

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\HomeController;

Auth::routes();

Route::get('/',
    [HomeController::class, 'index']
);

Route::get('/home',
    [HomeController::class, 'index']
);

When I try enter on my homeController route I get this error:
Attempt to read property "name" on null

this error point in the "@endsection" line on my test.blade.php

I am missing some to config to use this page? When I sign in the app with a user, the template works fine. Maybe it's at the time loading my username on the navbar or something. Can I use this tablar to add some public pages?

Livewire 3 layout

The documentation says that the package works with Livewire. But in the documentation I cannot find any explanation how to implement it with Livewire 3 that needs a layout blade file.
If I use Livewire for full page components how must it be implemented

Problem with fresh installation of Laravel 11

Hello. I have followed the steps to install "Tablar" in a fresh installation of Laravel-11 but when I enter the "Login" or "Register" menus I get errors:

Login:
Call to undefined method App\Http\Controllers\Auth\LoginController::middleware()

Register:
Call to undefined method App\Http\Controllers\Auth\RegisterController::middleware()

Please, is it a bug in "Tablar" or is there some step I'm skipping?

Missing assets

Hello,

Thank you again for your wonderful efforts.

The login page doesn't seem to be loading assets. Do you have an idea why?

Please see errors below:

image

Best,
N

Deprecation Warning: Passing percentage units to the global abs() function is deprecated.

While following the tutorials, following deprecation warning

Deprecation Warning: Passing percentage units to the global abs() function is deprecated.
In the future, this will emit a CSS abs() function to be resolved by the browser.
To preserve current behavior: math.abs(85.714285%)
To emit a CSS abs() now: abs(#{85.714285%})
More info: https://sass-lang.com/d/abs-percent


1 │ ┌ //Tabler Core Scss
2 │ │ @import "../../node_modules/@tabler/core/src/scss/tabler";
3 │ │ //Tabler Webfont Icon
4 │ │ @import "../../node_modules/@tabler/icons-webfont/tabler-icons.css";
5 │ │ //Import custom Icon size
6 │ └ @import "../css/icon-style.css";

resources\sass\tabler.scss 1:1 divide()
node_modules@tabler\core\src\scss\ui_badges.scss 8:41 @import
node_modules@tabler\core\src\scss_core.scss 17:9 @import
node_modules@tabler\core\src\scss\tabler.scss 1:9 @import
resources\sass\tabler.scss 2:9 root stylesheet

image

InvalidArgumentException

$ php artisan ui tablar:install

InvalidArgumentException

Invalid preset.

at vendor/laravel/ui/src/UiCommand.php:41
37▕ return call_user_func(static::$macros[$this->argument('type')], $this);
38▕ }
39▕
40▕ if (! in_array($this->argument('type'), ['bootstrap', 'vue', 'react'])) {
➜ 41▕ throw new InvalidArgumentException('Invalid preset.');
42▕ }
43▕
44▕ if ($this->option('auth')) {
45▕ $this->call('ui:auth');

  +13 vendor frames

14 artisan:35
Illuminate\Foundation\Console\Kernel::handle(Object(Symfony\Component\Console\Input\ArgvInput), Object(Symfony\Component\Console\Output\ConsoleOutput))

tabler laratrust

I followed the same instructions in the documentation for permissions using laratrust but it doesn't work.

i have 2 roles super_admin , manager and i have follow all steps but nothing change in menu

Method Illuminate\Support\Str::firstAndLast does not exist.

Hello,

I hope you are well.

After a new installation, upon trying to login, I get the error above in Laravel 11.

The offending file is resources/views/vendor/tablar/partials/header/top-right.blade.php on line 7.

Did I miss something in the installation or is it a deprecated method?

Best,
N

Deprecated Event

Creation of dynamic property TakiElias\Tablar\Tablar::$events is deprecated in /Users/corean/Dropbox/Sites/cccf2/vendor/takielias/tablar/src/Tablar.php on line 60

Laravel v10.13.0 (PHP v8.2.5)

Livewire

Can this be used with Livewire?

Select box stylized

First off thank you for pulling this up ! It's really useful.

I'm kinda new to Laravel; one thing i noticed is between the template and your integration the styling of the dropdown's is not working correctly; is there a way to have it same as in the demo ?

CleanShot 2023-11-05 at 19 01 17@2x

Thanks

Creating separators and headers in the menu

Describe your issue here.
Hello,

There seems to be a problem with the customisation of the menu.

The classes attributes doesn't seem to be reflecting when you add something like this: 'classes' => 'text-danger text-uppercase'.

I'm also trying to create items separated with headers in a single drop-down items so that related functionality can be bundled together. Is this possible? I've gone through the documentation and not come across it. I tried adding a 'header' attribute but there was also no effect and also setting attribute 'type' as header but still no success. I've added a screenshot of something similar so you can have an idea.

image

I would appreciate your guidance

Select style error

After the fix i have a strange dropdown errror.

CleanShot 2023-11-07 at 18 59 20

(Sorry to open 2 issues; from now on will open one per issue, i swear ^^)

Found 2 elements with non-unique id #logout-form

settings:1 [DOM] Found 2 elements with non-unique id #logout-form: (More info: https://goo.gl/9p2vKq) <form id=​"logout-form" action=​"http:​/​/​dashboard.test/​logout" method=​"POST" style=​"display:​ none;​">​…​​ <form id=​"logout-form" action=​"http:​/​/​dashboard.test/​logout" method=​"POST" style=​"display:​ none;​">​…​​

HTML tag TITLE twice in master.blade.php and one suggestion

Hi again

In /resources/views/master.blade.php the html tag <title> appears twice:

<title>
@yield('title_prefix', config('tablar.title_prefix', ''))
@yield('title', config('tablar.title', 'Tablar'))
@yield('title_postfix', config('tablar.title_postfix', ''))
</title>
<title>Dashboard</title>
<!-- CSS files -->

Could you also put in the master.blade.php the html lang to be dynamic?

<html lang="{{ Config::get('app.locale') }}">

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.