[TASK] More features

Author: georgringer

Resources/Private/Extensions/_main.ts

@@ -13,3 +13,4 @@
 <INCLUDE_TYPOSCRIPT: source="FILE:EXT:modernpackage/Resources/Private/Extensions/extbase.ts">
 <INCLUDE_TYPOSCRIPT: source="FILE:EXT:modernpackage/Resources/Private/Extensions/indexed_search.ts">
 <INCLUDE_TYPOSCRIPT: source="FILE:EXT:modernpackage/Resources/Private/Extensions/news/news.ts">
+<INCLUDE_TYPOSCRIPT: source="FILE:EXT:modernpackage/Resources/Private/Extensions/rgsmoothgallery.ts">

Resources/Private/Extensions/news/home/Templates/News/List.html

@@ -0,0 +1,64 @@
+{namespace n=Tx_News_ViewHelpers}
+
+<f:if condition="{news}">
+	<f:for each="{news}" as="newsItem">
+		<article class="span4 inner-news-teaser">
+			<header>
+				<h3>
+					<n:link newsItem="{newsItem}" settings="{settings}">
+						{newsItem.title}
+					</n:link>
+				</h3>
+				<span class="muted"><small>
+					<f:format.date format="d.m.Y">{newsItem.datetime}</f:format.date>
+				</small></span>
+			</header>
+			<div class="row-fluid">
+				<f:if condition="{newsItem.mediaPreviews}">
+					<f:then>
+						<div class="span5">
+							<n:link newsItem="{newsItem}" settings="{settings}" class="thumbnail">
+								<f:alias map="{mediaElement: newsItem.mediaPreviews.0}">
+									<f:if condition="{mediaElement.type} == 0">
+										<f:image src="uploads/tx_news/{mediaElement.image}" title="{mediaElement.title}" alt="{mediaElement.alt}" maxWidth="{settings.list.media.image.maxWidth}" maxHeight="{settings.list.media.image.maxHeight}" />
+									</f:if>
+									<f:if condition="{mediaElement.type} == 1">
+										<f:render partial="Detail/MediaVideo" arguments="{mediaElement: mediaElement}" />
+									</f:if>
+								</f:alias>
+							</n:link>
+						</div>
+						<div class="span7">
+							<f:render section="text" arguments="{_all}" />
+						</div>
+					</f:then>
+					<f:else>
+						<div class="span12">
+							<f:render section="text" arguments="{_all}" />
+						</div>
+					</f:else>
+				</f:if>
+			</div>
+		</article>
+	</f:for>
+</f:if>
+
+<f:section name="text">
+	<f:if condition="{newsItem.teaser}">
+		<f:then>
+			<f:format.html>
+				<f:format.crop maxCharacters="{settings.cropMaxCharacters}" respectWordBoundaries="1">{newsItem.teaser}</f:format.crop>
+			</f:format.html>
+		</f:then>
+		<f:else>
+			<f:format.html>
+				<f:format.crop maxCharacters="{settings.cropMaxCharacters}" respectWordBoundaries="1">{newsItem.bodytext}</f:format.crop>
+			</f:format.html>
+		</f:else>
+	</f:if>
+
+	<p>
+		<n:link newsItem="{newsItem}" settings="{settings}" class="btn pull-right">
+			<f:translate key="more-link" />&raquo;</n:link>
+	</p>
+</f:section>

Resources/Private/Extensions/news/Layouts/Backend/Default.html Resources/Private/Extensions/news/main/Layouts/Backend/Default.html

