mrperfectionist

@snapey,

It is not working!

It is giving

https://http://localhost:8000/amazon.xyz

I have a link, which value is coming from database. Like this:

<a href="{{ url($facebook)}}">Link</a>

But it is creating the URL like this

http://localhost:8000/amazon.com/xyz

I don't want localhost:8000. What is the approach? Just it will be: amazon.com/xyz

@zoidq,

It's not Laravel. But I got the idea from that.

Thanks SOLVED.

I want to generate PDF with a link.

I have a button:

<a href="">Create PDF</>

Now, I have a class of Generating PDF. Just when I will click on Create PDF button/link then it will generate in a new Tab!!

$pdf->Output();

How is this possible?

@tykus

Will you please elaborate?

Warning: mysqli_connect(): (HY000/1045): Access denied for user ''@'localhost' (using password: NO) in E:\xampp\htdocs\nafeekuet\src\app\Database.php on line 22 Database Connected Successfully!

Database Connected Successfully but giving me error!!!!

Database.php

<?php

namespace MyTodo\Database;

class Database {
    private $user;
    private $host;
    private $pass;
    private $db;
    protected $connection;

    public function __construct()
    {
        $this->user = "root";
        $this->host = "localhost";
        $this->pass = "";
        $this->db = "db_todos";
    }

    public function connect()
    {
        $connection = mysqli_connect($this->host, $this->user, $this->pass, $this->db);
        return $connection;
    }
}

Todos.php

<?php

namespace MyTodo\Todo;

use MyTodo\Database\Database;

class Todo extends Database {

    public function __construct()
    {
        $connection = $this->connect();
        if(isset($connection)) {
            echo "Database Connected Successfully!";
        } else {
            echo "Oh Sorry! Please check your Database Connection!";
        }
    }
}

What is the problem???

I am using composer autoload to Load PHP Class.

<input type="checkbox" v-model="todo.todo_status">

It should work but not working!!!

I want to bind the checkbox value with my database value true(1)/false(0)

<input type="checkbox" :checked="todo.todo_status==1" @change="check($event)" v-model="todo.todo_status">

If I cut v-model then :checked is working.

<li v-for="(todo,index) in todoList" :key="todo.index">
  {{ todo.todo_status }}
</li>

This is giving me correct result.

TodoList in Data:

todoList: [{ id: '', todo_title: '', todo_status: false, edit: false }],

Now checkbox is always checked!!!! but todo_status is zero!!!

@wingly,

Only printing the this.todo is not getting any value inside the push.

axios.get('/getid').then(function(res){
       this.todoList.push({ 
             id: res.data[0].id,
             todo_title: this.todo,
             todo_status: 0
        })
        }).catch(function(res) {
              console.log(res);
})

Data:

data() {
   return {
        todoList: []
   }
}

What is the problem to push here??

Ajax Call

@bobbybouwmann,

It is creating select dropdown with its own value. But my dropdown will be custom.

$(function () {
    let dtButtons = $.extend(true, [], $.fn.dataTable.defaults.buttons)

    let addOutgoingButton = {
        className: 'btnOfSelectOption',
        id: 'Dropdown'
    }
    dtButtons.push(addOutgoingButton)

    $.extend(true, $.fn.dataTable.defaults, {
        order: [[ 1, 'desc' ]],
        pageLength: 100,
    });

    $('.datatable-Finance:not(.ajaxTable)').DataTable({ buttons: dtButtons })
        $('a[data-toggle="tab"]').on('shown.bs.tab', function(e){
            $($.fn.dataTable.tables(true)).DataTable()
                .columns.adjust();
    });
})

This is the code to add Custom Button in Datatable. I want to add my Custom Select-Option or Dropdown in This section. Is there any direct way?

I have made a select-option outside the table and Trying to append() it to a Button.

Logic is:

1. I will assign a ClassName to the Button.
2. display: none; to the Button and append() my Custom select-option to that place.

Trying to change the Button name with jQuery but no changing effect!

$(".btnOfSelectOption").html("Good");

May be you have clear your route

php artisan route:cache

Hope it will help. :-)

May be you have clear your route

php artisan route:cache

Hope it will help. :-)

https://youtu.be/PdNPi5aUlSM

See here.

.dropdown-language-div {
    left: 2px!important;
    will-change: transform;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
    z-index: 9;
    top: -1px!important;
}

.dropdown-language-currency:hover {
    background-color: unset!important;
}

.dropdown-language-currency:active {
    color: #fff;
    text-decoration: none;
    background-color: unset!important;
}

Otherwise it will show a color during selecting.

https://drive.google.com/file/d/1TvPD4AuicSt07fcO-gdw6PMKkEwnOtOZ/view?usp=drivesdk

