Changeset 804 for pro-violet-viettel

Timestamp:

Mar 20, 2015 10:40:27 AM (10 years ago)

Author:

quyenla

Message:

preview

Location:

pro-violet-viettel/www/deploy/20150304

Files:

• application/views/layout/footer.php (modified) (2 diffs)
• assets/js/froogaloop2.min.js (added)
• assets/js/html5boxplayer.swf (added)
• assets/js/html5gallery.js (added)
• assets/js/html5lightbox.js (modified) (2 diffs)
• assets/js/manager.js (modified) (2 diffs)

pro-violet-viettel/www/deploy/20150304/application/views/layout/footer.php

@@ -25 +25 @@
 <script src="<?php echo $base_url;?>assets/js/manager.js"></script>
 <script src="<?php echo base_url();?>assets/js/jquery.slides.js" ></script> 
+
+<script type="text/javascript" src="<?php echo base_url();?>assets/js/html5lightbox.js"></script>
+<script type="text/javascript" src="<?php echo base_url();?>assets/js/html5gallery.js"></script>
+
 <script type="text/javascript">
 if (jQuery) {
@@ -39 +43 @@
 }
 </script>
+<span id="video_preview" style="display: none" ></span>
+<span id="file_preview" ></span>
 </body>
 </html>

pro-violet-viettel/www/deploy/20150304/assets/js/html5lightbox.js

@@ -6 +6 @@
 (function(){var scripts=document.getElementsByTagName("script");var jsFolder="";for(var i=0;i<scripts.length;i++)if(scripts[i].src&&scripts[i].src.match(/html5lightbox\.js/i))jsFolder=scripts[i].src.substr(0,scripts[i].src.lastIndexOf("/")+1);var loadjQuery=false;if(typeof jQuery=="undefined")loadjQuery=true;else{var jVersion=jQuery.fn.jquery.split(".");if(jVersion[0]<1||jVersion[0]==1&&jVersion[1]<6)loadjQuery=true}if(loadjQuery){var head=document.getElementsByTagName("head")[0];var script=document.createElement("script");
 script.setAttribute("type","text/javascript");if(script.readyState)script.onreadystatechange=function(){if(script.readyState=="loaded"||script.readyState=="complete"){script.onreadystatechange=null;loadHtml5LightBox(jsFolder)}};else script.onload=function(){loadHtml5LightBox(jsFolder)};script.setAttribute("src",jsFolder+"jquery.js");head.appendChild(script)}else loadHtml5LightBox(jsFolder)})();