@@ -13,10 +13,10 @@
 
 plugin.tx_news {
 	view {
-		templateRootPath = EXT:modernpackage/Resources/Private/Extensions/news/Templates/
-		partialRootPath = EXT:modernpackage/Resources/Private/Extensions/news/Partials/
-		layoutRootPath = EXT:modernpackage/Resources/Private/Extensions/news/Layouts/
-        widget.Tx_News_ViewHelpers_Widget_PaginateViewHelper.templateRootPath = EXT:modernpackage/Resources/Private/Extensions/news/
+		templateRootPath = EXT:modernpackage/Resources/Private/Extensions/news/main/Templates/
+		partialRootPath = EXT:modernpackage/Resources/Private/Extensions/news/main/Partials/
+		layoutRootPath = EXT:modernpackage/Resources/Private/Extensions/news/main/Layouts/
+        widget.Tx_News_ViewHelpers_Widget_PaginateViewHelper.templateRootPath = EXT:modernpackage/Resources/Private/Extensions/news/main/
 	}
 
 	settings {
@@ -33,6 +33,23 @@ plugin.tx_news {
 	}
 }
 
+[globalVar = TSFE:id = 1]
+plugin.tx_news {
+	view {
+		templateRootPath = EXT:modernpackage/Resources/Private/Extensions/news/home/Templates/
+	}
+	settings {
+		cropMaxCharacters = 100
+		list {
+			media.image {
+				maxWidth = 140
+				maxHeight = 120
+			}
+		}
+	}
+}
+[global]
+
 
 #-------------------------------------------------------------------------------
 #	EXT:news Latest news

Resources/Private/Extensions/news/Layouts/Detail.html Resources/Private/Extensions/news/main/Layouts/Detail.html

@@ -0,0 +1,82 @@
+# ******************************************************************************
+#	(c) 2013 Georg Ringer <typo3@ringerge.org>
+#
+#	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.
+# ******************************************************************************
+
+# **********************************************************
+# Configuration for rgsmoothgallery, using flexslider
+# **********************************************************
+
+
+#-------------------------------------------------------------------------------
+#	Configuration
+#-------------------------------------------------------------------------------
+includeLibs.rgsmoothgallery = typo3conf/ext/rgsmoothgallery/Classes/Rendering/ConfigurationRendering.php
+
+tt_content.image.20 {
+	# Set some classes around
+	imageStdWrap.dataWrap.override {
+		if.isTrue.field = tx_rgsmoothgallery_rgsg
+		cObject = COA
+		cObject {
+			10 = TEXT
+			10.value (
+				<div class="flexslider" id="slideshow">	<ul class="slides">| </ul></div>
+			)
+			20 = TEXT
+			20.value =
+		}
+	}
+
+	# Add the JS configuration
+	#imageStdWrap.stdWrap.append = USER
+	#imageStdWrap.stdWrap.append {
+	#	stdWrap.if.isTrue.field = tx_rgsmoothgallery_rgsg
+	#	userFunc = Tx_Rgsmoothgallery_Rendering_ConfigurationRendering->user_renderConfiguration
+	#}
+
+	# Override the title field and use the caption
+	1.altText.field.override = imagecaption
+	1.altText.field.override.if.isTrue.field = tx_rgsmoothgallery_rgsg
+	1.titleText.field.override = imagecaption
+	1.titleText.field.overrideif.isTrue.field = tx_rgsmoothgallery_rgsg
+
+	# Don't render the caption if not needed
+	caption.stdWrap.if.isFalse.field = tx_rgsmoothgallery_rgsg
+
+	# Render just the image
+	rendering.rgsmoothgallery {
+		allStdWrap {
+			wrap = <div class="csc-textpic-imagewrap">|</div>
+			innerWrap.cObject = CASE
+			innerWrap.cObject {
+				key.field = imageorient
+				# above-center
+				0 = TEXT
+				0.value = <div class="csc-textpic-center-outer"><div class="csc-textpic-center-inner">|</div></div>
+				# below-center
+				8 < .0
+			}
+		}
+		oneImageStdWrap {
+			wrap = <li>|</li>
+		}
+
+		imgTagStdWrap {
+			wrap =|
+		}
+		caption {
+			required = 1
+			wrap = <div class="caption">|</div>
+		}
+	}
+
+	renderMethod.stdWrap {
+		override = rgsmoothgallery
+		override.if.isTrue.field = tx_rgsmoothgallery_rgsg
+	}
+}
+

Resources/Private/Extensions/news/Layouts/General.html Resources/Private/Extensions/news/main/Layouts/General.html

@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<f:layout name="Default" />
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>TYPO3 Sitestarter Content</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta name="description" content="">
+	<meta name="author" content="">
+
+	<!-- Stylesheets -->
+	<link href="css/bootstrap.css" rel="stylesheet">
+	<link href="css/bootstrap-responsive.css" rel="stylesheet">
+	<link href="css/style.css" rel="stylesheet">
+	<link href="css/mediaqueries.css" rel="stylesheet">
+	<link href="css/yoxview.css" rel="stylesheet">
+
+	<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+	<!--[if lt IE 9]>
+	<script src="js/html5shiv.js"></script>
+	<![endif]-->
+
+	<!-- Le fav and touch icons -->
+	<link rel="shortcut icon" href="img/favicon.png">
+
+</head>
+
+<body>
+<f:section name="body">
+
+	<div class="container"><!-- BEGIN: container -->
+		<f:render partial="Page/header" />
+
+		<section class="content"><!-- BEGIN: CONTENT -->
+
+			<f:cObject typoscriptObjectPath="lib.content.0">
+				<div class="flex-container"><!-- BEGIN: SLIDER -->
+					<div class="flexslider" id="slideshow">
+						<ul class="slides">
+							<li>
+								<img src="img/gallery/bootstrap-mdo-sfmoma-02.jpg" alt="">
+
+								<p class="flex-caption">Donec id elit non mi porto!</p>
+							</li>
+							<li>
+								<img src="img/gallery/bootstrap-mdo-sfmoma-01.jpg" alt="">
+
+								<p class="flex-caption">This image is so lorem ipsum!</p>
+							</li>
+							<li><img src="img/gallery/bootstrap-mdo-sfmoma-03.jpg" alt=""></li>
+						</ul>
+					</div>
+				</div>
+				<!-- END: SLIDER -->
+			</f:cObject>
+			<hr>
+
+			<section class="row-fluid teaser"> <!-- BEGIN: TEASER -->
+
+				<article class="span6 inner-teaser">
+					<div class="row-fluid">
+						<f:cObject typoscriptObjectPath="lib.content.11">
+							<div class="span6"><a href="#" class="thumbnail"><img src="img/placeholder/260x180.png" alt=""></a></div>
+							<div class="span6">
+								<h2>Auszug aus Bereich 1</h2>
+
+								<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut
+									fermentum massa justo sit amet risus. Etiam porta sem malesuada magna. </p>
+
+								<p><a class="btn" href="#">View details &raquo;</a></p>
+							</div>
+						</f:cObject>
+					</div>
+				</article>
+
+				<article class="span6 inner-teaser">
+					<div class="row-fluid">
+						<f:cObject typoscriptObjectPath="lib.content.12">
+							<div class="span6"><a href="#" class="thumbnail"><img src="img/placeholder/260x180.png" alt=""></a></div>
+							<div class="span6">
+								<h2>Auszug aus Bereich 2</h2>
+
+								<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut
+									fermentum massa justo sit amet risus. Etiam porta sem malesuada magna. </p>
+
+								<p><a class="btn" href="#">View details &raquo;</a></p>
+							</div>
+						</f:cObject>
+					</div>
+				</article>
+			</section>
+			<!-- END: TEASER -->
+
+			<section class="news-teaser"><!-- BEGIN: NEWS -->
+				<div class="row-fluid hidden-desktop hidden-tablet">
+					<h2>News</h2>
+				</div>
+				<div class="row-fluid">
+					<f:cObject typoscriptObjectPath="lib.content.3">
+						<article class="span4 inner-news-teaser">
+							<header>
+								<h3>Aktuellste Meldung</h3>
+								<span class="muted"><small>21.03.2013</small></span>
+							</header>
+							<div class="row-fluid">
+								<div class="span5">
+									<a href="#" class="thumbnail"><img src="img/placeholder/140x120.png" alt=""></a>
+								</div>
+								<div class="span7">
+									<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris... </p>
+
+									<p><a class="btn" href="#">View details &raquo;</a></p>
+								</div>
+							</div>
+						</article>
+
+						<article class="span4 inner-news-teaser">
+							<header>
+								<h3>Aktuellste Meldung</h3>
+								<span class="muted"><small>21.03.2013</small></span>
+							</header>
+							<div class="row-fluid">
+								<div class="span5">
+									<a href="#" class="thumbnail"><img src="img/placeholder/140x120.png" alt=""></a>
+								</div>
+								<div class="span7">
+									<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris... </p>
+
+									<p><a class="btn" href="#">View details &raquo;</a></p>
+								</div>
+							</div>
+						</article>
+					</f:cObject>
+					<div class="span4 contactdata">
+						<f:cObject typoscriptObjectPath="lib.content.13"><!-- CONTACT -->
+							<h2>Kontaktdaten <i class="icon-envelope pull-right"></i></h2>
+							<address>
+								<p>Cyberhouse Gmbh<br />Hafenstraße 2a <br />4020 Linz <br /> Tel: +43 (0) 732 / 78 12 98 <br /> Tel: +43 (0) 732 / 78 12 98 -
+									220
+									<br>
+									<a href="mailto:[email protected]">[email protected]</a><br>
+									<a href="#">www.cyberhouse.at</a></p>
+							</address>
+						</f:cObject>
+					</div>
+				</div>
+
+			</section>
+			<!-- END: NEWS -->
+			<div class="row-fluid">
+				<a id="up" href="" class="pull-right">to top</a>
+			</div>
+			<hr>
+		</section>
+		<!-- END: CONTENT -->
+
+		<f:render partial="Page/footer" />
+
+	</div>
+	<!-- END: container -->
+</f:section>
+
+<!-- Le javascript
+================================================== -->
+<!-- ???  -->
+<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+<!-- jquery -->
+<script src="js/jquery-1.9.1.js"></script>
+<!-- bootstrap -->
+<script src="js/bootstrap.js"></script>
+<!-- flexslider (gallery) -->
+<script src="js/jquery.flexslider-min.js"></script>
+<!-- Lightbox -->
+<script src="js/jquery.yoxview-2.21.min.js"></script>
+<!-- placeholder script (forms) -->
+<script src="js/placeholder.js"></script>
+<!-- custom scripts -->
+<script src="js/script.js"></script>
+
+</body>
+</html>

Resources/Private/Extensions/news/Partials/Administration/Buttons.html Resources/Private/Extensions/news/main/Partials/Administration/Buttons.html

@@ -59,8 +59,8 @@ RTE.default {
 	buttons.formatblock.removeItems = h1,h2,h5,h6,pre,address, DIV, P
 
 	# Buttons die gezeigt/versteckt werden
-	showButtons = bold, italic, left, center, right, orderedlist, unorderedlist, link, insertcharacter, removeformat, findreplace, undo, redo, outdent, indent
-	hideButtons = formatblock, blockstyle, blockstylelabel, textstyle, textstylelabel, image,line, underline, insertparagraphafter, insertparagraphbefore, fontstyle, fontsize, strikethrough, lefttoright, righttoleft, bgcolor, textindicator, emoticon, user, spellcheck, inserttag, subscript, superscript, acronym, about, chMode, showhelp, copy, cut, paste, justifyfull, textcolor, table, tableproperties, rowproperties, rowAinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, toggleborders, cellmerge,
+	showButtons = bold, italic, left, center, right, orderedlist, unorderedlist, link, insertcharacter, removeformat, findreplace, undo, redo, outdent, indent,chMode
+	hideButtons = formatblock, blockstyle, blockstylelabel, textstyle, textstylelabel, image,line, underline, insertparagraphafter, insertparagraphbefore, fontstyle, fontsize, strikethrough, lefttoright, righttoleft, bgcolor, textindicator, emoticon, user, spellcheck, inserttag, subscript, superscript, acronym, about, showhelp, copy, cut, paste, justifyfull, textcolor, table, tableproperties, rowproperties, rowAinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, toggleborders, cellmerge,
 
 
 	# Hält die RTE Icons gegroupt zusammen