{% extends 'main/base.html' %}
{% load bootstrap3 %}
{% load staticfiles %}

{% block title %}
    Import data
{% endblock %}

{% block content %}
    <script type="text/javascript">
        {% autoescape off %}
            $(document).ready(function () {
                $("#deleteAllSwitcher").change(function () {
                    rbpmUpdateActivity();
                });
                $("#selectAllSwitcher").change(function () {
                    $(".toBeSwitched").prop('checked', $(this).prop("checked"));
                    rbpmUpdateActivity();
                });
                $(".toBeSwitched").change(function () {
                    console.log("Change");
                    console.log(this);
                    console.log($(this).val())
                    rbpmUpdateActivity();
                });
                $("#selectEnvironment").change(function () {
                            console.log("Env changed");
                            environment = $('#selectEnvironment').val();
                            console.log(environment);
                            $.ajax({
                                url: "/api/configuration/set/environment/" + environment,
                                success: function (result) {
                                    $.ajax({
                                        url: "/api/configuration/get/environment",
                                        success: function (result) {
                                            console.log(result);
                                            $("#currentEnvironment").html("<strong>" + result.configs.environment + "</strong>");
                                        }
                                    });
                                }
                            });
                        }
                );
                rbpmUpdateActivity();
            });

            function rbpmUpdateActivity() {
                collectedActivities = {}
                deleteActive = $('#deleteAllSwitcher').prop('checked');
                $(".toBeSwitched").each(function (e) {
                    mainClass = $(this).val();
                    isChecked = $(this).prop('checked');
                    searchClass = '.' + mainClass;
                    if (isChecked) {
                        $(searchClass).removeClass('hidden');
                        collectedActivities[mainClass] = true;
                    } else {
                        $(searchClass).addClass('hidden');
                    }
                    if (deleteActive) {
                        $(searchClass + '_delete').removeClass('hidden');
                        collectedActivities[mainClass + '_delete'] = true;
                    } else {
                        $(searchClass + '_delete').addClass('hidden');
                    }
                });
                return collectedActivities;
            }

            function rbpmAjaxCall(urlArray) {
                elem = urlArray.shift();
                url = elem[0];
                task = elem[1];
                pendingText = elem[2];
                doneText = elem[3];
                $(task).removeClass('text-muted').addClass('text-primary');
                $(task + " span").html(pendingText);
                $.ajax({
                    url: url,
                    cache: false,
                    type: "GET",
                    complete: function () {
                        $('#rbpmRefreshButton').prop('disabled', false);
                        $('#rbpmImportButton').prop('disabled', false);
                    },
                    success: function () {
                        $(task).removeClass('text-muted').removeClass('text-primary').addClass('text-success');
                        $(task + " span").html(doneText);
                        window.rbpmAjaxOperationStatus = 200;
                        if (urlArray.length > 0) {
                            rbpmAjaxCall(urlArray);
                        } else {
                            $('#rbpmRefreshButton').prop('disabled', false);
                            $('#rbpmImportButton').prop('disabled', false);
                            stopUpdatingStatus();
                        }
                    },
                    error: function () {
                        $(task).removeClass('text-muted').removeClass('text-primary').addClass('text-danger');
                        window.rbpmAjaxOperationStatus = 500;
                    }
                });
            }

            function rbpmImport() {
                $('#rbpmRefreshButton').prop('disabled', true);
                $('#rbpmImportButton').prop('disabled', true);
                startUpdatingStatus();
                collectedActivities = rbpmUpdateActivity();
                environment = $('#selectEnvironment').val();
                console.log("ENVIRONMENT");
                console.log(environment);

                urlsArray = [];

                urlsArray.push(['/api/rbpm/update/treename/' + environment, '.activity_project', 'Reading data', 'Done']);

                if (collectedActivities.hasOwnProperty('activity_project_delete')) {
                    urlsArray.push(['/api/rbpm/delete/project', '.activity_project_delete', 'Deleting data', 'Done']);
                }
                if (collectedActivities.hasOwnProperty('activity_containers_delete')) {
                    urlsArray.push(['/api/rbpm/delete/containers', '.activity_containers_delete', 'Deleting data', 'Done']);
                }
                if (collectedActivities.hasOwnProperty('activity_groups_delete')) {
                    urlsArray.push(['/api/rbpm/delete/groups', '.activity_groups_delete', 'Deleting data', 'Done']);
                }
                if (collectedActivities.hasOwnProperty('activity_users_delete')) {
                    urlsArray.push(['/api/rbpm/delete/users', '.activity_users_delete', 'Deleting datag', 'Done']);
                }
                if (collectedActivities.hasOwnProperty('activity_roles_delete')) {
                    urlsArray.push(['/api/rbpm/delete/categories', '.activity_roles_delete', 'Deleting Categories', 'Pending']);
                    urlsArray.push(['/api/rbpm/delete/privileges', '.activity_roles_delete', 'Deleting Privileges', 'Done']);
                }
                /**
                 *
                 */
                if (collectedActivities.hasOwnProperty('activity_project')) {
                    urlsArray.push(['/api/rbpm/update/schema/' + environment, '.activity_project', 'Reading Schema', 'Pending']);
                    urlsArray.push(['/api/rbpm/update/project/' + environment, '.activity_project', 'Reading Project', 'Done']);
                }
                if (collectedActivities.hasOwnProperty('activity_containers')) {
                    urlsArray.push(['/api/rbpm/update/containers/' + environment, '.activity_containers', 'Reading Containers', 'Done']);
                }
                if (collectedActivities.hasOwnProperty('activity_users')) {
                    urlsArray.push(['/api/rbpm/update/users/' + environment, '.activity_users', 'Reading Users', 'Done']);
                }
                if (collectedActivities.hasOwnProperty('activity_groups')) {
                    urlsArray.push(['/api/rbpm/update/groups/' + environment, '.activity_groups', 'Reading Groups', 'Done']);
                }

                if (collectedActivities.hasOwnProperty('activity_users') && collectedActivities.hasOwnProperty('activity_groups')) {
                    urlsArray.push(['/api/rbpm/update/groups2users/' + environment, '.activity_groups', 'Reading Group to User Bindings', 'Done']);
                }
                if (collectedActivities.hasOwnProperty('activity_roles')) {
                    urlsArray.push(['/api/rbpm/update/categories/' + environment, '.activity_roles', 'Reading Categories', 'Pending']);
                    urlsArray.push(['/api/rbpm/update/roles/' + environment, '.activity_roles', 'Reading Roles', 'Pending']);
                    urlsArray.push(['/api/rbpm/update/resources/' + environment, '.activity_roles', 'Reading Resources', 'Pending']);
                    urlsArray.push(['/api/rbpm/update/roles2resources/' + environment, '.activity_roles', 'Reading Roles to Resources Bindings', 'Done']);
                }
                if (collectedActivities.hasOwnProperty('activity_users') &&
                        collectedActivities.hasOwnProperty('activity_groups') &&
                        collectedActivities.hasOwnProperty('activity_containers') &&
                        collectedActivities.hasOwnProperty('activity_roles')) {
                    urlsArray.push(['/api/rbpm/update/roles2objects/' + environment, '.activity_roles', 'Reading Roles to Objects Bindings', 'Done']);
                }
                rbpmAjaxCall(urlsArray);
            }

            function rbpmImportAll() {
                $.ajax({
                    url: "/api/rbpm/refresh/complete",
                    cache: false,
                    type: "GET",
                    complete: function () {
                        $('#rbpmRefreshButton').prop('disabled', false);
                        $('#rbpmImportButton').prop('disabled', false);
                        stopUpdatingStatus();
                    }
                });
                $('#rbpmRefreshButton').prop('disabled', true);
                startUpdatingStatus();
            };
        {% endautoescape %}
    </script>
    <div class="form-group disable-if-running">
        <label for="sel1">Select environment:</label>
        <select id='selectEnvironment' class="form-control disable-if-running" id="environment">
            <option value="source">Source</option>
            <option value="destination">Destination</option>
            <option value="file">File</option>
        </select>
        <hr/>
        <label>Settings:</label>
        <div class="checkbox-inline">
            <label class="checkbox-inline">
                <input id='deleteAllSwitcher' type="checkbox" value="deleteAll" checked>Delete before import
            </label>
        </div>
        <div class="checkbox">
            <label class="checkbox-inline"><input id='selectAllSwitcher' type="checkbox" value="selectAll" checked>
                Select all
            </label>
        </div>
        <div class="container">
            <div class="checkbox">
                <label>
                    <input class='toBeSwitched' type="checkbox" value="activity_project" checked>Import project
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input class='toBeSwitched' type="checkbox" value="activity_containers" checked>Import containers
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input class='toBeSwitched' type="checkbox" value="activity_users" checked>Import users
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input class='toBeSwitched' type="checkbox" value="activity_groups" checked>Import groups
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input class='toBeSwitched' type="checkbox" value="activity_roles" checked>Import roles and
                    resources
                </label>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-lg-6 col-sm-6 col-xs-6">
        <button id="rbpmImportButton" type="button" class="btn btn-primary disable-if-running" onclick="rbpmImport();">
            Import
        </button>
    </div>
    <div class="col-md-6 col-lg-6 col-sm-6 col-xs-6">
        <button id="rbpmRefreshButton" type="button" class="btn btn-danger disable-if-running"
                onclick="rbpmImportAll();">
            Silently delete all data and reimport it
        </button>
    </div>
    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
        <hr/>
    </div>
    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
        Actions:
        <ul>
            <li class="activity_project_delete text-muted">Delete Project Data in database... <span></span></li>
            <li class="activity_containers_delete text-muted">Delete Containers in database... <span></span></li>
            <li class="activity_users_delete text-muted">Delete Users in database... <span></span></li>
            <li class="activity_groups_delete text-muted">Delete Groups in database... <span></span></li>
            <li class="activity_roles_delete text-muted">Delete Privileges in database... <span></span></li>
            <li class="activity_project text-muted">Import Project Data... <span></span></li>
            <li class="activity_containers text-muted">Import Containers from Directory... <span></span></li>
            <li class="activity_users text-muted">Import Users from Directory... <span></span></li>
            <li class="activity_groups text-muted">Import Groups from Directory... <span></span></li>
            <li class="activity_roles text-muted">Import Privileges from Directory... <span></span></li>
        </ul>
    </div>
    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
        <hr/>
    </div>
{% endblock %}