Hello,

I have a really strange behaviour, before all I am on Laravel 5.8.36 and sharp 4.2.2 For the following form, everything is fine at display. If I submit the form without selecting a picture I've got the correct value ind data (which is null anyway) but when I select a pic and submit the form data is then empty... by digging in the sharp form class I found that the issue seems to appear in the formatRequestData method, everything is ok in input but nothing in output.

My models are a bit tricky with many relationships, maybe it's because of that, anyway I'm stuck...

This is the form :

namespace App\Sharp;

use App\Models\Page;
use App\Models\PageBlock;
use App\Enums\PageBlocksTypes;
use Code16\Sharp\Form\SharpForm;
use Code16\Sharp\Http\WithSharpContext;
use Code16\Sharp\Form\Layout\FormLayoutColumn;
use Code16\Sharp\Form\Fields\SharpFormTextField;
use Code16\Sharp\Form\Fields\SharpFormUploadField;
use Code16\Sharp\Form\Fields\SharpFormMarkdownField;
use App\Models\PageBlocks\PageBlocksTextBlueRoundedTop;
use Code16\Sharp\Form\Eloquent\WithSharpFormEloquentUpdater;

class BlockTextBlueRoundedTopSharpForm extends SharpForm
{
    use WithSharpFormEloquentUpdater, WithSharpContext;
    
    /**
     * Retrieve a Model for the form and pack all its data as JSON.
     *
     * @param $id
     * @return array
     */
    public function find($id): array
    {
        return $this
                ->setCustomTransformer("blockable[topstamp]",
                    new FormUploadModelTransformer()
                )
                ->transform(
                    PageBlock::with('blockable', 'blockable[topstamp]')->findOrFail($id)
                );
    }

    /**
     * @param $id
     * @param array $data
     * @return mixed the instance id
     */
    public function update($id, array $data)
    {
        dd($data);
        
        /// save stuff
        
        return $pageBlock->id;
    }

    /**
     * @param $id
     */
    public function delete($id)
    {
        //
    }

    /**
     * Build form fields using ->addField()
     *
     * @return void
     */
    public function buildFormFields()
    {
        $this
            ->addField(
                SharpFormUploadField::make("topstamp")
                            ->setLabel("Tampon au dessus")
                            ->setStorageDisk("public")
                            ->setStorageBasePath("blocks/Stamps/{id}")
            );
    }

    /**
     * Build form layout using ->addTab() or ->addColumn()
     *
     * @return void
     */
    public function buildFormLayout()
    {
        $this->addColumn(12, function(FormLayoutColumn $column) {
            $column
                ->withSingleField('topstamp');
        });
    }
}

Hello, im trying to do a two custom form fields for categories and subcategories in which one of them depends on the other. Im doing this with axios and get method, all fine but when i select the value on the second select the array of values disappear until i select a new subcategory.

Explanation in gif

This is my code:

SharpFormSelectCategoriesField.vue

<template>
  <div>
    <select class="SharpText multiselect" @change="handleChanged" :value="categoriaSeleccionada">
      <option v-for="(categoria, index) in categorias" 
      :key="`categoria-${index}`" 
      :value="`${index}`">
      {{categoria}}
      </option>
    </select>
  </div>
</template>
<script>
import { EventBus } from '../sharp-plugin.js';
export default {
  props: {
    categorias: Array,
    categoriaSeleccionada: String
  },
  mounted() {
      EventBus.$emit("categoria", this.categoriaSeleccionada);
  },
  methods: {
    handleChanged(e) {
      this.$emit("input", e.target.value);
      EventBus.$emit("categoria", e.target.value);
    }
  }
};
</script>

SharpFormSelectSubcategoryField.vue

<template>
  <div>
    <select class="SharpText multiselect" @change="handleChanged" :value="subcategoriaSeleccionada">
      <option v-for="(subcategoria, index) in subcategorias" 
      :value="`${index}`" 
      :key="`subcategoria-${index}`">
      {{subcategoria}}
      </option>
    </select>
  </div>
</template>
<script>
import { EventBus } from '../sharp-plugin.js';
window.axios = require('axios');
export default {
  props: {
    subcategorias: Array,
    subcategoriaSeleccionada: String
  },
  created () {
    EventBus.$on('categoria', idCategoria => {
      console.log(`Categoria: ${idCategoria}`);
      axios.get(`http://test.mtkadventure/api/subcategorias/${idCategoria}`)
      .then(response => (this.subcategorias = response.data));
    });
  },
  methods: {
    handleChanged(e) {
      this.$emit("input", e.target.value);
      console.log(this.subcategorias);
    }
  }
};
</script>

