Add warning message for PocketImport

[github/wallabag/wallabag.git] / src / Wallabag / ImportBundle / Resources / views / Pocket / index.html.twig

diff --git a/src/Wallabag/ImportBundle/Resources/views/Pocket/index.html.twig b/src/Wallabag/ImportBundle/Resources/views/Pocket/index.html.twig
index e6abc17b45d662d0c9b82a66d01b5caec64f1060..e0e36f387e68508cee9e1736eb74cf7286169516 100644 (file)
--- a/src/Wallabag/ImportBundle/Resources/views/Pocket/index.html.twig
+++ b/src/Wallabag/ImportBundle/Resources/views/Pocket/index.html.twig
@@ -1,14 +1,22 @@
 {% extends "WallabagCoreBundle::layout.html.twig" %}
-{% block title %}{% trans %}import{% endtrans %}{% endblock %}
+{% block title %}{% trans %}Import > Pocket{% endtrans %}{% endblock %}
 
 {% block content %}
-
 <div class="row">
     <div class="col s12">
         <div class="card-panel settings">
-            {% trans %}You can import your data from your Pocket account. You just have to click on the below button and authorize the application to connect to getpocket.com.{% endtrans %}
-            <form method="post" action="{{ path('authpocket') }}">
-                <input type="submit" value="Connect to Pocket and import data" />
+            {% if not has_consumer_key %}
+                <div class="card-panel red darken-1">
+                    {% trans %}Pocket import isn't configured. You need to define pocket_consumer_key.{% endtrans %}
+                </div>
+            {% endif %}
+
+            <blockquote>{{ import.description|trans }}</blockquote>
+            <p>{% trans %}You can import your data from your Pocket account. You just have to click on the below button and authorize the application to connect to getpocket.com.{% endtrans %}</p>
+            <form method="post" action="{{ path('import_pocket_auth') }}">
+                <button class="btn waves-effect waves-light" type="submit" name="action">
+                    {% trans %}Connect to Pocket and import data{% endtrans %}
+                </button>
             </form>
         </div>
     </div>