Implement front-end for deleting a library

Author: Gisonrg

Symfony/src/Codebender/LibraryBundle/Resources/views/V2/libraryView.html.twig

@@ -66,7 +66,7 @@
                             {% endfor %}
                         </ul>
                     </div>
-                    <span id="delete-library-output"></span>
+                    <div id="delete-library-output"></div>
                 {% endif %}
                 <br/><br/>
                 {% if meta.gitOwner and meta.gitRepo and meta.gitLastCommit %}
@@ -129,13 +129,21 @@
                     </h4>
                 </div>
                 <div class="modal-body">
-                    <p>You are about to permanently delete version <span class="modal_library_version"></span>
+                    <p>You are about to permanently delete version <strong></string><span class="modal_library_version"></span></strong> from
+                        <strong>
                         {% if meta.name is defined %}
                             {{ meta.name }}
                         {% else %}
                             {{ library }}
                         {% endif %}
+                        </strong>
                         library. Are you sure?</p>
+                    <div id="new_latest_version_div" style="margin: 10px 0">
+                        You are about to delete a latest version of the library, please specify a new latest version:
+                        <div>
+                            <select class="form-control" style="width: 20%" id="new_latest_version_select"></select>
+                        </div>
+                    </div>
                     <button id="yes-button" class="btn btn-danger">Do it!</button>
                     <button id="no-button" class="btn btn-default" data-dismiss="modal">God no..</button>
                 </div>
@@ -148,11 +156,18 @@
             <!-- Modal content-->
             <div class="modal-content">
                 <div class="modal-header">
-                    <h4 class="modal-title">Library <span id="modal_library_name"></span> deleted!</h4>
+                    <h4 class="modal-title">Version <span class="modal_library_version"></span>
+                        from
+                        {% if meta.name is defined %}
+                            {{ meta.name }}
+                        {% else %}
+                            {{ library }}
+                        {% endif %}
+                        library is deleted!</h4>
                 </div>
                 <div class="modal-body">
                     <p>Click on the button below to get redirected to the library addition page.</p>
-                    <button id="redirect-button" class="btn btn-default">Take me there</button>
+                    <button id="redirect-button" class="btn btn-info">Take me there</button>
                     <p><strong>Don't forget to delete the cached library object files from the compiler!</strong></p>
                 </div>
             </div>
@@ -186,14 +201,70 @@
     }
 
     $(function() {
+        var latestVersion = "{{ meta.latestVersionName }}";
+        var versions = {{ versions|json_encode|raw }};
         // add modal handler to each delete button
         $('a.delete-library-version').each(function() {
             $(this).on("click", function(){
+                $('#new_latest_version_div').hide();
+                $('#new_latest_version_select').html('');
                 $('#deletionModal').modal('show');
-                var version = $(this).data('version');
-                $('.modal_library_version').text(version);
+                var selectedVersion = $(this).data('version');
+                $('.modal_library_version').text(selectedVersion);
+
+                // if we are deleting a version that is a latest version but not the only version of the library
+                if (versions.length > 1 && selectedVersion === latestVersion) {
+                    // show the div
+                    $('#new_latest_version_div').show();
+                    versions.forEach(function(version) {
+                        if (version.version !== selectedVersion) {
+                            $('#new_latest_version_select').append('<option value="' + version.version + '">' + version.version + '</option>');
+                        }
+                    });
+                }
             });
         });
+
+        $("#yes-button").click(function () {
+            $('#deletionModal').modal('hide');
+            var deleteVersion = $('.modal_library_version').first().text();
+            var newLatestVersion = $('#new_latest_version_select').val();
+            var data = {
+                type: 'deleteLibrary',
+                library: '{{ library }}',
+                version: deleteVersion
+            };
+
+            if (newLatestVersion) {
+                data['nextLatestVersion'] = newLatestVersion;
+            }
+
+            $.ajax({
+                type: "POST",
+                url: '{{ path('codebender_api_handler_v2', {'authorizationKey' : authorizationKey}) }}',
+                data: JSON.stringify(data),
+                dataType: 'json'
+            })
+            .done(function(data) {
+                if(!data.success) {
+                    $("#delete-library-output").html(data.message);
+                }
+                if(data.success) {
+                    $('.btn').attr('disabled', 'disabled'); //disable all buttons to avoid performing operations on a deleted library
+                    $('#redirect-button').removeAttr('disabled');
+                    $('#deletedModal').modal({
+                        keyboard: false,
+                        backdrop: 'static',
+                        show: false
+                    });
+                    $('#deletedModal').modal('show');
+                }
+            });
+        });
+
+        $('#redirect-button').click(function(){
+            window.location.replace("{{ path('codebender_library_new_external_v2', {'authorizationKey': authorizationKey}) }}");
+        });
     });
 
 </script>