update_old_project.js

/**
 * @author Boyan XIN
 * @version 1.0
 * @contact boyanx@student.unimelb.edu.au
 *
 */
//text type data
var projecttitle = null;
var projectcontent = null;
var projectdescription = null;
var starttime = null;
var endtime = null;
var projecttag = null;
// Array to store urls of different kinds of files
var vediofile = null;
var imgfile = null;
var otherfile = null;
var ifFilePublic = false;

$.extend({
    'getUrlParam' : function(){
        var query = window.location.href;
        console.log(query);
        var vars = query.split('=');
        console.log(vars);
        return vars[1];
    }
});

$(function() {
    console.log("update js ready");
    var upload = document.getElementById('editUploadFile');
    var t_files = null;
    upload.addEventListener('change', function() {
        t_files = this.files;
        var str = [];
        if (t_files != null){
            for (var i = 0, len = t_files.length; i < len; i++) {
                str[i] = t_files[i].name;
                // console.log(str)
            };
        }
        if (t_files != null){
            if (t_files.length == 1){
                var index  = upload.value.lastIndexOf("\\");
                var value = upload.value.substr(index+1);
                $('#filesname').html("");
                $('#filesname').append(value);
            } else{

                $('#filesname').html("");
                $('#filesname').append(t_files.length + " Files Chosen");
            }
        }
    }, false);

    $('#editUpload').on("click", function(){
        uploadFiles(t_files);
    });

    // upload data into the DB
    $("#editSubmitform").on("click", function() {
        if (t_files != null && ifFilePublic == false){
            $.confirm({
                title: 'Warning!',
                content: 'You Should Upload Your Files First ! ! \n',
                icon: 'fa fa-spinner fa-spin',
                theme: 'white',
                buttons: {
                    ok: {
                        text: "ok",
                        keys: ['enter'],
                        action: function() {

                        }
                    }
                }
            });
        }else if (t_files != null && ifFilePublic == true){
            submitForm();
        }else if (t_files == null){
            submitForm();
        }
    });

    $('#cancellEdit').on("click", function(){
        $.confirm({
            title: 'Cancel Edit!',
            content: 'You Change On This Project Will Not Be Saved ! \n' +
            'Click OK Back To Your Admin Account!',
            icon: 'fa fa-warning',
            theme: 'supervan',
            buttons: {
                ok: {
                    text: "ok",
                    btnClass: 'btn-primary',
                    keys: ['enter'],
                    action: function() {
                        $(window).attr('location', '/admin.html');

                    }
                },
                cancel: function(){

                }
            }
        });
    });
});

/**
 * classify the file type, store into array
 */
function classifyFiles(url){

    var index = url.lastIndexOf(".");
    var ext = url.substr(index+1);

    // console.log(ext + "  " + ext.length);

    if (isAssetTypeAnImage(ext)){
        if (imgfile == null){
            imgfile = url + ";;;";
        }else{
            imgfile = imgfile + url + ";;;";
        }

    } else if (isAssetTypeAVedio(ext)){
        if (vediofile == null){
            vediofile = url + ";;;";
        }else{
            vediofile = vediofile + url + ";;;";
        }
    } else{
        if (otherfile == null){
            otherfile = url + ";;;";
        }else{
            otherfile = otherfile + url + ";;;";
        }
    }

    // console.log(imgfile);
    // console.log(vediofile);
    // console.log(otherfile);
}


/**
 * upload files (any type) to OSS
 */
function uploadFiles(t_files){
    if (t_files != null ){
        for (var i = 0, len = t_files.length; i < len; i++) {
            var formData = new FormData();
            formData.append("file["+ i +"]", t_files[i]);
            $.ajax({
                type: "post",
                url: '/large.file.upload',
                data: formData,
                processData: false,
                contentType: false,
                success: function (url) {
                    $.confirm({
                        title: 'Success !',
                        content: 'File Upload Success \n',
                        icon: 'fa fa-spinner fa-spin',
                        theme: 'white',
                        buttons: {
                            ok: {
                                text: "ok",
                                keys: ['enter'],
                                action: function() {

                                }
                            }
                        }
                    });
                    ifFilePublic = true;
                    classifyFiles(url);
                },
                error:function (XMLHttpRequest, textStatus, errorThrown) {
                    alert("Upload Failed");
                }

            });
        }
    }
}

/**
 * submit form to the DB
 */
function submitForm() {

    var strcookie = document.cookie;
    var userIdStr = strcookie.split(";")[0];
    var userId = userIdStr.split("=")[1];
    var pid = $.getUrlParam();
    console.log("     " + otherfile)

    projecttitle = $('#editTitle').val();
    var projectcontent = $('textarea[name="content1"]').val();
    projectdescription = $('#editDescription').val();
    var sel = document.getElementById("editPrivacy");
    var privacyVal = sel.value;
    console.log(projectcontent);

    var aSpan=document.getElementById("editTags").getElementsByTagName("span");
    for (var i = 0; i < aSpan.length; i++){
        if (i==0 && projecttag==null){
            projecttag = aSpan[i].innerText + ";;;";
        }else if (i!=0 && i % 2 ==0){
            projecttag = projecttag + aSpan[i].innerText + ";;;";
        }

    }

    $.ajax({
        type : 'GET',
        async : false,
        url : '/EditServlet',
        data : {
            type : 'update_project',
            title : projecttitle,
            content : projectcontent,
            userid : userId,
            projectId : pid,
            description : projectdescription,
            starttime : starttime,
            endtime : endtime,
            img : imgfile,
            vedio : vediofile,
            otherfile : otherfile,
            tag : projecttag,
            visibility : privacyVal
        },
        dataType: 'text',
        success : function(response) {
            if (response == "" || response == null) {

            } else {
                $.confirm({
                    title: 'Congratulation!',
                    content: 'You Are Already Upload Your Project ! \n' +
                    'Click OK Back To Your Admin Account!',
                    icon: 'fa fa-warning',
                    theme: 'supervan',
                    buttons: {
                        ok: {
                            text: "ok",
                            btnClass: 'btn-primary',
                            keys: ['enter'],
                            action: function() {
                                $(window).attr('location', '/admin.html');

                            }
                        }
                    }
                });

            }
        },
        error : function(XMLHttpRequest, textStatus) {

        }
    });

}

/**
 * file type judegement
 * @param ext
 * @returns {boolean}
 */
function isAssetTypeAnImage(ext) {
    var types = ['png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'psd', 'svg', 'tiff'];
    for (var i = 0; i < types.length; i++){
        if (ext === types[i]){
            return true;
        }
    }
}

/**
 * file type judgement
 * @param ext
 * @returns {boolean}
 */
function isAssetTypeAVedio(ext) {
    var types = ['rm','rmvb','mpeg1','mov','mtv','dat','wmv','avi','3gp','amv','dmv','flv',
        'mp4','mpeg2','mpeg4'];
    for (var i = 0; i < types.length; i++){
        if (ext ===types[i]){
            return true;
        }
    }
}