public/layouts/archive.hbs

   1 <!doctype html>
   2 <html class="no-js {{#if hasCachedFonts}}fonts-loaded{{/if}}" lang="en">
   3 <head>
   4   <meta http-equiv="X-UA-Compatible" content="IE=IE9" />
   5   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"/>
   6   <meta charset="utf-8">
   7   {{#if noindex}}
   8   <meta name="robots" content="noindex, nofollow" />
   9   {{/if}}
  10
  11   {{> fonts}}
  12
  13   <title>{{troupeName}} - Gitter</title>
  14
  15   <style>
  16
  17   @-webkit-keyframes pulsey {
  18       0% { opacity: 0.6; }
  19       50% { opacity: 1; }
  20       100% { opacity: 0.6; }
  21   }
  22
  23   html.loading .trpContentPanel { background: url("{{ cdn 'images/logo-mark-grey-64.png' }}") center no-repeat; height: 90%; -webkit-animation: pulsey 2s ease-out; -webkit-animation-iteration-count: infinite;  }
  24   html.loading .trpContentPanel > * { visibility: hidden; }
  25   </style>
  26   <base target="_parent">
  27   <link rel="stylesheet" href='{{cdn "sprites/services.css" }}'>
  28   <link rel="stylesheet" href='{{cdn cssFileName }}'>
  29   <link id="favicon" rel="shortcut icon" href="{{ cdn 'images/favicon.ico' }}">
  30 </head>
  31 <body class="logged-out">
  32   <div class="chat-and-toolbar-wrapper archive">
  33     <div class="right-toolbar-region">
  34       <div class="right-toolbar" style="overflow: auto">
  35         <div class="gtrArchiveToolbarWrapper">
  36           {{#if isHomePage}}
  37             <div class="gtrArchiveInfoContainer">
  38                 <div class="gtrArchiveLogo">
  39                   <div class="logo-container"></div>
  40                 </div>
  41                 <div class="gtrArchiveInfo">
  42                   <p>These are chat archives for <strong>{{troupeName}}</strong></p>
  43                   {{#if chatTree}}
  44                   <p>Select a day to view.</p>
  45                   {{else}}
  46                   <p>Click on a coloured date box to view message archives for a given day.</p>
  47                   {{/if}}
  48                 </div>
  49             </div>
  50             {{#if user}}
  51               <div class="archive-right-toolbar-button-wrapper">
  52                 <a class="archive-right-toolbar-button button-caribbean--small" href="/{{troupeName}}">Go to live room</a>
  53               </div>
  54
  55               {{#if isAdmin}}
  56                 {{#if public}}
  57                   <div class="archive-right-toolbar-option-container">
  58                     <div>
  59                       <p><small id='noindexStatus'></small></p>
  60                       <input id='noindex' type='checkbox' name='noindex' {{#unless noindex}} checked {{/unless}}>
  61                       <small>Room indexed by search engines.</small>
  62                     </div>
  63                   </div>
  64                 {{/if}}
  65               {{/if}}
  66
  67             {{else}}
  68               <div class="archive-right-toolbar-button-wrapper">
  69                 <a href="{{ elementUrl }}" class="archive-right-toolbar-button button-caribbean--small">
  70                   Sign in to start talking
  71                 </a>
  72               </div>
  73             {{/if}}
  74           {{else}}
  75             {{^user}}
  76             <div class="gtrArchiveInfoContainer">
  77                 <div class="gtrArchiveLogo">
  78                   <div class="logo-container"></div>
  79                 </div>
  80                 <div class="gtrArchiveInfo">
  81                   <p>These are chat archives for <strong>{{troupeName}}</strong></p>
  82                 </div>
  83             </div>
  84             {{/user}}
  85           {{/if}}
  86
  87           <div id="archive-navigation" class="gtrArchiveNavigationWrapper">
  88             {{~#if archiveChats~}}
  89               {{{ prerenderView "js/views/archive/tmpl/archive-navigation-view" }}}
  90             {{~/if~}}
  91           </div>
  92           {{#unless isHomePage}}
  93             {{#if user}}
  94             <div class="archive-right-toolbar-button-wrapper">
  95               <a class="archive-right-toolbar-button button-caribbean--small" href="/{{troupeName}}">Go to live room</a>
  96             </div>
  97             {{else}}
  98             <div class="archive-right-toolbar-button-wrapper">
  99               <a href="{{ elementUrl }}" class="archive-right-toolbar-button button-caribbean--small">
 100                 Sign in to start talking
 101               </a>
 102             </div>
 103             {{/if}}
 104           {{/unless}}
 105         </div>
 106       </div>
 107     </div>
 108     <div class="chat-app">
 109       <div class="chat-header" id="header-wrapper">
 110         <div id="header" class="chat-header-inner">
 111           {{{ prerenderView "js/views/app/tmpl/headerViewTemplate" }}}
 112         </div>
 113       </div>
 114       {{{body}}}
 115     </div>
 116   </div>
 117
 118   {{#if troupeContext}}
 119     {{{ generateTroupeContext troupeContext }}}
 120   {{/if}}
 121
 122   {{#if bootScriptName}}
 123     {{{bootScript bootScriptName jsRoot=jsRoot}}}
 124   {{/if}}
 125 </body>
 126 </html>