From cbd6b5a4d26efd205114f10b4cf301ae833001f9 Mon Sep 17 00:00:00 2001
From: Nikita Loges <git@nikita-loges.de>
Date: Tue, 29 May 2018 16:12:11 +0200
Subject: [PATCH] confirmation

---
 src/Resources/views/Package/list.html.twig     |  4 ++--
 src/Resources/views/Package/view.html.twig     |  6 +++---
 src/Resources/views/Repo/add.html.twig         |  2 +-
 src/Resources/views/Repo/edit.html.twig        |  2 +-
 src/Resources/views/Repo/list.html.twig        | 10 +++++-----
 src/Resources/views/_Partials/header.html.twig |  2 +-
 src/Resources/views/layout.html.twig           | 13 ++++++++++++-
 7 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/src/Resources/views/Package/list.html.twig b/src/Resources/views/Package/list.html.twig
index 11d291c..39a2518 100644
--- a/src/Resources/views/Package/list.html.twig
+++ b/src/Resources/views/Package/list.html.twig
@@ -5,7 +5,7 @@
 {% endblock %}
 
 {% block pageActions %}
-    <a class="btn btn-outline-primary" href="{{ path('devliver_repo_update_all') }}"><span class="fa fa-sync fa-fw"></span> {{ 'action.update_all'|trans }}</a>
+    <a class="btn btn-outline-primary bs-confirmation" href="{{ path('devliver_repo_update_all') }}" data-confirmation="Do you really want to update all repositories? This can take a long time."><span class="fa fa-sync fa-fw"></span> {{ 'action.update_all'|trans }}</a>
 {% endblock %}
 
 {% block content %}
@@ -76,7 +76,7 @@
                                 </td>
                                 <td style="white-space: nowrap; width: 1px;">
                                     <div class="btn-group">
-                                        <a href="{{ path('devliver_package_update', { package: package.id, referer: true }) }}" data-toggle="tooltip" title="{{ 'action.update'|trans }}" class="btn btn-xs btn-outline-info"><span class="fa fa-sync fa-fw"></span></a>
+                                        <a href="{{ path('devliver_package_update', { package: package.id, referer: true }) }}" title="{{ 'action.update'|trans }}" class="bs-tooltip btn btn-xs btn-outline-info"><span class="fa fa-sync fa-fw"></span></a>
                                     </div>
                                 </td>
                             </tr>
diff --git a/src/Resources/views/Package/view.html.twig b/src/Resources/views/Package/view.html.twig
index 9207515..f987116 100644
--- a/src/Resources/views/Package/view.html.twig
+++ b/src/Resources/views/Package/view.html.twig
@@ -5,7 +5,7 @@
 {% endblock %}
 
 {% block pageActions %}
-    <a href="{{ path('devliver_package_update', { package: package.id }) }}" data-toggle="tooltip" title="{{ 'action.update'|trans }}" class="btn btn-info"><i class="fas fa-sync fa-fw"></i></a>
+    <a href="{{ path('devliver_package_update', { package: package.id }) }}" title="{{ 'action.update'|trans }}" class="btn btn-info bs-tooltip"><i class="fas fa-sync fa-fw"></i></a>
 {% endblock %}
 
 {% block content %}
@@ -118,7 +118,7 @@
                         {% set adapter = package_adapter(pi) %}
                         <li class="list-group-item py-1 px-2 clearfix">
                             <div class="float-left">
-                                <a href="#" class="package-link" data-toggle="tooltip" title="{{ pi.prettyVersion }}" data-package="details_{{ (pi.prettyVersion ~ pi.sourceReference)|sha1 }}">
+                                <a href="#" class="package-link bs-tooltip" title="{{ pi.prettyVersion }}" data-package="details_{{ (pi.prettyVersion ~ pi.sourceReference)|sha1 }}">
                                     {{ pi.prettyVersion|truncate(40) }}
 
                                     {% if adapter.alias is not null %}
@@ -128,7 +128,7 @@
                             </div>
                             <div class="float-right">
                                 <span class="badge badge-primary badge-pill" title="Downloads">{{ version_downloads(version)|number_format }}</span>
-                                <a href="{{ package_download_url(pi) }}" data-toggle="tooltip" title="Download"><i class="fas fa-download"></i></a>
+                                <a href="{{ package_download_url(pi) }}" title="Download"><i class="fas fa-download bs-tooltip"></i></a>
                             </div>
                         </li>
                     {% endfor %}
diff --git a/src/Resources/views/Repo/add.html.twig b/src/Resources/views/Repo/add.html.twig
index b0e3540..873930d 100644
--- a/src/Resources/views/Repo/add.html.twig
+++ b/src/Resources/views/Repo/add.html.twig
@@ -5,7 +5,7 @@
 {% endblock %}
 
 {% block pageActions %}
-    <a href="{{ path('devliver_repo_index') }}" data-toggle="tooltip" title="{{ 'action.cancel'|trans }}" class="btn btn-outline-danger"><span class="fa fa-ban fa-fw"></span> {{ 'action.cancel'|trans }}</a>
+    <a href="{{ path('devliver_repo_index') }}" title="{{ 'action.cancel'|trans }}" class="btn btn-outline-danger bs-tooltip"><span class="fa fa-ban fa-fw"></span> {{ 'action.cancel'|trans }}</a>
 {% endblock %}
 
 {% block content %}
diff --git a/src/Resources/views/Repo/edit.html.twig b/src/Resources/views/Repo/edit.html.twig
index 9809e1a..b37fc45 100644
--- a/src/Resources/views/Repo/edit.html.twig
+++ b/src/Resources/views/Repo/edit.html.twig
@@ -5,6 +5,6 @@
 {% endblock %}
 
 {% block pageActions %}
