Infoscreen News

This commit is contained in:
Andreas Österreicher
2011-05-20 11:32:59 +00:00
parent b256027857
commit 5bc8f18e06
2 changed files with 764 additions and 0 deletions
+90
View File
@@ -0,0 +1,90 @@
<?php
/* Copyright (C) 2011 FH Technikum-Wien
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as
* published by the Free Software Foundation; either version 2 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307, USA.
*
* Authors: Andreas Oesterreicher <andreas.oesterreicher@technikum-wien.at> and
* Karl Burkhart <burkhart@technikum-wien.at>.
*/
require_once('../../config/cis.config.inc.php');
require_once('../../include/news.class.php');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="../../skin/infoscreen.css" rel="stylesheet" type="text/css">
<title>NEWS</title>
</head>
<body>
<table id="inhalt" class="tabcontent">
<tr>
<td class="tdwidth10">&nbsp;</td>
<td><table class="tabcontent">
<tr>
<td class="ContentHeader"><font class="ContentHeader">&nbsp;News</font></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>
<div id="news">
<?php
$news = new news();
$news->getnews(MAXNEWSALTER,0,null, false, null, MAXNEWS);
$zaehler=0;
$open=true;
foreach ($news->result as $row)
{
$zaehler++;
//no comment
$datum = date('d.m.Y',strtotime(strftime($row->datum)));
//echo $datum.'&nbsp;'.$row->verfasser.'<br><br><strong>'.$row->betreff.'</strong><br>'.$row->text.'<br><br><br>
echo '<div class="news">';
echo '
<div class="titel">
<table width="100%">
<tr>
<td width="60%" align="left">'.$row->betreff.'</td>
<!--<td width="30%" align="center"></td>-->
<td width="30%" align="right" style="display: '.($open?'none':'block').'" id="'.$zaehler.'Mehr" ><a href="#" class="Item" onclick="return show(\''.$zaehler.'\')">mehr &gt;&gt;</a></td>
<td width="30%" align="right" style="display: '.($open?'block':'none').'" id="'.$zaehler.'Verfasser">'.$row->verfasser.' <span style="font-weight: normal">( '.$datum.' )</span></td>
</tr>
</table>
</div>
<div class="text" style="display: '.($open?'block':'none').';" id="'.$zaehler.'Text">
'.$row->text.'
</div>
';
echo "</div><br />";
}
if($zaehler==0)
echo 'Zur Zeit gibt es keine aktuellen News!';
?>
</div>
</td>
<td>&nbsp;</td>
</tr>
</table></td>
<td class="tdwidth30">&nbsp;</td>
</tr>
</table>
</body>
</html>
+674
View File
@@ -0,0 +1,674 @@
@charset "utf-8";
/* Allgemein */
body
{
background-color: White;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
/*overflow:visible;*/
/*IE hack*/
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
/*IE hack end*/
}
iframe
{
margin:0px;
border-width:0px;
border-style:none;
padding:0px;
}
textarea
{
font-family: Arial, Helvetica, sans-serif;
}
form
{
font-family: Arial, Helvetica, sans-serif;
}
hr
{
color:#CCCCCC;
height:1px;
}
img
{
border: 0;
}
@media screen {
#menue
{
top:70px;
width:19%;
height:86%;
z-index:1000;
}
/*Alle auer IE 6*/
html>body #menue
{
position:absolute;
}
#content
{
width:80%;
height:82%;
left:20%;
}
/*Alle auer IE 6*/
html>body #content
{
position:absolute;
}
}
/* Druckausgabe */
@media print {
.home_logo
{
display:none;
}
.header_line
{
display:none;
}
#menue
{
display:none;
}
#GlobalMenu
{
display:none;
}
#content
{
width:800px;
height:900px;
left:0px;
overflow: hidden;
}
}
input.TextBox
{
background-color: White;
}
#GlobalMenu
{
margin-top: 3px;
text-align: right;
}
.home_logo
{
background-image:url(styles/tw/TWLogo_klein.jpg);
width:170px;
height:53px;
}
.header_line
{
background-image:url(styles/tw/header_line.jpg);
background-repeat:repeat-x;
width:100%;
height:3px;
}
/*Vor IE/Mac verstecken \
*html .header_line{
height:0.5px;
}
*/
/* Vor IE/Mac verstecken*/
div.tip
{
position: absolute;
display: none;
width: 300px;
background-color: #f7f7ee;
padding: 3px 7px 4px 6px;
border: 1px solid #336;
background-color: #f7f7ee;
text-align: left;
}
#header
{
vertical-align:middle;
}
/* Links */
a
{
color: #008381; text-decoration: none;
cursor: pointer;
}
a:hover
{
color: Black; text-decoration: none;
}
a.ItemTesttool
{
color: #008381;
line-height:25px;
display:block;
}
a:hover.ItemTesttool
{
color: black;
line-height:25px;
}
a.HyperItem
{
color: Black; text-decoration: none;
font-weight: bold;
}
a:hover.HyperItem
{
color: #008381; text-decoration: none;
font-weight: bold;
}
a[onClick]:hover.Item
{
color: Black; text-decoration: none;
}
a:hover.Item
{
color: Black; text-decoration: none;
}
a.Item2
{
color: Black; text-decoration: none;
}
a:hover.Item2
{
color: #008381; text-decoration: none;
}
a.MenuItem
{
color: #008381; text-decoration: none;
font-weight: bold;
}
a:hover.MenuItem
{
color: Black; text-decoration: none;
font-weight: bold;
}
A.hilfe
{
text-decoration:none;
}
A.hilfe:hover
{
text-decoration:none;
cursor:help;
}
A.stpl_detail
{
font-size:x-small;
color:#000000;
text-decoration:none;
}
A.stpl_detail:hover
{
font-size:x-small;
color:#000000;
text-decoration:underline;
/*cursor:hand;*/
}
a.head
{
color:#ffffff;
}
a.head:hover
{
color:#000000;
}
/* Tables */
TABLE.tabcontent
{
margin: 0px;
padding: 0px;
border-style: none;
width: 100%;
/*
cellspacing: 0;
cellpadding: 0;
*/
}
TABLE.tabcontent2
{
margin: 0px;
padding: 0px;
border-style: none;
/*
cellspacing: 0;
cellpadding: 0;
*/
}
TABLE.tabborder
{
/*
cellspacing: 0;
cellpadding: 1;
*/
width: 100%;
/*border: 1px solid black; foo*/
}
TABLE#tabterm
{
/*
cellpadding: 0;
cellspacing: 0;
*/
margin:auto;
}
td.ContentHeader
{
background-color: #008381; /*grn*/
font-weight: bold;
height: 19px;
}
td.ContentHeader2
{
background-color: #CCCCCC; /*mittel-grau */
font-weight: normal;
height: 19px
}
td.ContentHeader3
{
background-color: #CCCCCC; /*mittel-grau */
font-weight: bold;
height: 19px
}
td.MarkLine
{
background-color: #F2F2F2; /*wie EEEEEE; also grau fast weiss */
}
td.Inaktiv /*fuer Inaktive Items bei der Raumbeschreibung */
{
background-color: #F2F2F2; /*wie EEEEEE; also grau fast weiss */
color: #CFCFCF;
text-decoration: line-through;
}
td.ItemTesttool /*fuer die Button-Optik beim Testtool*/
{
color: #008381;
line-height:25px;
background-image: url(../skin/images/testtool_button.png);
background-position:center;
background-repeat:repeat-x;
}
td.ItemTesttoolLeft
{
color: #008381;
line-height:25px;
background-image: url(../skin/images/testtool_buttonleft.png);
background-position:left;
background-repeat:no-repeat;
}
td.ItemTesttoolRight
{
color: #008381;
line-height:25px;
background-image: url(../skin/images/testtool_buttonright.png);
background-position:right;
background-repeat:no-repeat;
}
td:hover.ItemTesttool
{
color: black;
line-height:25px;
background-image: url(../skin/images/testtool_button_hover.png);
background-position:center;
background-repeat:repeat-x;
}
td.tdwidth10
{
width: 10px;
}
td.tdwidth30
{
width: 30px;
}
td.tdgreen
{
background-color: #CCFFCC;
}
td.tdborder
{
text-align: center;
border:2px solid black;
background-color: #ffffff;
}
td.tdwrap
{
white-space: nowrap;
}
td.tdvertical
{
vertical-align: top;
}
TR.liste
{
background-color: #D3DCE3; /*grau wie #DDDDDD*/
}
TR.liste0
{
background-color: #FFFFFF; /*wei*/
}
TR.liste1
{
background-color: #EEEEEE; /*grau fast wei*/
}
TR.tryellow
{
background-color: #FFFF99;
}
/* private/profile/zeitsperre.php */
TABLE#zeitsperren
{
/*border: 1px solid black; foo*/
/*
cellspacing: 0;
cellpadding: 0;
*/
font-size: small;
width:100%;
}
TABLE#zeitsperren TH
{
background-color: #DDDDDD; /*hellgrau*/
}
TABLE#zeitsperren TH.feiertag
{
background-color: #FFFF00; /*grelles gelb*/
}
TABLE#zeitsperren TD.feiertag
{
background-color: #FFFF22; /*bissi helleres gelb*/
}
TABLE#zeitsperren TD
{
background-color: #EEEEEE /*grau fast wei*/
}
/* Stundeplan */
TABLE.stdplan
{
/*border: 1px solid black; foo*/
/*
cellspacing: 0;
cellpadding: 0;
*/
font-size: small;
}
TABLE.stdplan TH
{
background-color: #DDDDDD;
}
TABLE.stdplan TD
{
background-color: #EEEEEE
}
.row-even { /*liste1*/
background-color:#f2f2f2;
}
.row-odd { /*liste0*/
background-color:#ffffff;
}
/* Fonts */
h1
{
font-size: small;
color: #ffffff;
background-color: #008381; /*gruen*/
font-weight: bold;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
}
h1 td
{
font-size: medium;
color: #ffffff;
background-color: #009e84;
}
h1 a
{
color: #dddddd;
}
h1 a:hover
{
color: #ffffff;
text-decoration:none;
}
h2
{
/*
font-size: small;
color: #ffffff;
background-color: #00a4d2;
*/
background-color: #CCCCCC; /*mittel-grau */
font-weight: normal;
font-size: small;
height: 19px;
padding-top: 2px;
padding-left: 2px;
}
h2 td
{
font-size: small;
color: #ffffff;
background-color: #00a4d2; /*hellblau*/
}
h2 a
{
color: #dddddd;
}
h2 a:hover
{
color: #ffffff;
text-decoration:none;
}
h3
{
font-size: small;
font-weight: bold;
color: #008E74;
}
h4
{
font-size: x-small;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #008E74;
/*cursor: hand; */
text-decoration: none;
}
.error
{
color: #ff0000;
}
font.ContentHeader
{
color: #FFFFFF;
}
#news
{
}
#news .news
{
/*-moz-border-radius-topright: 20px;*/
-moz-border-radius-topleft: 10px;
width: 100%;
border: 1px solid #E0E0E0;
background-color: #F0F0F0;
}
#news .news .titel
{
font-weight: bold;
font-size: small;
padding: 0px 10px 0px 10px;
white-space: nowrap;
}
#news .news .text
{
background-color: #FCFCFC;
padding: 0px 10px 0px 10px;
}
/* Images */
img.testtoolfrage
{
max-width:400px;
max-height:300px;
}
img.testtoolvorschlag
{
max-width:200px;
max-height:150px;
}
img
{
border: 0;
}
img#layout
{
border: 1px solid #AAAAAA;
}
/*Farben*/
.grey
{
color: #999999;
}
#bgcolor0
{
background-color: #CC0000;
}
#bgcolor1
{
background-color: #FF2200;
}
#bgcolor2
{
background-color: #FF9922;
}
#bgcolor3
{
background-color: #FFFF55;
}
#bgcolor4
{
background-color: #88FF88;
}
#bgcolor5
{
background-color: #AAFFAA;
}
#bgcolor6
{
background-color: #CCFFCC;
}
.studentnote
{
font-weight:bold;
}
.benotungstool_tabs
{
border-top: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
text-align: center;
}
.benotungstool_tabs_active
{
border-top: 2px solid gray;
border-left: 2px solid gray;
border-right: 2px solid gray;
background-color: #eeeeee;
text-align: center;
}
.benotungstool_subtab
{
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}
/*aussortiert*/
/*font.headline
{
color: #008381;
text-decoration: none;
font-weight: bold;
font-size: 20px;
line-height: 24px;
color: #003399;
margin-bottom: 0px;
margin-top: 0px;
}*/
/*font.subline
{
font-size: 17px;
line-height: 20px;
color: #003399;
margin-bottom: 0px;
margin-top: 0px;
}*/
.error
{
color: #ff0000;
}
.ausblenden {display:none;}
.einblenden {display:block;}
/* Inaktive Elemente in einem DropDown */
option.inactive
{
text-decoration:line-through;
}
/* Difference Engine */
.diffchange-inline
{
background-color: yellow;
}
.diff-deletedline
{
background-color: lightgray;
}
.diff-marker
{
background-color: none;
}
.diff-addedline
{
background-color: lightgreen;
}