frontpressorg / frontpress

:zap: A full front-end AngularJS template for WordPress Rest API.
MIT License
108 stars 17 forks source link

Conjunto de diretivas auxiliares #23

Closed teles closed 8 years ago

teles commented 8 years ago

Quando um desenvolvedor importar o frontpress e quiser mexer nas views, acho que pode ser interessante que ele encontre uma estrutura pre-definida de diretivas/tags para trabalhar.

Exemplo de estrutura para a view de trecho de post:

<post-date format="dd/mm/yyyy"></post-date>
<post-title has-link="true"></post-title>
<post-content></post-content>
<read-more-link></read-more-link>

Assim, o desenvolvedor que quisesse colocar novos itens na página do trecho de post adicionaria/removeria/moveria essas tags.

As perguntas são:

cc @alisonmonteiro @woliveiras

woliveiras commented 8 years ago

Isso seria muito útil, pois fica parecido com as funções que o WordPress nos disponibiliza para criação de templates pelo PHP.

Aqui temos mais funções que podem ser criadas no Angular como diretivas: https://codex.wordpress.org/Function_Reference

alisonmonteiro commented 8 years ago

Muito útil! Além disso, poderíamos ter algumas diretivas que já chamariam essas outras que você exemplificou, tipo:

<simple-post has-thumbnail="true" full-post="false" />

O que acham? Complicaria muito?

woliveiras commented 8 years ago

Acho interessante também @alisonmonteiro

teles commented 8 years ago

Beleza pura, @alisonmonteiro e @woliveiras. Vou definir as tags a serem criadas para o MVP :)

Definir as tags a serem criadas será o critério de pronto dessa issue.

woliveiras commented 8 years ago

Show de bola

teles commented 8 years ago

Para validar a ideia vou construir as seguintes tags:

<post-excerpt>
    <post-title> <!-- h2 com link -->
    <post-date><!-- formato de data definido na configuração do blog -->
    <post-featured-image>
    <post-excerpt-text>
</post-excerpt>

<full-post>
    <post-title> h1 sem link
    <post-date><!-- formato de data definido na configuração do blog -->
    <post-featured-image>
    <post-content>
    <post-tags>
    <post-categories>
    <disqus>
</full-post>

Vou tentar fazer isso de uma forma que tags que são usadas na listagem e no post completo sejam a mesma diretiva respondendo a modelos diferentes dependendo da tela em que estão.