-function loadHtml5LightBox(jsFolder){(function($){$.fn.html5lightbox=function(options){var inst=this;inst.options=jQuery.extend({freelink:"http://html5box.com/",autoplay:true,html5player:true,responsive:true,nativehtml5controls:false,videohidecontrols:false,googleanalyticsaccount:"",arrowloop:true,shownavigation:true,thumbwidth:96,thumbheight:72,thumbgap:4,thumbtopmargin:12,thumbbottommargin:12,thumbborder:1,thumbbordercolor:"transparent",thumbhighlightbordercolor:"#fff",thumbopacity:1,navbuttonwidth:32,
+function loadHtml5LightBox(jsFolder){(function($){$.fn.html5lightbox=function(options){var inst=this;inst.options=jQuery.extend({freelink:"#",autoplay:true,html5player:true,responsive:true,nativehtml5controls:false,videohidecontrols:false,googleanalyticsaccount:"",arrowloop:true,shownavigation:true,thumbwidth:96,thumbheight:72,thumbgap:4,thumbtopmargin:12,thumbbottommargin:12,thumbborder:1,thumbbordercolor:"transparent",thumbhighlightbordercolor:"#fff",thumbopacity:1,navbuttonwidth:32,
 overlaybgcolor:"#000",overlayopacity:0.8,bgcolor:"#fff",bordersize:8,borderradius:0,bordermargin:16,barautoheight:true,barheight:48,loadingwidth:64,loadingheight:64,resizespeed:400,fadespeed:400,jsfolder:jsFolder,skinsfoldername:"skins/default/",loadingimage:"lightbox-loading.gif",nextimage:"lightbox-next.png",previmage:"lightbox-prev.png",closeimage:"lightbox-close.png",playvideoimage:"lightbox-playvideo.png",titlebgimage:"lightbox-titlebg.png",navarrowsprevimage:"nav-arrows-prev.png",navarrowsnextimage:"nav-arrows-next.png",
 showtitle:true,titlestyle:"bottom",titleinsidecss:"{color:#fff; font-size:14px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; text-align:left;}",titlebottomcss:"{color:#333; font-size:14px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; text-align:left;}",showdescription:true,descriptioninsidecss:"{color:#fff; font-size:12px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; text-align:left; margin:4px 0px 0px; padding: 0px;}",descriptionbottomcss:"{color:#333; font-size:12px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; text-align:left; margin:4px 0px 0px; padding: 0px;}",
@@ -29 +29 @@
 "px","-webkit-bottom-left-border-radius":inst.options.borderradius+"px","border-bottom-right-radius":inst.options.borderradius+"px","-moz-bottom-right-border-radius":inst.options.borderradius+"px","-webkit-bottom-right-border-radius":inst.options.borderradius+"px"})}}if(inst.options.titlestyle=="inside"){inst.$elemData.css({position:"absolute",margin:inst.options.bordersize+"px",bottom:0,left:0,"background-color":"#333","background-color":"rgba(51, 51, 51, 0.6)"});inst.$text.css({padding:inst.options.bordersize+
 "px "+2*inst.options.bordersize+"px"})}else{inst.$elemData.css({position:"relative",width:"100%",height:inst.options.barautoheight?"auto":inst.options.barheight+"px","padding":"0 0 "+inst.options.bordersize+"px"+" 0","background-color":inst.options.bgcolor,"text-align":"left"});inst.$text.css({"margin":"0 "+inst.options.bordersize+"px"})}inst.$lightboxBox.append("<div id='html5-close' style='display:none;cursor:pointer;position:absolute;top:0;right:0;margin-top:-16px;margin-right:-16px;'><img src='"+
-inst.options.skinsfolder+inst.options.closeimage+"'></div>");inst.$close=$("#html5-close",inst.$lightbox);inst.$watermark=$("#html5-watermark",inst.$lightbox);if(inst.options.stamp)inst.$watermark.html("<a href='"+inst.options.freelink+"' style='text-decoration:none;' title='jQuery Lightbox'><div style='display:block;width:170px;height:20px;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#fff;color:#333;font:12px Arial,sans-serif;'><div style='line-height:20px;'>"+
+inst.options.skinsfolder+inst.options.closeimage+"'></div>");inst.$close=$("#html5-close",inst.$lightbox);inst.$watermark=$("#html5-watermark",inst.$lightbox);if(inst.options.stamp)inst.$watermark.html("<a href='"+inst.options.freelink+"' style='text-decoration:none; display:none' title='jQuery Lightbox'><div style='display:block;width:170px;height:20px;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#fff;color:#333;font:12px Arial,sans-serif;'><div style='line-height:20px;'>"+
 inst.options.freemark+"</div></div></a>");else if(inst.options.watermark){var html="<img src='"+inst.options.watermark+"' style='border:none;' />";if(inst.options.watermarklink)html="<a href='"+inst.options.watermarklink+"' target='_blank'>"+html+"</a>";inst.$watermark.html(html)}$("#html5-lightbox-overlay",inst.$lightbox).click(inst.finish);inst.$close.click(inst.finish);inst.$next.click(function(){inst.gotoSlide(-1)});inst.$prev.click(function(){inst.gotoSlide(-2)});$(window).resize(function(){if(!inst.options.isMobile){clearTimeout(inst.options.resizeTimeout);
 inst.options.resizeTimeout=setTimeout(function(){inst.resizeWindow()},500)}});$(window).scroll(function(){inst.scrollBox()});$(window).bind("orientationchange",function(e){if(inst.options.isMobile)inst.resizeWindow()});if(inst.options.isIPhone){inst.options.windowInnerHeight=window.innerHeight;setInterval(function(){if(inst.options.windowInnerHeight!=window.innerHeight){inst.options.windowInnerHeight=window.innerHeight;inst.resizeWindow()}},500)}inst.enableSwipe()};inst.calcNextPrevElem=function(){inst.options.nextElem=

pro-violet-viettel/www/deploy/20150304/assets/js/manager.js

@@ -461 +461 @@
                    
                     if($.inArray( $ext, [ "flv", "mp4","avi"])>=0)
-                   {
-                        content='<div id="myElement">Loading the player...</div> <br />'+node.name;
-                        bootbox.alert(content);
-                        jwplayer("myElement").setup({
-                        file: node.fileurl,
-                        image: "",
-                        width: 550,
-                        height: 350
-                    });
+                   { 
+                        content='<a style="display:none" id="preview'+node.id+'" href="'+node.fileurl+'" class="html5lightbox" data-width="480" data-height="320" title="'+node.name+'">'+node.fileurl+'</a>';
+                        $("#video_preview").after(content);
+                        $(".html5lightbox").html5lightbox();        
+                        $("#preview"+node.id).click();
                     }
                     
@@ -490 +486 @@
                     if($.inArray( $ext, ["ppt","xls","doc","pdf","docx","pptx","xlsx"])>=0)
                    {
-                        content=node.name+'<br /><div id="preview">Vui lòng đợi...</div>'
-                        
-                        bootbox.alert(content);
+                          
                             $.ajax({
-                            url: o.host+"preview/getPreview",
+                            url: o.host+"preview/getPreview/"+node.id,
                             type: "POST",
-                            data: {'fileId':node.id},
+                            data: {},
                             success: function(data, textStatus, jqXHR)
                             {
-                                $("#preview").replaceWith(data);
-                                setTimeout(function(){
-                                    $("#slides").slidesjs({
-                                  width: 500,
-                                  height:500,
-                                  navigation: false,
-                                });
-                                },500);
-                                
-    
+                                bootbox.alert(data);
                             }
                             ,