Home / user-78869

Noob Dev's questions

Martin Hope
Noob Dev
Asked: 2022-06-15 10:38:06 +0800 CST
  • 0

I am trying to create a bulk feature for my Layout model.

I have the Backpack version "backpack/crud": "4.0.*",.

I followed the documentation to create a bulk action without interface (Backpack)

First I created the file containing the button and the bulk actions script:

@if ($crud->hasAccess('bulkPrivate') && $crud->get('list.bulkActions'))
<a href="javascript:void(0)" onclick="bulkPrivateDesigns(this)" class="btn btn-sm btn-secondary bulk-button"><i class="fa fa-clone"></i> Hacer privados</a>
@endif

@push('after_scripts')
<script>
  if (typeof bulkPrivateDesigns != 'function') {
    function bulkPrivateDesigns(button) {

      if (typeof crud.checkedItems === 'undefined' || crud.checkedItems.length == 0) {
        new Noty({
          type: "warning",
          text: "<strong>{{ trans('backpack::crud.bulk_no_entries_selected_title') }}</strong><br>{{ trans('backpack::crud.bulk_no_entries_selected_message') }}"
        }).show();

        return;
      }

      var message = "Estás a punto de hacer privados :number diseños, ¿estás seguro?";
      message = message.replace(":number", crud.checkedItems.length);

      // show confirm message
      swal({
        title: "{{ trans('backpack::base.warning') }}",
        text: message,
        icon: "warning",
        buttons: {
          cancel: {
            text: "{{ trans('backpack::crud.cancel') }}",
            value: null,
            visible: true,
            className: "bg-secondary",
            closeModal: true,
          },
          delete: {
            text: "Hacer privados",
            value: true,
            visible: true,
            className: "bg-primary",
          }
        },
      }).then((value) => {
        if (value) {
          var ajax_calls = [];
          var clone_route = "{{ url($crud->route) }}/bulk-private";
          // submit an AJAX delete call
          $.ajax({
            url: clone_route,
            type: 'POST',
            data: {
              entries: crud.checkedItems
            },
            success: function(result) {
              // Show an alert with the result
              new Noty({
                type: "success",
                text: "<strong>Hacer privado masivo</strong><br>" + crud.checkedItems.length + " diseños han sido puesto como privados"
              }).show();

              crud.checkedItems = [];
              crud.table.ajax.reload();
            },
            error: function(result) {
              console.log(result);
              // Show an alert with the result
              new Noty({
                type: "danger",
                text: "<strong>Hacer privado masivo</strong><br>Uno o más diseños no han podido hacerse privados"
              }).show();
            }
          });
        }
      });
    }
  }
</script>
@endpush

Then I modified the file DesignCrudController.php:

class DesignCrudController extends CrudController
{
    public function bulkPrivate()
    {
        $this->crud->hasAccessOrFail('create');

        $entries = $this->crud->getRequest()->input('entries');
        
        Design::whereIn('id', $entries)->update(['private' => 1]);

        return $entries;
    }

    protected function setupBulkPrivateRoutes($segment, $routeName, $controller)
    {
        Route::post($segment . '/bulk-private', [
            'as'        => $routeName . '.bulkPrivate',
            'uses'      => $controller . '@bulkPrivate',
            'operation' => 'bulkPrivate',
        ]);
    }

    protected function setupBulkPrivateDefaults()
    {
        $this->crud->allowAccess('bulkPrivate');
        $this->crud->operation('list', function () {
            $this->crud->enableBulkActions();
            $this->crud->addButtonFromView('top', 'bulkPrivateDesigns', 'bulkPrivateDesigns', 'beginning');
        });
    }
}

And that's all, I would expect it to AJAXwork correctly, but when executing I get this error:

message: "No hint path defined for [errors]. (View: /Users/Yo/MyProject/resources/views/errors/403.blade.php)"

I did some research and it seems like it was an issue where it doesn't find Laravel's error views, but they do exist:

enter image description here

I already tried a php artisan optimizeand composer dump-autoload. I simulated errors to see that the error views worked correctly and it did, all good. The rest of the views in backpack work fine, but this is the first implementation of the project for mass actions.

I have been dealing with this error for a couple of days, which is the first time I have encountered it, in the tutorial there is nothing of this type of error and I have not been able to solve it.