If you see this video, then you will be able to clear about my problem.

<nav class="nav nav-pills">
                    <div class="nav-item dropdown">
                      <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="javascrirpt:void(0)" role="button" aria-haspopup="true" aria-expanded="false">
                        <span>English /</span>
                      </a>
                      <div class="dropdown-menu dropdown-menu-right dropdown-language-div" style="min-width: 250px;">
                        <form>
                          <div class="dropdown-item dropdown-language-currency">
                          
                            <div class="form-group">
                                <label for="language">Language: </label>
                                <select class="form-control" id="sel1">
                                    <option>Bangladesh</option>
                                    <option>India</option>
                                    <option>Pakistan</option>
                                    <option>USA</option>
                                  </select>
                            </div>

                          </div>

                          <div class="dropdown-item dropdown-language-currency">
                            <div class="form-group">
                                <label for="currency">Currency: </label>
                                <select class="form-control" id="sel2">
                                    <option>Bangladesh</option>
                                    <option>India</option>
                                    <option>Pakistan</option>
                                    <option>USA</option>
                                  </select>
                            </div>

                            <div class="dropdown-item dropdown-language-currency">
                              <div class="form-group">
                                  <button class="btn btn-success form-control">Save</button>
                              </div>
                            </div>
                        </form>
                        
                      </div>
                    </div>
</nav>

Custom CSS to solve this problem:

.form-group label{
    -webkit-transition: none;
    transition: none;
}

How to find the Image path. I have tried a lot but not working.

See the Folder structure here: https://ibb.co/hBXSF0d

Main Code:

<v-col
          v-for="card in cards"
          :key="card.title"
          :cols="card.flex"
>
    <v-img
              :src="card.src"
              class="white--text align-end"
              gradient="to bottom, rgba(0,0,0,.1), rgba(0,0,0,.5)"
              height="200px"
            >
    </v-img>
</v-col>

data:

cards: [
        { 
            icon: mdiHomeMapMarker,
            title: 'Rent out a room', 
            src: './assets/4007.jpg', 
            flex: 6 
        },
        { 
            icon: mdiAccountTie,
            title: 'Find a room', 
            src: 'https://cdn.vuetifyjs.com/images/cards/plane.jpg', 
            flex: 6 
        },
      ],

Other image is direct link. So, it is coming!!

I want to delete multiple row at a time. All are working file. Delete is working. But Page or Table refresh is not working. After manual refresh it is showing.

Also giving an error:

POST http://localhost:8000/admin/permissions_mass_destroy 500 (Internal Server Error)

In Network Tab > Preview:

message: "Class 'App\Http\Controllers\Admin\Response' not found"

While giving

user Response

Then giving another error.

if (confirm('{{ trans('global.areYouSure') }}')) {
      $.ajax({
            headers: {'x-csrf-token': _token},
            method: 'POST',
            url: config.url,
            data: { ids: ids, _method: 'DELETE' }})
            .done(function () 
            { 
                console.log("Y");
                    $("#datatablePermissionID").load(" #datatablePermissionID");
            })
}

Here

console.log("Y");

Is not printing!!!! But delete is working!!!!

Also tried with this code:

if (confirm('{{ trans('global.areYouSure') }}')) {
       $.ajax({
           headers: {'x-csrf-token': _token},
           method: 'POST',
           url: config.url,
           data: { ids: ids, _method: 'DELETE' },
            success: function() {
                    console.log("Y");
                    $("#datatablePermissionID").load(" #datatablePermissionID");
                }
        })        
    }
}

Same problem!!!

The Response content must be a string or object implementing __toString(), "object" given.

$category = DB::table('categories')->where('category_id', $id)->first();
return $category;

When I am giving get() then it is giving solution. But why first() is giving this error?

@nafeeur10,

pass $pdf in function().

Mail::send(['text'=>'invoice.mail'], $data, function($message) use($data, $pdf){
    
});

@nafeeur10,

pass $pdf in function().

Mail::send(['text'=>'invoice.mail'], $data, function($message) use($data, $pdf){
    
});

@nafeeur10,

change = to ==

let item = this.buttonMenu.find((item) => item.id == id)

@nafeeur10,

change = to ==

let item = this.buttonMenu.find((item) => item.id == id)

@nafeeur10,

You have to Bind the Label.

<el-table>
   <el-table-column :label="value" width="120px" align="center" />
</el-table>

Placeholder will also be Bind.

:placeholder="options[0].label"

@nafeeur10,

You have to Bind the Label.

<el-table>
   <el-table-column :label="value" width="120px" align="center" />
</el-table>

Placeholder will also be Bind.

:placeholder="options[0].label"