Chess diagram embedding into the “first application” “nette-blog”, into the blog posts ($post->content)

j8i

Good day,
I would like to add a chess diagram embedding into the “first application” “nette-blog”,
into the blog posts ($post->content).

e.g. including a “macro”:

<pre>
{{Chess diagram| tright
|
|=
8 |rd|nd|bd|qd|kd|bd|nd|rd|=
7 |pd|pd|pd|pd|pd|pd|pd|pd|=
6 |  |  |  |  |  |  |  |  |=
5 |  |  |  |  |  |  |  |  |=
4 |  |  |  |  |  |  |  |  |=
3 |  |  |  |  |  |  |  |  |=
2 |pl|pl|pl|pl|pl|pl|pl|pl|=
1 |rl|nl|bl|ql|kl|bl|nl|rl|=
   a  b  c  d  e  f  g  h
|
}}
</pre>

or somehow.

I am nette-beginner and I would like to take an advice, “path” how it can be probably implemented. (by filters or by componets or by macros rendered from strings)

CZechBoY

How common is the usage of writing chess diagram? I think once maybe twice on one page, so you should use component for that.
I use template filters for little modifing text/number or to localize text/number. Most of them outputs only one line of text.

David Matějka

Hi, check this example, it's a bit similar to your chess diagram.

Slava.Aurim

If you need only render html, and do not need to handle some signals from chess diagram (via links or ajax or POST requests), IMHO, it may be implemented via custom Latte macros:

{chess_diagram "
8 |rd|nd|bd|qd|kd|bd|nd|rd|
7 |pd|pd|pd|pd|pd|pd|pd|pd|
6
5
4
3
2 |pl|pl|pl|pl|pl|pl|pl|pl|
1 |rl|nl|bl|ql|kl|bl|nl|rl|
"}

IMHO, so it may be easier than component. Right?

Last edited by Slava.Aurim (2016-09-14 18:10)

CZechBoY

@Slava.Aurim How should you use it?

j8i

Slava.Aurim wrote:

If you need only render html, and do not need to handle some signals from chess diagram (via links or ajax or POST requests), IMHO, it may be implemented via custom Latte macros:
{chess_diagram "
8 |rd|nd|bd|qd|kd|bd|nd|rd|
7 |pd|pd|pd|pd|pd|pd|pd|pd|
6
5
4
3
2 |pl|pl|pl|pl|pl|pl|pl|pl|
1 |rl|nl|bl|ql|kl|bl|nl|rl|
"}
IMHO, so it may be easier than component. Right?

I believe that custom Latte macro must be sufficient in template for chess diagram, but I don't see how to make it working in $post->content data?

Slava.Aurim

It depends, where you create or can get Latte object.

Below my draft example with standalone Latte usage.

#file: app.php

$latte = new Latte\Engine;
YouClassWithMacros:install($latte->getCompiler());

// ... assign some $params for template
$params = ['paramName'=>'paramValue', /* ... */ ];

$latte->render('path/to/you/template.latte', $params);

and describe macros in separate class:
(similarly as in class Latte\Macros\BlockMacros, for example)

#file: YouClassWithMacros.php

class YouClassWithMacros extends MacroSet
{
	public static function install(Latte\Compiler $compiler)
	{
		$me = new static($compiler);
		$me->addMacro('chess_diagram', [$me, 'macroChessDiagram']);
	}

	// compile macro to php-code
	public function macroChessDiagram(MacroNode $node, PhpWriter $writer)
	{

		return $writer->write("echo %modify(". __CLASS__."::renderChessDiagram(%node.args));")
	}

	// parse $diagramMarkup to html-code
	static function renderChessDiagram($diagramMarkup)
	{
		// ... you logic here
		return $html;
	}

}

I'm not sure what is the easiest way. Alternatively, you can also use a standart “include” macro ({include 'chess-diagramm.latte', markup => "...markup..."}) instead of calling the own macro. And in included latte partial eou can simply parse markup ({php ... }) and immediately render the chess diagram.