diff options
Diffstat (limited to 'src/Wallabag/FederationBundle/Resources/views')
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 %} | ||