Ignore:
Timestamp:
2 Feb 2014, 18:35:39 (11 years ago)
Author:
Henrik Bettermann
Message:

Beautify student status box.

Remove Bootsrap 1 trash from pagetemplates.

Location:
main/waeup.kofa/branches/uli-diazo-themed
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • main/waeup.kofa/branches/uli-diazo-themed/layout/static/css/base.css

    r11032 r11033  
    9292    color: #BFBFBF;
    9393    font-size: 18px;
     94}
     95
     96.wfstatus {
     97    text-align: center;
     98    background-color: #909090;
     99    color: white;
     100}
     101
     102.kofa-student-status-box .well {
     103    background-color: #909090;
    94104}
    95105

  • main/waeup.kofa/branches/uli-diazo-themed/layout/theme.html

    r11031 r11033  
    148148          <div class="well">
    149149            <div class="wfstatus">
    150                 K1000000
    151                 |
    152                 quite long student status
     150                K1000000 &bull; quite long student status
    153151            </div> <!-- /wfstatus -->
    154152          </div> <!-- /well -->

  • main/waeup.kofa/branches/uli-diazo-themed/src/waeup/kofa/browser/templates/staffsitelayout.pt

    r11030 r11033  
    1818            href python: view.url(layout.site, 'feed.rss')" />
    1919  </head>
     20
     21  <!-- Diazo element-->
    2022  <body class="page kofa-body">
    21     <div class="topbar" data-scrollspy="scrollspy" >
    22       <div class="topbar-inner">
    23         <div class="container-fluid">
    2423
    25           <!-- Diazo element-->
    26           <a class="kofa-brand-link" href="#"
    27               tal:attributes="href python: view.url(layout.site)"
    28               tal:content="layout/getAppAcronym">ACRONYM
    29           </a>
    30           <!-- /Diazo element-->
     24    <!-- Diazo element-->
     25    <a class="kofa-brand-link" href="#"
     26        tal:attributes="href python: view.url(layout.site)"
     27        tal:content="layout/getAppAcronym">ACRONYM
     28    </a>
     29    <!-- /Diazo element-->
    3130
    32           <!-- Diazo element-->
    33           <ul class="nav kofa-navbar-left">
    34             <tal:primary_nav content="structure provider:primary_nav" />
    35           </ul>
    36           <!-- /Diazo element-->
     31    <!-- Diazo element-->
     32    <ul class="nav kofa-navbar-left">
     33      <tal:primary_nav content="structure provider:primary_nav" />
     34    </ul>
     35    <!-- /Diazo element-->
    3736
    38           <!-- Diazo element-->
    39           <ul class="nav secondary-nav kofa-navbar-right">
    40             <li tal:condition="not: layout/isAuthenticated">
    41             <a href="#" i18n:translate=""
    42                 tal:attributes="href python: view.url(layout.site, 'login')">
    43                 Login
    44             </a>
    45             </li>
    46             <li tal:condition="layout/isAuthenticated">
    47             <a href="#" i18n:translate=""
    48                tal:attributes="href python: view.url(layout.site, '@@contactadmin')">
    49                Contact
    50             </a>
    51             </li>
    52             <li tal:condition="layout/isAuthenticated">
    53             <a href="#" i18n:translate=""
    54                tal:attributes="href python: view.url(context, '@@logout')">
    55                Logout
    56             </a>
    57             </li>
    58           </ul>
    59           <!-- /Diazo element-->
     37    <!-- Diazo element-->
     38    <ul class="nav secondary-nav kofa-navbar-right">
     39      <li tal:condition="not: layout/isAuthenticated">
     40      <a href="#" i18n:translate=""
     41          tal:attributes="href python: view.url(layout.site, 'login')">
     42          Login
     43      </a>
     44      </li>
     45      <li tal:condition="layout/isAuthenticated">
     46      <a href="#" i18n:translate=""
     47         tal:attributes="href python: view.url(layout.site, '@@contactadmin')">
     48         Contact
     49      </a>
     50      </li>
     51      <li tal:condition="layout/isAuthenticated">
     52      <a href="#" i18n:translate=""
     53         tal:attributes="href python: view.url(context, '@@logout')">
     54         Logout
     55      </a>
     56      </li>
     57    </ul>
     58    <!-- /Diazo element-->
    6059
    61           <span class="language"
    62                 tal:define="langs provider:languages"
    63                 tal:condition="langs">
    64             <tal:languages
    65                   tal:content="structure langs" /> |
    66           </span>
    67         </div>
    68       </div>
    69     </div>
     60    <span tal:define="langs provider:languages"
     61          tal:condition="langs">
     62      <tal:languages tal:content="structure langs" /> |
     63    </span>
    7064
    7165    <!-- Diazo element-->
    … …  
    8377              Id
    8478            </span>
    85             |
     79            &bull;
    8680            <span tal:replace="python:context.student.translated_state">
    8781              State
    … …  
    9185    <!-- /Diazo element-->
    9286
    93     <div class="container-fluid">
     87    <!-- Diazo element-->
     88    <div class="sidebar well">
     89        <div tal:condition="layout/getStudentName">
     90          <div class="kofa-sidebar-title" tal:content="layout/getStudentName">STUDENTNAME</div>
     91          <ul class="nav">
     92            <tal:left content="structure provider:left_studentmanage" />
     93          </ul>
     94        </div>
     95        <div tal:condition="layout/isAuthenticated">
     96          <div class="kofa-sidebar-title" tal:content="layout/getUserTitle">USERNAME</div>
     97          <ul class="nav">
     98            <tal:left content="structure provider:left_manage" />
     99          </ul>
     100      </div>
     101    </div>
     102    <!-- /Diazo element-->
    94103
    95       <!-- Diazo element-->
    96       <div class="sidebar well">
    97           <div tal:condition="layout/getStudentName">
    98             <div class="kofa-sidebar-title" tal:content="layout/getStudentName">STUDENTNAME</div>
    99             <ul class="nav">
    100               <tal:left content="structure provider:left_studentmanage" />
    101             </ul>
    102           </div>
    103           <div tal:condition="layout/isAuthenticated">
    104             <div class="kofa-sidebar-title" tal:content="layout/getUserTitle">USERNAME</div>
    105             <ul class="nav">
    106               <tal:left content="structure provider:left_manage" />
    107             </ul>
     104    <!-- Diazo element-->
     105    <div class="kofa-content">
     106      <div class="actionbar" tal:condition="provider:actionbar">
     107        <tal:actionbar content="structure provider:actionbar" />&nbsp;
     108      </div>
     109      <div
     110          tal:define="message context/@@messages"
     111          tal:condition="python: len(message)>11">
     112        <div tal:content="structure message">
    108113        </div>
    109114      </div>
    110       <!-- /Diazo element-->
    111 
    112       <!-- Diazo element-->
    113       <div class="kofa-content">
    114         <div class="actionbar" tal:condition="provider:actionbar">
    115           <tal:actionbar content="structure provider:actionbar" />&nbsp;
    116         </div>
    117         <div
    118             tal:define="message context/@@messages"
    119             tal:condition="python: len(message)>11">
    120           <div tal:content="structure message">
    121           </div>
    122         </div>
    123         <div class="alert alert-danger"
    124           tal:define="status view/status|nothing"
    125           tal:condition="status">
    126           <span tal:content="view/status">
    127             FORM STATUS SUMMARY
    128           </span>:
    129           <ul id="alert-error" tal:condition="view/errors">
    130             <li tal:repeat="error view/error_views">
    131                <span tal:replace="structure error">Error Type</span>
    132             </li>
    133           </ul>
    134         </div>
    135         <div class="pull-right">
    136           <a i18n:translate="" href="#bottom">Back to bottom</a>
    137         </div>
    138         <h1 class="kofa-content-label"
    139             tal:condition="view/label|nothing"
    140             tal:content="structure view/label">LABEL</h1>
    141         <div tal:content="structure view/content"> THE CONTENT
    142         </div>
    143         <div id="bottom" class="pull-right">
    144           <a i18n:translate="" href="#">Back to top</a>
    145         </div>
    146         <br />
    147 
     115      <div class="alert alert-danger"
     116        tal:define="status view/status|nothing"
     117        tal:condition="status">
     118        <span tal:content="view/status">
     119          FORM STATUS SUMMARY
     120        </span>:
     121        <ul id="alert-error" tal:condition="view/errors">
     122          <li tal:repeat="error view/error_views">
     123             <span tal:replace="structure error">Error Type</span>
     124          </li>
     125        </ul>
    148126      </div>
    149       <!-- /Diazo element-->
     127      <div class="pull-right">
     128        <a i18n:translate="" href="#bottom">Back to bottom</a>
     129      </div>
     130      <h1 class="kofa-content-label"
     131          tal:condition="view/label|nothing"
     132          tal:content="structure view/label">LABEL</h1>
     133      <div tal:content="structure view/content"> THE CONTENT
     134      </div>
     135      <div id="bottom" class="pull-right">
     136        <a i18n:translate="" href="#">Back to top</a>
     137      </div>
     138      <br />
    150139
    151140    </div>
     141    <!-- /Diazo element-->
     142
    152143  </body>
     144  <!-- /Diazo element-->
     145
    153146</html>

  • main/waeup.kofa/branches/uli-diazo-themed/src/waeup/kofa/browser/templates/studentsitelayout.pt

    r11030 r11033  
    1717            href python: view.url(layout.site, 'feed.rss')" />
    1818  </head>
     19
     20  <!-- Diazo element-->
    1921  <body class="page kofa-body">
    20     <div class="topbar" data-scrollspy="scrollspy" >
    21       <div class="topbar-inner">
    22         <div  class="container">
    23           <a class="kofa-brand-link" href="#"
    24               tal:attributes="href python: view.url(layout.site)"
    25               tal:content="layout/getAppAcronym">ACRONYM</a>
    26           <ul class="nav kofa-navbar-left">
    27               <tal:primary_nav content="structure provider:primary_nav" />
    28               <tal:primary_nav content="structure provider:primary_nav_student" />
    29           </ul>
    30           <ul class="nav secondary-nav kofa-navbar-right">
    31             <li tal:condition="not: layout/isAuthenticated">
    32             <a href="#" i18n:translate=""
    33                tal:attributes="href python: view.url(layout.site, 'login')">
    34                 Login
    35             </a>
    36             </li>
    37             <li tal:condition="layout/isAuthenticated">
    38             <a href="#" i18n:translate=""
    39                tal:attributes="href python: view.url(layout.site, '@@contactadmin')">
    40                 Contact
    41             </a>
    42             </li>
    43             <li tal:condition="layout/isAuthenticated">
    44             <a href="#" i18n:translate=""
    45                tal:attributes="href python: view.url(context, '@@logout')">
    46                Logout
    47             </a>
    48             </li>
    49           </ul>
    50           <span class="language"
    51                 tal:define="langs provider:languages"
    52                 tal:condition="langs">
    53             <tal:languages
    54                   tal:content="structure langs" /> |
    55           </span>
     22
     23    <!-- Diazo element-->
     24    <a class="kofa-brand-link" href="#"
     25        tal:attributes="href python: view.url(layout.site)"
     26        tal:content="layout/getAppAcronym">ACRONYM</a>
     27    <!-- /Diazo element-->
     28
     29    <!-- Diazo element-->
     30    <ul class="nav kofa-navbar-left">
     31        <tal:primary_nav content="structure provider:primary_nav" />
     32        <tal:primary_nav content="structure provider:primary_nav_student" />
     33    </ul>
     34    <!-- /Diazo element-->
     35
     36    <!-- Diazo element-->
     37    <ul class="nav secondary-nav kofa-navbar-right">
     38      <li tal:condition="not: layout/isAuthenticated">
     39      <a href="#" i18n:translate=""
     40         tal:attributes="href python: view.url(layout.site, 'login')">
     41          Login
     42      </a>
     43      </li>
     44      <li tal:condition="layout/isAuthenticated">
     45      <a href="#" i18n:translate=""
     46         tal:attributes="href python: view.url(layout.site, '@@contactadmin')">
     47          Contact
     48      </a>
     49      </li>
     50      <li tal:condition="layout/isAuthenticated">
     51      <a href="#" i18n:translate=""
     52         tal:attributes="href python: view.url(context, '@@logout')">
     53         Logout
     54      </a>
     55      </li>
     56    </ul>
     57    <!-- Diazo element-->
     58
     59    <span tal:define="langs provider:languages"
     60          tal:condition="langs">
     61      <tal:languages tal:content="structure langs" /> |
     62    </span>
     63
     64    <!-- Diazo element-->
     65    <ul class="breadcrumb" tal:condition="layout/isAuthenticated">
     66      <tal:breadcrumbs
     67            tal:condition="python: layout.isAuthenticated()"
     68            tal:content="structure provider:breadcrumbs" />
     69    </ul>
     70    <!-- /Diazo element-->
     71
     72    <!-- Diazo element-->
     73    <span tal:condition="layout/getStudentName">
     74      <div class="wfstatus">
     75            <span tal:replace="python:context.student.student_id">
     76              Id
     77            </span>
     78            &bull;
     79            <span tal:replace="python:context.student.translated_state">
     80              State
     81            </span>
     82      </div>
     83    </span>
     84    <!-- /Diazo element-->
     85
     86    <!-- Diazo element-->
     87    <div class="kofa-content">
     88      <div class="actionbar" tal:condition="provider:actionbar">
     89        <tal:actionbar content="structure provider:actionbar" />&nbsp;
     90      </div>
     91      <div tal:define="message context/@@messages"
     92           tal:condition="python: len(message)>11">
     93        <div tal:content="structure message">
    5694        </div>
    5795      </div>
    58     </div>
    59 
    60     <div class="container">
    61       <!-- Diazo element-->
    62       <ul class="breadcrumb" tal:condition="layout/isAuthenticated">
    63         <tal:breadcrumbs
    64               tal:condition="python: layout.isAuthenticated()"
    65               tal:content="structure provider:breadcrumbs" />
    66       </ul>
    67       <!-- /Diazo element-->
    68 
    69       <!-- Diazo element-->
    70       <span tal:condition="layout/getStudentName">
    71         <div class="wfstatus">
    72               <span tal:replace="python:context.student.student_id">
    73                 Id
    74               </span>
    75               |
    76               <span tal:replace="python:context.student.translated_state">
    77                 State
    78               </span>
    79         </div>
    80       </span>
    81       <!-- /Diazo element-->
    82 
    83       <div class="kofa-content">
    84         <div class="actionbar" tal:condition="provider:actionbar">
    85           <tal:actionbar content="structure provider:actionbar" />&nbsp;
    86         </div>
    87         <div tal:define="message context/@@messages"
    88              tal:condition="python: len(message)>11">
    89           <div tal:content="structure message">
    90           </div>
    91         </div>
    92         <div class="alert-message error"
    93           tal:define="status view/status|nothing"
    94           tal:condition="status">
    95           <span tal:content="view/status">
    96             FORM STATUS SUMMARY
    97           </span>:
    98           <ul id="alert-error" tal:condition="view/errors">
    99             <li tal:repeat="error view/error_views">
    100                <span tal:replace="structure error">Error Type</span>
    101             </li>
    102           </ul>
    103         </div>
    104         <div class="pull-right">
    105           <a i18n:translate="" href="#footer">Back to bottom</a>
    106         </div>
    107         <h1 class="kofa-content-label"
    108             tal:condition="view/label|nothing"
    109             tal:content="structure view/label">Label</h1>
    110         <div tal:content="structure view/content">
    111           THE CONTENT
    112         </div>
     96      <div class="alert-message error"
     97        tal:define="status view/status|nothing"
     98        tal:condition="status">
     99        <span tal:content="view/status">
     100          FORM STATUS SUMMARY
     101        </span>:
     102        <ul id="alert-error" tal:condition="view/errors">
     103          <li tal:repeat="error view/error_views">
     104             <span tal:replace="structure error">Error Type</span>
     105          </li>
     106        </ul>
     107      </div>
     108      <div class="pull-right">
     109        <a i18n:translate="" href="#footer">Back to bottom</a>
     110      </div>
     111      <h1 class="kofa-content-label"
     112          tal:condition="view/label|nothing"
     113          tal:content="structure view/label">Label</h1>
     114      <div tal:content="structure view/content">
     115        THE CONTENT
    113116      </div>
    114117    </div>
     118    <!-- /Diazo element-->
     119
    115120  </body>
     121  <!-- /Diazo element-->
     122
    116123</html>
Note: See TracChangeset for help on using the changeset viewer.