If i comment the this.$emit("input", e.target.value); on the subcategory select this not happens, but the form data cannot be updated. Is this a bug or i need a break? Is there a better way to achive this?

Thanks in advance and excuse me if im being so tedioud but i really like Sharp and want to dominate it.

Hi,

Since this commit https://github.com/code16/sharp/commit/2f8140d924e5bd0fd26d98a59b1366c72bb6f57c all thumbnail urls have stopped working.

The issue seems to be that the images were previously stored in the public directory public/thumbnails/... and so were served without any problems. Now they are stored under storage/public/thumbnails/.... I do have the symlink set up to map storage/public/ to public/storage/ so if I add "storage" to the url it loads the image but the url returned from the thumbnail method doesn't contain it so the image isn't loaded.

e.g URL returned from the thumbnail method that 404s: http://laravel.test/thumbnails/images/300-300/image.jpeg

URL with "storage" added that works: http://laravel.test/storage/thumbnails/images/300-300/image.jpeg

How are you handling this in your projects? Is there a new step missing from the readme?

Thanks

For example we have the Post entity; Post hasMany comments Post has Many user rates

We can create CommentEntityList and PostRate entityList with default filter by post_id and show post-related lists. we don't show this lists in menu, because its not independent. And there is only one way to create links between Posts and related staff - it is create actions like "show post comments", "show user rates" for post, and "go to post" for sub-entities. And it is not comfortable solution, because in action menu mixed view/navigation links and true action commands. Action list can be very large for rich entities like an user, post, product. Also we hasn't opportunity for breadcrumbs building

Other case - that is for some entities only one list is not enough. Some times we need to show lists with different grouped items, or with different columns

Hi,

Requirement

I required the ability to add custom assets to the base layout

Notes

• I appreciate this functionality could cover a broad scope, I opted for a simple implementation to start with
• I wasn't sure whether the documentation should live in the place that i've put it, open to suggestions
• I wasn't sure whether there would be implications with including the view composer in all views
• I wasn't sure what the best location for a test would be
• The current test doesn't cover injecting assets using the Laravel asset() or mix() functions, as I felt attempting to mock those may make the tests lengthy and obsolete when they're a core part of the framework

Feedback appreciated!

in buildLidtLayout() ->addColumnLarge('coin_value', 1)

in getListData() ->setCustomTransformer('coin_value', function($value, $row) { $value = number_format(round($row['coin_value'], 2), 2, '.', ''); return '<div style="text-align:right">'.$value.'</div>'; })

Hi,

I followed instruction here https://sharp.code16.fr/docs/guide/filters.html#generator

But I got an error Interface 'Code16\Sharp\EntityList\EntityListSelectFilter' not found What should I do to fix this?

Thanks

Hey Philippe,

I am a user of sharp and really like the balance between freedom and standardized ways of creating forms, lists and so on. I have one requirement where I'd like to build a really special page within in the admin environment. I need to include multiple heavily customized Vue Components (i.e. horizontally scrollable calendar) which need a high amount of screen space. Thats why the menu needs to be collapsed by default when accessing that admin page. Currently my plan is to create a custom page (creating a class like the the Form, List, Show) which gives a higher amount of freedom to include components then.

I just want to check what would be your approach and do plan to have a type of page which is even more customizable in addition to the currently standardized ones?

Best regards, Jan

I'm getting a 404 error code in a standard nginx + php-fpm configuration. The file still gets generated and served, but since the error code is 404 it fails to execute. I'm having trouble figuring out an exact nginx config snippet to suppress this error code, so any help would be appreciated.

Here is my nginx.conf:

worker_processes auto;
worker_rlimit_nofile 65535;

events {
	multi_accept on;
	worker_connections 65535;
}