-    <a href="{{ path('devliver_repo_add') }}" data-toggle="tooltip" title="{{ 'action.add'|trans }}" class="btn btn-primary"><span class="fa fa-plus fa-fw"></span> {{ 'action.add'|trans }}</a>
+    <a href="{{ path('devliver_repo_add') }}" title="{{ 'action.add'|trans }}" class="btn btn-primary bs-tooltip"><span class="fa fa-plus fa-fw"></span> {{ 'action.add'|trans }}</a>
     {{ parent() }}
 {% endblock %}
\ No newline at end of file
diff --git a/src/Resources/views/Repo/list.html.twig b/src/Resources/views/Repo/list.html.twig
index 3066eb1..6a2dfb0 100644
--- a/src/Resources/views/Repo/list.html.twig
+++ b/src/Resources/views/Repo/list.html.twig
@@ -11,7 +11,7 @@
 {% endblock %}
 
 {% block pageActions %}
-    <a class="btn btn-outline-primary" href="{{ path('devliver_repo_update_all') }}"><span class="fas fa-sync fa-fw"></span> {{ 'action.update_all'|trans }}</a>
+    <a class="btn btn-outline-primary bs-confirmation" href="{{ path('devliver_repo_update_all') }}" data-confirmation="Do you really want to update all repositories? This can take a long time."><span class="fas fa-sync fa-fw"></span> {{ 'action.update_all'|trans }}</a>
     <a class="btn btn-primary" href="{{ path('devliver_repo_add') }}"><span class="fas fa-plus fa-fw"></span> {{ 'repository.add_repositories'|trans }}</a>
 {% endblock %}
 
@@ -28,7 +28,7 @@
                     </div>
                     <input type="text" name="filter" value="{{ app.request.query.get('filter') }}" class="form-control" placeholder="Filter">
                     <div class="input-group-append">
-                        <button class="btn btn-outline-primary" type="submit">Search</button>
+                        <button class="btn btn-outline-primary"type="submit">Search</button>
                         <a href="{{ path(app.request.get('_route')) }}" class="btn btn-outline-danger">Reset</a>
                     </div>
 
@@ -67,9 +67,9 @@
                                 </td>
                                 <td style="white-space: nowrap; width: 1px;">
                                     <div class="btn-group">
-                                        <a href="{{ path('devliver_repo_edit', { id: repo.id }) }}" data-toggle="tooltip" title="{{ 'action.edit'|trans }}" class="btn btn-xs btn-outline-primary"><span class="fa fa-edit fa-fw"></span></a>
-                                        <a href="{{ path('devliver_repo_update', { id: repo.id, referer: true }) }}" data-toggle="tooltip" title="{{ 'action.update'|trans }}" class="btn btn-xs btn-outline-info"><span class="fa fa-sync fa-fw"></span></a>
-                                        <a href="{{ path('devliver_repo_delete', { id: repo.id }) }}" data-toggle="tooltip" title="{{ 'action.remove'|trans }}" class="btn btn-xs    btn-outline-danger"><span class="fa fa-trash fa-fw"></span></a>
+                                        <a href="{{ path('devliver_repo_edit', { id: repo.id }) }}" title="{{ 'action.edit'|trans }}" class="bs-tooltip btn btn-xs btn-outline-primary"><span class="fa fa-edit fa-fw"></span></a>
+                                        <a href="{{ path('devliver_repo_update', { id: repo.id, referer: true }) }}" title="{{ 'action.update'|trans }}" class="bs-tooltip btn btn-xs btn-outline-info"><span class="fa fa-sync fa-fw"></span></a>
+                                        <a href="{{ path('devliver_repo_delete', { id: repo.id }) }}" data-title="Remove?" title="{{ 'action.remove'|trans }}" class="btn btn-xs bs-confirmation bs-tooltip btn-outline-danger"><span class="fa fa-trash fa-fw"></span></a>
                                     </div>
                                 </td>
                             </tr>
diff --git a/src/Resources/views/_Partials/header.html.twig b/src/Resources/views/_Partials/header.html.twig
index 58e4d28..28dbd99 100644
--- a/src/Resources/views/_Partials/header.html.twig
+++ b/src/Resources/views/_Partials/header.html.twig
@@ -14,7 +14,7 @@
 
                     <form class="form-inline ml-auto mr-3">
                         {% if latest_release.name != current_release.name and is_granted('ROLE_USER') %}
-                            <a class="btn btn-warning" data-toggle="tooltip" title="{{ latest_release.name }}" href="https://github.com/shapecode/devliver/releases" target="_blank">
+                            <a class="btn btn-warning bs-tooltip" title="{{ latest_release.name }}" href="https://github.com/shapecode/devliver/releases" target="_blank">
                                 Update Available
                             </a>
                         {% endif %}
diff --git a/src/Resources/views/layout.html.twig b/src/Resources/views/layout.html.twig
index 9202027..6990192 100644
--- a/src/Resources/views/layout.html.twig
+++ b/src/Resources/views/layout.html.twig
@@ -64,15 +64,26 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
     <script src="https://use.fontawesome.com/releases/v5.0.13/js/all.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-confirmation2/dist/bootstrap-confirmation.min.js"></script>
 {% endblock %}
+
 <script>
     $(function () {
-        $('[data-toggle="tooltip"]').tooltip();
+        $('.bs-tooltip').tooltip();
+        $('.bs-confirmation').confirmation({
+            rootSelector: '.bs-confirmation',
+            popout: true,
+            singleton: true,
+            title: function () {
+                return $(this).data('confirmation');
+            }
+        });
     });
 
     {% block post_js %}{% endblock %}
 
 </script>
+
 {% block javascripts_post %}{% endblock %}
 </body>
 </html>
\ No newline at end of file