liquid_feedback_frontend

annotate app/main/_layout/default.html @ 1065:0c9c02925a82

find changesets by author, revision, files, or words in the commit message
merge
author bsw
date Wed Jul 16 21:55:03 2014 +0200 (2014-07-16)
parents 58d703bb06e4
children effce9b361b2
rev   line source
bsw/jbe@0 1 <html>
bsw@1045 2 <head>
bsw@1045 3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
bsw@1045 4 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
bsw@1045 5 <title><!-- WEBMCP SLOTNODIV html_title --></title>
bsw@1045 6 <link rel="stylesheet" type="text/css" media="screen" href="__BASEURL__/static/gregor.js/gregor.css" />
bsw@1048 7 <link rel="stylesheet" type="text/css" href="__BASEURL__/static/lf3.css" />
bsw@1045 8 <!-- WEBMCP SLOTNODIV html_head -->
bsw@1048 9 <script src="__BASEURL__/static/js/jquery-1.11.1.min.js"></script>
bsw@1045 10 <script type="text/javascript">jsFail = true;</script>
bsw@1045 11 <![if !IE]>
bsw@1045 12 <script type="text/javascript">jsFail = false;</script>
bsw@1045 13 <![endif]>
bsw@1045 14 <script type="text/javascript" src="__BASEURL__/static/js/jsprotect.js"></script>
bsw@1045 15 <script type="text/javascript" src="__BASEURL__/static/js/partialload.js"></script>
bsw@1045 16 <script type="text/javascript">var ui_tabs_active = {};</script>
bsw@1045 17 </head>
bsw@1045 18 <body style="">
bsw@1045 19 <div class="head_outer">
bsw@1045 20 <div class="head">
bsw@1045 21 <div class="nav">
bsw@1045 22 <!--WEBMCP SLOTNODIV navigation -->
bsw@1045 23 <!--WEBMCP SLOTNODIV navigation_right -->
bsw@1045 24 <!--WEBMCP SLOTNODIV notification -->
bsw@1045 25 </div>
bsw@1045 26
bsw@1045 27 <a class="logo" href="__BASEURL__/">
bsw@1045 28 <span class="liquid">Liquid</span><span class="feedback">Feedback</span>
bsw@1045 29 <span class="instanceName"><!-- WEBMCP SLOTNODIV instance_name --></span>
bsw@1045 30 </a>
bsw@1045 31
bsw@1045 32
bsw@1045 33 </div>
bsw@1045 34 </div>
bsw@1045 35
bsw@1045 36 <div class="page">
bsw@1045 37 <div class="layout_notice" id="layout_notice" onclick="document.getElementById('layout_notice').style.display='none';">
bsw@1045 38 <!-- WEBMCP SLOT notice -->
bsw@1045 39 </div>
bsw@1045 40
bsw@1045 41 <div class="layout_warning" id="layout_warning" onclick="document.getElementById('layout_warning').style.display='none';">
bsw@1045 42 <!-- WEBMCP SLOT warning -->
bsw@1045 43 </div>
bsw@1045 44
bsw@1045 45 <div class="layout_error" id="layout_error" onclick="document.getElementById('layout_error').style.display='none';">
bsw@1045 46 <!-- WEBMCP SLOT error -->
bsw@1045 47 </div>
bsw@1045 48
bsw@1045 49 <div class="layout_motd" id="layout_motd" onclick="document.getElementById('layout_motd').style.display='none';">
bsw@1045 50 <!-- WEBMCP SLOT motd -->
bsw@1045 51 </div>
bsw@1045 52
bsw@1045 53 <div class="title_outer">
bsw@1045 54 <!-- WEBMCP SLOT title -->
bsw@1045 55 </div>
bsw@1045 56
bsw@1045 57 <!-- WEBMCP SLOT tabs -->
bsw@1045 58
bsw@1045 59 <!-- WEBMCP SLOTNODIV actions -->
bsw@1045 60
bsw@1045 61 <div id="swiper_tabs" class="swiper_tabs" style="display: none;">
bsw@1045 62 <!-- <div><a id="tab-0" href="#" onclick="slider.to(0); return false;"><img src="__BASEURL__/static/icons/16/chart_organisation.png" /></a></div>-->
bsw@1045 63 <div><a id="tab-0" href="#" onclick="slider.to(0); return false;"><img src="__BASEURL__/static/icons/16/text_list_bullets.png" width="32" height="32" /></a></div>
bsw@1045 64 <div><a id="tab-1" href="#" onclick="slider.to(1); return false;"><img src="__BASEURL__/static/icons/48/info.png" width="32" height="32" /></a></div>
bsw@1045 65 <div><a id="tab-2" href="#" onclick="slider.to(2); return false;"><img src="__BASEURL__/static/icons/16/group.png" width="32" height="32" /></a></div>
bsw@1045 66 </div>
bsw@1045 67
bsw@1045 68 <div id="swiper_info"><!-- WEBMCP SLOTNODIV swiper_info --></div>
bsw@1045 69 <div id="swiper" class="swiper" style="position: absolute; width: 100%;">
bsw@1045 70 <div id="swiper_wrap" class="swiper_wrap">
bsw@1045 71 </div>
bsw@1045 72 </div>
bsw@1045 73
bsw@1045 74 <div class="content">
bsw@1045 75 <div class="sidebar">
bsw@1045 76 <!-- WEBMCP SLOTNODIV sidebar -->
bsw@1045 77 </div>
bsw@1045 78
bsw@1045 79 <div class="main_outer">
bsw@1045 80 <!-- WEBMCP SLOTNODIV slideshow -->
bsw@1045 81 <div class="main">
bsw@1045 82 <!-- WEBMCP SLOTNODIV default -->
bsw@1045 83 <!-- WEBMCP SLOTNODIV extra -->
bsw/jbe@0 84 </div>
bsw@277 85 </div>
bsw@1045 86 </div>
bsw@1045 87 <br style="clear: both;" />
bsw@1045 88 <div class="footer">
bsw@1045 89 <!-- WEBMCP SLOTNODIV footer -->
bsw@1045 90 </div>
bsw@1045 91 </div>
bsw@1045 92
bsw@1045 93 <div id="trace">
bsw@1045 94 <!-- WEBMCP SLOTNODIV trace_button -->
bsw@868 95 <div id="trace_content" style="display: none;">
bsw@868 96 <tt id="system_error"><!-- WEBMCP SLOT system_error --></tt>
bsw@1045 97 <h1>System trace (for computer programmers purposes)</h1>
bsw@1045 98 <br />
bsw@868 99 <!-- WEBMCP SLOT trace -->
bsw@868 100 <div class="trace_close" onclick="document.getElementById('trace_show').style.display='block';document.getElementById('trace_content').style.display='none';">
bsw@868 101 close
bsw/jbe@0 102 </div>
bsw/jbe@0 103 </div>
bsw@1045 104 </div>
bsw@1045 105 <script>
bsw@1045 106 $(".trace_view > .trace_list").hide();
bsw@1045 107 $(".trace_head").click(function() {
bsw@1045 108 var el = this.nextSibling
bsw@1045 109 if (el) $(el).toggle();
bsw@1045 110 });
bsw@1045 111 </script>
bsw@1045 112
bsw@1045 113 <!-- WEBMCP SLOTNODIV script -->
bsw@1045 114
bsw@1045 115 <script>
bsw@1045 116
bsw@1045 117 var slider;
bsw@1045 118
bsw@1045 119 function initSlider () {
bsw@1045 120
bsw@1045 121 var els = [
bsw@1045 122 $( '.main, .extra' ),
bsw@1045 123 $( '.tab-notification, .tab-whatcanido' ),
bsw@1045 124 $( '.tab-members' )
bsw@1045 125 ];
bsw@1045 126
bsw@1045 127 var sidebarFound = false;
bsw@1045 128 for ( i = 1; i < els.length; i++) {
bsw@1045 129 if (els[i].length > 0) sidebarFound = true;
bsw@1045 130 }
bsw@1045 131
bsw@1045 132 if (sidebarFound) $("#swiper_tabs").show();
bsw@1045 133
bsw@1045 134 var elsCount = 3;
bsw@1045 135
bsw@1045 136 var slidePos;
bsw@1045 137
bsw@1045 138 function slideTo ( pos ) {
bsw@1045 139 if ( typeof ( slidePos ) != "undefined" ) {
bsw@1045 140 els[ slidePos ].hide();
bsw@1045 141 $ ( "#tab-" + slidePos ).removeClass ( "active" );
bsw@1045 142 }
bsw@1045 143 slidePos = pos;
bsw@1045 144 els[ slidePos ].show();
bsw@1045 145 $ ( "#tab-" + slidePos ).addClass ( "active" );
bsw@1045 146 if (pos == 1) {
bsw@1045 147 $("#swiper_info").hide();
bsw@1045 148 }
bsw@1045 149 }
bsw@1045 150
bsw@1045 151 function slideNext () {
bsw@1045 152 var pos = slidePos + 1;
bsw@1045 153 if ( pos > elsCount - 1 ) {
bsw@1045 154 pos = elsCount - 1;
bsw@1045 155 } else {
bsw@1045 156 $( "#swiper").css("left", "400px");
bsw@1045 157 $( "#swiper").animate({ "left": "0px" }, 200);
bsw@1045 158 }
bsw@1045 159 slideTo ( pos );
bsw@1045 160 }
bsw@1045 161
bsw@1045 162 function slidePrev () {
bsw@1045 163 var pos = slidePos - 1;
bsw@1045 164 if ( pos < 0 ) {
bsw@1045 165 pos = 0;
bsw@1045 166 } else {
bsw@1045 167 $( "#swiper").css("left", "-400px");
bsw@1045 168 $( "#swiper").animate({ "left": "0px" }, 200);
bsw@1045 169 }
bsw@1045 170 slideTo ( pos );
bsw@1045 171 }
bsw@1045 172
bsw@1045 173 function exit() {
bsw@1045 174 for ( i = 0; i < els.length; i++) {
bsw@1045 175 els[i].show();
bsw@1045 176 }
bsw@1045 177 $( ".main_outer" ).append ( $( ".main" ).detach() );
bsw@1045 178 $( ".extra_outer" ).append ( $( ".extra" ).detach() );
bsw@1045 179 $( ".sidebar" ).append ( $(els[1]).detach() );
bsw@1045 180 $( ".sidebar" ).append ( $(els[2]).detach() );
bsw@1045 181 $( ".page" ).append ( $('.footer') );
bsw@1045 182 $( "body" ).append ( $('#trace') );
bsw@1045 183
bsw@1045 184 }
bsw@1045 185
bsw@1045 186 var touchStartX;
bsw@1045 187 var touchStartY;
bsw@1045 188 var isScrolling;
bsw@1045 189
bsw@1045 190 function touchDown ( e ) {
bsw@1045 191 touchStartX = e.originalEvent.touches[0].pageX;
bsw@1045 192 touchStartY = e.originalEvent.touches[0].pageY;
bsw@1045 193 isScrolling = undefined;
bsw@1045 194 }
bsw@1045 195
bsw@1045 196 function touchMove ( e ) {
bsw@1045 197 var diffX = touchStartX - e.originalEvent.changedTouches[0].pageX;
bsw@1045 198 var diffY = touchStartY - e.originalEvent.changedTouches[0].pageY;
bsw@1045 199 if ( typeof( isScrolling ) == 'undefined' ) {
bsw@1045 200 isScrolling = Math.abs ( diffY ) > Math.abs ( diffX );
bsw@1045 201 }
bsw@1045 202 if ( ! isScrolling ) {
bsw@1045 203 $( "#swiper").css("left", -diffX + "px");
bsw@1045 204 e.preventDefault();
bsw@1045 205 }
bsw@1045 206 }
bsw@1045 207
bsw@1045 208 function touchUp ( e ) {
bsw@1045 209 var diffX = touchStartX - e.originalEvent.changedTouches[0].pageX;
bsw@1045 210 var diffY = touchStartY - e.originalEvent.changedTouches[0].pageY;
bsw@1045 211
bsw@1045 212 if ( isScrolling ) {
bsw@1045 213 // vertical scrolling
bsw@1045 214 return;
bsw@1045 215 }
bsw@1045 216
bsw@1045 217 if ( Math.abs ( diffX ) < 100 ) {
bsw@1045 218 // go back not enough
bsw@1045 219 $( "#swiper").animate({
bsw@1045 220 "left": "0px",
bsw@1045 221 }, 200);
bsw@1045 222 return;
bsw@1045 223 }
bsw@1045 224 var direction = diffX < 0 ? "right" : "left";
bsw@1045 225
bsw@1045 226 if ( direction == "left" ) {
bsw@1045 227 slideNext();
bsw@1045 228 } else {
bsw@1045 229 slidePrev();
bsw@1045 230 }
bsw@1045 231 }
bsw@1045 232
bsw@1045 233 for ( i = 0; i < els.length; i++) {
bsw@1045 234 var el = els[i].detach();
bsw@1045 235 el.hide();
bsw@1045 236 $('#swiper_wrap').append ( el ) ;
bsw@1045 237 }
bsw@1045 238
bsw@1045 239 $('#swiper_wrap').append ( $('.footer') );
bsw@1045 240 $('#swiper_wrap').append ( $('#trace') );
bsw@1045 241 slideTo ( 0 );
bsw@1045 242
bsw@1045 243 if ( 'ontouchstart' in document.documentElement ) {
bsw@1045 244 $( "body" ).on( "touchstart", touchDown );
bsw@1045 245 $( "body" ).on( "touchmove", touchMove );
bsw@1045 246 $( "body" ).on( "touchend", touchUp );
bsw@1045 247 }
bsw@1045 248
bsw@1045 249 return {
bsw@1045 250 to: slideTo,
bsw@1045 251 exit: exit
bsw@1045 252 }
bsw@1045 253
bsw@1045 254 }
bsw@1045 255
bsw@1045 256 function resizeHandler() {
bsw@1045 257 if ( $(window).width() < 768 ) {
bsw@1045 258 if ( typeof ( slider ) == "undefined" ) {
bsw@1045 259 slider = initSlider();
bsw@1045 260 }
bsw@1045 261 } else {
bsw@1045 262 if ( typeof ( slider ) != "undefined" ) {
bsw@1045 263 slider.exit();
bsw@1045 264 slider = undefined;
bsw@1045 265 }
bsw@1045 266 }
bsw@1045 267
bsw@1045 268 }
bsw@1045 269
bsw@1045 270 $( window ).resize( resizeHandler );
bsw@1045 271 resizeHandler();
bsw@1045 272
bsw@1045 273 </script>
bsw@1045 274
bsw@1045 275 </body>
jorges@113 276 </html>

Impressum / About Us