|
11 | 11 | <!-- The favicon -->
|
12 | 12 | <?php include_once "modules/_mod_favicon.php"?>
|
13 | 13 |
|
| 14 | + <!-- PLUGIN: PRISM: This plugin helps display demo code. Don't add it everywhere --> |
| 15 | + <link rel="stylesheet" href="../dist/plugins/prism/prism.min.css"> |
| 16 | + |
14 | 17 | <!-- PHOTON main styles -->
|
15 | 18 | <link rel="stylesheet" href="../dist/css/main_style.min.css">
|
16 | 19 |
|
|
142 | 145 | </div>
|
143 | 146 | </div>
|
144 | 147 | <div class="show-panel show-panel-example">
|
145 |
| - <div class="show-panel-body"> |
| 148 | + <div class="show-panel-body" data-showcase="example"> |
146 | 149 | <nav class="navbar navbar-default">
|
147 | 150 | <div class="container-fluid">
|
148 | 151 | <div class="navbar-header">
|
|
165 | 168 | </nav>
|
166 | 169 | </div>
|
167 | 170 | <div class="show-panel-footer">
|
168 |
| -<pre><code><nav class="navbar navbar-default navbar-fixed-top"> |
169 |
| - <div class="container-fluid"> |
170 |
| - <div class="navbar-header"> |
171 |
| - <div class="nav-controls visible-xs-inline-block pull-left"> |
172 |
| - <button class="btn btn-default navbar-btn" id="toggle-sidebar-btn" type="button"><span class="sr-only">Toggle sidepanel</span><i class="fa fa-bars"></i></button> |
173 |
| - </div> |
174 |
| - <a class="navbar-brand" href="javascript:void(0)"> |
175 |
| - <img alt="PHOTON Test" src="../dist/css/img/photon-power-logo.png"> |
176 |
| - <span class="hidden-xs">| Title</span> |
177 |
| - </a> |
178 |
| - <div class="nav-controls visible-xs-inline-block pull-right"> |
179 |
| - <button class="btn btn-default navbar-btn" data-target="#test1_navbar" data-toggle="collapse" id="main-min-nav" type="button"> |
180 |
| - <span class="sr-only">Toggle navigation</span><i class="fa fa-chevron-down"></i> |
181 |
| - </button> |
182 |
| - </div> |
183 |
| - </div> |
184 |
| - </div> |
185 |
| -</nav></code></pre> |
| 171 | + <pre class="language-markup"><code class="language-markup" data-showcase="code"></code></pre> |
186 | 172 | </div>
|
187 |
| - <div class="show-panel-body"> |
| 173 | + <div class="show-panel-body" data-showcase="example"> |
188 | 174 | <nav class="navbar navbar-default">
|
189 | 175 | <div class="container-fluid">
|
190 | 176 | <div class="navbar-header">
|
|
223 | 209 | </nav>
|
224 | 210 | </div>
|
225 | 211 | <div class="show-panel-footer">
|
226 |
| -<pre><code><nav class="navbar navbar-default navbar-fixed-top"> |
227 |
| - <div class="container-fluid"> |
228 |
| - <div class="navbar-header"> |
229 |
| - <div class="nav-controls visible-xs-inline-block pull-left"> |
230 |
| - <button class="btn btn-default navbar-btn" id="toggle-sidebar-btn" type="button"><span class="sr-only">Toggle sidepanel</span><i class="fa fa-bars"></i></button> |
231 |
| - </div> |
232 |
| - <a class="navbar-brand" href="javascript:void(0)"> |
233 |
| - <img alt="PHOTON Test" src="../dist/css/img/photon-power-logo.png"><span class="hidden-xs">| Title</span> |
234 |
| - </a> |
235 |
| - <div class="nav-controls visible-xs-inline-block pull-right"> |
236 |
| - <button class="btn btn-default navbar-btn" data-target="#test2_navbar" data-toggle="collapse" id="main-min-nav" type="button"><span class="sr-only">Toggle navigation</span><i class="fa fa-chevron-down"></i></button> |
237 |
| - </div> |
238 |
| - </div> |
239 |
| - <div class="collapse navbar-collapse" id="test2_navbar"> |
240 |
| - <button type="button" class="btn btn-danger navbar-btn">Don't press this button!</button> |
241 |
| - <ul class="nav navbar-nav navbar-right"> |
242 |
| - <li class="dropdown"> |
243 |
| - <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> |
244 |
| - <div class="profile-thumb hidden-xs"> |
245 |
| - <img class="nav-user-photo" src="../dist/css/img/jon_snow.jpg" onerror="this.src='../dist/css/icons/default_user.png'" alt="" height="36"> |
246 |
| - </div> |
247 |
| - Jon Snow |
248 |
| - <i class="fa fa-chevron-down hidden-xs"></i> |
249 |
| - </a> |
250 |
| - <ul class="dropdown-menu"> |
251 |
| - <li class="dm-header hidden-xs"><span>User actions</span></li> |
252 |
| - <li><a href="#"><span>Account settings</span></a></li> |
253 |
| - <li><a href="#"><span>Support</span></a></li> |
254 |
| - <li><a href="#"><span>Log out</span></a></li> |
255 |
| - </ul> |
256 |
| - </li> |
257 |
| - </ul> |
258 |
| - </div> |
259 |
| - </div> |
260 |
| -</nav></code></pre> |
| 212 | + <pre class="language-markup"><code class="language-markup" data-showcase="code"></code></pre> |
261 | 213 | </div>
|
262 |
| - <div class="show-panel-body"> |
| 214 | + <div class="show-panel-body" data-showcase="example"> |
263 | 215 | <nav class="navbar navbar-default">
|
264 | 216 | <div class="container-fluid">
|
265 | 217 | <div class="navbar-header">
|
|
322 | 274 | </nav>
|
323 | 275 | </div>
|
324 | 276 | <div class="show-panel-footer">
|
325 |
| -<pre><code><nav class="navbar navbar-default navbar-fixed-top"> |
326 |
| - <div class="container-fluid"> |
327 |
| - <div class="navbar-header"> |
328 |
| - <div class="nav-controls visible-xs-inline-block pull-left"> |
329 |
| - <button class="btn btn-default navbar-btn" id="toggle-sidebar-btn" type="button"><span class="sr-only">Toggle sidepanel</span><i class="fa fa-bars"></i></button> |
330 |
| - </div> |
331 |
| - <a class="navbar-brand" href="javascript:void(0)"> |
332 |
| - <img alt="PHOTON Test" src="../dist/css/img/photon-power-logo.png"><span class="hidden-xs">| Title</span> |
333 |
| - </a> |
334 |
| - <div class="nav-controls visible-xs-inline-block pull-right"> |
335 |
| - <button class="btn btn-default navbar-btn" data-target="#test3_navbar" data-toggle="collapse" id="main-min-nav" type="button"> |
336 |
| - <span class="sr-only">Toggle navigation</span><i class="fa fa-chevron-down"></i> |
337 |
| - </button> |
338 |
| - </div> |
339 |
| - </div> |
340 |
| - <div class="collapse navbar-collapse" id="test3_navbar"> |
341 |
| - <ul class="nav navbar-nav navbar-right"> |
342 |
| - <li class="dropdown"> |
343 |
| - <a href="javascript:void(0)" class="dropdown-toggle dd-language" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> |
344 |
| - <span class="visible-xs-inline">Limbă</span> |
345 |
| - <span><i class="flag-icon flag-icon-ro"></i> RO</span> |
346 |
| - <i class="fa fa-chevron-down hidden-xs"></i> |
347 |
| - </a> |
348 |
| - <ul class="dropdown-menu dm-language"> |
349 |
| - <li><a href="#"><i class="flag-icon flag-icon-ro"></i><span> RO</span></a></li> |
350 |
| - <li><a href="#"><i class="flag-icon flag-icon-gb"></i><span> EN</span></a></li> |
351 |
| - <li><a href="#"><i class="flag-icon flag-icon-bg"></i><span> BG</span></a></li> |
352 |
| - <li><a href="#"><i class="flag-icon flag-icon-hu"></i><span> HU</span></a></li> |
353 |
| - <li><a href="#"><i class="flag-icon flag-icon-pl"></i><span> PL</span></a></li> |
354 |
| - </ul> |
355 |
| - </li> |
356 |
| - <li class="dropdown"> |
357 |
| - <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true"> |
358 |
| - <i class="fa fa-bell nav-icon-lg hidden-xs"></i> |
359 |
| - <span class="visible-xs-inline">Notifications</span> |
360 |
| - <span class="jewel">3</span> |
361 |
| - </a> |
362 |
| - <ul class="dropdown-menu"> |
363 |
| - <li class="dm-header hidden-xs"> |
364 |
| - <span>Notifications</span> |
365 |
| - </li> |
366 |
| - <li> |
367 |
| - <a href="#"><span>You have an invalidated offer</span></a> |
368 |
| - </li> |
369 |
| - <li> |
370 |
| - <a href="#"><span>Your account is not up to date</span></a> |
371 |
| - </li> |
372 |
| - <li> |
373 |
| - <a href="#"><span>You have a new order</span></a> |
374 |
| - </li> |
375 |
| - <li> |
376 |
| - <a href="javascript:void(0)" class="text-center"><span>view all</span></a> |
377 |
| - </li> |
378 |
| - </ul> |
379 |
| - </li> |
380 |
| - </ul> |
381 |
| - </div> |
382 |
| - </div> |
383 |
| -</nav></code></pre> |
| 277 | + <pre class="language-markup"><code class="language-markup" data-showcase="code"></code></pre> |
384 | 278 | </div>
|
385 |
| - <div class="show-panel-body"> |
| 279 | + <div class="show-panel-body" data-showcase="example"> |
386 | 280 | <nav class="navbar navbar-default">
|
387 | 281 | <div class="container-fluid">
|
388 | 282 | <div class="navbar-header">
|
|
439 | 333 | </nav>
|
440 | 334 | </div>
|
441 | 335 | <div class="show-panel-footer">
|
442 |
| -<pre><code><nav class="navbar navbar-default navbar-fixed-top"> |
443 |
| - <div class="container-fluid"> |
444 |
| - <div class="navbar-header"> |
445 |
| - <div class="nav-controls visible-xs-inline-block pull-left"> |
446 |
| - <button class="btn btn-default navbar-btn" id="toggle-sidebar-btn" type="button"><span class="sr-only">Toggle sidepanel</span><i class="fa fa-bars"></i></button> |
447 |
| - </div> |
448 |
| - <a class="navbar-brand" href="javascript:void(0)"> |
449 |
| - <img alt="PHOTON Test" src="../dist/css/img/photon-power-logo.png"><span class="hidden-xs">| Title</span> |
450 |
| - </a> |
451 |
| - <div class="nav-controls visible-xs-inline-block pull-right"> |
452 |
| - <button class="btn btn-default navbar-btn" data-target="#test4_navbar" data-toggle="collapse" id="main-min-nav" type="button"> |
453 |
| - <span class="sr-only">Toggle navigation</span> |
454 |
| - <i class="fa fa-chevron-down"></i> |
455 |
| - </button> |
456 |
| - </div> |
457 |
| - </div> |
458 |
| - <div class="collapse navbar-collapse" id="test4_navbar"> |
459 |
| - <ul class="nav navbar-nav navbar-right"> |
460 |
| - <li class="nav-input-group"> |
461 |
| - <div class="input-group"> |
462 |
| - <input type="text" class="form-control" name="example1" id="example1" placeholder="Search"> |
463 |
| - <div class="input-group-btn"> |
464 |
| - <button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button> |
465 |
| - </div> |
466 |
| - </div> |
467 |
| - </li> |
468 |
| - <li class="dropdown"> |
469 |
| - <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true"> |
470 |
| - <i class="fa fa-bell nav-icon-lg hidden-xs"></i> |
471 |
| - <span class="visible-xs-inline">Notificare</span> |
472 |
| - </a> |
473 |
| - <ul class="dropdown-menu"> |
474 |
| - <li class="dm-header hidden-xs"> |
475 |
| - <span>Notifications</span> |
476 |
| - </li> |
477 |
| - <li> |
478 |
| - <a href="#"><span>You have an invalidated offer</span></a> |
479 |
| - </li> |
480 |
| - <li> |
481 |
| - <a href="#"><span>Your account is not up to date</span></a> |
482 |
| - </li> |
483 |
| - <li> |
484 |
| - <a href="#"><span>You have a new order</span></a> |
485 |
| - </li> |
486 |
| - <li> |
487 |
| - <a href="javascript:void(0)" class="text-center"><span>view all</span></a> |
488 |
| - </li> |
489 |
| - </ul> |
490 |
| - </li> |
491 |
| - </ul> |
492 |
| - </div> |
493 |
| - </div> |
494 |
| -</nav></code></pre> |
| 336 | + <pre class="language-markup"><code class="language-markup" data-showcase="code"></code></pre> |
495 | 337 | </div>
|
496 | 338 | </div>
|
497 | 339 | </div>
|
|
744 | 586 | <script>window.jQuery || document.write("<script src=\"../dist/js/lib/jquery-1.11.3.min.js\">"+"<"+"/script>")</script>
|
745 | 587 | <script src="../dist/js/main_script.min.js"></script>
|
746 | 588 | <script src="../dist/js/demo_helpers.js"></script>
|
| 589 | + |
| 590 | + <!-- PLUGIN: PRISM: This plugin helps display demo code. Don't add it everywhere --> |
| 591 | + <script src="../dist/plugins/prism/prism.min.js"></script> |
| 592 | + |
747 | 593 | <!-- SCRIPTS:End -->
|
748 | 594 | <!-- DOCUMENT-READY:Start -->
|
749 | 595 | <script type="text/javascript">
|
750 |
| - $(document).ready(function() { |
| 596 | + $(document).ready(function () { |
751 | 597 | console.log('Ready, Captain!');
|
752 | 598 |
|
753 | 599 | demoHelpers(); //Requires demo_helpers.js
|
754 | 600 |
|
| 601 | + showcasing(); //Requires demo_helpers.js, prism.min.js and prism.min.css |
| 602 | + |
755 | 603 | $('input[name="sidebar_fixed_status"], input[name="sidebar_expanded_status"]').on('change', function() {
|
756 | 604 | updateSideBarCode();
|
757 | 605 | });
|
|
760 | 608 | updateFooterBarCode();
|
761 | 609 | });
|
762 | 610 | });
|
| 611 | + $(window).load(function () { |
| 612 | + $('.language-markup .token.tag:contains("nav")+.token.attr-name:contains("class")+.token.attr-value').each(function (index, element) { |
| 613 | + $(element).find('.token.punctuation').eq(2).before(' navbar-fixed-top'); |
| 614 | + }); |
| 615 | + }); |
763 | 616 | </script>
|
764 | 617 | <!-- DOCUMENT-READY:End -->
|
765 | 618 | </body>
|
|
0 commit comments