http {
	charset utf-8;
	sendfile on;
	tcp_nopush on;
	tcp_nodelay on;
	server_tokens off;
	log_not_found off;
	types_hash_max_size 2048;
	client_max_body_size 16M;

	# MIME
	include mime.types;
	default_type application/octet-stream;

	# logging
	access_log /dev/stdout;
	error_log /dev/stdout warn;

    server {
    	listen 80;
    	listen [::]:80;

    	set $base /var/www/html/public;
    	root $base;

    	# index.php
    	index index.php index.html;

    	# index.php fallback
    	location / {
            try_files $uri $uri/ /index.php?$query_string;
        }

    	# handle .php
    	location ~ \.php$ {
    	    # 404
            try_files $fastcgi_script_name =404;

    		# default fastcgi_params
            include fastcgi_params;

            # fastcgi settings
            fastcgi_pass			php-fpm:9000;
            fastcgi_index			index.php;
            fastcgi_buffers			8 16k;
            fastcgi_buffer_size		32k;

            # fastcgi params
            fastcgi_param DOCUMENT_ROOT		$realpath_root;
            fastcgi_param SCRIPT_FILENAME	$realpath_root$fastcgi_script_name;
    	}

    	# additional config
    	# favicon.ico
        location = /favicon.ico {
        	log_not_found off;
        	access_log off;
        }

        # robots.txt
        location = /robots.txt {
        	log_not_found off;
        	access_log off;
        }

        # assets, media
        location ~* \.(?:css(\.map)?|js(\.map)?|jpe?g|png|gif|ico|cur|heic|webp|tiff?|mp3|m4a|aac|ogg|midi?|wav|mp4|mov|webm|mpe?g|avi|ogv|flv|wmv)$ {
        	expires 7d;
        	access_log off;
        }

        # svg, fonts
        location ~* \.(?:svgz?|ttf|ttc|otf|eot|woff2?)$ {
        	add_header Access-Control-Allow-Origin "*";
        	expires 7d;
        	access_log off;
        }

        # gzip
        gzip on;
        gzip_vary on;
        gzip_proxied any;
        gzip_comp_level 6;
        gzip_types text/plain text/css text/xml application/json application/javascript application/rss+xml application/atom+xml image/svg+xml;

        error_page 404 /index.php;
    }
}

Hey, thanks for open sourcing Sharp! I'm trying to figure out how to work with models that have hasMany relationships. I'm trying to create a screen for managing roles and users assigned to those roles but I can't figure out how something like that would best be accomplished and not shoehorn the framework to do something it can't.

I have spatie/laravel-permissions installed and I'm trying to list all permissions and make them selectable, using a list or autocomplete field for this would be a nightmare, so I've listed all permissions but can't map them as existing or not. Ive tried solving this with a transform in find but it feels very hacky and doesn't show as toggled on the screen.

        $this->setCustomTransformer('permissions', function($rolePermissions) {
            $permissions = array_column(Permission::all()->toArray(), 'name');
            $permissions = array_fill_keys($permissions, false);
            
            foreach ($rolePermissions as $permission) {
                $permissions[$permission['name']] = true;
            }

            return $permissions;
        });

For the second tab I've chosen to implement it with a list and autocomplete field but can't get it to display properly either, but I think that might be an error on my part somewhere.

To me it seems like there is no planned means of working with this kind of relationship which isn't about changing a value but adding or removing items. Am I completely blind reading the documentation or is there no way of working with data set up with this kind of relationships?

Is there any plan to support images in the wysiwyg editor? I see that I can drag and drop images in the editor, but when I save it does nothing. So im assuming the code to handle the drag and drop event is not setup?

Hello again,

I've got a project which share the same code base for 2 different clients that I can set in my env file. They have access to different entities lists so I wondered if I could load sharp config dynamically for each one ? I tried this which is working, but I wondered if you got something cleaner ?

if (config('platform')=== "LOLILOL") {
    $entities = [
        "particulier" => \App\Sharp\Entities\Particulier::class,
        "professionnel" => \App\Sharp\Entities\Professionnel::class,
    ];
}
return [
  'entities' => $entities,
];

Hello there,

For a project, I build my assets with Vite. In the config I can place my file which is great, but I have en error building config if I do this :

$specificSharpAsset = (new Vite())->asset('resources/sass/sharp.scss');
return [
  "extensions" => [
        "assets" => [
            "strategy" => "asset",
            "head" => [
                $specificSharpAsset,
            ],
        ]
    ],
];

When digging to find a solution, I found out that it's the asset function that's causing the issue. Have you got a clean solution which can suits my needs ?

I ran into a problem when trying to save files to s3. Through research I found that here https://github.com/code16/sharp/blob/main/src/Form/Fields/Formatters/UploadFormatter.php#L71. You have hardcoded the value "local" instead of use value from $ field->storageDisk()

In my case, I need to link two resources. The following code represents the owner name of the current showing server.

// Before
SharpShowTextField::make('user:name')
    ->setLabel('Owner')

// After - represent link to user show entity
SharpShowEntityTextField::make('user:name', 'user')
    ->setLabel('Owner')

I think that is a good feature, and I go work on it, probably this weekend.