aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/Wallabag/FederationBundle/Resources/views/themes
diff options
context:
space:
mode:
Diffstat (limited to 'src/Wallabag/FederationBundle/Resources/views/themes')
-rw-r--r--src/Wallabag/FederationBundle/Resources/views/themes/material/User/followers.html.twig88
-rw-r--r--src/Wallabag/FederationBundle/Resources/views/themes/material/User/profile.html.twig77
-rw-r--r--src/Wallabag/FederationBundle/Resources/views/themes/material/User/profile_header.html.twig35
-rw-r--r--src/Wallabag/FederationBundle/Resources/views/themes/material/User/recommendations.html.twig4
4 files changed, 204 insertions, 0 deletions
diff --git a/src/Wallabag/FederationBundle/Resources/views/themes/material/User/followers.html.twig b/src/Wallabag/FederationBundle/Resources/views/themes/material/User/followers.html.twig
new file mode 100644
index 00000000..d31ccc33
--- /dev/null
+++ b/src/Wallabag/FederationBundle/Resources/views/themes/material/User/followers.html.twig
@@ -0,0 +1,88 @@
1{% extends "WallabagCoreBundle::base.html.twig" %}
2
3{% block css %}
4 {{ parent() }}
5 {% if not app.debug %}
6 <link rel="stylesheet" href="{{ asset('bundles/wallabagcore/material.css') }}">
7 {% endif %}
8{% endblock %}
9
10{% block scripts %}
11 {{ parent() }}
12 <script src="{{ asset('bundles/wallabagcore/material' ~ (app.debug ? '.dev' : '') ~ '.js') }}"></script>
13{% endblock %}
14
15{% block header %}
16{% endblock %}
17
18{% block body_class %}reset-left{% endblock %}
19
20{% block messages %}
21 {% for flashMessage in app.session.flashbag.get('notice') %}
22 <script>
23 Materialize.toast('{{ flashMessage|trans }}', 4000);
24 </script>
25 {% endfor %}
26{% endblock %}
27
28{% block menu %}
29 <nav class="cyan darken-1">
30 <div class="nav-wrapper nav-panels">
31 <a href="#" data-activates="slide-out" class="nav-panel-menu button-collapse"><i class="material-icons">menu</i></a>
32 <div class="left action">
33 <a href="{{ path('homepage') }}">wallabag</a>
34 </div>
35 <ul class="input-field nav-panel-buttom">
36 {% if not is_granted('IS_AUTHENTICATED_FULLY') %}
37 <li>
38 <a href="{{ path('fos_user_security_login') }}">Login</a>
39 </li>
40 {% if registration_enabled %}
41 <li>
42 <a href="{{ path('fos_user_registration_register') }}">Register</a>
43 </li>
44 {% endif %}
45 {% else %}
46 <li>
47 <a href="{{ path('fos_user_security_logout') }}">Logout</a>
48 </li>
49 {% endif %}
50 </ul>
51 </div>
52 </nav>
53
54{% endblock %}
55
56{% block content %}
57<div class="container">
58 <div class="row">
59 <div class="col offset-s2 s8">
60 {{ include('@WallabagFederation/themes/material/User/profile_header.html.twig') }}
61 <ul class="collection">
62 {% for account in users %}
63 <li class="collection-item avatar">
64 <i class="material-icons circle">folder</i>
65 <span class="title">{{ account.username }}@{{ account.server }}</span>
66 <p>First Line</p>
67 <a href="#!" class="secondary-content"><i class="material-icons">grade</i></a>
68 </li>
69 {% endfor %}
70 </ul>
71 </div>
72 </div>
73</div>
74{% endblock %}
75
76{% block footer %}
77 <footer class="page-footer cyan darken-2">
78 <div class="footer-copyright">
79 <div class="container">
80 <div class="row right">
81 <p>
82 {{ 'footer.wallabag.powered_by'|trans }} <a target="_blank" href="https://wallabag.org" class="grey-text text-lighten-4">wallabag</a>
83 </p>
84 </div>
85 </div>
86 </div>
87 </footer>
88{% endblock %}
diff --git a/src/Wallabag/FederationBundle/Resources/views/themes/material/User/profile.html.twig b/src/Wallabag/FederationBundle/Resources/views/themes/material/User/profile.html.twig
new file mode 100644
index 00000000..c52d0ca4
--- /dev/null
+++ b/src/Wallabag/FederationBundle/Resources/views/themes/material/User/profile.html.twig
@@ -0,0 +1,77 @@
1{% extends "WallabagCoreBundle::base.html.twig" %}
2
3{% block css %}
4 {{ parent() }}
5 {% if not app.debug %}
6 <link rel="stylesheet" href="{{ asset('bundles/wallabagcore/material.css') }}">
7 {% endif %}
8{% endblock %}
9
10{% block scripts %}
11 {{ parent() }}
12 <script src="{{ asset('bundles/wallabagcore/material' ~ (app.debug ? '.dev' : '') ~ '.js') }}"></script>
13{% endblock %}
14
15{% block header %}
16{% endblock %}
17
18{% block body_class %}reset-left{% endblock %}
19
20{% block messages %}
21 {% for flashMessage in app.session.flashbag.get('notice') %}
22 <script>
23 Materialize.toast('{{ flashMessage|trans }}', 4000);
24 </script>
25 {% endfor %}
26{% endblock %}
27
28{% block menu %}
29<nav class="cyan darken-1">
30 <div class="nav-wrapper nav-panels">
31 <a href="#" data-activates="slide-out" class="nav-panel-menu button-collapse"><i class="material-icons">menu</i></a>
32 <div class="left action">
33 <a href="{{ path('homepage') }}">wallabag</a>
34 </div>
35 <ul class="input-field nav-panel-buttom">
36 {% if not is_granted('IS_AUTHENTICATED_FULLY') %}
37 <li>
38 <a href="{{ path('fos_user_security_login') }}">Login</a>
39 </li>
40 {% if registration_enabled %}
41 <li>
42 <a href="{{ path('fos_user_registration_register') }}">Register</a>
43 </li>
44 {% endif %}
45 {% else %}
46 <li>
47 <a href="{{ path('fos_user_security_logout') }}">Logout</a>
48 </li>
49 {% endif %}
50 </ul>
51 </div>
52</nav>
53
54{% endblock %}
55
56{% block content %}
57 <div class="container">
58 <div class="row">
59 <div class="col offset-l2 l8">
60 {{ include('@WallabagFederation/themes/material/User/profile_header.html.twig') }}
61 </div>
62 </div>
63{% endblock %}
64
65{% block footer %}
66 <footer class="page-footer cyan darken-2">
67 <div class="footer-copyright">
68 <div class="container">
69 <div class="row right">
70 <p>
71 {{ 'footer.wallabag.powered_by'|trans }} <a target="_blank" href="https://wallabag.org" class="grey-text text-lighten-4">wallabag</a>
72 </p>
73 </div>
74 </div>
75 </div>
76 </footer>
77{% endblock %}
diff --git a/src/Wallabag/FederationBundle/Resources/views/themes/material/User/profile_header.html.twig b/src/Wallabag/FederationBundle/Resources/views/themes/material/User/profile_header.html.twig
new file mode 100644
index 00000000..703de79f
--- /dev/null
+++ b/src/Wallabag/FederationBundle/Resources/views/themes/material/User/profile_header.html.twig
@@ -0,0 +1,35 @@
1{% set usershow = user.username %}
2{% if user.user.name is not null %}
3 {% set usershow = user.user.name %}
4{% endif %}
5
6<p>
7 {{ usershow }} utilise wallabag pour lire et archiver son contenu. Vous pouvez le/la suivre et interagir si vous possédez un compte quelque part dans le "fediverse". Si ce n'est pas le cas, vous pouvez en créer un ici.
8</p>
9<div class="card grey lighten-5 z-depth-1 profile">
10 <div class="card-content">
11 <img src="{{ asset('uploads/media/avatar/') ~ user.avatar }}" alt="" class="circle responsive-img center-block avatar">
12 <h3 class="center-align">{{ usershow }}</h3>
13 <h6 class="center-align">@{{ user.username }}</h6>
14 <a class="btn-floating btn-large halfway-fab waves-effect waves-light red" href="{{ path('follow-user', {'userToFollow': user.username}) }}"><i class="material-icons">person_add</i></a>
15 <div class="details">
16 <div class="bio">
17 <p>{{ user.description }}</p>
18 </div>
19 <div class="details-counters">
20 <div class="counter">
21 <a href="{{ path('followers', {'user': user.username}) }}">
22 <span class="counter-label">Followers</span>
23 <span class="counter-number">{{ user.followers | length }}</span>
24 </a>
25 </div>
26 <div class="counter">
27 <a href="{{ path('following', {'user': user.username}) }}">
28 <span class="counter-label">Following</span>
29 <span class="counter-number">{{ user.following | length }}</span>
30 </a>
31 </div>
32 </div>
33 </div>
34 </div>
35</div>
diff --git a/src/Wallabag/FederationBundle/Resources/views/themes/material/User/recommendations.html.twig b/src/Wallabag/FederationBundle/Resources/views/themes/material/User/recommendations.html.twig
new file mode 100644
index 00000000..b3d0d2cf
--- /dev/null
+++ b/src/Wallabag/FederationBundle/Resources/views/themes/material/User/recommendations.html.twig
@@ -0,0 +1,4 @@
1{{ dump(recommendations) }}
2{% for entry in recommendations %}
3{{ include('@WallabagCore/themes/material/Entry/_card_list.html.twig') }}
4{% endfor %}