web/public_php/ams/templates/layout.tpl

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <!--
   5                 Charisma v1.0.0
   6
   7                 Copyright 2012 Muhammad Usman
   8                 Licensed under the Apache License v2.0
   9                 http://www.apache.org/licenses/LICENSE-2.0
  10
  11                 http://usman.it
  12                 http://twitter.com/halalit_usman
  13         -->
  14         <meta charset="utf-8">
  15         <title>{$ams_title}</title>
  16         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  17         <meta name="description" content="ryzom,ams">
  18         <meta name="author" content="Daan Janssens & Matthew Lagoe">
  19
  20         <!-- The styles -->
  21         <link id="bs-css" href="css/bootstrap-classic.css" rel="stylesheet">
  22     <link id="bs-css" href="css/bootstrap-cerulean.min.css" rel="stylesheet">
  23
  24     <link href="css/charisma-app.css" rel="stylesheet">
  25     <link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
  26     <link href='css/jquery.noty.css' rel='stylesheet'>
  27     <link href='css/noty_theme_default.css' rel='stylesheet'>
  28     <link href='css/elfinder.min.css' rel='stylesheet'>
  29     <link href='css/elfinder.theme.css' rel='stylesheet'>
  30     <link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
  31     <link href='css/uploadify.css' rel='stylesheet'>
  32     <link href='css/animate.min.css' rel='stylesheet'>
  33
  34         <!-- jQuery -->
  35     <script src="js/jquery.min.js"></script>
  36
  37         <!-- The fav icon -->
  38         <!--<link rel="shortcut icon" href="img/favicon.ico">-->
  39
  40         <!--custom css file-->
  41         <link href="css/custom.css" rel="stylesheet">
  42 </head>
  43
  44 <body>
  45   <div class="container-fluid">
  46         {if ! isset($no_visible_elements) or  $no_visible_elements eq "FALSE"}
  47         <div class="navbar">
  48                 <div class="navbar-inner">
  49                         <div class="container-fluid">
  50                                 <a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
  51                                         <span class="icon-bar"></span>
  52                                         <span class="icon-bar"></span>
  53                                         <span class="icon-bar"></span>
  54                                 </a>
  55                                 <a class="brand" href="index.php"> <img alt="Ryzom Core Logo" src="img/ryzomcore_166_62.png"></a>
  56                                 <div class="flags_logged_in">
  57                                       <img onclick="reloadPageWithLanguage('en');" src="img/en.png">
  58                                       <img onclick="reloadPageWithLanguage('fr');" src="img/fr.png">
  59                                 </div>
  60
  61                                 <!-- theme selector starts -->
  62                                 <!--<div class="btn-group pull-right theme-container">
  63                                         <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  64                                                 <span class="icon-tint"></span><span class="hidden-phone"> Change Theme / Skin</span>
  65                                                 <span class="caret"></span>
  66                                         </a>
  67                                         <ul class="dropdown-menu" id="themes">
  68                                                 <li><a data-value="classic" href="#"><span class="icon-blank"></span> Classic</a></li>
  69                                                 <li><a data-value="cerulean" href="#"><span class="icon-blank icon-ok"></span> Cerulean</a></li>
  70                                                 <li><a data-value="cyborg" href="#"><span class="icon-blank"></span> Cyborg</a></li>
  71                                                 <li><a data-value="redy" href="#"><span class="icon-blank"></span> Redy</a></li>
  72                                                 <li><a data-value="journal" href="#"><span class="icon-blank"></span> Journal</a></li>
  73                                                 <li><a data-value="simplex" href="#"><span class="icon-blank"></span> Simplex</a></li>
  74                                                 <li><a data-value="slate" href="#"><span class="icon-blank"></span> Slate</a></li>
  75                                                 <li><a data-value="spacelab" href="#"><span class="icon-blank"></span> Spacelab</a></li>
  76                                                 <li><a data-value="united" href="#"><span class="icon-blank"></span> United</a></li>
  77                                         </ul>
  78                                 </div>-->
  79                                 <!-- theme selector ends -->
  80                                 <!-- user dropdown starts -->
  81                                 {if isset($username)}
  82                                 <div class="btn-group pull-right">
  83                                         <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  84                                                 <span class="icon-user"></span><span class="hidden-phone">{$username}</span>
  85                                                 <span class="caret"></span>
  86                                         </a>
  87                                         <ul class="dropdown-menu">
  88                                                 <li><a href="index.php?page=show_user">Profile</a></li>
  89                                                 <li><a href="index.php?page=logout">Logout</a></li>
  90                                         </ul>
  91                                 </div>
  92                                 {/if}
  93                                 <!-- user dropdown ends -->
  94                         </div>
  95                 </div>
  96         </div>
  97         {/if}
  98         <div class="container-fluid">
  99                 <div class="row-fluid">
 100                         {if ! isset($no_visible_elements) or  $no_visible_elements eq "FALSE"}
 101                         <!-- left menu starts -->
 102                         <div class="span2 main-menu-span panel panel-default">
 103                                 <div class="nav-collapse panel-body">
 104                                         <ul class="nav nav-tabs nav-stacked main-menu">
 105                                                 {block name=menu}{/block}
 106                                         </ul>
 107                                         <!--<label id="for-is-ajax" class="hidden-tablet" for="is-ajax" style="visibility:hidden;"><div id="uniform-is-ajax" class="checker"><span class="checked"><input style="opacity: 0;" id="is-ajax" type="checkbox"></span></div> Ajax on menu</label>--!>
 108                                 </div><!--/.well -->
 109                         </div><!--/span-->
 110                         <!-- left menu ends -->
 111
 112                         <noscript>
 113                                 <div class="alert alert-block span10">
 114                                         <h4 class="alert-heading">Warning!</h4>
 115                                         <p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
 116                                 </div>
 117                         </noscript>
 118
 119                         <div id="content" class="span10">
 120                         <!-- content starts -->
 121                         {/if}
 122
 123                         {if  isset($no_visible_elements) and  $no_visible_elements eq "TRUE"}
 124
 125                                     <div class="flags_no_visible_elements">
 126                                       <img src="img/en.png" onclick="reloadPageWithLanguage('en');"/>
 127                                       <img src="img/fr.png" onclick="reloadPageWithLanguage('fr');"/>
 128                                     </div>
 129
 130                         {/if}
 131
 132                         {block name=content}{/block}
 133                         {if isset($hook_info)}
 134                                 <div class="row-fluid">
 135                                         {foreach from=$hook_info key=arrkey item=element}
 136                                                 {if isset($smarty.get.page) and $smarty.get.page eq 'layout_plugin' and $smarty.get.name eq $arrkey}
 137                                                         {include file=$hook_info[$smarty.get.name]['TemplatePath']}
 138                                                 {/if}
 139                                         {/foreach}
 140                                 </div>
 141                         {/if}
 142
 143
 144                         {if ! isset($no_visible_elements) or  $no_visible_elements eq "FALSE"}
 145                         </div><!--/#content.span10-->
 146                         {/if}
 147                 </div><!--/fluid-row-->
 148                 {if ! isset($no_visible_elements) or  $no_visible_elements eq "FALSE"}
 149                 <hr>
 150
 151                 <div class="modal hide fade" id="myModal">
 152                         <div class="modal-header">
 153                                 <button type="button" class="close" data-dismiss="modal">×</button>
 154                                 <h3>Settings</h3>
 155                         </div>
 156                         <div class="modal-body">
 157                                 <p>Here settings can be configured...</p>
 158                         </div>
 159                         <div class="modal-footer">
 160                                 <a href="#" class="btn" data-dismiss="modal">Close</a>
 161                                 <a href="#" class="btn btn-primary">Save changes</a>
 162                         </div>
 163                 </div>
 164
 165                 <footer>
 166                         {if $permission > 1}<p class="pull-right">AMS 0.12.0 Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>{/if}
 167                 </footer>
 168                 {/if}
 169         </div><!--/.fluid-container-->
 170   </div>
 171         <!-- external javascript
 172         ================================================== -->
 173         <!-- Placed at the end of the document so the pages load faster -->
 174         <script>
 175         function reloadPageWithLanguage(language){
 176           if(window.location.search == ""){
 177             var url = window.location.href + "?setLang=true&Language=" + language;
 178           }else{
 179             var url = window.location.href + "&setLang=true&Language=" + language;
 180           }
 181           window.location.href = url;
 182         }
 183         </script>
 184
 185         <!-- script for file uploading-->
 186         <script>
 187                 function _(e1)
 188                 {
 189                         return document.getElementById(e1);
 190                         }
 191
 192                 function uploadPlugin()
 193                 {
 194                         var fileObject = _("file").files[0];
 195                         var formdata = new FormData();
 196                         formdata.append("file",fileObject);
 197                         var ajax = new XMLHttpRequest();
 198                         ajax.upload.addEventListener("progress", progressHandler, false);
 199                         ajax.addEventListener("load", completeHandler, false);
 200                         ajax.addEventListener("error", errorHandler, false);
 201                         ajax.addEventListener("abort", abortHandler, false);
 202                         ajax.open("POST", "index.php?page=plugin&action=install_plugin");
 203                         ajax.send(formdata);
 204                         }
 205
 206                 function progressHandler(event)
 207                 {
 208                         var percent = (event.loaded/event.total)*100;
 209                         _("progressBar").value = Math.round(percent);
 210                         }
 211
 212                 function completeHandler(event)
 213                 {
 214                         _("status").innerHTML = event.target.responseText;
 215                         _("progressBar").value = 0;
 216                         }
 217
 218                 function errorHandler(event)
 219                 {
 220                         _("status").innerHTML = "upload Failed";
 221                         }
 222
 223                 function abortHandler(event)
 224                 {
 225                         _("status").innerHTML = "upload Aborted";
 226                         }
 227         </script>
 228
 229         <script>
 230          $(document).ready(function() {
 231      $("#expDate").datepicker({ dateFormat: 'yy-mm-dd' });
 232          });
 233     </script>
 234
 235         <!-- jQuery -->
 236         <script src="js/jquery-1.7.2.min.js"></script>
 237         <!-- jQuery UI -->
 238         <script src="js/jquery-ui-1.8.21.custom.min.js"></script>
 239         <!-- transition / effect library -->
 240         <script src="js/bootstrap-transition.js"></script>
 241         <!-- alert enhancer library -->
 242         <script src="js/bootstrap-alert.js"></script>
 243         <!-- modal / dialog library -->
 244         <script src="js/bootstrap-modal.js"></script>
 245         <!-- custom dropdown library -->
 246         <script src="js/bootstrap-dropdown.js"></script>
 247         <!-- scrolspy library -->
 248         <script src="js/bootstrap-scrollspy.js"></script>
 249         <!-- library for creating tabs -->
 250         <script src="js/bootstrap-tab.js"></script>
 251         <!-- library for advanced tooltip -->
 252         <script src="js/bootstrap-tooltip.js"></script>
 253         <!-- popover effect library -->
 254         <script src="js/bootstrap-popover.js"></script>
 255         <!-- button enhancer library -->
 256         <script src="js/bootstrap-button.js"></script>
 257         <!-- accordion library (optional, not used in demo) -->
 258         <script src="js/bootstrap-collapse.js"></script>
 259         <!-- carousel slideshow library (optional, not used in demo) -->
 260         <script src="js/bootstrap-carousel.js"></script>
 261         <!-- autocomplete library -->
 262         <script src="js/bootstrap-typeahead.js"></script>
 263         <!-- tour library -->
 264         <script src="js/bootstrap-tour.js"></script>
 265         <!-- library for cookie management -->
 266         <script src="js/jquery.cookie.js"></script>
 267         <!-- calander plugin -->
 268         <script src='js/fullcalendar.min.js'></script>
 269         <!-- data table plugin -->
 270         <script src='js/jquery.dataTables.min.js'></script>
 271
 272         <!-- chart libraries start -->
 273         <script src="js/excanvas.js"></script>
 274         <script src="js/jquery.flot.min.js"></script>
 275         <script src="js/jquery.flot.pie.min.js"></script>
 276         <script src="js/jquery.flot.stack.js"></script>
 277         <script src="js/jquery.flot.resize.min.js"></script>
 278         <!-- chart libraries end -->
 279
 280         <!-- select or dropdown enhancer -->
 281         <script src="js/jquery.chosen.min.js"></script>
 282         <!-- checkbox, radio, and file input styler -->
 283         <script src="js/jquery.uniform.min.js"></script>
 284         <!-- plugin for gallery image view -->
 285         <script src="js/jquery.colorbox.min.js"></script>
 286         <!-- rich text editor library -->
 287         <script src="js/jquery.cleditor.min.js"></script>
 288         <!-- notification plugin -->
 289         <script src="js/jquery.noty.js"></script>
 290         <!-- file manager library -->
 291         <script src="js/jquery.elfinder.min.js"></script>
 292         <!-- star rating plugin -->
 293         <script src="js/jquery.raty.min.js"></script>
 294         <!-- for iOS style toggle switch -->
 295         <script src="js/jquery.iphone.toggle.js"></script>
 296         <!-- autogrowing textarea plugin -->
 297         <script src="js/jquery.autogrow-textarea.js"></script>
 298         <!-- multiple file upload plugin -->
 299         <script src="js/jquery.uploadify-3.1.min.js"></script>
 300         <!-- history.js for cross-browser state change on ajax -->
 301         <script src="js/jquery.history.js"></script>
 302         <!-- application script for Charisma demo -->
 303         <!-- <script src="js/charisma.js"></script> -->
 304         <!-- help script for page help -->
 305         <script src="js/help.js"></script>
 306         <!-- application script for Charisma demo -->
 307         <script src="js/custom.js"></script>
 308
 309 </body>
 310 </html>