web/public_php/ams/templates/homebackup.tpl

   1 {extends file="layout.tpl"}
   2 {block name=content}
   3
   4                 <!-- topbar starts -->
   5         <div class="navbar">
   6                 <div class="navbar-inner">
   7                         <div class="container-fluid">
   8                                 <a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
   9                                         <span class="icon-bar"></span>
  10                                         <span class="icon-bar"></span>
  11                                         <span class="icon-bar"></span>
  12                                 </a>
  13                                 <a class="brand" href="index.php"> <img alt="Ryzom Core Logo" src="img/ryzomcore.png"></a>
  14
  15                                 <!-- theme selector starts -->
  16                                 <div class="btn-group pull-right theme-container">
  17                                         <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  18                                                 <span class="icon-tint"></span><span class="hidden-phone"> Change Theme / Skin</span>
  19                                                 <span class="caret"></span>
  20                                         </a>
  21                                         <ul class="dropdown-menu" id="themes">
  22                                                 <li><a data-value="classic" href="#"><span class="icon-blank"></span> Classic</a></li>
  23                                                 <li><a data-value="cerulean" href="#"><span class="icon-blank icon-ok"></span> Cerulean</a></li>
  24                                                 <li><a data-value="cyborg" href="#"><span class="icon-blank"></span> Cyborg</a></li>
  25                                                 <li><a data-value="redy" href="#"><span class="icon-blank"></span> Redy</a></li>
  26                                                 <li><a data-value="journal" href="#"><span class="icon-blank"></span> Journal</a></li>
  27                                                 <li><a data-value="simplex" href="#"><span class="icon-blank"></span> Simplex</a></li>
  28                                                 <li><a data-value="slate" href="#"><span class="icon-blank"></span> Slate</a></li>
  29                                                 <li><a data-value="spacelab" href="#"><span class="icon-blank"></span> Spacelab</a></li>
  30                                                 <li><a data-value="united" href="#"><span class="icon-blank"></span> United</a></li>
  31                                         </ul>
  32                                 </div>
  33                                 <!-- theme selector ends -->
  34                                 <button onclick="show_help('test')">Help Test</button>
  35                                 <!-- user dropdown starts -->
  36                                 <div class="btn-group pull-right">
  37                                         <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  38                                                 <span class="icon-user"></span><span class="hidden-phone"> admin</span>
  39                                                 <span class="caret"></span>
  40                                         </a>
  41                                         <ul class="dropdown-menu">
  42                                                 <li><a href="#">Profile</a></li>
  43                                                 <li class="divider"></li>
  44                                                 <li><a href="login.php">Logout</a></li>
  45                                         </ul>
  46                                 </div>
  47                                 <!-- user dropdown ends -->
  48
  49
  50                         </div>
  51                 </div>
  52         </div>
  53         <!-- topbar ends -->
  54                 <div class="container-fluid">
  55                 <div class="row-fluid">
  56
  57                         <!-- left menu starts -->
  58                         <div class="span2 main-menu-span">
  59                                 <div class="well nav-collapse sidebar-nav">
  60                                         <ul class="nav nav-tabs nav-stacked main-menu">
  61                                                 <li class="nav-header hidden-tablet">Main</li>
  62                                                 <li style="margin-left: -2px;" class="active"><a class="ajax-link" href="?page=home"><span class="icon-home"></span><span class="hidden-tablet"> Dashboard</span></a></li>
  63                                                 <li class="nav-header hidden-tablet">Sample Section</li>
  64                                                 <li style="margin-left: -2px;"><a href="?page=login"><span class="icon-lock"></span><span class="hidden-tablet"> Login Page</span></a></li>
  65                                         </ul>
  66                                         <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>
  67                                 </div><!--/.well -->
  68                         </div><!--/span-->
  69                         <!-- left menu ends -->
  70
  71                         <noscript>
  72                                 <div class="alert alert-block span10">
  73                                         <h4 class="alert-heading">Warning!</h4>
  74                                         <p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
  75                                 </div>
  76                         </noscript>
  77
  78                         <div id="content" class="span10">
  79                         <!-- content starts -->
  80
  81
  82                         <div class="sortable row-fluid ui-sortable">
  83                                 <a data-original-title="6 new members." data-rel="tooltip" class="well span3 top-block" href="#">
  84                                         <span class="icon32 icon-red icon-user"></span>
  85                                         <div>Total Members</div>
  86                                         <div>507</div>
  87                                         <span class="notification">6</span>
  88                                 </a>
  89
  90                                 <a data-original-title="4 new pro members." data-rel="tooltip" class="well span3 top-block" href="#">
  91                                         <span class="icon32 icon-color icon-star-on"></span>
  92                                         <div>Pro Members</div>
  93                                         <div>228</div>
  94                                         <span class="notification green">4</span>
  95                                 </a>
  96
  97                                 <a data-original-title="$34 new sales." data-rel="tooltip" class="well span3 top-block" href="#">
  98                                         <span class="icon32 icon-color icon-cart"></span>
  99                                         <div>Sales</div>
 100                                         <div>$13320</div>
 101                                         <span class="notification yellow">$34</span>
 102                                 </a>
 103
 104                                 <a data-original-title="12 new messages." data-rel="tooltip" class="well span3 top-block" href="#">
 105                                         <span class="icon32 icon-color icon-envelope-closed"></span>
 106                                         <div>Messages</div>
 107                                         <div>25</div>
 108                                         <span class="notification red">12</span>
 109                                 </a>
 110                         </div>
 111
 112                         <div class="row-fluid">
 113                                 <div class="box col-md-12">
 114                                 <div class="panel panel-default">
 115                                         <div class="panel-heading">
 116                                                 <span class="icon-info-sign"></span> Introduction
 117                                         </div>
 118                                         <div class="panel-body">
 119                                                 <h1>Charisma <small>free, premium quality, responsive, multiple skin admin template.</small></h1>
 120                                                 <p>Its a live demo of the template. I have created Charisma to ease the repeat work I have to do on my projects. Now I re-use Charisma as a base for my admin panel work and I am sharing it with you :)</p>
 121                                                 <p><b>All pages in the menu are functional, take a look at all, please share this with your followers.</b></p>
 122
 123                                                 <div class="clearfix"></div>
 124                                         </div>
 125                                 </div>
 126                                 </div>
 127                         </div>
 128
 129                         <div class="row-fluid sortable ui-sortable">
 130
 131
 132                                 <div class="box col-md-4">
 133                                 <div class="panel panel-default">
 134                                         <div class="panel-heading" data-original-title="">
 135                                                 <span class="icon-user"></span> Member Activity
 136                                                 <div class="box-icon">
 137                                                         <a href="#" class="btn btn-minimize btn-round"><span class="icon-chevron-up"></span></a>
 138                                                         <a href="#" class="btn btn-close btn-round"><span class="icon-remove"></span></a>
 139                                                 </div>
 140                                         </div>
 141                                         <div class="panel-body">
 142                                                 <div class="panel-body">
 143                                                         <ul class="dashboard-list">
 144                                                                 <li>
 145                                                                         <a href="#">
 146                                                                                 <img class="dashboard-avatar" alt="Usman" src="http://www.gravatar.com/avatar/f0ea51fa1e4fae92608d8affee12f67b.png?s=50"></a>
 147                                                                                 <strong>Name:</strong> <a href="#">Usman
 148                                                                         </a><br>
 149                                                                         <strong>Since:</strong> 17/05/2012<br>
 150                                                                         <strong>Status:</strong> <span class="label label-success">Approved</span>
 151                                                                 </li>
 152                                                                 <li>
 153                                                                         <a href="#">
 154                                                                                 <img class="dashboard-avatar" alt="Sheikh Heera" src="http://www.gravatar.com/avatar/3232415a0380253cfffe19163d04acab.png?s=50"></a>
 155                                                                                 <strong>Name:</strong> <a href="#">Sheikh Heera
 156                                                                         </a><br>
 157                                                                         <strong>Since:</strong> 17/05/2012<br>
 158                                                                         <strong>Status:</strong> <span class="label label-warning">Pending</span>
 159                                                                 </li>
 160                                                                 <li>
 161                                                                         <a href="#">
 162                                                                                 <img class="dashboard-avatar" alt="Abdullah" src="http://www.gravatar.com/avatar/46056f772bde7c536e2086004e300a04.png?s=50"></a>
 163                                                                                 <strong>Name:</strong> <a href="#">Abdullah
 164                                                                         </a><br>
 165                                                                         <strong>Since:</strong> 25/05/2012<br>
 166                                                                         <strong>Status:</strong> <span class="label label-important">Banned</span>
 167                                                                 </li>
 168                                                                 <li>
 169                                                                         <a href="#">
 170                                                                                 <img class="dashboard-avatar" alt="Saruar Ahmed" src="http://www.gravatar.com/avatar/564e1bb274c074dc4f6823af229d9dbb.png?s=50"></a>
 171                                                                                 <strong>Name:</strong> <a href="#">Saruar Ahmed
 172                                                                         </a><br>
 173                                                                         <strong>Since:</strong> 17/05/2012<br>
 174                                                                         <strong>Status:</strong> <span class="label label-info">Updates</span>
 175                                                                 </li>
 176                                                         </ul>
 177                                                 </div>
 178                                         </div>
 179                                         </div>
 180                                 </div><!--/span-->
 181
 182                                 <div class="box col-md-8">
 183                                 <div class="panel panel-default">
 184                                         <div class="panel-heading" data-original-title="">
 185                                                 <span class="icon-list-alt"></span> Realtime Traffic
 186                                                 <div class="box-icon">
 187                                                         <a href="#" class="btn btn-minimize btn-round"><span class="icon-chevron-up"></span></a>
 188                                                         <a href="#" class="btn btn-close btn-round"><span class="icon-remove"></span></a>
 189                                                 </div>
 190                                         </div>
 191                                         <div class="panel-body">
 192                                                 <div id="realtimechart" style="height: 190px; padding: 0px; position: relative;"><canvas height="190" width="466" class="base"></canvas><canvas style="position: absolute; left: 0px; top: 0px;" height="190" width="466" class="overlay"></canvas><div class="tickLabels" style="font-size:smaller"><div class="yAxis y1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:right;top:177px;right:448px;width:18px">0</div><div class="tickLabel" style="position:absolute;text-align:right;top:132px;right:448px;width:18px">25</div><div class="tickLabel" style="position:absolute;text-align:right;top:86px;right:448px;width:18px">50</div><div class="tickLabel" style="position:absolute;text-align:right;top:41px;right:448px;width:18px">75</div><div class="tickLabel" style="position:absolute;text-align:right;top:-5px;right:448px;width:18px">100</div></div></div></div>
 193                                                         <p class="clearfix">You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it.</p>
 194                                                         <p>Time between updates: <input id="updateInterval" value="" style="text-align: right; width:5em" type="text"> milliseconds</p>
 195                                         </div>
 196                                         </div>
 197                                 </div><!--/span-->
 198                         </div><!--/row-->
 199
 200                         <div class="row-fluid sortable ui-sortable">
 201                                 <div class="box col-md-4">
 202                                 <div class="panel panel-default">
 203                                         <div class="panel-heading" data-original-title="">
 204                                                 <span class="icon-list"></span> Buttons
 205                                                 <div class="box-icon">
 206                                                         <a href="#" class="btn btn-setting btn-round"><span class="icon-cog"></span></a>
 207                                                         <a href="#" class="btn btn-minimize btn-round"><span class="icon-chevron-up"></span></a>
 208                                                         <a href="#" class="btn btn-close btn-round"><span class="icon-remove"></span></a>
 209                                                 </div>
 210                                         </div>
 211                                         <div class="panel-body buttons">
 212                                                 <p class="btn-group">
 213                                                           <button class="btn">Left</button>
 214                                                           <button class="btn">Middle</button>
 215                                                           <button class="btn">Right</button>
 216                                                 </p>
 217                                                 <p>
 218                                                         <button class="btn btn-small"><span class="icon-star"></span> Icon button</button>
 219                                                         <button class="btn btn-small btn-primary">Small button</button>
 220                                                         <button class="btn btn-small btn-danger">Small button</button>
 221                                                 </p>
 222                                                 <p>
 223                                                         <button class="btn btn-small btn-warning">Small button</button>
 224                                                         <button class="btn btn-small btn-success">Small button</button>
 225                                                         <button class="btn btn-small btn-info">Small button</button>
 226                                                 </p>
 227                                                 <p>
 228                                                         <button class="btn btn-small btn-inverse">Small button</button>
 229                                                         <button class="btn btn-large btn-primary btn-round">Round button</button>
 230                                                         <button class="btn btn-large btn-round"><span class="icon-ok"></span></button>
 231                                                         <button class="btn btn-primary"><span class="icon-edit icon-white"></span></button>
 232                                                 </p>
 233                                                 <p>
 234                                                         <button class="btn btn-mini">Mini button</button>
 235                                                         <button class="btn btn-mini btn-primary">Mini button</button>
 236                                                         <button class="btn btn-mini btn-danger">Mini button</button>
 237                                                         <button class="btn btn-mini btn-warning">Mini button</button>
 238                                                 </p>
 239                                                 <p>
 240                                                         <button class="btn btn-mini btn-info">Mini button</button>
 241                                                         <button class="btn btn-mini btn-success">Mini button</button>
 242                                                         <button class="btn btn-mini btn-inverse">Mini button</button>
 243                                                 </p>
 244                                         </div>
 245                                         </div>
 246                                 </div><!--/span-->
 247
 248                                 <div class="box col-md-4">
 249                                 <div class="panel panel-default">
 250                                         <div class="panel-heading" data-original-title="">
 251                                                 <span class="icon-list"></span> Buttons
 252                                                 <div class="box-icon">
 253                                                         <a href="#" class="btn btn-setting btn-round"><span class="icon-cog"></span></a>
 254                                                         <a href="#" class="btn btn-minimize btn-round"><span class="icon-chevron-up"></span></a>
 255                                                         <a href="#" class="btn btn-close btn-round"><span class="icon-remove"></span></a>
 256                                                 </div>
 257                                         </div>
 258                                         <div class="panel-body  buttons">
 259                                                 <p>
 260                                                         <button class="btn btn-large">Large button</button>
 261                                                         <button class="btn btn-large btn-primary">Large button</button>
 262                                                 </p>
 263                                                 <p>
 264                                                         <button class="btn btn-large btn-danger">Large button</button>
 265                                                         <button class="btn btn-large btn-warning">Large button</button>
 266                                                 </p>
 267                                                 <p>
 268                                                         <button class="btn btn-large btn-success">Large button</button>
 269                                                         <button class="btn btn-large btn-info">Large button</button>
 270                                                 </p>
 271                                                 <p>
 272                                                         <button class="btn btn-large btn-inverse">Large button</button>
 273                                                 </p>
 274                                                 <div class="btn-group">
 275                                                         <button class="btn btn-large">Large Dropdown</button>
 276                                                         <button class="btn btn-large dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
 277                                                         <ul class="dropdown-menu">
 278                                                                 <li><a href="#"><span class="icon-star"></span> Action</a></li>
 279                                                                 <li><a href="#"><span class="icon-tag"></span> Another action</a></li>
 280                                                                 <li><a href="#"><span class="icon-download-alt"></span> Something else here</a></li>
 281                                                                 <li class="divider"></li>
 282                                                                 <li><a href="#"><span class="icon-tint"></span> Separated link</a></li>
 283                                                         </ul>
 284                                                 </div>
 285
 286                                         </div>
 287                                         </div>
 288                                 </div><!--/span-->
 289
 290                                 <div class="box col-md-4">
 291                                 <div class="panel panel-default">
 292                                         <div class="panel-heading" data-original-title="">
 293                                                 <span class="icon-list"></span> Weekly Stat
 294                                                 <div class="box-icon">
 295                                                         <a href="#" class="btn btn-setting btn-round"><span class="icon-cog"></span></a>
 296                                                         <a href="#" class="btn btn-minimize btn-round"><span class="icon-chevron-up"></span></a>
 297                                                         <a href="#" class="btn btn-close btn-round"><span class="icon-remove"></span></a>
 298                                                 </div>
 299                                         </div>
 300                                         <div class="panel-body">
 301                                                 <ul class="dashboard-list">
 302                                                         <li>
 303                                                                 <a href="#">
 304                                                                         <span class="icon-arrow-up"></span>
 305                                                                         <span class="green">92</span>
 306                                                                         New Comments
 307                                                                 </a>
 308                                                         </li>
 309                                                   <li>
 310                                                         <a href="#">
 311                                                           <span class="icon-arrow-down"></span>
 312                                                           <span class="red">15</span>
 313                                                           New Registrations
 314                                                         </a>
 315                                                   </li>
 316                                                   <li>
 317                                                         <a href="#">
 318                                                           <span class="icon-minus"></span>
 319                                                           <span class="blue">36</span>
 320                                                           New Articles
 321                                                         </a>
 322                                                   </li>
 323                                                   <li>
 324                                                         <a href="#">
 325                                                           <span class="icon-comment"></span>
 326                                                           <span class="yellow">45</span>
 327                                                           User reviews
 328                                                         </a>
 329                                                   </li>
 330                                                   <li>
 331                                                         <a href="#">
 332                                                           <span class="icon-arrow-up"></span>
 333                                                           <span class="green">112</span>
 334                                                           New Comments
 335                                                         </a>
 336                                                   </li>
 337                                                   <li>
 338                                                         <a href="#">
 339                                                           <span class="icon-arrow-down"></span>
 340                                                           <span class="red">31</span>
 341                                                           New Registrations
 342                                                         </a>
 343                                                   </li>
 344                                                   <li>
 345                                                         <a href="#">
 346                                                           <span class="icon-minus"></span>
 347                                                           <span class="blue">93</span>
 348                                                           New Articles
 349                                                         </a>
 350                                                   </li>
 351                                                   <li>
 352                                                         <a href="#">
 353                                                           <span class="icon-comment"></span>
 354                                                           <span class="yellow">254</span>
 355                                                           User reviews
 356                                                         </a>
 357                                                   </li>
 358                                                 </ul>
 359                                         </div>
 360                                         </div>
 361                                 </div><!--/span-->
 362                         </div><!--/row-->
 363
 364
 365
 366
 367                                         <!-- content ends -->
 368                         </div><!--/#content.span10-->
 369                                 </div><!--/fluid-row-->
 370
 371                 <hr>
 372
 373                 <div class="modal hide fade" id="myModal">
 374                         <div class="modal-header">
 375                                 <button type="button" class="close" data-dismiss="modal">×</button>
 376                                 <h3>Settings</h3>
 377                         </div>
 378                         <div class="modal-body">
 379                                 <p>Here settings can be configured...</p>
 380                         </div>
 381                         <div class="modal-footer">
 382                                 <a href="#" class="btn" data-dismiss="modal">Close</a>
 383                                 <a href="#" class="btn btn-primary">Save changes</a>
 384                         </div>
 385                 </div>
 386
 387                 <footer>
 388                         <p class="pull-right">Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
 389                 </footer>
 390
 391         </div><!--/.fluid-container-->
 392
 393 {/block}
 394