Bienvenue, Invité

Forum

Public Forum

Help for version 2.1

How to link resource files of customized modules

Before asking for help please read "Requesting Help and Suggestions" by clicking on that tab above here.

Page :
1

SUJET :

How to link resource files of customized modules il y a 1 mois 1 semaine #1

olor
Auteur du sujet
Hors Ligne
Membre junior
chen guo
Messages : 127

When I wrote my own customized module imitating others' modules, I uploaded pictures, CSS and JS files in the /resource folder of the module, but I couldn't connect successfully. I don't know what the problem is. Ask the teacher for help.

/**
     * @return ResponseInterface
     */
    function getCssAction() : ResponseInterface
    {
        return response(
            file_get_contents($this->resourcesFolder() . 'css/olor_memorial.css'),
            200,
            ['Content-type' => 'text/css']
        );
    }

    /** {@inheritdoc} */
    public function getTabContent(Individual $individual) : string
    {
        return view(
            $this->name() . '::tab',
            [
                'memorial_obj'   => $this->getMemorial($individual),
                'memorial_css'   => route('module', ['module' => $this->name(), 'action' => 'Css']),
                'module_obj'    => $this,
            ]
        );
    }

I'm under view There are some GIF icons in the phtlm file. How should their URLs be handled?

				<li><img src="../iamges/smilea_thumb.gif" title="呵呵]"></li>
				<li><img src="../iamges/tootha_thumb.gif" title="嘻嘻]"></li>
				<li><img src="../iamges/laugh.gif" title="[哈哈]"></li>
				<li><img src="../iamges/tza_thumb.gif" title="[可爱]"></li>
				<li><img src="../iamges/kl_thumb.gif" title="[可怜]"></li>

Connexion ou Créer un compte pour participer à la conversation.

How to link resource files of customized modules il y a 1 mois 1 semaine #2

fisharebest
Hors Ligne
Administrateur
Messages : 16089

First, tell webtrees where you store your files.

Usually, this is the folder '/resources' inside your module. For example.

public function resourcesFolder(): string
{
    return __DIR__ . '/resources/';
}

You can now generate a URL for a file in this folder using

$url = $this->assetUrl('images/xxx.gif');

So, if you have the file "/resources/css/olor_memorial.css", then you could create a URL for it using

$this->assetUrl('css/olor_memorial.css');

But what if your CSS file contains URLs for images?

The simplest answer is to use data URLs for these.

Greg Roach - Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. - fisharebest.webtrees.net

Connexion ou Créer un compte pour participer à la conversation.

How to link resource files of customized modules il y a 1 mois 1 semaine #3

olor Auteur du sujet Hors Ligne Membre junior chen guo Messages : 127	Do these variables need to be put into module PHP function? Or in Direct reference in Phtml file? <img src="<? echo $this->assetUrl('iamges/bba_thumb.gif') ?>" class='bq' /> Call to undefined method Fisharebest\Webtrees\View::assetUrl() …/modules_v4/olor_memorial-master/resources/views/tab.phtml:13
	Connexion ou Créer un compte pour participer à la conversation. Dernière édition: par olor.

How to link resource files of customized modules il y a 1 mois 1 semaine #4

fisharebest Hors Ligne Administrateur Messages : 16089	You should create the URL in your module and pass the it to view view('tab', ) You can then use it in your template <?= e($url) ?> Greg Roach - Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. - fisharebest.webtrees.net
	Connexion ou Créer un compte pour participer à la conversation. Dernière édition: par fisharebest.

How to link resource files of customized modules il y a 1 mois 1 semaine #5

olor Auteur du sujet Hors Ligne Membre junior chen guo Messages : 127	I see. Thank you,Greg!
	Connexion ou Créer un compte pour participer à la conversation.