]>
Commit | Line | Data |
---|---|---|
8a4690b6 NL |
1 | {% extends "WallabagCoreBundle::layout.html.twig" %} |
2 | ||
0f8268c9 | 3 | {% block title %}{{ 'apps.page_title'|trans }}{% endblock %} |
8a4690b6 NL |
4 | |
5 | {% block content %} | |
6 | <div class="row"> | |
7 | <div class="col s12"> | |
8 | <div class="card-panel settings"> | |
8a4690b6 | 9 | <div class="row"> |
0f8268c9 TC |
10 | <h4>{{ 'apps.featured.title'|trans }}</h4> |
11 | ||
12 | <div class="slider"> | |
13 | <ul class="slides"> | |
14 | <li> | |
15 | <img src="{{ asset('assets/appicons/android_full.png') }}"> | |
16 | <div class="caption right-align"> | |
17 | <h3>Android</h3> | |
18 | <h5 class="light grey-text text-lighten-3">For all Android 4.4+ devices</h5> | |
19 | <p> | |
20 | <a href="https://play.google.com/store/apps/details?id=fr.gaulupeau.apps.InThePoche"> | |
21 | <img class="icon" alt="Get it on Google Play" | |
22 | height="80" | |
23 | src="{{ asset('assets/appicons/google_play.png') }}" /> | |
24 | </a> | |
25 | <a href="https://f-droid.org/app/fr.gaulupeau.apps.InThePoche"> | |
26 | <img class="icon" alt="Get it on F-Droid" | |
27 | height="80" | |
28 | src="{{ asset('assets/appicons/fdroid.png') }}" /> | |
29 | </a> | |
30 | </p> | |
31 | </div> | |
32 | </li> | |
33 | <li> | |
34 | <img style="background-position: right" src="{{ asset('assets/appicons/iOS_full.png') }}"> | |
35 | <div class="caption left-align"> | |
36 | <h3>iOS</h3> | |
37 | <h5 class="light grey-text text-lighten-3">For your iPhones and iPads</h5> | |
38 | <p> | |
39 | <a href="https://itunes.apple.com/app/wallabag-2/id1170800946?mt=8"> | |
40 | <img class="icon" alt="Get it on the AppStore" | |
41 | height="80" | |
42 | src="{{ asset('assets/appicons/appstore.svg') }}" /> | |
43 | </a> | |
44 | </p> | |
45 | </div> | |
46 | </li> | |
47 | <li> | |
48 | <img src="{{ asset('assets/appicons/windows.jpeg') }}"> | |
49 | <div class="caption right-align"> | |
50 | <h3>Windows</h3> | |
51 | <h5 class="light grey-text text-lighten-3">Available on Windows Phones and Windows 10</h5> | |
52 | <p> | |
53 | <a href="https://www.microsoft.com/en-us/store/p/wallabag/9nblggh5x3p6"> | |
54 | <img class="icon" alt="Get it on the Windows Store" | |
55 | height="80" | |
56 | src="{{ asset('assets/appicons/windowsstore.png') }}" /> | |
57 | </a> | |
58 | </p> | |
59 | </div> | |
60 | </li> | |
61 | <li> | |
62 | <img style="background-position: right" src="{{ asset('assets/appicons/browser.png') }}"> | |
63 | <div class="caption left-align"> | |
64 | <h3>Browser Extension</h3> | |
65 | <h5 class="light grey-text text-lighten-3">Available on Firefox, Chrome and Opera</h5> | |
66 | <p> | |
67 | <a href="https://addons.mozilla.org/en/firefox/addon/wallabagger/"> | |
68 | <img class="icon browser" alt="Get it on the Firefox Addons Website" | |
69 | height="80" | |
70 | src="{{ asset('assets/appicons/Firefox-logo.svg') }}" /> | |
71 | </a> | |
72 | <a href="https://chrome.google.com/webstore/detail/wallabagger/gbmgphmejlcoihgedabhgjdkcahacjlj"> | |
73 | <img class="icon browser" alt="Get it on the Firefox Addons Website" | |
74 | height="80" | |
75 | src="{{ asset('assets/appicons/Logo_Google_Chrome.svg') }}" /> | |
76 | </a> | |
77 | <a href="https://addons.opera.com/fr/extensions/details/wallabagger/"> | |
78 | <img class="icon browser" alt="Get it on the Firefox Addons Website" | |
79 | height="80" | |
80 | src="{{ asset('assets/appicons/opera-for-computers_icon_128x128.png') }}" /> | |
81 | </a> | |
82 | </p> | |
83 | </div> | |
84 | </li> | |
85 | </ul> | |
86 | </div> | |
8a4690b6 | 87 | |
0f8268c9 | 88 | <h4>{{ 'apps.list.title'|trans }}</h4> |
8a4690b6 | 89 | |
0f8268c9 TC |
90 | <ul class="collection"> |
91 | {% for app in apps %} | |
92 | <li class="collection-item avatar"> | |
93 | {% if app.client.image %} | |
94 | <img src="{{ app.client.image }}" alt="" class="circle"> | |
95 | {% endif %} | |
96 | <span class="title"><a href="{{ app.client.appUrl }}">{{ app.client.name }}</a></span> | |
97 | <p>{{ app.client.description }}</p> | |
98 | <div class="scopes"> | |
99 | {% for scope in app.scope | split(' ') %} | |
100 | <div class="chip">{{ scope }}</div> | |
101 | {% endfor %} | |
102 | </div> | |
103 | <p>{{ 'apps.app.created_at' | trans({'%date%': app.client.createdAt}) }}</p> | |
104 | <a href="#!" class="secondary-content"><i class="material-icons">grade</i></a> | |
105 | </li> | |
106 | {% endfor %} | |
8a4690b6 NL |
107 | </ul> |
108 | ||
0f8268c9 | 109 | <h4>{{ 'apps.old_clients.title'|trans }}</h4> |
8a4690b6 | 110 | <ul> |
0f8268c9 | 111 | <li><a href="{{ path('apps_create_client') }}">{{ 'apps.old_clients.create_new'|trans }}</a></li> |
8a4690b6 NL |
112 | </ul> |
113 | ||
0f8268c9 | 114 | <h5>{{ 'apps.old_clients.list'|trans }}</h5> |
9bf15f02 JB |
115 | {% if clients %} |
116 | <ul class="collapsible" data-collapsible="expandable"> | |
117 | {% for client in clients %} | |
118 | <li> | |
0f8268c9 | 119 | <div class="collapsible-header">{{ client.name }}</div> |
9bf15f02 JB |
120 | <div class="collapsible-body"> |
121 | <table class="striped"> | |
122 | <tr> | |
0f8268c9 TC |
123 | <td>{{ 'apps.old_clients.field_id'|trans }}</td> |
124 | <td><strong><code>{{ client.id }}_{{ client.randomId }}</code></strong></td> | |
9bf15f02 JB |
125 | </tr> |
126 | <tr> | |
0f8268c9 | 127 | <td>{{ 'apps.old_clients.field_secret'|trans }}</td> |
9bf15f02 JB |
128 | <td><strong><code>{{ client.secret }}</code></strong></td> |
129 | </tr> | |
9bf15f02 JB |
130 | </table> |
131 | <p> | |
0f8268c9 TC |
132 | {{ 'apps.remove.warn_message_1'|trans({'%name%': client.name }) }}<br/> |
133 | {{ 'apps.remove.warn_message_2'|trans({'%name%': client.name }) }}<br/> | |
134 | <a class="waves-effect waves-light red btn" href="{{ path('apps_delete_client', {'id': client.id}) }}">{{ 'apps.remove.action'|trans({'%name%': client.name }) }}</a> | |
9bf15f02 | 135 | </p> |
0f8268c9 | 136 | |
9bf15f02 JB |
137 | </div> |
138 | </li> | |
139 | {% endfor %} | |
140 | </ul> | |
141 | {% else %} | |
0f8268c9 | 142 | {{ 'apps.old_clients.no_client'|trans }} |
9bf15f02 | 143 | {% endif %} |
0f8268c9 | 144 | <h4>{{ 'apps.documentation.title'|trans }}</h4> |
8a4690b6 | 145 | |
0f8268c9 TC |
146 | <ul> |
147 | <li><a href="http://doc.wallabag.org/en/master/developer/api.html">{{ 'apps.documentation.full_documentation'|trans }}</a></li> | |
148 | <li><a href="{{ path('nelmio_api_doc_index') }}">{{ 'apps.documentation.list_methods'|trans }}</a></li> | |
149 | </ul> | |
150 | </div> | |
8a4690b6 NL |
151 | </div> |
152 | </div> | |
153 | </div> | |
154 | ||
8a4690b6 | 155 | {% endblock %} |