Library

<!DOCTYPE html> <Cache-Control:public, max-age=31536000> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  <title>Library</title>  <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Library"> <meta name="keywords" content="Library"> <meta name="author" content="FEHRL"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">    <link rel="icon" href="site/skillfulproject/img/favicon.png" type="image/png"/>            <link rel="stylesheet" type="text/css" href="/site/skillfulproject/css/main.css"> <link rel="stylesheet" type="text/css" src="/resources/file_upload/css/stsyle.css"> <link rel="stylesheet" type="text/css" href="/resources/file_upload/css/jquery.fileupload-ui.css"> <link rel="stylesheet" type="text/css" href="/resources/font-awesome-4.3.0/css/font-awesome.min.css">  <script> var link = document.createElement('link'); link.type = 'image/x-icon'; link.rel = 'shortcut icon'; link.href = 'site/skillfulproject/img/favicon.ico'; document.getElementsByTagName('head')[0].appendChild(link); </script> <script type="text/javascript" src="/resources/uniform/js/jquery-1.9.1/jquery-1.9.1.min.js"></script> <script src="/resources/jstree/dist/jstree.min.js" type="text/javascript"></script> <link rel="stylesheet" href="/resources/jstree/dist/themes/proton/style.min.css" /> <script src='https://www.google.com/recaptcha/api.js' async defer></script>  <script src="/theme/fehrl_gray_3/resources/bootstrap3/js/bootstrap.min.js" type="text/javascript"></script> <link rel="stylesheet" href="/theme/fehrl_gray_3/resources/bootstrap3/css/bootstrap.min.css">          <link rel="stylesheet" type="text/css" href="/theme/fehrl_gray_3/resources/css/style.css" > <link rel="stylesheet" type="text/css" href="/theme/fehrl_gray_3/resources/css/font-titillium-web.css" /> <script type='text/javascript' src='/resources/unite-gallery/js/unitegallery.min.js'></script> <link rel='stylesheet' href='/resources/unite-gallery/css/unite-gallery.css' type='text/css' /> <script async src="https://www.googletagmanager.com/gtag/js?id=G-RPWX97QF32"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RPWX97QF32'); </script> <script src="/resources/jquery_file_upload/vendor/jquery.ui.widget.js"></script> <script src="/resources/jquery_file_upload/jquery.iframe-transport.js"></script> <script src="/resources/jquery_file_upload/jquery.fileupload.js"></script>  <script type="text/javascript" src="/resources/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script> <script src="/resources/uniform/js/select2.min.js"></script>  <script src="/resources/file_upload/main.js"></script> <link rel="stylesheet" src="/resources/file_upload/css/stsyle.css"> <link rel="stylesheet" href="/resources/file_upload/css/jquery.fileupload-ui.css"> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.css" /> <script type="text/javascript" src="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.js"></script> <script type="text/javascript" src="/resources/tiny_mce_4.5.1/js/tinymce/tinymce.min.js"></script>      <script src="/resources/modules/_moduleSelector.js"></script> <script> $(document).ready(function() { initModules("projects", Array("scroller")) }); </script> <script language="JavaScript"> $(document).ready(function() { $.fn.extend({ // pass the options variable to the function accordion: function(options) { var defaults = { accordion: 'true', speed: 300, closedSign: '[+]', openedSign: '[-]' }; // Extend our default options with those provided. var opts = $.extend(defaults, options); // Assign current element to variable, in this case is UL element var $this = $(this); // add a mark [+] to a multilevel menu $this.find("li").each(function() { if ($(this).find("ul").size() != 0) { // add the multilevel sign next to the link $(this).find("a:first").append("<span class='sign'>" + opts.closedSign + "</span>"); // avoid jumping to the top of the page when the href is an # if ($(this).find("a:first").attr('href') == "#") { $(this).find("a:first").click(function() { return false; }); } } }); // open active level $this.find("li.active").each(function() { $(this).parents("ul").slideDown(opts.speed); $(this).parents("ul").parent("li").find("span:first").html(opts.openedSign); }); $this.find("li a span").click(function(e) { if ($(this).parent().parent().find("ul").size() != 0) { if (opts.accordion) { // Do nothing when the list is open if (!$(this).parent().parent().find("ul").is(':visible')) { // alert("odpiranje"); parents = $(this).parent().parent().parents("ul"); visible = $this.find("ul:visible"); visible.each(function(visibleIndex) { var close = true; parents.each(function(parentIndex) { if (parents[parentIndex] == visible[visibleIndex]) { close = false; return false; } }); if (close) { if ($(this).parent().parent().find("ul") != visible[visibleIndex]) { $(visible[visibleIndex]).slideUp(opts.speed, function() { $(this).parent("li").find("span:first").html(opts.closedSign); }); } } }); } } if ($(this).parent().parent().find("ul:first").is(":visible")) { // alert("zapiranje1"); $(this).parent().parent().find("ul:first").slideUp(opts.speed, function() { $(this).parent("li").find("span:first").delay(opts.speed).html(opts.closedSign); }); } else { // alert("odpiranje2"); $(this).parent().parent().find("ul:first").slideDown(opts.speed, function() { $(this).parent("li").find("span:first").delay(opts.speed).html(opts.openedSign); }); } } return false; }); } }); $(".topnav").accordion({ // accordion:false, speed: 600, closedSign: '<b class="caret-right"></b>', openedSign: '<b class="caret"></b>' }); }); </script>     </head> <body> <script src="/resources/jquery-cookie/src/jquery.cookie.js"></script> <div class="cookie-container"> </div>  <div id="cookie-info" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title">Cookies details</h3> </div> <div class="modal-body"> <p>This website make use of cookies to help us improve the website and give you the best experience. By using the website you agree to our use of cookies. More information about the cookies can be checked in the table bellow:</p> <br /> <p><b>List of Google Analytics cookies</b></p> <table class="table"> <tr> <th>Cookie name</th> <th>Purpose</th> <th>Duration</th> </tr> <tr> <td> _utma </td> <td> Number of visits, time of the first and last visit </td> <td> 2 years </td> </tr> <tr> <td> _utmb, _utmc </td> <td> Length of the visit </td> <td> current session </td> </tr> <tr> <td> _utmz </td> <td> Source of the visit </td> <td> 6 months </td> </tr> <tr> <td> _ga </td> <td> Statistics of website views </td> <td> 2 years </td> </tr> </table> <p><b>Other cookies</b></p> <table class="table"> <tr> <th>Cookie name</th> <th>Purpose</th> <th>Duration</th> </tr> <tr> <td> SKILLFULPROJECT_EU_LOGIN </td> <td> Acceptance of cookies </td> <td> 1 year </td> </tr> </table> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> $(function() { // var cook = "{echo $cookie_name}"; // // alert(cook) if($.cookie("zag_cookie_accept") != 1) { html = '<div class="alert alert-info navbar navbar-fixed-bottom cookie-alert">'; html += ' This website make use of cookies to help us improve the website and give you the best experience. By using the website you agree to our use of cookies.'; html += ' &nbsp'; html += ' <button type="button" id="infoCookie" class="btn btn-primary">More</button>'; html += ' <button type="button" id="acceptCookie" class="btn btn-success">OK</button></div>'; $(".cookie-container").append(html); // $(".cookie-alert").hide(); } $("#acceptCookie").click(function() { $.cookie("zag_cookie_accept", 1, {expires: 365}); $(".cookie-alert").hide(); }); $("#infoCookie").click(function() { $('#cookie-info').modal('show'); }); }); </script> <div id="main-wrap"> <header> <div class="container" style="position: relative"> <div id="loginbox" class="pull-right"> <nav class="navbar navbar-login"> <div class="container-fluid">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse-login" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar" style="background-color: black"></span> <span class="icon-bar"></span>  </button> </div>  <div class="collapse navbar-collapse" id="bs-navbar-collapse-login"> <ul class="nav navbar-nav pull-right"> <li class="dropdown"> <a class="dropdown-toggle" href="#" data-toggle="dropdown">Sign In <strong class="caret"></strong></a> <div class="dropdown-menu dropdown-login" style="padding: 15px; padding-bottom: 0px;"> <form method="post" action="https://skillfulproject.eu/library" accept-charset="UTF-8"> <div class="input-group"> <input type="text" class="form-control" class="tip-login" id="username" name="username" placeholder="E-mail" data-original-title=""> <div class="input-group-addon"><i class="fa fa-user" aria-hidden="true"></i></div> </div> <br /> <div class="input-group"> <input type="password" class="form-control" id="password" name="password" placeholder="Password" /> <div class="input-group-addon"><i class="fa fa-lock" aria-hidden="true"></i></div> </div> <p> <button style="width:100%" type="submit" name="action" class="btn btn-default btn-lg btn-primary" value="action_login">Login</button> </p> <p> <a href="http://skillfulproject.eu/recover" class="btn btn-default btn-link float-right" >Lost password?</a> </p> </form> </div> </li>  <li><a href="http://skillfulproject.eu/registration">Register</a></li> <li class="dropdown"> <a href="#" id="search-con-button" class="dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-search"></span> </a> <ul class="dropdown-menu" id="dropdown-search" style="padding: 15px;min-width: 250px;"> <li> <div class="row"> <div class="col-xs-12"> <form class="form" role="form" method="post" action="/search" accept-charset="UTF-8" id="login-nav"> <div class="input-group"> <input type="text" name="search-content" id="search-content" class="form-control"> <span class="input-group-btn"> <button class="btn btn-default" id="dropdown-search-button" type="submit"><span class="glyphicon glyphicon-search"></span></button> </span> </div> </form> </div> </div> </li> </ul> </li> </ul> </div> </div> </nav> </div>                                               <script> $('#username').tooltip({'trigger':'focus', 'placement': 'left', 'title': ' If you were registered on old Fehrl site. Please login with your e-mail address and password used there. After first login change your password!'}); $("#search-con-button").click(function(event) { setTimeout(function() { $("#search-content").focus() }, 100); }); </script> <p></p> <div class="row"> <div class="col-md-8" id="logo_title"><a href="/"><img class="img-responsive content-inc img-734" src="/repository/files/medium/SKILLFUL_logo_FINAL_RGB.jpg" alt="skillful final " /></a></div> <div class="col-md-4 social-icons" align="right"><a href="https://www.linkedin.com/groups/13523461"><i class="fa fa-linkedin-square fa-2x"></i></a></div> </div> <div class="row"> <div class="col-md-12" style="text-align: right;"><span style="color: #23537a; font-size: 18px;"><strong>Skills and competences</strong><strong>聽development of future transportation professionals at all levels</strong></span></div> </div> <p></p> <p>聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽</p> </div> </header>  <nav class="navbar navbar-default"> <div class="container-fluid main-menu">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-main dropdown-main-menu"> <li class="dropdown main-dropdown"> <a href="http://skillfulproject.eu" class="dropdown-toggle disabled" data-toggle="dropdown"> Home <b class="caret" ></b> </a> <ul class="dropdown-menu first dropdown-main-menu"> <li class="dropdown-submenu"> <a href="http://skillfulproject.eu/methodology" class="dropdown-toggle disabled" data-toggle="dropdown"> Methodology </a> <ul class="dropdown-menu dropdown-main-menu"> <li > <a href="http://skillfulproject.eu/methodology/wp1" > WP1 </a> </li> <li > <a href="http://skillfulproject.eu/methodology/wp2" > WP2 </a> </li> <li > <a href="http://skillfulproject.eu/methodology/wp3" > WP3 </a> </li> <li > <a href="http://skillfulproject.eu/methodology/wp4" > WP4 </a> </li> <li > <a href="http://skillfulproject.eu/methodology/wp5" > WP5 </a> </li> <li > <a href="http://skillfulproject.eu/methodology/wp6" > WP6 </a> </li> <li > <a href="http://skillfulproject.eu/methodology/wp7" > WP7 </a> </li> </ul> </li> </ul> </li> <li class="dropdown main-dropdown"> <a href="http://skillfulproject.eu/Events" class="dropdown-toggle disabled" data-toggle="dropdown"> Events <b class="caret" ></b> </a> <ul class="dropdown-menu first dropdown-main-menu"> <li > <a href="http://skillfulproject.eu/Events/workshopsept2019" > Workshop on Policies and Proposals - 24 Sept. 2019 </a> </li> </ul> </li> <li class="dropdown main-dropdown"> <a href="http://skillfulproject.eu/news" class="dropdown-toggle disabled" data-toggle="dropdown"> News <b class="caret" ></b> </a> <ul class="dropdown-menu first dropdown-main-menu"> <li > <a href="http://skillfulproject.eu/news/skillfulnewsletter" > Newsletter </a> </li> </ul> </li> <li class="active" > <a href="http://skillfulproject.eu/library" > Library </a> </li> <li > <a href="http://skillfulproject.eu/projectreports" > Project Reports </a> </li> <li > <a href="http://skillfulproject.eu/dissiminationmaterial" > Dissimination Material </a> </li> <li > <a href="http://skillfulproject.eu/publications" > Publications </a> </li> <li > <a href="http://skillfulproject.eu/contact" > Contact </a> </li> </ul> </div> </div> </nav> <div class="content"> <div id="wrapper" class="container"> <ul class="breadcrumb"> <li> <a href="/"> <i class="fa fa-home"></i> Home </a> </li> <span class="divider">/</span> <li class="active">Library</li> </ul> <div class="row"> <div class="row "> <div class="col-md-12"> <link rel="stylesheet" href="../resources/css/font-awesome-4-5.min.css"> <script type="text/javascript" charset="utf-8"> function inherit(base, methods) { var sub = function() { base.apply(this, arguments); // Call base class constructor // Call sub class initialize method that will act like a constructor this.initialize.apply(this, arguments); }; sub.prototype = Object.create(base.prototype); $.extend(sub.prototype, methods); return sub; } $(function() { var mini = 0; //level, root, site, user var fmg = new Fmg(); fmg.level = 10; fmg.rootNode = 74; fmg.siteId = 16 fmg.user = ''; if(mini) { fmg.initMini(); } else { fmg.init(); fmg.fileUploadInit(); fmg.buttonListener(); } }); var Fmg = function() { this.level; this.uri; this.nodeFromUri; this.treeObj; this.superAdmin; this.rootNode; this.selectedNode; this.newSelectedNode; this.selectedFile; this.selectedNodeText; this.files; this.defaultId; this.folderRights; this.siteId; this.admin; this.user; }; $.extend(Fmg.prototype, { //filemanager initilization init: function() { //Removes jstree cached state from localStorage localStorage.removeItem('jstree'); var fmg = this; //jstree init this.treeObj = $("#jstree-list").jstree({ "core": { "themes": { "name": "proton", "responsive": true }, "check_callback": true, "data": { "cache": false, "url": function() { return "/ajax/filemanager.php"; }, "dataType": 'json', "type": 'POST', "data": function(n) { return { "operation": "get_children", "id": fmg.rootNode, "selected_id": n.id, "level": fmg.level, "admin": fmg.admin, "site": fmg.siteId, "user": fmg.user }; } } }, "plugins" : [ "dnd", "search", "state", "types", "wholerow" ] }) //drag&drop folders (remove?) .on('move_node.jstree', function(e, data) { $.ajax({ "url": "/ajax/filemanager.php", "dataType": 'json', "type": 'POST', "data": { "operation": "move_folder", "id": data.node['id'], "new_parent": data.parent }, "success": function(data) { $("#jstree-list").jstree("refresh"); } }); }) .on('open_node.jstree', function(e, data) { this.selectedNode = data.node.id; }) //when all nodes are finished loading .on('ready.jstree', function(e, data) { this.checkGetValue(); }.bind(this)) .on('select_node.jstree', function(e, data) { this.selectedNode = data.node.id; this.selectedNodeText = data.node.text; window.history.pushState("", "", window.location.pathname+"?id="+data.node.id); $('#folder-path').html("path: "+this.treeObj.jstree('get_path', this.selectedNode, '/')); $("#current-folder").empty().append("<div class='row'><div class='col-md-12'><i class='fa fa-folder-open-o'></i> "+this.selectedNodeText+"</div></div>"); $("#jstree-list").jstree("open_node", this.selectedNode); this.loadNodeFiles(); }.bind(this)); }, parentJstree: function(){ var fmg = this; $("#parent-selector").jstree({ "core": { "themes": { "name": "proton", "responsive": true }, "check_callback": true, "data": { "url": function() { return "/ajax/filemanager.php"; }, "dataType": 'json', "type": 'POST', "data": function(n) { return { "operation": "get_children", "id": 0, "selected_id": 0, "admin": 1, "level": 30, "site": 0, "user": 0 }; } }, }, "plugins" : [ "contextmenu", "dnd", "search", "state", "types" ], }) .on('loaded.jstree', function() { $("#parent-selector").jstree('select_node', fmg.selectedNode); }) .on('select_node.jstree', function(e, data) { fmg.newSelectedNode = data.node['id']; }.bind(this)) }, initMini: function() { var fmg = this; $.ajax({ "url": "/ajax/filemanager.php", "dataType": 'json', "type": 'POST', "data": { "operation": "get_files", "id": fmg.rootNode, "user": fmg.user, "sort": "asc", "root_id": fmg.rootNode, "level": 10, 'site': fmg.siteId, "selected_id": "#", "only_files": true }, "success": function(data) { $.each(data['files'], function(k, v) { var niz = '<a href="/ajax/DownloadHandlerFM.php/downloadFile?id='+v['id']+'" class="list-group-item">'; niz += '<span class="list-group-item-heading">'+v["name"]+'</span>'; if(v["description"]) { niz += '<p class="list-group-item-text">'+v["description"]+'</p>'; } niz += '<span class="badge">'+(v['size']/1024/1024).toFixed(2)+' Mb</span>'; niz += '</a>'; $("#mini-fmg-wrapper").append(niz); }); } // mini-fmg-wrapper }) }, //get folder selection from url checkGetValue: function() { this.uri = $(location).attr('href'); var id = (this.uri).substring((this.uri).indexOf("id=")+3); if(!$.isNumeric(id)) { this.selectedNode = id; //get first element in tree this.defaultId = $("#jstree-list").find("li").first().attr("id"); } else { this.defaultId = id; } $("#jstree-list").jstree("select_node", "#"+this.defaultId); }, //get node files&folders loadNodeFiles: function() { var fmg = this; var node = $('#jstree-list').jstree(true).get_node(fmg.selectedNode); //r, u, e var rights = node.data.rights; //check rights fmg.checkFolderRights(rights); $.ajax({ "url": "/ajax/filemanager.php", "dataType": 'json', "type": 'POST', "data": { "operation": "get_files", "id": fmg.selectedNode, "user": fmg.user, "sort": "asc", "root_id": fmg.rootNode, "level": 10, 'site': fmg.siteId, "selected_id": "#" }, "success": function(data) { //delete placeholder $("#folder-content-body").empty(); //back button if (data['back']) { fmg.populateBack(data['back']); } //folders fmg.populateFolders(data['folders'], rights); //files sumSize = 0; $.each(data['files'], function(k, v) { sumSize += parseInt(v.size); }); $("#file-counter").html("items: "+data['files'].length+" / size: " + Math.round(sumSize/1024) + " kB"); cnt = data['files'].length + data['folders'].length; //fmg.checkFolderRights(data['files'], cnt); fmg.populateFiles(data['files'], rights); } }); }, //folder rights checkFolderRights: function(rights) { $("#folder-options-placeholder").empty(); var newFolder = "<button data-placement='top' title='create new folder' id='new-folder-button' type='button'class='btn btn-default' data-toggle='modal' data-target='#modal-new-folder'><i class='fa fa-folder-o'></i> New folder</button>"; // var editFolder = "<button data-placement='top' title='edit selected folder' id='edit-folder-button' type='button' class='btn btn-default' data-toggle='modal' data-target='#modal-edit-folder'><i class='fa fa-edit'></i></button>"; // var deleteFolder = "<button data-placement='top' title='delete selected folder' id='delete-folder-button' type='button' class='btn btn-default' data-toggle='modal' data-target='#modal-delete-folder'><i class='fa fa-remove'></i></button>"; var uploadFiles = "<button data-placement='top' title='upload files' id='upload-button' type='button' class='btn btn-default' data-toggle='modal' data-target='#modal-upload'><i class='fa fa-upload'></i> Upload file(s)</button>"; if(rights[1] == 1 ) { $("#folder-options-placeholder").append(uploadFiles); } if(rights[2] == 1 ) { $("#folder-options-placeholder").append(newFolder); // $("#folder-options-placeholder").append(editFolder); // $("#folder-options-placeholder").append(deleteFolder); } }, //add back link to list populateBack: function(data) { var id = data['root_id']; niz = "<tr class='file-item'><td class='header-td';'>"+ "<a href='#' data-id="+id+" class='folder-on-list'><i class='orange-icons fa fa-1x fa-arrow-left'></i></a>"+ "</td><td class='header-td'><a href='#' data-id="+id+" class='folder-on-list'>BACK</a></td>"+ "<td class='header-td'></td>"+ "<td class='header-td'></td>"+ "<td class='header-td'></td>"+ "<td class='header-td'></td></tr>"; $("#folder-content-body").append(niz); }, //add folders to list populateFolders: function(data, rights) { var fmg = this; $("#list-folders").empty(); (data.length==0)?$("#folder-placeholder").css("display", "none"):$("#folder-placeholder").css("display", "block"); $( data ).each(function( ) { niz = "<div class='row' style='padding-bottom: 20px'><div class='col-md-10 folder-item';'>"+ "<a href='#' data-id="+this.id+" class='folder-on-list'><i class='fa fa-1x fa-folder-o'></i> "+ (this.text == "" || this.text == null?this.realname:this.text)+"</a><br />"+ "<span class='folder-item-desc'>"+this.data['time_modified'] + "</span><br /><span style='padding-left: 15px;'>"+(this.data['desc']==null?"":this.data['desc'])+"</span></div>"; if(rights != null && (rights[1] == 1 || this.user_created_id == fmg.user)) { niz += "<div class='col-md-2'><a href='#' data-toggle='modal' data-target='#modal-edit-folder' class='edit-folder'"+ "data-id="+this.id+" data-naziv='"+this.text+"' data-description='"+(this.data['desc']==null?"":this.data['desc'])+"' href='#'>"+ "<i class='fa fa-gear'></i></a><a data-toggle='modal' data-target='#modal-delete-folder'"+ "class='delete-folder' data-id="+this.id+" data-naziv='"+this.text+"' href='#'> <i class='fa fa-ban'></i></a></div>"; } else { niz += "<div class='col-md-2'></div>"; } niz += "</div>"; $("#list-folders").append(niz); }); }, //add files to list populateFiles: function(data, rights) { $("#list-files").empty(); (data.length==0)?$("#file-placeholder").css("display", "none"):$("#file-placeholder").css("display", "block"); var fmg = this; $( data ).each(function( ) { icon = getIcon(this.filetype); niz = "<div class='row'><div class='col-md-10 file-item';'><a href='/ajax/DownloadHandlerFM.php/downloadFile?id="+this.id+"'><i class='fa fa-1x "+icon+"'></i> "+(this.name == "" || this.name == null?this.realname:this.name)+"</a><br /><span class='file-item-desc'>"+(this.description==null?"":this.description)+"</span></div>"; if(rights != null && (rights[1] == 1 || this.user_created_id == fmg.user)) { niz += "<div class='col-md-2'> <a href='#' class='open-modal-move-file' data-id="+this.id+"><i class='fa fa-arrow-right'></i> </a> "+ "<a href='#' data-toggle='modal' data-target='#modal-edit-file' class='edit-file'"+ "data-id="+this.id+" data-naziv='"+this.name+"' data-description='"+this.description+"' data-tags='"+this.tags+"' href='#'>"+ "<i class='fa fa-gear'></i></a> <a data-toggle='modal' data-target='#modal-delete-file'"+ "class='delete-file' data-id="+this.id+" data-naziv='"+(this.name?this.name:this.filename)+"' href='#'><i class='fa fa-ban'></i></a></div>"; } else { niz += "<div class='col-md-2'></div>"; } // niz += "<a href='#' class='file-info' data-toggle='tooltip' data-placement='right' title='user created: "+this.user_created+" <br /> time created: "+this.time_created+"'><i class='fa fa-info orange-icons'></i></a>" niz += "</div>"; $("#list-files").append(niz); }); }, //buttons listeners initilization buttonListener: function() { var fmg = this; $('#selectParent').click(function() { $.ajax({ "url": "/ajax/filemanager.php", "dataType": 'json', "type": 'POST', "data": { "operation": "move_file", "id": fmg.selectedFile, "new_parent": fmg.newSelectedNode, 'site': 16, 'user': '' }, "success": function(data) { $("#modal-parent-selector").modal("hide"); $("#jstree-list").jstree("refresh"); } }); }), $(document).on('click', '.open-modal-move-file', function() { $("#modal-parent-selector").modal("show"); fmg.selectedFile = $(this).attr("data-id") fmg.parentJstree(); }), $(document).on('click', '.folder-on-list', function() { var id = $(this).data("id"); if(id == fmg.rootNode) { id = fmg.defaultId; } var node = $('#jstree-list').jstree(true).get_node(id) $("#jstree-list").jstree("deselect_all"); $("#jstree-list").jstree("select_node", node); $("#jstree-list").jstree("open_node", node); fmg.loadNodeFiles(id); }); $(document).on('click', '.edit-file', function() { id = $(this).attr("data-id"); $('#inputNameFile').val($(this).attr("data-naziv")); $('#inputDescriptionFile').val($(this).attr("data-description")); $('#inputTagsFile').val($(this).attr("data-tags")); $('#editFile').on('click', function() { $( "#editFile").unbind(); $.ajax({ 'url': '/ajax/filemanager.php', 'dataType': 'json', 'type': 'POST', 'data': { 'operation': 'edit_file', 'id': id, 'name': $('#modal-edit-file').find('#inputNameFile').val(), 'description': $('#modal-edit-file').find('#inputDescriptionFile').val(), 'tags': $('#modal-edit-file').find('#inputTagsFile').val(), 'site': 16, 'user': '' }, "success": function(data) { fmg.loadNodeFiles(); $('#modal-edit-file').modal('hide'); } }) }) }); $(document).on('click', '.delete-file', function() { id = $(this).attr("data-id"); name = $(this).attr("data-naziv"); $('.file-name').text(name); $('#deleteFile').on('click', function() { $( "#deleteFile").unbind(); $.ajax({ "url": "/ajax/filemanager.php", "dataType": 'json', "type": 'POST', "data": { "operation": "delete_file", "id": id, 'site': 16, 'user': '' }, "success": function(data) { fmg.loadNodeFiles(); // $( "#foo").unbind( "click" ); $('#modal-delete-file').modal('hide'); } }); }); }); $("#createNewFolder").on("click", function() { var name = $("#inputName").val(); if(name) { $.ajax({ "url": "/ajax/filemanager.php", "dataType": 'json', "type": 'POST', "data": { "operation": "new_folder", "id": $("#jstree-list").jstree("get_selected")[0], "name": name, "description": $("#inputDescription").val(), 'site': 16, 'user': '' }, "success": function(data) { $("#inputName").val(""); $("#inputDescription").val(""); $('#modal-new-folder').modal('hide'); $("#jstree-list").jstree("refresh"); } }); } }), $(document).on("click", ".edit-folder", function() { id = $(this).attr("data-id"); $('#inputNameFolder').val($(this).attr("data-naziv")); $('#inputDescriptionFolder').val($(this).attr("data-description")); $('#editFolder').on('click', function() { $( "#editFolder").unbind(); $.ajax({ "url": "/ajax/filemanager.php", "dataType": 'json', "type": 'POST', "data": { "operation": "edit_folder", "id": id, "name": $("#inputNameFolder").val(), "description": $("#inputDescriptionFolder").val(), 'site': 16, 'user': '' }, "success": function(data) { $('#modal-edit-folder').modal('hide'); $("#jstree-list").jstree("refresh"); } }); }); }), $(document).on("click", ".delete-folder", function() { $("#folder-name-input").text($(this).attr("data-naziv")); var id = $(this).attr("data-id"); $("#deleteFolder").on("click", function() { $( "#deleteFolder").unbind(); $.ajax({ "url": "/ajax/filemanager.php", "dataType": 'json', "type": 'POST', "data": { "operation": "delete_folder", "id": id, 'site': 16, 'user': '' }, "success": function(data) { $('#modal-delete-folder').modal('hide'); $("#jstree-list").jstree("select_node", "#"+fmg.defaultId); $("#jstree-list").jstree("refresh"); } }); }) }), // $(document).on('.edit-folder', 'click', function(e) { // alert() // $("#inputNameFolder").val($(this).attr("data-naziv")); // $("#inputDescriptionFolder").val($(this).attr("data-description")); // }), // $("#modal-delete-folder").on('show.bs.modal', function(e) { // $("#folder-name-input").text($(this).attr("data-naziv")); // }), $(".search-input").keypress(function(e) { if(e.which == 13) { fmg.searchFF(this.value); } }), $("#search-button").on("click", function() { fmg.searchFF($(".search-input").val()); }), $("#sort-name").on("click", function() { var sort = $(this).data("sort"); sort = (sort=="asc"?"desc":"asc"); $.ajax({ "url": "/ajax/filemanager.php", "dataType": 'json', "type": 'POST', "data": { "operation": "get_files", "id": $("#jstree-list").jstree("get_selected")[0], "user": fmg.user, "sort": sort }, "success": function(data) { sumSize = 0; $.each(data, function(k, v) { sumSize += parseInt(v.size); }); $("#file-counter").html("items: "+data.length+" / size: " + Math.round(sumSize/1024) + " kB"); //jstree.checkFolderRights(id, data); if(sort == "asc") { str = '<i class="fa fa-caret-up"></i>'; } else { str = '<i class="fa fa-caret-down"></i>'; } $("#sort-name").find("i").replaceWith(str); $("#sort-name").data("sort", sort); } }); }) }, //search files searchFF: function(val) { var fmg = this; if(val.length > 2) { if($("#search-dropdown").val() == "search-folder") { $("#jstree-list").jstree("search", val); } else { $.ajax({ "url": "/ajax/filemanager.php", "dataType": 'json', "type": 'POST', "data": { "operation": "search_files", "s_value": val, "id": fmg.rootNode, "user": fmg.user }, "success": function(data) { $("#current-folder").empty(); var nizCurent = '<div class="row"><div class="col-md-12"><i class="fa fa-folder-open-o"></i> Search results</div></div>'; $("#current-folder").append(nizCurent); //todo.. poisci tudi folderje? $("#folder-placeholder").hide(); $("#list-files").empty(); $.each(data, function(k, v) { var n = (v.name?v.name:v.realname); var d = (v.description == null?"":v.description); var nizFiles = ""; nizFiles += '<div class="row"><div class="col-md-10 file-item">'; if(v.rights[0] == 1){ nizFiles += '<a href="/ajax/DownloadHandlerFM.php/downloadFile?id='+v.id+'"><i class="fa fa-1x fa-file-pdf-o"></i>'; nizFiles += n + '</a><br><span class="file-item-desc">'+d+'</span></div>'; }else{ nizFiles += '<i class="fa fa-1x fa-file-pdf-o"></i>'; nizFiles += n + '<br><span class="file-item-desc">'+d+'</span></div>'; } if(v.rights[1] == 1){ nizFiles += '<div class="col-md-2"><a href="#" data-toggle="modal" data-target="#modal-edit-file" class="edit-file" data-id='+v.id+' data-naziv='+n+' '; nizFiles += 'data-description='+d+' data-tags'+v.tags+'><i class="fa fa-gear"></i></a> '; }else{ nizFiles += '<div class="col-md-2">'; } if(v.rights[2] == 1){ nizFiles += '<a data-toggle="modal"' nizFiles += 'data-target="#modal-delete-file" class="delete-file" data-id='+v.id+' data-naziv='+n+' href="#"><i class="fa fa-ban"></i></a></div></div>'; }else{ nizFiles += '</div></div>'; } $("#list-files").append(nizFiles); }); // $("#folder-content-body").empty(); // fmg.populateFiles(data); } }); } } }, //file upload module fileUploadInit: function(val) { var fileDataArray = []; $('#selected_files').fileupload({ dataType: 'json', add: function(e, data) { appendItems(data); fileDataArray.push(data); }, success: function(data) { $('#selected_items tr:eq(2)').remove(); if (data.files[0]['error']) { alert(data.files[0]['error']); } $('#modal-upload').modal('hide'); $("#jstree-list").jstree("refresh"); //zbri锟絠 formo fileDataArray = []; $('#selected_items tr').empty(); $('#progress1').css('visibility', 'hidden'); }, progressall: function(e, data) { $('#progress1').css('visibility', 'visible'); var progress = parseInt(data.loaded / data.total * 100, 10); $('#progress1 .bar').css( 'width', progress + '%' ); } }); $('#selected_files').bind('fileuploadsubmit', function(e, data) { var tmpTitle = $('.file_title'); var tmpDesc = $('.file_desc'); var tmpTags = $('.file_tags'); data.formData = { title: tmpTitle.val(), desc: tmpDesc.val(), tags: tmpTags.val(), id: $("#jstree-list").jstree("get_selected"), user: ''// jstree.treeObj.jstree("get_selected") }; }); $('#selected_items').on('click', '.remove-item', function() { var item = $(this).parent().parent().index(); $(this).parent().parent().remove(); fileDataArray.splice(item, 1); }) $('.confirmUpload').click(function() { for (var i = 0; i < fileDataArray.length; i++) { var data = fileDataArray[i]; data.submit(); } }); //izbri锟絠 upload formo on modal close $('#modal-upload').on('hidden', function() { fileDataArray = []; $('#selected_items tr').empty(); }); } }); function appendItems(data) { var length = $('#selected_items tr').length; var name = (data.files[0]["name"].length > 30)?data.files[0]["name"].substring(0,30)+"...":data.files[0]["name"]; var size = Math.round(data.files[0]["size"] / 1024).toFixed(2); var item = "<tr><td class='f_name'> " + name + "</td><td class='f_size'> " + size + "</td>\n\ <td><input type='text' class='file_title' name='file_title' placeholder='title'></td>\n\ <td><input type='text' class='file_desc' name='file_desc' placeholder='description'></td>\n\ <td><input type='text' class='file_tags' name='file_tags' placeholder='tags'></td>\n\ <td class='f_cross'><button class='btn btn-link remove-item' type='button' data-no="+length+"><i class='fa fa-2x fa-times'></i></button></td></tr>"; $("#selected_items").append(item); } function getIcon(type) { switch(type) { case "application/pdf": return "fa-file-pdf-o"; break; case "application/doc": return "fa-file-word-o"; break; case "application/msword": return "fa-file-word-o"; break; case "image/jpeg": return "fa-file-image-o"; break; case "image/png": return "fa-file-image-o"; break; default: return "fa-file-o"; } } </script> <div class="row-fluid"> <div class="col-md-12 fmg-wrapper"> <div id="fmg-container" class="conatiner-fluid">    <div class="row"> <div class="col-md-12" id ="fmg-header"> <div class="btn-group" id="folder-options-placeholder">     </div>   <div class="search-grp row"> <div class="col-md-6"> <input class="search-input" type="text" placeholder=" search"></input> </div> <div class="col-md-4"> <select id="search-dropdown"> <option value="search-file">files</option> <option value="search-folder">folders</option> </select> </div> <div class="col-md-2"> <button id="search-button"> <i class="fa fa-search" aria-hidden="true"></i> </button> </div> </div> </div> </div> <div class="row" id="fmg-content"> <div id="folder-list" class="col-md-4"> <h3>Folder tree</h3> <div id="jstree-list"></div> </div> <div id="folder-contain" class="col-md-8"> <div> <h3>Current folder</h3> <div id="current-folder"></div> </div> <hr> <div id="folder-placeholder"> <h3>Subfolders</h3> <div id="list-folders"></div> </div> <hr> <div id="file-placeholder"> <h3>Files</h3> <div id="list-files"></div> </div> </div> </div> <div id="fmg-footer">  <div> <span id="folder-path"></span> <span style="float:right" id="file-counter"></span>  </div> </div> </div> </div> </div>  <div class="modal fade" id="modal-new-folder" tabindex="-1" role="dialog" aria-labelledby="New folder"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="myModalLabel">New folder</h4> </div> <div class="modal-body"> <div class="form-group"> <label for="inputName">Name: </label> <input type="text" id="inputName" placeholder="Name" class="form-control"> </div> <div class="form-group"> <label for="inputName">Description: </label> <input type="text" id="inputDescription" placeholder="Description" class="form-control"> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button id="createNewFolder" type="button" class="btn btn-primary">Create new folder</button> </div> </div> </div> </div>  <div class="modal fade" id="modal-parent-selector" tabindex="-1" role="dialog" aria-labelledby="Select pa" style="display:none"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel">Select parent </h4> </div> <div class="modal-body">  <div class="widget-content"> <div id="parent-selector"></div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button id="selectParent" type="button" class="btn btn-primary">Select</button> </div> </div> </div> </div>  <div class="modal fade" id="modal-edit-folder" tabindex="-1" role="dialog" aria-labelledby="Edit folder"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="myModalLabel">Edit folder</h4> </div> <div class="modal-body"> <div class="form-group"> <label for="inputName">Name: </label> <input type="text" id="inputNameFolder" placeholder="Name" class="form-control"> </div> <div class="form-group"> <label for="inputName">Description: </label> <input type="text" id="inputDescriptionFolder" placeholder="Description" class="form-control"> </div>         </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button id="editFolder" type="button" class="btn btn-primary">Save</button> </div> </div> </div> </div>  <div class="modal fade" id="modal-edit-file" tabindex="-1" role="dialog" aria-labelledby="Edit file"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="myModalLabel">Edit file</h4> </div> <div class="modal-body"> <div class="form-group"> <label for="inputName">Name: </label> <input type="text" id="inputNameFile" placeholder="Name" class="form-control"> </div> <div class="form-group"> <label for="inputName">Description: </label> <input type="text" id="inputDescriptionFile" placeholder="Description" class="form-control"> </div> <div class="form-group"> <label for="inputName">Tags: </label> <input type="text" id="inputTagsFile" placeholder="Description" class="form-control"> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button id="editFile" type="button" class="btn btn-primary">Edit file</button> </div> </div> </div> </div>  <div class="modal fade" id="modal-delete-folder" tabindex="-1" role="dialog" aria-labelledby="Delete folder"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="myModalLabel">Delete folder</h4> </div> <div class="modal-body"> <p> Are you sure you want to delete folder "<span id='folder-name-input'></span>"? </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button id="deleteFolder" type="button" class="btn btn-danger">Delete folder</button> </div> </div> </div> </div>  <div class="modal fade" id="modal-delete-file" tabindex="-1" role="dialog" aria-labelledby="Delete file"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="myModalLabel">Delete file</h4> </div> <div class="modal-body"> <p> Are you sure, you want to delete file "<span class='file-name'></span>"? </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button id="deleteFile" type="button" class="btn btn-danger">Delete file</button> </div> </div> </div> </div>  <div id="modal-upload" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="file upload"> <div class="modal-dialog file-upload-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h3 id="myModalLabel">Upload files</h3> </div> <div class="modal-body"> <fieldset> <div> <span class="btn fileinput-button"><i class='fa fa-1x fa-plus-square-o'></i> <span> Select files...</span> <input id="selected_files" type="file" name="files[]" data-url="/ajax/file_manager/" multiple> </span> </div>  <div> <table class="table table-bordered" id="selected_items"> <body> </body> </table> </div> <div style="visibility:hidden" id="progress1" class="progress progress-striped progress-success"> </fieldset> </div> <div class="modal-footer editImage"> <button data-type="EDIT" data-url="" data-id="" class="btn btn-primary confirmUpload">Upload files</button> <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button> </div> </div> </div> </div> <style> .file-item-desc, .folder-item-desc { padding-left: 15px; padding-bottom: 5px; color: #a7a7a7; } .jstree-node { padding-left: 0px !important; } .file-upload-dialog { width: 1000px; } .jstree-anchor, #current-folder, .file-item>a, .edit-file>i, .delete-file>i, .folder-item>a, .edit-folder>i, .delete-folder>i { color: black !important; font-weight: 600; } .fileinput-button { background-color: #ddd; } #fmg-container { border: 1px solid rgb(170, 170, 170); } #folder-list { /* background: rgb(221, 228, 235); */ border-right: 2px solid rgb(202, 202, 202); } #folder-list, #folder-contain { /* background: rgb(221, 228, 235); */ overflow: auto; } /* #fmg-menu { */ /* background-color: rgb(202, 202, 202); */ /* } */ #fmg-footer, #fmg-header { background-color: rgb(202, 202, 202); } #folder-list, #folder-contain { height: 600px; } #folder-content-header { font-size: 10px; } /* .table th, .table td { */ /* padding: 0px; */ /* } */ button { /* margin: 2px; */ /* border-radius: 4px; */ } body #modal-upload { /* width: 1000px; */ /* margin-left: 500px; */ } .remove_item { padding: 0px; } .f_name, .f_size, .f_cross { vertical-align: middle !important; } .file_title, .file_desc, .file_tags { margin: 8px; } .btn { font-size: 12px; } .content ul { margin: 0px; } #folder-content-body { font-size: 11px; } /* .content ul li { */ /* padding-left: 0px; */ /* } */ .content ul ul ul li { padding-left: 0px; } .content ul { list-style-type: none !important; margin: 0px; } .content ul ul ul { list-style-type: none !important; margin: 0px; } .table th, .table td { padding: 5px; } .file-list { overflow: auto; height: 600px; } .orange-icons { color: rgb(239, 144, 0); } .file-item:hover, .folder-item:hover { background-color: rgb(240, 240, 240); } .clickable-item { cursor: pointer; } /* .search-input-label { */ /* position: absolute; */ /* top: 7px; */ /* left: 10px; */ /* float: right; */ /* } */ .search-grp > div { padding: 0px; } .search-input { width: 100%; /* margin: 0px; */ /* height: 100%; */ /* margin: 5px !important; */ /* text-indent: 20px; */ /* margin-top: 5px !important; */ font-size: 12px !important; font-weight: bold; } .btn-group { /* margin: 5px !important; */ } .search-grp { float: right; height: 100%; display: table-cell; margin-top: 0px; padding-top: 8px; } /* .search-input, #search-dropdown { */ /* vertical-align: top; */ /* } */ #search-dropdown { width: 100px; height: 26px; font-size: 12px; /* padding: 0px; */ } #search-button { float: right; background: none !important; border: none; font: inherit; cursor: pointer; } #folder-path, #file-counter { font-size: 14px; font-style: italic; } #fmg-footer { height: 30px; } #fmg-footer > div { padding-top: 4px; padding-right: 10px; padding-left: 10px; } #fmg-header button { /* padding: 1px 4px 1px 4px !important; */ /* margin-right: 1px; */ /* margin-left: 1px; */ } #fmg-header { height: 40px; padding-left: 5px; padding-right: 5px; } #folder-options-placeholder, #file-upload-placeholder { padding-top: 5px } #fmg-content { border-top: 1px solid rgb(170, 170, 170); border-bottom: 1px solid rgb(170, 170, 170); } /* #folder-contain { */ /* margin-left: 10px; */ /* } */ a { font-weight: 500; } .sort-header, .sort-header:hover, .sort-header:visited, .sort-header:active, .sort-header:focus { color: black; text-decoration: none; font-size: 11px; font-weight: bold; } .header-td { vertical-align: middle !important; } .tooltip-inner { width: 200px; font-size: 12px; /* text-align: left; */ } .row { margin-right: 0px; margin-left: 0px; } #fmg-header-t { background-color: #cacaca; border-bottom: 1px solid #aaaaaa; } #fmg-title { font-weight: bold; color: #333; padding-left: 5px; } #search-button > i { font-size: 1.5em; } .edit-file, .delete-file, .file-info { padding-right: 2px; /* padding-left: 2px; */ } .fmg-wrapper { margin-top: 30px; margin-bottom: 30px; } #mini-fmg-wrapper > a > .list-group-item-heading { color: #FF8C00; } #mini-fmg-wrapper > a > .badge { background-color: #004981; } </style> </div> </div> </div> <div id="push"></div>  </div>  </div>  </div>  <div id="footer"> <footer id="footer_content"> <div class="container"> <p><small>Copyright 漏聽<a href="http://www.fehrl.org">www.fehrl.org</a>聽| Designed by聽<a href="http://www.zag.si/">ZAG</a></small></p> <p><small>Copyright to all material on FEHRL Knowledge Centre are reserved. FEHRL Knowledge Centre's content (documents, reports, presentations, etc) can be cited, or excerpted in a sensible and proportionate manner, or e.g. included in non-commercial, on-line news digests, with proper reference (including a link) to FEHRL Knowledge Centre as the source, and to the author, by name, of any referenced post</small></p> </div> </footer> </div>  </body> </html>

CINXE.COM

Library