laravel
Martin Hope
Noob Dev
Asked: 2022-03-13 16:17:36 +0800 CST
  • 1

cachéI have a Laravel application already mounted on Google Cloud, the needs of the project forced me to use redis. Everything works fine on my local machine but when I push changes to make it work in production but I get the errorConnection timed out [tcp://ip_redis:6379]

My settings in yamlwhich is like envbut for Google Cloud:

 REDIS_CLIENT: predis
 REDIS_HOST: ip_redis
 REDIS_PASSWORD: null
 REDIS_PORT: 6379

I have created the server redisin Google Cloud too, with the following characteristics:

Nivel
Básico

Ubicación
us-central1-a

Red autorizada
default (my_project)

Rango de direcciones IP
rango_ip/29

And when initializing the command configuration gcloud initI made sure to configure it in the same zone as the redis server ( us-central1-a) and I deployed the application.

I kept getting the same error.

So I did some more research and went in Redes de VPC > Firewalland created two rules to see if that was what was wrong.

The configuration of the first rule was (note that I put the same range that the server gave redis): enter image description here

The second rule is identical except for traffic type, now I set it to outgoing traffic.

I even created a VM to test the connection using telnetand yes I have an answer, yes the server works correctly redis.

Also, I have implemented CloudFlarewhat made me think that I could probably be blocking it somehow, but I added an exception rule with the server IP ( ip_redis) to allow the connection, but it did not work, apparently CloudFlareit does not influence this connection.

Also, I saw this answer , about modifying the part of post-install-cmdthe file composer.json, but my file didn't have that part, I decided to add it to the scriptsanyway, it didn't work either. mark the same error

But still after all this I haven't been able to get the Laravel app to connect to the redis server.

laravel
Martin Hope
Noob Dev
Asked: 2020-06-26 17:01:14 +0800 CST
  • 1

I want to be able to display a PDF document on most devices and implementing tags objector iframenot was the solution. I did some research and the solution was to use PDF.js, developed by Mozilla, but I'm having trouble implementing the PDF.js viewer in a view of my Laravel app.

I tried to follow a tutorial, here you can consult it.

I was able to follow the first part without problems, downloading the recent PDF.js files, as I said in the tutorial.

The first part was how to test the tool, it was executed correctly and it is also visible on Android, something that could not be done only using HTML tags:

// Archivo simple.js - (pdf.js en un archivo de PDF.js de 13 mil líneas de códigp)
var loadingTask = pdfjsLib.getDocument("/test.pdf"); //Archivo en carpeta public
loadingTask.promise.then(
  function (pdf) {
    // Load information from the first page.
    pdf.getPage(1).then(function (page) {
      var scale = 1;
      var viewport = page.getViewport({scale:1});

      // Apply page dimensions to the <canvas> element.
      var canvas = document.getElementById("pdf");
      var context = canvas.getContext("2d");
      canvas.height = viewport.height;
      canvas.width = viewport.width;

      // Render the page into the <canvas> element.
      var renderContext = {
        canvasContext: context,
        viewport: viewport
      };
      page.render(renderContext).then(function () {
        console.log("Page rendered!");
      });
    });
  },
  function (reason) {
    console.error(reason);
  }
);


<html>
<head>
  <meta charset="UTF-8">
  <title>PDF.js Example</title>
  <script src="/pdf.js"></script>
  <script src="/simple.js"></script>
</head>
<body>
  <canvas id="pdf"></canvas>
</body>
</html>

With this implementation, only the first page of the PDF is displayed, and it looks good on mobile.

But in the second part of the tutorial, there was a different implementation to display the entire PDF document.

I had to copy all the files with their folders, which I downloaded previously and put them in my project, but in the tutorial it was not a Laravel project... So I modified the steps a bit to achieve it.

I copied the folders that came in PDF.js into one called "Viewer" and I placed the "Viewer" folder in Laravel's "views" folder. NOTE: I had to change the name of viewer.htmla viewer.blade.phpsince it .htmlshowed me the file in plain text.

enter image description here

Now the new implementation was with a tag iframe:

<iframe
    src="/web/viewer.html?file=/test.pdf"
    width="800px"
    height="600px"
    style="border: none;" />

But since I'm with Laravel I had to create a route and a method in the controller and it would look like this:

<-- home.blade.php ->

<iframe src="{{route('render-pdf',[$post->file_route])}}" width="100%" height="auto" style="border: none;"></iframe>


<-- web.php ->

Route::get('/show-pdf/{path}', 'Frontend\PostController@renderPdf')->name('render-pdf');


<-- FileController.php ->

public function renderPdf($path)
{
    return view('viewer.web.viewer');
}

With this I get a 404: enter image description here

So again I try to modify the iframewith this, changing the parameter to a file in the folder public:

<iframe src="{{route('render-pdf',['/test.pdf'])}}" width="100%" height="auto" style="border: none;"></iframe>

But it shows me this:

enter image description here enter image description here

And looking at the tab Redin the element inspector, it shows me a 404 at http://localhost:3000/show-pdf/build/pdf.js: enter image description here

I don't know what I'm missing, it showed me the PDF viewer buttons, albeit poorly rendered, and didn't load the PDF for me.

pdf
Martin Hope
Noob Dev
Asked: 2020-06-18 12:39:40 +0800 CST
  • 1

There is a system in which teachers upload articles that have to be previously accepted by an admin.

I need to show only teachers with "Articles" that are approved and public, that list of teachers needs to be ordered by the name that is in "User"

This is the query I made, but it ignores orderBy():

$designers = Professor::whereHas('user',function($query){
return $query->whereHas('papers',function($query2){
    return $query2->where('private', '=', 0)->where("approved","=",1);
});
})>orderBy('name','asc')->paginate(20);

MODELS

user

class User extends Authenticatable
{
    use CrudTrait;

    /*
    |--------------------------------------------------------------------------
    | GLOBAL VARIABLES
    |--------------------------------------------------------------------------
    */
    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    protected $fillable = [
        'name', 'last_name', 'mobile', 'email', 'password',
    ];

    /**
     * The attributes that should be hidden for arrays.
     *
     * @var array
     */
    protected $hidden = [
        'password', 'remember_token',
    ];

    /**
     * The attributes that should be cast to native types.
     *
     * @var array
     */
    protected $casts = [
        'email_verified_at' => 'datetime',
    ];

    protected $table = 'users';
    // protected $primaryKey = 'id';
    // public $timestamps = false;
    // protected $guarded = ['id'];
    // protected $fillable = [];
    // protected $hidden = [];
    // protected $dates = [];

    public function professor()
    {
        return $this->hasOne('App\Models\professor');
    }
    public function papers()
    {
        return $this->hasMany('App\Models\paper');
    }
}

Professor

class Professor extends Authenticatable
{
    use CrudTrait;
    protected $guarded = ['id'];

    protected $table = 'professors';
    // protected $primaryKey = 'id';
    // public $timestamps = false;
    // protected $guarded = ['id'];
    // protected $fillable = [];
    // protected $hidden = [];
    // protected $dates = [];

    public function user() 
    {
        return $this->belongsTo('App\Models\User');
    }
}

Paper

class Paper extends Model
{
    use CrudTrait;
    /*
    |--------------------------------------------------------------------------
    | GLOBAL VARIABLES
    |--------------------------------------------------------------------------
    */

    protected $table = 'papers';
    // protected $primaryKey = 'id';
    // public $timestamps = false;
    protected $guarded = ['id'];
    // protected $fillable = [];
    // protected $hidden = [];
    // protected $dates = [];

    public function user() 
    {
        return $this->belongsTo('App\Models\User');
    }
}

laravel
Martin Hope
Noob Dev
Asked: 2020-02-08 10:42:35 +0800 CST
  • 1

I have a problem with backpack request files. Everything works fine locally, but when the project is in Google Cloud, in the forms, no alert pops up when I save the entire form blank or with data that doesn't meet the rules, and I get the following error:

enter image description here

Locally, the alerts defined by the rules appear in the request files, correctly:

enter image description here

Along with the field marked with red:

enter image description here

All alerts work locally and since they are in Google Cloud they are ignored.

This is my Request file:

public function rules()
{
    return [
        'short_name' => 'required|min:5|max:70'
        ];
}

public function messages()
{
    return [
        'short_name.required' => 'El nombre corto es requerido',
        'short_name.min' => 'El nombre corto debe contener 5 caracteres como mínimo',
        'short_name.max' => 'El nombre corto debe contener 70 caracteres como máximo'
      ];
}

The following appears in the stackdriver error report:

PHP Notice: Illuminate\Validation\ValidationException: The given data was invalid. in /srv/vendor/laravel/framework/src/Illuminate/Foundation/Http/FormRequest.php:130
Illuminate\Foundation\Http\FormRequest->validateResolved (/srv/vendor/laravel/framework/src/Illuminate/Foundation/Http/FormRequest.php:130)

laravel-5
Martin Hope
Noob Dev
Asked: 2020-12-25 06:11:26 +0800 CST
  • 8

The functionality I am looking for is that when uploading an image, the user can resize, zoom and save it with that scale, but I have not found a way to do that.

The way I have it implemented is that the image is displayed once it is loaded, as shown below:

enter image description here

And that when clicking to zoom, the image can be made larger, ending something like this:

enter image description here

This is my code for that part of the page, with its JavaScript part to display the loaded image:

$(document).on('click','.viewDesign',function(){
		if($(this).parent().find('input')[0].files[0]){
	    	$('#designPreview').attr('src', window.URL.createObjectURL($(this).parent().find('input')[0].files[0]));
		}
		else if($(this).data('file')){
	    	$('#designPreview').attr('src', $(this).data('file'));
		}
	});
.container
  img.design#designPreview(src="img/diseno/diseno.png")
  .escala
    p Escala
    .buttons
      i(type='button') -
      i(type='button') +

javascript
Martin Hope
Noob Dev
Asked: 2020-11-06 16:24:26 +0800 CST
  • -1

I have not been able to upload images from my Laravel application, it saves NULLor only the name of the image.

I think I am only referencing the filename and not the file itself.

In my HTML form I have the following: Note that this is an array of images.

<div class="designs">
  <input class="design" type="file" name="subdesigns[image][]" accept="image/*" placeholder="Sube el diseño">
  <label class="select">
    <select name="subdesigns[spec_id][]">
      <option value="">Formato</option>
      @foreach($specs as $spec)
      <option value="{{$spec->id}}">{{$spec->name}}</option>
      @endforeach
    </select>
  </label>
</div>

And then in my SubdesignControllerstore as follows, for all the images that have been added:

//Substract array of the images
$subdesigns = $request->input('subdesigns.image');
//Substract array of the specs
$specs = $request->input('subdesigns.spec_id');

//Creations of subdesigns
$i = 0; //To move specs array
foreach ($subdesigns as $subs) {
    $sub = new Subdesign();
    $sub->image = $subs;
    $sub->spec_id = $specs[$i]; //Adding the corresponding spec_id to each subdesign
    $sub->design_id = $design->id;
    $sub->save();
    $i++; // Move to the next spec_id
}

Now in my model SubdesignI have two mutators to save the images just like I had in a Backpack project, which works perfectly. But when I set everything up to work with this new project it saves only NULLand when I comment out Mutatorsit only saves the stringfile name.

public function setImageAttribute($value)
    {
        $user = Auth::user();
        $attribute_name = "image";
        $disk = "public_folder";
        $destination_path = "Disenos/" . $user->id;
        
        $this->uploadFileToDisk($value, $attribute_name, $disk, $destination_path);

        // return $this->{$attribute_name}; // uncomment if this is a translatable field
    }

    public function uploadFileToDisk($value, $attribute_name, $disk, $destination_path)
    {
        $request = \Request::instance();
        // if a new file is uploaded, delete the file from the disk
        if (
            $request->hasFile($attribute_name) &&
            $this->{$attribute_name} &&
            $this->{$attribute_name} != null
        ) { dd("1");
            \Storage::disk($disk)->delete($this->{$attribute_name});
            $this->attributes[$attribute_name] = null;
        }
        // if the file input is empty, delete the file from the disk
        if (is_null($value) && $this->{$attribute_name} != null) {dd("2");
            \Storage::disk($disk)->delete($this->{$attribute_name});
            $this->attributes[$attribute_name] = null;
        }
        // if a new file is uploaded, store it on disk and its filename in the database
        if ($request->hasFile($attribute_name) && $request->file($attribute_name)->isValid()) { dd("3");
            // 1. Generate a new file name
            $file = $request->file($attribute_name);
            $new_file_name = md5($file->getClientOriginalName() . time()) . '.' . $file->getClientOriginalExtension();
            // 2. Move the new file to the correct path
            $file_path = $file->storeAs($destination_path, $new_file_name, $disk);
            // 3. Save the complete path to the database
            $this->attributes[$attribute_name] = $file_path;
            // $this->import($file_path);
        }
    }

I also have added the disken fylesystems.phpas follows:

<?php

return [

    'default' => env('FILESYSTEM_DRIVER', 'local'),

    'cloud' => env('FILESYSTEM_CLOUD', 's3'),

    'disks' => [

        'local' => [
            'driver' => 'local',
            'root' => storage_path('app'),
        ],

        'public' => [
            'driver' => 'local',
            'root' => storage_path('app/public'),
            'url' => env('APP_URL').'/storage',
            'visibility' => 'public',
        ],

        's3' => [
            'driver' => 's3',
            'key' => env('AWS_ACCESS_KEY_ID'),
            'secret' => env('AWS_SECRET_ACCESS_KEY'),
            'region' => env('AWS_DEFAULT_REGION'),
            'bucket' => env('AWS_BUCKET'),
            'url' => env('AWS_URL'),
        ],
        
        'public_folder' => [
            'driver' => 'local',
            'root' => public_path('images'),
            'url' => '/images',
        ],

    ],

];

How can I solve this, I don't know what I'm doing wrong.

laravel
Martin Hope
Noob Dev
Asked: 2020-11-01 13:34:17 +0800 CST
  • 1

I want to save the information from an formHTML, in the database, through my CrudController.

But I have not known how to do it, my variables formare called the same as in my database and everything.

This is my file blade.

<form method="POST" action="/save_design">
    <input type="text" name="name" placeholder="Nombre del diseño">
    <input type="submit" value="Guardar">
</form>

And I get a little confused about the routes, I don't know if I should consult in web.phpor in custom.php. What I did in web.phpwas the following:

<?php

Route::post('/save_design', 'DesignController@setupCreateOperation');

But I have errors, likeApp\Http\Controllers\Admin\DesignCrudController is not invokable.

laravel
Martin Hope
Noob Dev
Asked: 2020-10-26 10:59:39 +0800 CST
  • 3

I'm working on Backpack and I need to save a variable that ends with the number of the last ID.

I have tried the following in the store method of my CRUD Controller, in the $last variable I want to store the value of the ID of the last record.

I have seen the last() and lastInsertId() methods but I don't know how to implement them in my solution.

<?php
public function store(StoreRequest $request)
{

    $rfc = ...
    $cli_rfc = ...
    $date = ...

    $last = Object::all()->lastInsertId();

    $request->ultimo_numero =
        $rfc.'-'.
        $cli_rfc.'-'.
        $date. '/'.
        $last->id+1;
    $request->request->set('ultimo_numero',$request->ultimo_numero);
    // your additional operations before save here
    $redirect_location = parent::storeCrud($request);
    // your additional operations after save here
    // use $this->data['entry'] or $this->crud->entry
    return $redirect_location;
}
laravel
Martin Hope
Noob Dev
Asked: 2020-10-01 07:47:24 +0800 CST
  • 3

I would like to copy the data from one field to another in the same form, on the fly, without having to do anything else. Something similar to a keylogger and what you write in one field is inserted in another field at the same time. It can? Thank you

<form action="procesar" method="POST">
    <div class="col1">
      <input type="text" name="content" required>
    </div>
    <div class="col1">
      <input type="text" name="content1" required>
    </div>
</form>

So that when you have finished writing in the field contentyou have the same content in the field content1at the same time

html
Martin Hope
Noob Dev
Asked: 2020-06-01 15:13:08 +0800 CST
  • 0

I have a problem with one of my applications developed with React Nativeand Expo.

The problem is that the header is not being displayed.

This is my code:

import React from 'react';

import {
  StyleSheet,
  Text,
  View,
  Image,
  ScrollView,
  TouchableHighlight
} from 'react-native';

export default class NoticePrivacyScreen extends React.Component {

  static navigationOptions = ({ navigation }) => {
    return {
      headerTitle: ('',
        <Text style={styles.headerHeader}> Aviso de privacidad </Text>
      ),

      headerLeft: (
        <TouchableHighlight onPress={navigation.getParam('Menu')}>
          <Image style={{ width: 30, height: 30 }}
            source={require('../images/backButton.png')}
          />
        </TouchableHighlight>
      )
    }
  }

  componentDidMount() {
    this.props.navigation.setParams({ Menu: this._goMenu });
  }

  render() {
    return (
      <ScrollView style={styles.container}>
        <View>
          <Text style={styles.headerPrivacy}>
            Mi texto
          </Text>
        </View>
      </ScrollView>
    )
  }
  _goMenu = async () => {
    this.props.navigation.navigate('Menu');
  }
}

On my Home Screen I have a header that is displayed correctly.

So to see if it was something I couldn't see in my code, I made a copy of that screen that did show it and redirected the button to that clone. And I was very surprised that a clone of the one that works, the header was not shown.

I show you:

Here is the header, all good header

When navigating to a screen that is a clone of the one above, the header disappears no header

Does anyone know what could be going on? Thank you

react-native
Martin Hope
Noob Dev
Asked: 2020-05-22 12:31:46 +0800 CST
  • 1

I have a function that retrieves map markers from a RAW file that was hosted on GitHub.

Now that I have the app finished, I was working on being able to do the same from the Firebase server, but haven't been able to figure out how to retrieve the information the same way as I did from a GitHub file.

This is the function that retrieves the map markers:

getStations() {
    return fetch('https://raw.githubusercontent.com...')
      .then(response => response.json())
      .then(responseData => {
        var markers = [];
        for (var i = 0; i < responseData.features.length; i++) {
          if (responseData.features[i].properties.Torwand != '<Null>') {
            var coords = responseData.features[i].geometry.coordinates;
            var obcn = responseData.features[i].properties.obcn;
            var bikesToTake = responseData.features[i].properties.bikesToTake;
            var spacesToLeft = responseData.features[i].properties.spacesToLeft;
            var status = responseData.features[i].properties.status;
            var marker = {
              coordinate: {
                latitude: coords[1],
                longitude: coords[0],
              },
              title: obcn,
              description: "Estado: " + status + " Bicicletas: " + bikesToTake + " Espacios: " + spacesToLeft
            }
            markers.push(marker);
          }
        }
        this.setState({
          markers: markers,
          loaded: true,
        });
      }
      ).done();
  }

My idea was to replace the RAW file URL from GitHub with something similar from Firebase, but the documentation is sparse and there is nothing about RAW files.

firebase
Martin Hope
Noob Dev
Asked: 2020-05-17 11:23:04 +0800 CST
  • 1

My problem is that I cannot access a function of the same class from a button that I have in the header.

I would like to know how to access

I have made two functions, one similar to the change of screen from the header, but trying to access a function instead of another screen.

And another way suggested by someone else which doesn't work either.

class HomeScreen extends React.Component {
        static navigationOptions = ({ navigation }) => {
            return {
                headerTitle: ('',
                    ...
                ),


                headerLeft: (
                    ...
                ),

                headerRight: (
                    <TouchableHighlight onPress={() => { this._function() }}>
                        <Image style={{ width: 30, height: 30, marginLeft: 10 }}
                            source={require('./images/reportIcon.png')}
                        />
                    </TouchableHighlight>
                ),
                //Segunda manera
                headerRight: (
                    <TouchableHighlight onPress: () => { navigation.getParam('report') }>
                        <Image style={{ width: 30, height: 30, marginLeft: 10 }}
                            source={require('./images/reportIcon.png')}
                        />
                    </TouchableHighlight>
                )
            }
        }

        constructor(props) {
            super(props);
            this.state = {
                ...
          }
        }

        _function = () => {
            Alert.alert(
                'Titutlo',
                'Blablabla',
                [{ text: 'Entendido' }]
            );
        }
    }

The first way sends me an error.

The second one does not mark errors but does not give any action, BEWARE: I have the function in ComponentDidMount, but it still doesn't work

react-native