xNightR00T File Manager

<page-header title="Import Queues" description="
             Job Queue is a job management system that provides offline
             asynchronous processing of tasks and activities that can be run independently of
             the end user experience. Using the Job Queue API you can delay the execution of 'heavy' parts
             of your Web application that originate from direct user interaction with a Web server,
             helping you to significantly improve response time and reduce Web server load.
             " read-more-link="{{helpLinkService.get('creating_a_queue')}}"></page-header>

<div class="form-error" ng-if="error">{{error}}</div>

<div class="settings-form-wrapper bordered-form">

    <div class="warningTopMessage warningTopMessageBorderedForm" ng-if="alert_message">{{alert_message}}</div>

    <div ng-if="! aclService.isAllowed('route:JobQueueWebApi', 'jobqueueImportQueues')" class="warningTopMessage warningTopMessageBorderedForm">Importing queues is allowed only to the administrator</div>
    <fieldset class="reset-fieldset" ng-disable="uploader.uploadState === 1">
        <div class="settings-form-wrapper">

            <form name="myForm" id="JobQueue_queues_import" enctype="multipart/form-data" ng-submit="importQueues()">
                <input type="submit" style="display:none;">
                <section id="section_wrapper_import">
                    <h3 id="section_import">Import</h3>
                    <p class="section_description">Import an exported .zip file containing queues.<br/>
                        Queues with the same name are overridden.</p>
                    <div>
                        <p class="section_description">Select an exported ZIP file containing queues data.</p>

                        <!--
                        <span class="zform-element" ng-show="formData.file">
                            
                        </span>
                        <span class="zform-element" ng-show="! formData.file">
                            <input type="file" id="url" name="file[]" class="file" accept=".zip"  title="Select an exported ZIP file containing queues data." style="border:none;background:#fcfcfc;" ngf-select="onFileSelected($files)" ng-model="formData.file" required ng-disabled="uploader.uploadingPrecent && uploader.uploadingPrecent != 100">
        
                            <div ngf-drop="onFileSelected($files)" class="droppable" ngf-drag-over-class="'dragover'" ng-disabled="uploader.uploadingPrecent && uploader.uploadingPrecent != 100">You can drag & drop an exported ZIP file containing queues data here</div>
                            <div ngf-no-file-drop>File Drag/Drop is not supported for this browser</div>
                        </span>-->
                        <div class="zs-file-upload-box" style="margin-left:20px;">
                            <div ng-if="! formData.file"  ngf-drop="onFileSelected($files)"  ngf-drag-over-class="'dragover'" class="droppable">
                                <input type="file" id="configFile" name="configFile[]" class="file" style="width: 250px;border:none;background:#fcfcfc;" ng-model="formData.file"  ngf-select="onFileSelected($files)">
                                <div class="drop-area">Drag &amp; Drop your file here</div>
                            </div>
                            <div ng-if="formData.file" class="zs-uploaded-file-wrapper">
                                Selected File: 
                                <span class="zs-uploaded-file" title="Clear File"><i class="fa fa-close" ng-click="removeFile()"></i> {{formData.file.name}}</span>
                            </div>
                        </div>
                    </div>
                    <div>
                        <p class="section_description" style="margin-top:20px">  
                            <label class="valign-middle">
                                <input type="checkbox" name="delete_current" ng-model="formData.delete_current" id="JobQueue_queue_import_delete_current" title="Select to delete all the current queues before import. If left unselected, existing queues that do not exist in the imported data will be left untouched." required="required" ng-false-value="0" ng-true-value="1">
                                Delete current queues
                            </label>
                        </p>
                        <p class="section_description">Select to delete all the current queues before import. If left unselected, existing queues that do not exist in the imported data will be left untouched.</p>
                    </div>
                </section>
            </form>
        </div>
        <div class="form-row">
            <div id="jobs-grid-actions-bar" class="grid-action-bar">
                <a class="btn btn-blue" id="queues_import" title="Import" ng-click="importQueues();" ng-disabled="myForm.$pristine || ! aclService.isAllowed('route:JobQueueWebApi', 'jobqueueImportQueues')">Import</a>
                <a class="btn btn-default" id="queues_import_cancel" title="Cancel" href="#!/job-queue/queues" >Cancel</a>
            </div>
        </div>
    </fieldset>
</div>