From: Sven Schöling Date: Mon, 5 Dec 2011 10:25:51 +0000 (+0100) Subject: Onlinehilfe als modale Overlays. X-Git-Tag: release-2.7.0beta1~147 X-Git-Url: http://wagnertech.de/git?a=commitdiff_plain;h=82cb442c2d9bff976babc64bb0b05a121896b6bf;p=kivitendo-erp.git Onlinehilfe als modale Overlays. L.online_help_tag produziert jetzt nicht mehr ein Popup sondern ein modales Overlay. Im template muss leider im Moment noch ein Ziel dafür eingebunden werden mit: [% PROCESS 'common/help_overlay.html' %] --- diff --git a/SL/Form.pm b/SL/Form.pm index 37e4a21b6..eaee0965a 100644 --- a/SL/Form.pm +++ b/SL/Form.pm @@ -701,6 +701,7 @@ sub header { '', '', '', + '', ''; push @header, $self->{javascript} if $self->{javascript}; push @header, map { $_->show_javascript } @{ $self->{AJAX} || [] }; diff --git a/SL/Template/Plugin/L.pm b/SL/Template/Plugin/L.pm index 770c7ba70..d8d223ecb 100644 --- a/SL/Template/Plugin/L.pm +++ b/SL/Template/Plugin/L.pm @@ -507,7 +507,7 @@ sub online_help_tag { die 'malformed help tag' unless $tag =~ /^[a-zA-Z0-9_]+$/; return unless -f $file; - return $self->html_tag('a', $text, href => $file, target => '_blank'); + return $self->html_tag('a', $text, href => $file, class => 'jqModal') } sub dump { diff --git a/css/lx-office-erp.css b/css/lx-office-erp.css index a38143098..455fe599a 100644 --- a/css/lx-office-erp.css +++ b/css/lx-office-erp.css @@ -326,3 +326,33 @@ label { margin-bottom: 5px; padding: 5px; } + +.jqmWindow { + display: none; + + position: fixed; + top: 17%; + left: 40%; + + margin-left: -200px; + width: 700px; + + background-color: lemonchiffon; + color: #333; + border: 1px solid black; + padding: 4px; +} + +.jqmContent { + padding: 8px; +} + +.jqmWindow h1 { + border: 0; + padding: 0; + background-color: lemonchiffon; +} + +.jqmOverlay { + background-color: #000; +} diff --git a/image/close.png b/image/close.png new file mode 100644 index 000000000..c46e9b092 Binary files /dev/null and b/image/close.png differ diff --git a/js/jqModal.js b/js/jqModal.js new file mode 120000 index 000000000..4f218050d --- /dev/null +++ b/js/jqModal.js @@ -0,0 +1 @@ +jqModal/jqModal.js \ No newline at end of file diff --git a/js/jqModal/jqModal.js b/js/jqModal/jqModal.js new file mode 100644 index 000000000..19ed95519 --- /dev/null +++ b/js/jqModal/jqModal.js @@ -0,0 +1,69 @@ +/* + * jqModal - Minimalist Modaling with jQuery + * (http://dev.iceburg.net/jquery/jqModal/) + * + * Copyright (c) 2007,2008 Brice Burgess + * Dual licensed under the MIT and GPL licenses: + * http://www.opensource.org/licenses/mit-license.php + * http://www.gnu.org/licenses/gpl.html + * + * $Version: 03/01/2009 +r14 + */ +(function($) { +$.fn.jqm=function(o){ +var p={ +overlay: 0, +overlayClass: 'jqmOverlay', +closeClass: 'jqmClose', +trigger: '.jqModal', +ajax: '@href', +ajaxText: '...', +target: '#help_content', +modal: F, +toTop: F, +onShow: F, +onHide: F, +onLoad: F +}; +return this.each(function(){if(this._jqm)return H[this._jqm].c=$.extend({},H[this._jqm].c,o);s++;this._jqm=s; +H[s]={c:$.extend(p,$.jqm.params,o),a:F,w:$(this).addClass('jqmID'+s),s:s}; +if(p.trigger)$(this).jqmAddTrigger(p.trigger); +});}; + +$.fn.jqmAddClose=function(e){return hs(this,e,'jqmHide');}; +$.fn.jqmAddTrigger=function(e){return hs(this,e,'jqmShow');}; +$.fn.jqmShow=function(t){return this.each(function(){t=t||window.event;$.jqm.open(this._jqm,t);});}; +$.fn.jqmHide=function(t){return this.each(function(){t=t||window.event;$.jqm.close(this._jqm,t)});}; + +$.jqm = { +hash:{}, +open:function(s,t){var h=H[s],c=h.c,cc='.'+c.closeClass,z=(parseInt(h.w.css('z-index'))),z=(z>0)?z:3000,o=$('
').css({height:'100%',width:'100%',position:'fixed',left:0,top:0,'z-index':z-1,opacity:c.overlay/100});if(h.a)return F;h.t=t;h.a=true;h.w.css('z-index',z); + if(c.modal) {if(!A[0])L('bind');A.push(s);} + else if(c.overlay > 0)h.w.jqmAddClose(o); + else o=F; + + h.o=(o)?o.addClass(c.overlayClass).prependTo('body'):F; + if(ie6){$('html,body').css({height:'100%',width:'100%'});if(o){o=o.css({position:'absolute'})[0];for(var y in {Top:1,Left:1})o.style.setExpression(y.toLowerCase(),"(_=(document.documentElement.scroll"+y+" || document.body.scroll"+y+"))+'px'");}} + + if(c.ajax) {var r=c.target||h.w,u=c.ajax,r=(typeof r == 'string')?$(r,h.w):$(r),u=(u.substr(0,1) == '@')?$(t).attr(u.substring(1)):u; + r.html(c.ajaxText).load(u,function(){if(c.onLoad)c.onLoad.call(this,h);if(cc)h.w.jqmAddClose($(cc,h.w));e(h);});} + else if(cc)h.w.jqmAddClose($(cc,h.w)); + + if(c.toTop&&h.o)h.w.before('').insertAfter(h.o); + (c.onShow)?c.onShow(h):h.w.show();e(h);return F; +}, +close:function(s){var h=H[s];if(!h.a)return F;h.a=F; + if(A[0]){A.pop();if(!A[0])L('unbind');} + if(h.c.toTop&&h.o)$('#jqmP'+h.w[0]._jqm).after(h.w).remove(); + if(h.c.onHide)h.c.onHide(h);else{h.w.hide();if(h.o)h.o.remove();} return F; +}, +params:{}}; +var s=0,H=$.jqm.hash,A=[],ie6=$.browser.msie&&($.browser.version == "6.0"),F=false, +i=$('').css({opacity:0}), +e=function(h){if(ie6)if(h.o)h.o.html('

').prepend(i);else if(!$('iframe.jqm',h.w)[0])h.w.prepend(i); f(h);}, +f=function(h){try{$(':input:visible',h.w)[0].focus();}catch(_){}}, +L=function(t){$()[t]("keypress",m)[t]("keydown",m)[t]("mousedown",m);}, +m=function(e){var h=H[A[A.length-1]],r=(!$(e.target).parents('.jqmID'+h.s)[0]);if(r)f(h);return !r;}, +hs=function(w,t,c){return w.each(function(){var s=this._jqm;$(t).each(function() { + if(!this[c]){this[c]=[];$(this).click(function(){for(var i in {jqmShow:1,jqmHide:1})for(var s in this[i])if(H[this[i][s]])H[this[i][s]].w[i](this);return F;});}this[c].push(s);});});}; +})(jQuery); diff --git a/templates/webpages/common/help_overlay.html b/templates/webpages/common/help_overlay.html new file mode 100644 index 000000000..a192a88aa --- /dev/null +++ b/templates/webpages/common/help_overlay.html @@ -0,0 +1,11 @@ +[%- USE T8 %] + +

+ [% +
+ [% 'Please wait...' | $T8 %] + [% 'loading' | $T8 %] +
+