.. You may want to use the usual include line. Uncomment and adjust the path. .. include:: ../Includes.txt ============== EXT: Portfolio ============== :Created: 2010-02-18T17:33:18 :Changed: 2010-07-20T11:13:52 :Classification: fr_portfolio :Description: The keywords help with categorizing and tagging of the manuals. You can combine two or more keywords and add additional keywords yourself. Please use at least one keyword from both lists. If your manual is NOT in english, see next tab "language" ---- forEditors (use this for editors / german "Redakteure") forAdmins (use this for Administrators) forDevelopers (use this for Developers) forBeginners (manuals covering TYPO3 basics) forIntermediates (manuals going into more depth) forAdvanced (covering the most advanced TYPO3 topics) see more: http://wiki.typo3.org/doc_template#tags ---- :Keywords: forEditors, forAdmin :Author: Frank Frewer :Email: info@frankfrewer.de :Info 4: :Language: en |img-1| |img-2| EXT: Portfolio - fr\_portfolio .. _EXT-Portfolio: EXT: Portfolio ============== Extension Key: fr\_portfolio Language: en Keywords: forEditors, forAdmin Copyright 2000-2010, Frank Frewer, This document is published under the Open Content License available from http://www.opencontent.org/opl.shtml The content of this document is related to TYPO3 \- a GNU/GPL CMS/Framework available from www.typo3.org .. _Table-of-Contents: Table of Contents ----------------- `EXT: Portfolio 1 <#1.EXT:%20Portfolio|outline>`_ **`Introduction 3 <#1.1.Introduction|outline>`_** `What does it do? 3 <#1.1.1.What%20does%20it%20do_|outline>`_ `Screenshots 3 <#1.1.2.Screenshots|outline>`_ **`Users manual 7 <#1.2.Users%20manual|outline>`_** `Installation 7 <#1.2.1.Installation|outline>`_ `Create a sysfolder for portfolio projects, clients and categories 7 < #1.2.2.Create%20a%20sysfolder%20for%20portfolio%20projects,%20clients% 20and%20categories|outline>`_ `Create a page containing the portfolio plugin 10 <#1.2.4.Create%20a%2 0page%20containing%20the%20portfolio%20plugin|outline>`_ `The portfolio content element 11 <#1.2.5.The%20portfolio%20content%20element|outline>`_ **`Administration 12 <#1.3.Administration|outline>`_** `Installation 12 <#1.3.1.Installation|outline>`_ `Include static template (optional) 12 <#1.3.2.Include%20static%20template%20(optional)|outline>`_ **`Configuration 13 <#1.4.Configuration|outline>`_** `Reference 13 <#1.4.1.Reference|outline>`_ **`Tutorial 17 <#1.5.Tutorial|outline>`_** **`Known problems 18 <#1.6.Known%20problems|outline>`_** **`To-Do list 19 <#1.7.To-Do%20list|outline>`_** **`ChangeLog 20 <#1.8.ChangeLog|outline>`_** .. _Introduction: Introduction ------------ .. _What-does-it-do: What does it do? ^^^^^^^^^^^^^^^^ This extension gives you the possibility to display your portfolio in a highly configurable way. There are different list variants for projects, clients and categories. Example: `http://demo.frankfrewer.de /portfolio-extension `_ .. _Screenshots: Screenshots ^^^^^^^^^^^ List view/ category list / client list on one page: |img-3| Same list view, filtered by client “KundeA”: |img-4| Same list view, filtered by category “KategorieA”: |img-5| Optionally you can link the thumbnail (and/or the project title) in list or single view to the standard lightbox: |img-6| Your can use a alternative “lightbox”: This variant hides a - via typoscript - defined DIV (in this case the DIV where the project list resides) and shows the content at the same position: |img-7| Single view of a project with use of lightbox. Client list and category list in this case as dropdown fields: |img-8| Single view of a project without lightbox. Client list and category list in this case as dropdown fields: |img-9| Three minimalistic project list views on one page: simple list (project title), url list, thumb list: |img-10| .. _Users-manual: Users manual ------------ .. _Installation: Installation ^^^^^^^^^^^^ The installation procedure is described in the next section “Administration”. .. _Create-a-sysfolder-for-portfolio-projects-clients-and-categories: Create a sysfolder for portfolio projects, clients and categories ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Create a new page of type 'sysfolder' (e.g. “db\_portfolio”). In this page you have to store the portfolio projects, clients and categories. To make TYPO3 automatically clear the cache of the portfolio pages in the frontend, add the following snippet of TSConfig to the 'page properties' of the sysfolder: TCEMAIN.clearCacheCmd = [comma seperated list of page id's on which you have portfolio plugins] Whenever you add or modify a portfolio entry, the cache of the frontend pages will be cleared. .. _Create-a-category-optional: Create a category (optional) """""""""""""""""""""""""""" Go to the portfolio sysfolder (list view) and create a new record of type 'Portfolio category'. To make sure you can select your newly created category when creating a new portfolio entry. |img-11| .. _Create-a-client-optional: Create a client (optional) """""""""""""""""""""""""" Go to the portfolio sysfolder (list view) and create a new record of type 'Portfolio client'. To make sure you can select your newly created client when creating a new portfolio entry. |img-12| .. _Create-a-project: Create a project """""""""""""""" Go to the portfolio sysfolder (list view) and create a new record of type 'Portfolio project'.Tab “General”: Choose a title and the project URL (optionally) |img-13| Tab “Text”: Choose description, teaser and particulars. |img-14| Tab “Media”: Choose images. |img-15| Tab “Categories & Clients”: Choose categories, clients and agency clients. |img-16| Save the project. .. _Create-a-page-containing-the-portfolio-plugin: Create a page containing the portfolio plugin ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Create a new page for the portfolio plugin. Insert the plugin by choosing 'Create page content' and select 'Portfolio' from the plugin list. |img-17| Tab “General': Choose a header. Tab “Plugin': Choose what to display. You could start out with 'LIST'. |img-18| Choose a startingpoint. This will probably be the sysfolder you just created. You might define some other configuration vars. Check out the page in the frontend. .. _The-portfolio-content-element: The portfolio content element ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ .. _What-to-display: What to display """"""""""""""" .. ### BEGIN~OF~TABLE ### .. _LIST: LIST ~~~~ .. container:: table-row FIELD What to display LIST Description Displays a list of portfolio projects. By default the template for this list type contains the following parts of a project: Title, Clients, Agency Clients, Categories, teaser, url, the first image .. _LISTSIMPLE: LISTSIMPLE ~~~~~~~~~~ .. container:: table-row FIELD What to display LISTSIMPLE Description Displays a simple list of portfolio projects: Only the titles are listed. .. _THUMBLIST: THUMBLIST ~~~~~~~~~ .. container:: table-row FIELD What to display THUMBLIST Description Displays a simple list of portfolio projects: Only the first images are listed. .. _SINGLE: SINGLE ~~~~~~ .. container:: table-row FIELD What to display SINGLE Description Displays a single portfolio project. .. _CLIENTLIST: CLIENTLIST ~~~~~~~~~~ .. container:: table-row FIELD What to display CLIENTLIST Description Displays a list of clients. A content element of this type could be placed on the same site, where one (or more) of content element with the other project list modes are placed. A click on one client entry will filter the list view of projects, so that only projects for this client are shown. The client list will show only clients which are at least assigned to one project. .. _CLIENTLISTDROPDOWN: CLIENTLISTDROPDOWN ~~~~~~~~~~~~~~~~~~ .. container:: table-row FIELD What to display CLIENTLISTDROPDOWN Description Same as CLIENTLIST. But this mode produce a dropdown element with all clients. .. _CATLIST: CATLIST ~~~~~~~ .. container:: table-row FIELD What to display CATLIST Description Displays a list of categories. A content element of this type could be placed on the same site, where one (or more) of content element with the other project list modes are placed. A click on one category entry will filter the list view of projects, so that only projects with this category are shown. The category list will show only categories which are at least assigned to one project. .. _CATLISTDROPDOWN: CATLISTDROPDOWN ~~~~~~~~~~~~~~~ .. container:: table-row FIELD What to display CATLISTDROPDOWN Description Same as CATLIST. But this mode produce a dropdown element with all categories. .. _URLLIST: URLLIST ~~~~~~~ .. container:: table-row FIELD What to display URLLIST Description Displays a simple list of portfolio projects: Only the project URL are listed. .. ###### END~OF~TABLE ###### .. _Administration: Administration -------------- .. _Installation: Installation ^^^^^^^^^^^^ Install the extension with the extension manager. .. _Include-static-template-optional: Include static template (optional) ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Select Web>Template and the page with your template. Select “Info/Modify” and then click on “Click here to edit whole template record”. In the section “Include static (from extension)” you will find “Portfolio(fr\_portfolio)” in the right frame “Items”. After clicking you will find it in the left frame “Selected”. |img-19| Alternatively you can do the whole configuration with your own typoscript. Look at the example in the section “Configuration”. .. _Configuration: Configuration ------------- .. _Reference: Reference ^^^^^^^^^ tx\_frportfolio\_pi1 properties: TS configuration. .. ### BEGIN~OF~TABLE ### .. _templateFile: templateFile """""""""""" .. container:: table-row Property templateFile Data type resource Description The template-file. (See default template-file: "/typo3conf/ext/fr\_portfolio/pi1/fr\_portfolio.tmpl"). You can define a template for a complete pagetree or a certain page in the Constant Editor or directly in your TS setup. Example: plugin.tx\_frportfolio\_pi1 { templateFile = fileadmin/templates/fr\_portfolio.tmpl } Default /typo3conf/ext/fr\_portfolio/pi1/f\_rportfolio.tmpl .. _cssFile: cssFile """"""" .. container:: table-row Property cssFile Data type resource Description The css-file. (See default css-file: "/typo3conf/ext/fr\_portfolio/res/fr\_portfolio.css"). You can define the css-file for a complete pagetree or a certain page in the Constant Editor or directly in your TS setup. Example: plugin.tx\_frportfolio\_pi1 { cssFile = fileadmin/templates/css/fr\_portfolio.css } Default .. _useLightBox: useLightBox """"""""""" .. container:: table-row Property useLightBox Data type boolean Description Use lightbox2 for displaying images ( `http://www.huddletogether.com/projects/lightbox2/ `_ ) If set to 0, in the single view of a project you will see the first image large and below the list of thumbnails. Otherwise you will see only the tumbnails. Default 0 .. _imageMagickParameters: imageMagickParameters """"""""""""""""""""" .. container:: table-row Property imageMagickParameters Data type string Description ImageMagick parameters: These parameters will be used when scaling and cropping images. http://redskiesatnight.com/Articles/IMsharpen/ Default -quality 80 +profile "\*" -unsharp 0.5x0.5+1.5 .. _imageMagickThumbParameters: imageMagickThumbParameters """""""""""""""""""""""""" .. container:: table-row Property imageMagickThumbParameters Data type string Description -quality 60 +profile "\*" -unsharp 0.5x0.5+1.5ImageMagick thumbnail parameters: These parameters will be used when scaling and cropping thumbnails. http://redskiesatnight.com/Articles/IMsharpen/ Default -quality 60 +profile "\*" -unsharp 0.5x0.5+1.5 .. _thumbnailWidth: thumbnailWidth """""""""""""" .. container:: table-row Property thumbnailWidth Data type int Description The maximum width that thumbnails of the images can have. Default .. _imageWidth: imageWidth """""""""" .. container:: table-row Property imageWidth Data type int Description The maximum width that images (e.g. images) can have. Default .. _pid-list: pid\_list """"""""" .. container:: table-row Property pid\_list Data type int Description The page ID where portfolio items (projects), clients and categories are stored. Default .. _listPid: listPid """"""" .. container:: table-row Property listPid Data type int Description The page ID for List display modes. Default .. _singlePid: singlePid """"""""" .. container:: table-row Property singlePid Data type int Description The page ID for Single display mode. Default .. _strftime: strftime """""""" .. container:: table-row Property strftime Data type string Description The date format, formatted according to your locale. Default %d-%m-%y %H:%M .. _showImageOriginalSize: showImageOriginalSize """"""""""""""""""""" .. container:: table-row Property showImageOriginalSize Data type boolean Description In case you don't want ImageMagick to convert the image to hold the best image quality, set this to 1 Default 0 .. _lightboxStandard-cssFile: lightboxStandard.cssFile """""""""""""""""""""""" .. container:: table-row Property lightboxStandard.cssFile Data type resource Description The css-file for the standard lightbox. (See default css-file: "typo3conf/ext/fr\_portfolio/res/lightbox2/css/lightbox.css"). You can define the css-file for a complete pagetree or a certain page in the Constant Editor or directly in your TS setup. Example: plugin.tx\_frportfolio\_pi1 { lightboxStandard.cssFile = fileadmin/templates/css/ lightbox.css } Default .. _lightboxStandard-jsFile: lightboxStandard.jsFile """"""""""""""""""""""" .. container:: table-row Property lightboxStandard.jsFile Data type resource Description The js-file for the standard lightbox. (See default js-file: "typo3conf/ext/fr\_portfolio/res/lightbox2/js/lightbox.js"). You can define the js-file for a complete pagetree or a certain page in the Constant Editor or directly in your TS setup. Example: plugin.tx\_frportfolio\_pi1 { lightboxStandard.jsFile = fileadmin/templates/js/ lightbox.js } Default .. _lightboxStandard-captionWrap: lightboxStandard.captionWrap """""""""""""""""""""""""""" .. container:: table-row Property lightboxStandard.captionWrap Data type string Description If you want to change the number display in the lightbox you have to set this parameter. Example: plugin.tx\_frportfolio\_pi1 { lightboxStandard { captionWrap = Kunde: \|Projekt: \| } Default (Client: \|Project: \|) lightbox.js .. _lightboxStandard-numberDisplayWrap: lightboxStandard.numberDisplayWrap """""""""""""""""""""""""""""""""" .. container:: table-row Property lightboxStandard.numberDisplayWrap Data type boolean Description If you want to change the number display in the lightbox you have to set this parameter to 1 Default 1 .. _lightboxStandard-numberDisplayWrap-value: lightboxStandard.numberDisplayWrap.value """""""""""""""""""""""""""""""""""""""" .. container:: table-row Property lightboxStandard.numberDisplayWrap.value Data type string Description Example: plugin.tx\_frportfolio\_pi1 { lightboxStandard { numberDisplayWrap = 1 numberDisplayWrap { value = Bild \| von \| \| } } Default (Image \| of \| \| ) lightbox.js .. _lightboxInside: lightboxInside """""""""""""" .. container:: table-row Property lightboxInside Data type boolean Description While the standard lightbox overlays the whole browser window with a transparent background with the picture centered in the window, this variant overlays only a div, which has to defined with lightboxInside.lightboxInside.divToHideId. Example: plugin.tx\_frportfolio\_pi1 { lightboxInside = 1 lightboxInside { divToHideId = main captionWrap = Kunde: \|Projekt: \| numberDisplayWrap = 1 numberDisplayWrap { value = Bild \| von \| \| } } } Default 0 .. _lightboxInside-cssFile: lightboxInside.cssFile """""""""""""""""""""" .. container:: table-row Property lightboxInside.cssFile Data type resource Description The css-file for the lightbox variant which overlays a defined div - look lightboxInside.divToHideId. (See default css-file: "typo3conf/ext/fr\_portfolio/res/lightbox2/css/lightboxInside.css"). You can define the css-file for a complete pagetree or a certain page in the Constant Editor or directly in your TS setup. Example: plugin.tx\_frportfolio\_pi1 { lightboxInside.cssFile = fileadmin/templates/css/ lightboxInside.css } Default .. _lightboxInside-jsFile: lightboxInside.jsFile """"""""""""""""""""" .. container:: table-row Property lightboxInside.jsFile Data type resource Description The js-file for the lightbox variant which overlays a defined div - look lightboxInside.divToHideId. (See default js-file: "typo3conf/ext/fr\_portfolio/res/lightbox2/js/lightboxInside.js"). You can define the js-file for a complete pagetree or a certain page in the Constant Editor or directly in your TS setup. Example: plugin.tx\_frportfolio\_pi1 { lightboxInside.cssFile = fileadmin/templates/js/ lightboxInside.js } Default .. _lightboxInside-divToHideId: lightboxInside.divToHideId """""""""""""""""""""""""" .. container:: table-row Property lightboxInside.divToHideId Data type string Description Set the div, which shuold overlayed by the Lightbox. This div must have an ID. lightboxInside must be set to 1. Example: plugin.tx\_frportfolio\_pi1 { lightboxInside = 1 lightboxInside .divToHideId = main } Default .. _lightboxInside-top: lightboxInside.top """""""""""""""""" .. container:: table-row Property lightboxInside.top Data type int Description Maybe deprecated Default .. _lightboxInside-captionWrap: lightboxInside.captionWrap """""""""""""""""""""""""" .. container:: table-row Property lightboxInside.captionWrap Data type string Description If you want to change the number display in this lightbox you have to set this parameter. Example: plugin.tx\_frportfolio\_pi1 { lightboxInside = 1 lightboxInside { captionWrap = Kunde: \|Projekt: \| } } Default (Client: \|Project: \|) lightboxInside.js .. _lightboxInside-numberDisplayWrap: lightboxInside.numberDisplayWrap """""""""""""""""""""""""""""""" .. container:: table-row Property lightboxInside.numberDisplayWrap Data type boolean Description If you want to change the number display in this lightbox you have to set this parameter to 1. Default 0 .. _lightboxInside-numberDisplayWrap-value: lightboxInside.numberDisplayWrap.value """""""""""""""""""""""""""""""""""""" .. container:: table-row Property lightboxInside.numberDisplayWrap.value Data type string Description Example: plugin.tx\_frportfolio\_pi1 { lightboxInside = 1 lightboxInside { numberDisplayWrap = 1 numberDisplayWrap { value = Bild \| von \| \| } } } Default (Image \| of \| \| ) lightboxInside.js .. _lightboxInside-imageDataInnerWrap: lightboxInside.imageDataInnerWrap """"""""""""""""""""""""""""""""" .. container:: table-row Property lightboxInside.imageDataInnerWrap Data type string Description With this parameter you can wrap some html code to the box with the image data (caption, number list, close button) Example: plugin.tx\_frportfolio\_pi1.lightboxInside { imageDataInnerWrap = \|


} Default .. _displayList-linkCategories: displayList.linkCategories """""""""""""""""""""""""" .. container:: table-row Property displayList.linkCategories Data type boolean Description Set this to 0, if you don't want that the listed categories for each project are linked to the filter function. Default 1 .. _displayList-linkTitleToLightbox: displayList.linkTitleToLightbox """"""""""""""""""""""""""""""" .. container:: table-row Property displayList.linkTitleToLightbox Data type boolean Description Normally the project title is linked to the detail view. Set this parameter to 1, if you want to have a link to Lightbox. Default 0 .. _displayList-linkThumbToLightbox: displayList.linkThumbToLightbox """"""""""""""""""""""""""""""" .. container:: table-row Property displayList.linkThumbToLightbox Data type boolean Description By default the project thumb is linked to the lightbox. Set this parameter to 0, if you want to have a link to the detail view. Default 1 .. _displayList-showMoreLink: displayList.showMoreLink """""""""""""""""""""""" .. container:: table-row Property displayList.showMoreLink Data type boolean Description Set this to 0, if you don't want to have a “more” link behind the teaser. Default 1 .. _displayList-listItemBottomCode: displayList.listItemBottomCode """""""""""""""""""""""""""""" .. container:: table-row Property displayList.listItemBottomCode Data type string Description If e.g. you want to have a divider behind each project, which does not appear behind the last project, you can set this here. Example: plugin.tx\_frportfolio\_pi1 { displayList { listItemBottomCode =
} } Default .. _displaySingle-linkCategories: displaySingle.linkCategories """""""""""""""""""""""""""" .. container:: table-row Property displaySingle.linkCategories Data type boolean Description Set this to 0, if you don't want that the listed categories for the single project are linked to the filter function. Default 1 .. _displaySingle-linkTitleToLightbox: displaySingle.linkTitleToLightbox """"""""""""""""""""""""""""""""" .. container:: table-row Property displaySingle.linkTitleToLightbox Data type boolean Description Normally the project title in the single view is linked to the project URL. Set this parameter to 1, if you want to have a link to Lightbox. Default 0 .. _displaySingle-showNav: displaySingle.showNav """"""""""""""""""""" .. container:: table-row Property displaySingle.showNav Data type boolean Description Set this to 0 to hide the navigation below the single view. Default 1 .. _displaySingle-showNavIcons: displaySingle.showNavIcons """""""""""""""""""""""""" .. container:: table-row Property displaySingle.showNavIcons Data type boolean Description Set this to 0 to have a text navigation below the single view. Default 1 .. _LOCAL-LANG-lang-key-label-key: \_LOCAL\_LANG.[lang-key].[label-key] """""""""""""""""""""""""""""""""""" .. container:: table-row Property \_LOCAL\_LANG.[lang-key].[label-key] Data type string Description Can be used to override the default locallang labels for the plugin. (Defaults in "/typo3conf/ext/fr\_portfolio/pi1/locallang.xml") Example: plugin..tx\_frportfolio\_pi1.\_LOCAL\_LANG.de.category= Kategorie Default .. ###### END~OF~TABLE ###### [tsref:tx\_frportfolio\_pi1] .. _generated: ((generated)) """"""""""""" .. _Example: Example ~~~~~~~ :: plugin.tx_frportfolio_pi1 { cssFile = fileadmin/templates/fr_portfolio/css/fr_portfolio.css useLightBox = 1 showImageOriginalSize = 1 lightboxStandard { cssFile = fileadmin/templates/fr_portfolio/css/lightbox.css jsFile = fileadmin/templates/fr_portfolio/js/lightbox.js captionWrap =

Kunde: |<\/p>

Projekt: | <\/p> numberDisplayWrap = 1 numberDisplayWrap { value = Bild | von | | } } lightboxInside = 1 lightboxInside { cssFile = fileadmin/templates/fr_portfolio/css/lightboxInside.css jsFile = fileadmin/templates/fr_portfolio/js/lightboxInside.js divToHideId = main captionWrap = Kunde: |
Projekt: | numberDisplayWrap = 1 numberDisplayWrap { value = Bild | von | | } imageDataInnerWrap = |


} displayList { linkCategories = 1 linkTitleToLightbox = 1 linkThumbToLightbox = 0 showMoreLink = 1 listItemBottomCode =
} displaySingle { linkCategories = 0 linkTitleToLightbox = 0 showNav = 0 showNavIcons = 0 } } .. _Tutorial: Tutorial -------- Will be added later - maybe. .. _Known-problems: Known problems -------------- None at the moment. .. _To-Do-list: To-Do list ---------- - Add a page browser to the project list modes. - Add e.g. a description field to clients and categories and create a single display mode for this informations. - Complete the manual. .. _ChangeLog: ChangeLog --------- .. ### BEGIN~OF~TABLE ### .. _0-1-0: 0.1.0 ^^^^^ .. container:: table-row Version 0.1.0 Changes Initial release .. _0-1-1: 0.1.1 ^^^^^ .. container:: table-row Version 0.1.1 Changes Update manual – table of contents .. ###### END~OF~TABLE ###### |img-2| 20 .. ######CUTTER_MARK_IMAGES###### .. |img-1| image:: img-1.png .. :align: left .. |img-2| image:: img-2.png .. :border: 0 .. :height: 21 .. :hspace: 9 .. :id: Grafik2 .. :name: Grafik2 .. :width: 87 .. |img-3| image:: img-3.png .. :align: left .. :border: 0 .. :height: 402 .. :id: Grafik12 .. :name: Grafik12 .. :width: 491 .. |img-4| image:: img-4.png .. :align: left .. :border: 0 .. :height: 267 .. :id: Grafik13 .. :name: Grafik13 .. :width: 491 .. |img-5| image:: img-5.png .. :align: left .. :border: 0 .. :height: 226 .. :id: Grafik14 .. :name: Grafik14 .. :width: 416 .. |img-6| image:: img-6.png .. :align: left .. :border: 0 .. :height: 293 .. :id: Grafik17 .. :name: Grafik17 .. :width: 416 .. |img-7| image:: img-7.png .. :align: left .. :border: 0 .. :height: 250 .. :id: Grafik16 .. :name: Grafik16 .. :width: 416 .. |img-8| image:: img-8.png .. :align: left .. :border: 0 .. :height: 316 .. :id: Grafik15 .. :name: Grafik15 .. :width: 491 .. |img-9| image:: img-9.png .. :align: left .. :border: 0 .. :height: 412 .. :id: Grafik19 .. :name: Grafik19 .. :width: 491 .. |img-10| image:: img-10.png .. :align: left .. :border: 0 .. :height: 392 .. :id: Grafik18 .. :name: Grafik18 .. :width: 491 .. |img-11| image:: img-11.png .. :align: left .. :border: 0 .. :height: 105 .. :id: Grafik4 .. :name: Grafik4 .. :width: 491 .. |img-12| image:: img-12.png .. :align: left .. :border: 0 .. :height: 106 .. :id: Grafik3 .. :name: Grafik3 .. :width: 491 .. |img-13| image:: img-13.png .. :align: left .. :border: 0 .. :height: 216 .. :id: Grafik5 .. :name: Grafik5 .. :width: 491 .. |img-14| image:: img-14.png .. :align: left .. :border: 0 .. :height: 542 .. :id: Grafik7 .. :name: Grafik7 .. :width: 491 .. |img-15| image:: img-15.png .. :align: left .. :border: 0 .. :height: 172 .. :id: Grafik8 .. :name: Grafik8 .. :width: 491 .. |img-16| image:: img-16.png .. :align: left .. :border: 0 .. :height: 339 .. :id: Grafik9 .. :name: Grafik9 .. :width: 491 .. |img-17| image:: img-17.png .. :align: left .. :border: 0 .. :height: 68 .. :id: Grafik10 .. :name: Grafik10 .. :width: 491 .. |img-18| image:: img-18.png .. :align: left .. :border: 0 .. :height: 664 .. :id: Grafik11 .. :name: Grafik11 .. :width: 491 .. |img-19| image:: img-19.png .. :align: left .. :border: 0 .. :height: 279 .. :id: Grafik1 .. :name: Grafik1 .. :width: 558