← Back to branch summary

~azzar1/unity/add-show-desktop-key

« back to all changes in this revision

Viewing changes to ivle/webapp/base/ivle-headings.html

  • Committer: Matt Giuca
  • Date: 2009-02-24 02:02:03 UTC
  • mto: This revision was merged to the branch mainline in revision 1119.
  • Revision ID: matt.giuca@gmail.com-20090224020203-aqdcjnsj6y7wl32o
Added a new look to the IVLE header bar. Mmmm... Web 2.0.
Added top-level directory image-source, containing SVG and script files for
    generating the images.
ivle/webapp/coremedia/images: Added 'chrome' directory containing the rendered
    images.
Modified ivle/webapp/base/ivle-headings.html and
    ivle/webapp/coremedia/ivle.css to support the new images.
    Note that the H1 and H2 at the top of the page are no longer displayed
    (and their custom styles have been removed). There is a heading image
    instead.

Show diffs side-by-side

added added

removed removed

Lines of Context:
ivle/webapp/base/ivle-headings.html
13
13
      <script py:if="not publicmode and write_javascript_settings" type="text/javascript">
14
14
        root_dir = "${root_dir}";
15
15
        public_host = "${public_host}";
16
 
        svn_base = "${svn_base}";
17
16
        username = "${login}";
18
17
      </script>
19
18
 
20
19
      <link py:if="favicon" rel="shortcut icon" href="${favicon}" />
21
20
 
22
21
      <py:for each="style in styles">
23
 
      <link rel="stylesheet" type="text/css" href="${style}" />
 
22
        <link rel="stylesheet" type="text/css" href="${style}" />
24
23
      </py:for>
25
24
 
26
25
      <py:for each="script in scripts">
27
 
      <script type="text/javascript" src="${script}"></script>
 
26
        <script type="text/javascript" src="${script}"></script>
28
27
      </py:for>
29
28
 
30
29
      <!-- Plugin JavaScript to be run on page load -->
31
30
      <script type="text/javascript">
32
31
        <py:for each="init_script in scripts_init">
33
 
          $(document).ready(${init_script});
 
32
          window.addEventListener("load", ${init_script}, false);
34
33
        </py:for>
35
34
      </script>
36
35
      ${select('*[local-name()!="title"]')}
38
37
  </py:match>    
39
38
  <py:match path="body[@status!='done']" once="true">
40
39
    <body>
41
 
      <div id="ivleheader">
42
 
        <ul id="ivle_breadcrumbs">
43
 
          <li py:attrs="{'class': 'breadcrumb crumbmenu' if logged_in else 'breadcrumb'}">
44
 
            <a href="/">
45
 
              <img src="${title_img}" alt="Informatics Virtual Learning Environment" />
46
 
            </a>
47
 
            <ul py:if="logged_in">
48
 
              <li py:for="app in apps_in_tabs">
49
 
                <a py:attrs="{'style': 'background: url(%s) no-repeat; padding-left: 30px' % app['icon_url']} if app['has_icon'] else {}" href="${app['path']}" title="${app['desc']}">${app['name']}</a>
50
 
              </li>
51
 
            </ul>
52
 
          </li>
53
 
          <li py:for="thiscrumb in breadcrumbs"
54
 
              py:if="thiscrumb"
55
 
              py:attrs="{True:{'class':'crumbmenu'}, False: None}[hasattr(thiscrumb, 'menu')]">
56
 
            <py:choose test="getattr(thiscrumb, 'url', None)">
57
 
              <py:when test="None">
58
 
                <span>${thiscrumb.text}</span>
59
 
              </py:when>
60
 
              <py:otherwise>
61
 
                <a href="${thiscrumb.url}">
62
 
                  ${thiscrumb.text}
63
 
                </a>
64
 
              </py:otherwise>
65
 
            </py:choose>
66
 
            <ul py:if="hasattr(thiscrumb, 'menu')">
67
 
              <li py:for="item in thiscrumb.menu"><a href="${thiscrumb.menu[item]}">${item}</a></li>
68
 
            </ul>
69
 
          </li>
 
40
      <div id="ivleheader"></div>
 
41
      <div id="ivleheader_text">
 
42
        <h1>IVLE</h1>
 
43
        <h2>Informatics Virtual Learning Environment</h2>
 
44
        <py:choose>
 
45
          <p py:when="publicmode" class="userhello">Running in public mode.</p>
 
46
          <p py:when="logged_in" class="userhello">
 
47
            <span id="usernick">${nick}</span>
 
48
            (<span class="username">${login}</span>) |
 
49
            <a href="/~${login}/+settings">Settings</a> |
 
50
            <py:choose>
 
51
              <a py:when="defined('help_path')" href="/+help/${help_path}">Help</a>
 
52
              <a py:otherwise="" href="/+help/">Help</a>
 
53
            |</py:choose>
 
54
            <a href="/+logout">Sign out</a>
 
55
          </p>
 
56
          <p py:otherwise="" class="userhello">Not logged in.</p>
 
57
        </py:choose>
 
58
      </div>
 
59
      <div py:if="logged_in" id="ivleheader_tabs">
 
60
        <ul id="apptabs">
 
61
          <py:for each="app in apps_in_tabs">
 
62
            <li py:if="app['this_app']" class="thisapp"><span><span><py:if test="app['has_icon']"><img src="${app['icon_url']}" alt="" /> </py:if><a href="${app['path']}" title="${app['desc']}">${app['name']}</a></span></span></li>
 
63
            <li py:if="not app['this_app']"><span><span><py:if test="app['has_icon']"><img src="${app['icon_url']}" alt="" /> </py:if><a href="${app['path']}" title="${app['desc']}">${app['name']}</a></span></span></li>
 
64
          </py:for>
70
65
        </ul>
71
 
        <div id="ivleheader_text">
72
 
          <py:choose>
73
 
            <p py:when="publicmode" class="userhello">Public access mode</p>
74
 
            <p py:when="logged_in" class="userhello">
75
 
              <span id="usernick">${nick}</span>
76
 
              (<span class="username">${login}</span>) |
77
 
              <a href="/~${login}">Settings</a> |
78
 
              <py:choose>
79
 
                <a py:when="defined('help_path')" href="/+help/${help_path}">Help</a>
80
 
                <a py:otherwise="" href="/+help/">Help</a>
81
 
              |</py:choose>
82
 
              <a href="/+logout">Log out</a>
83
 
            </p>
84
 
            <p py:otherwise="" class="userhello">Not logged in.</p>
85
 
          </py:choose>
86
 
        </div>
87
66
      </div>
88
67
      <div id="ivlebody">
89
68
        <div id="ivleview">