ittnerpa60944
/
MDTWebApp
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
6 Commits
1 Branch
Tree: e1cbab07d4
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'e1cbab07d4'
${ noResults }
MDTWebApp/code/code/exercise06/app/lib/view.htm

view.htm 121KB
Raw Blame History

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714 
  1. <!DOCTYPE html>

  2. 

  3. <html  dir="ltr" lang="de" xml:lang="de">

  4. <head>

  5.     <title>MDT5/2: Praktikumsaufgabe 6</title>

  6.     <link rel="shortcut icon" href="https://elearning.ohmportal.de/theme/image.php/boostefi/theme/1551690493/favicon" />

  7.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  8. <meta name="keywords" content="moodle, MDT5/2: Praktikumsaufgabe 6" />

  9. <link rel="stylesheet" type="text/css" href="https://elearning.ohmportal.de/theme/yui_combo.php?rollup/3.17.2/yui-moodlesimple-min.css" /><script id="firstthemesheet" type="text/css">/** Required in order to fix style inclusion problems in IE with YUI **/</script><link rel="stylesheet" type="text/css" href="https://elearning.ohmportal.de/theme/styles.php/boostefi/1551690493_1/all" />

  10. <script type="text/javascript">

  11. //<![CDATA[

  12. var M = {}; M.yui = {};

  13. M.pageloadstarttime = new Date();

  14. M.cfg = {"wwwroot":"https:\/\/elearning.ohmportal.de","sesskey":"b1jO3SGQDK","themerev":"1551690493","slasharguments":1,"theme":"boostefi","iconsystemmodule":"core\/icon_system_fontawesome","jsrev":"1551690497","admin":"admin","svgicons":true,"usertimezone":"Europa\/Berlin","contextid":294054};var yui1ConfigFn = function(me) {if(/-skin|reset|fonts|grids|base/.test(me.name)){me.type='css';me.path=me.path.replace(/\.js/,'.css');me.path=me.path.replace(/\/yui2-skin/,'/assets/skins/sam/yui2-skin')}};

  15. var yui2ConfigFn = function(me) {var parts=me.name.replace(/^moodle-/,'').split('-'),component=parts.shift(),module=parts[0],min='-min';if(/-(skin|core)$/.test(me.name)){parts.pop();me.type='css';min=''}

  16. if(module){var filename=parts.join('-');me.path=component+'/'+module+'/'+filename+min+'.'+me.type}else{me.path=component+'/'+component+'.'+me.type}};

  17. YUI_config = {"debug":false,"base":"https:\/\/elearning.ohmportal.de\/lib\/yuilib\/3.17.2\/","comboBase":"https:\/\/elearning.ohmportal.de\/theme\/yui_combo.php?","combine":true,"filter":null,"insertBefore":"firstthemesheet","groups":{"yui2":{"base":"https:\/\/elearning.ohmportal.de\/lib\/yuilib\/2in3\/2.9.0\/build\/","comboBase":"https:\/\/elearning.ohmportal.de\/theme\/yui_combo.php?","combine":true,"ext":false,"root":"2in3\/2.9.0\/build\/","patterns":{"yui2-":{"group":"yui2","configFn":yui1ConfigFn}}},"moodle":{"name":"moodle","base":"https:\/\/elearning.ohmportal.de\/theme\/yui_combo.php?m\/1551690497\/","combine":true,"comboBase":"https:\/\/elearning.ohmportal.de\/theme\/yui_combo.php?","ext":false,"root":"m\/1551690497\/","patterns":{"moodle-":{"group":"moodle","configFn":yui2ConfigFn}},"filter":null,"modules":{"moodle-core-tooltip":{"requires":["base","node","io-base","moodle-core-notification-dialogue","json-parse","widget-position","widget-position-align","event-outside","cache-base"]},"moodle-core-dragdrop":{"requires":["base","node","io","dom","dd","event-key","event-focus","moodle-core-notification"]},"moodle-core-languninstallconfirm":{"requires":["base","node","moodle-core-notification-confirm","moodle-core-notification-alert"]},"moodle-core-event":{"requires":["event-custom"]},"moodle-core-handlebars":{"condition":{"trigger":"handlebars","when":"after"}},"moodle-core-dock":{"requires":["base","node","event-custom","event-mouseenter","event-resize","escape","moodle-core-dock-loader","moodle-core-event"]},"moodle-core-dock-loader":{"requires":["escape"]},"moodle-core-lockscroll":{"requires":["plugin","base-build"]},"moodle-core-checknet":{"requires":["base-base","moodle-core-notification-alert","io-base"]},"moodle-core-chooserdialogue":{"requires":["base","panel","moodle-core-notification"]},"moodle-core-actionmenu":{"requires":["base","event","node-event-simulate"]},"moodle-core-blocks":{"requires":["base","node","io","dom","dd","dd-scroll","moodle-core-dragdrop","moodle-core-notification"]},"moodle-core-popuphelp":{"requires":["moodle-core-tooltip"]},"moodle-core-notification":{"requires":["moodle-core-notification-dialogue","moodle-core-notification-alert","moodle-core-notification-confirm","moodle-core-notification-exception","moodle-core-notification-ajaxexception"]},"moodle-core-notification-dialogue":{"requires":["base","node","panel","escape","event-key","dd-plugin","moodle-core-widget-focusafterclose","moodle-core-lockscroll"]},"moodle-core-notification-alert":{"requires":["moodle-core-notification-dialogue"]},"moodle-core-notification-confirm":{"requires":["moodle-core-notification-dialogue"]},"moodle-core-notification-exception":{"requires":["moodle-core-notification-dialogue"]},"moodle-core-notification-ajaxexception":{"requires":["moodle-core-notification-dialogue"]},"moodle-core-maintenancemodetimer":{"requires":["base","node"]},"moodle-core-formchangechecker":{"requires":["base","event-focus","moodle-core-event"]},"moodle-core_availability-form":{"requires":["base","node","event","event-delegate","panel","moodle-core-notification-dialogue","json"]},"moodle-backup-confirmcancel":{"requires":["node","node-event-simulate","moodle-core-notification-confirm"]},"moodle-backup-backupselectall":{"requires":["node","event","node-event-simulate","anim"]},"moodle-course-categoryexpander":{"requires":["node","event-key"]},"moodle-course-formatchooser":{"requires":["base","node","node-event-simulate"]},"moodle-course-dragdrop":{"requires":["base","node","io","dom","dd","dd-scroll","moodle-core-dragdrop","moodle-core-notification","moodle-course-coursebase","moodle-course-util"]},"moodle-course-util":{"requires":["node"],"use":["moodle-course-util-base"],"submodules":{"moodle-course-util-base":{},"moodle-course-util-section":{"requires":["node","moodle-course-util-base"]},"moodle-course-util-cm":{"requires":["node","moodle-course-util-base"]}}},"moodle-course-management":{"requires":["base","node","io-base","moodle-core-notification-exception","json-parse","dd-constrain","dd-proxy","dd-drop","dd-delegate","node-event-delegate"]},"moodle-course-modchooser":{"requires":["moodle-core-chooserdialogue","moodle-course-coursebase"]},"moodle-form-dateselector":{"requires":["base","node","overlay","calendar"]},"moodle-form-passwordunmask":{"requires":[]},"moodle-form-shortforms":{"requires":["node","base","selector-css3","moodle-core-event"]},"moodle-form-showadvanced":{"requires":["node","base","selector-css3"]},"moodle-question-searchform":{"requires":["base","node"]},"moodle-question-chooser":{"requires":["moodle-core-chooserdialogue"]},"moodle-question-preview":{"requires":["base","dom","event-delegate","event-key","core_question_engine"]},"moodle-question-qbankmanager":{"requires":["node","selector-css3"]},"moodle-availability_completion-form":{"requires":["base","node","event","moodle-core_availability-form"]},"moodle-availability_date-form":{"requires":["base","node","event","io","moodle-core_availability-form"]},"moodle-availability_grade-form":{"requires":["base","node","event","moodle-core_availability-form"]},"moodle-availability_group-form":{"requires":["base","node","event","moodle-core_availability-form"]},"moodle-availability_grouping-form":{"requires":["base","node","event","moodle-core_availability-form"]},"moodle-availability_profile-form":{"requires":["base","node","event","moodle-core_availability-form"]},"moodle-mod_assign-history":{"requires":["node","transition"]},"moodle-mod_forum-subscriptiontoggle":{"requires":["base-base","io-base"]},"moodle-mod_quiz-toolboxes":{"requires":["base","node","event","event-key","io","moodle-mod_quiz-quizbase","moodle-mod_quiz-util-slot","moodle-core-notification-ajaxexception"]},"moodle-mod_quiz-dragdrop":{"requires":["base","node","io","dom","dd","dd-scroll","moodle-core-dragdrop","moodle-core-notification","moodle-mod_quiz-quizbase","moodle-mod_quiz-util-base","moodle-mod_quiz-util-page","moodle-mod_quiz-util-slot","moodle-course-util"]},"moodle-mod_quiz-repaginate":{"requires":["base","event","node","io","moodle-core-notification-dialogue"]},"moodle-mod_quiz-questionchooser":{"requires":["moodle-core-chooserdialogue","moodle-mod_quiz-util","querystring-parse"]},"moodle-mod_quiz-autosave":{"requires":["base","node","event","event-valuechange","node-event-delegate","io-form"]},"moodle-mod_quiz-quizbase":{"requires":["base","node"]},"moodle-mod_quiz-util":{"requires":["node","moodle-core-actionmenu"],"use":["moodle-mod_quiz-util-base"],"submodules":{"moodle-mod_quiz-util-base":{},"moodle-mod_quiz-util-slot":{"requires":["node","moodle-mod_quiz-util-base"]},"moodle-mod_quiz-util-page":{"requires":["node","moodle-mod_quiz-util-base"]}}},"moodle-mod_quiz-modform":{"requires":["base","node","event"]},"moodle-mod_scheduler-delselected":{"requires":["base","node","event"]},"moodle-mod_scheduler-limitchoices":{"requires":["base","node","event"]},"moodle-mod_scheduler-saveseen":{"requires":["base","node","event"]},"moodle-mod_scheduler-studentlist":{"requires":["base","node","event","io"]},"moodle-message_airnotifier-toolboxes":{"requires":["base","node","io"]},"moodle-filter_glossary-autolinker":{"requires":["base","node","io-base","json-parse","event-delegate","overlay","moodle-core-event","moodle-core-notification-alert","moodle-core-notification-exception","moodle-core-notification-ajaxexception"]},"moodle-filter_mathjaxloader-loader":{"requires":["moodle-core-event"]},"moodle-editor_atto-editor":{"requires":["node","transition","io","overlay","escape","event","event-simulate","event-custom","node-event-html5","node-event-simulate","yui-throttle","moodle-core-notification-dialogue","moodle-core-notification-confirm","moodle-editor_atto-rangy","handlebars","timers","querystring-stringify"]},"moodle-editor_atto-plugin":{"requires":["node","base","escape","event","event-outside","handlebars","event-custom","timers","moodle-editor_atto-menu"]},"moodle-editor_atto-menu":{"requires":["moodle-core-notification-dialogue","node","event","event-custom"]},"moodle-editor_atto-rangy":{"requires":[]},"moodle-report_eventlist-eventfilter":{"requires":["base","event","node","node-event-delegate","datatable","autocomplete","autocomplete-filters"]},"moodle-report_loglive-fetchlogs":{"requires":["base","event","node","io","node-event-delegate"]},"moodle-gradereport_grader-gradereporttable":{"requires":["base","node","event","handlebars","overlay","event-hover"]},"moodle-gradereport_history-userselector":{"requires":["escape","event-delegate","event-key","handlebars","io-base","json-parse","moodle-core-notification-dialogue"]},"moodle-tool_capability-search":{"requires":["base","node"]},"moodle-tool_lp-dragdrop-reorder":{"requires":["moodle-core-dragdrop"]},"moodle-tool_monitor-dropdown":{"requires":["base","event","node"]},"moodle-assignfeedback_editpdf-editor":{"requires":["base","event","node","io","graphics","json","event-move","event-resize","transition","querystring-stringify-simple","moodle-core-notification-dialog","moodle-core-notification-alert","moodle-core-notification-exception","moodle-core-notification-ajaxexception"]},"moodle-atto_accessibilitychecker-button":{"requires":["color-base","moodle-editor_atto-plugin"]},"moodle-atto_accessibilityhelper-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_align-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_bold-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_charmap-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_clear-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_collapse-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_emoticon-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_equation-button":{"requires":["moodle-editor_atto-plugin","moodle-core-event","io","event-valuechange","tabview","array-extras"]},"moodle-atto_html-beautify":{},"moodle-atto_html-codemirror":{"requires":["moodle-atto_html-codemirror-skin"]},"moodle-atto_html-button":{"requires":["promise","moodle-editor_atto-plugin","moodle-atto_html-beautify","moodle-atto_html-codemirror","event-valuechange"]},"moodle-atto_image-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_indent-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_italic-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_link-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_managefiles-usedfiles":{"requires":["node","escape"]},"moodle-atto_managefiles-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_media-button":{"requires":["moodle-editor_atto-plugin","moodle-form-shortforms"]},"moodle-atto_noautolink-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_orderedlist-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_recordrtc-recording":{"requires":["moodle-atto_recordrtc-button"]},"moodle-atto_recordrtc-button":{"requires":["moodle-editor_atto-plugin","moodle-atto_recordrtc-recording"]},"moodle-atto_rtl-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_strike-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_subscript-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_superscript-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_table-button":{"requires":["moodle-editor_atto-plugin","moodle-editor_atto-menu","event","event-valuechange"]},"moodle-atto_title-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_underline-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_undo-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_unorderedlist-button":{"requires":["moodle-editor_atto-plugin"]}}},"gallery":{"name":"gallery","base":"https:\/\/elearning.ohmportal.de\/lib\/yuilib\/gallery\/","combine":true,"comboBase":"https:\/\/elearning.ohmportal.de\/theme\/yui_combo.php?","ext":false,"root":"gallery\/1551690497\/","patterns":{"gallery-":{"group":"gallery"}}}},"modules":{"core_filepicker":{"name":"core_filepicker","fullpath":"https:\/\/elearning.ohmportal.de\/lib\/javascript.php\/1551690497\/repository\/filepicker.js","requires":["base","node","node-event-simulate","json","async-queue","io-base","io-upload-iframe","io-form","yui2-treeview","panel","cookie","datatable","datatable-sort","resize-plugin","dd-plugin","escape","moodle-core_filepicker","moodle-core-notification-dialogue"]},"core_comment":{"name":"core_comment","fullpath":"https:\/\/elearning.ohmportal.de\/lib\/javascript.php\/1551690497\/comment\/comment.js","requires":["base","io-base","node","json","yui2-animation","overlay","escape"]},"mathjax":{"name":"mathjax","fullpath":"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/mathjax\/2.7.2\/MathJax.js?delayStartupUntil=configured"}}};

  18. M.yui.loader = {modules: {}};

  19. 

  20. //]]>

  21. </script>

  22. 

  23.     <meta name="viewport" content="width=device-width, initial-scale=1.0">

  24. </head>

  25. <body  id="page-mod-resource-view" class="format-topics  path-mod path-mod-resource chrome dir-ltr lang-de yui-skin-sam yui3-skin-sam elearning-ohmportal-de pagelayout-incourse course-2445 context-294054 cmid-147543 category-383 category-8 category-1 drawer-open-left">

  26. 

  27. <div id="page-wrapper">

  28. 

  29.     <div>

  30.     <a class="sr-only sr-only-focusable" href="#maincontent">Zum Hauptinhalt</a>

  31. </div><script type="text/javascript" src="https://elearning.ohmportal.de/theme/yui_combo.php?rollup/3.17.2/yui-moodlesimple-min.js"></script><script type="text/javascript" src="https://elearning.ohmportal.de/lib/javascript.php/1551690497/lib/javascript-static.js"></script>

  32. <script type="text/javascript">

  33. //<![CDATA[

  34. document.body.className += ' jsenabled';

  35. //]]>

  36. </script>

  37. 

  38. 

  39. 

  40.     <nav class="fixed-top navbar navbar-light bg-white navbar-expand moodle-has-zindex" aria-label="Site-Navigation">

  41.     

  42.             <div data-region="drawer-toggle" class="d-inline-block mr-3">

  43.                 <button aria-expanded="true" aria-controls="nav-drawer" type="button" class="btn nav-link float-sm-left mr-1 btn-light bg-gray" data-action="toggle-drawer" data-side="left" data-preference="drawer-open-nav"><i class="icon fa fa-bars fa-fw " aria-hidden="true"  ></i><span class="sr-only">Website-Übersicht</span></button>

  44.             </div>

  45.     

  46.             <a href="https://elearning.ohmportal.de" class="navbar-brand has-logo

  47.                     ">

  48.                     <span class="logo d-none d-sm-inline">

  49.                         <img src="https://elearning.ohmportal.de/pluginfile.php/1/core_admin/logocompact/0x70/1551690493/icon_Zukunft.png" alt="THN eLearning">

  50.                     </span>

  51.                 <span class="site-name d-none d-md-inline">THN eLearning</span>

  52.             </a>

  53.     

  54.             <ul class="navbar-nav d-none d-md-flex">

  55.                 <!-- custom_menu -->

  56.                 <li class="dropdown nav-item">

  57.     <a class="dropdown-toggle nav-link" id="drop-down-5ced0043d46705ced0043c5b772" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#" aria-controls="drop-down-menu-5ced0043d46705ced0043c5b772">

  58.         Support

  59.     </a>

  60.     <div class="dropdown-menu" role="menu" id="drop-down-menu-5ced0043d46705ced0043c5b772" aria-labelledby="drop-down-5ced0043d46705ced0043c5b772">

  61.                 <a class="dropdown-item" role="menuitem" href="mailto:blendedlearning@th-nuernberg.de" title=" Blended Learning Mail"> Blended Learning Mail</a>

  62.                 <a class="dropdown-item" role="menuitem" href="https://blendedlearning.th-nuernberg.de/wiki/blendedlearning/doku.php"target=_blank"" title=" Blended Learning Wiki"> Blended Learning Wiki</a>

  63.                 <a class="dropdown-item" role="menuitem" href="http://blendedlearning.th-nuernberg.de/blog"target=_blank"" title=" Blended Learning Blog"> Blended Learning Blog</a>

  64.     </div>

  65. </li><li class="dropdown nav-item">

  66.     <a class="dropdown-toggle nav-link" id="drop-down-5ced0043d478b5ced0043c5b773" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#" aria-controls="drop-down-menu-5ced0043d478b5ced0043c5b773">

  67.         Weitere Links

  68.     </a>

  69.     <div class="dropdown-menu" role="menu" id="drop-down-menu-5ced0043d478b5ced0043c5b773" aria-labelledby="drop-down-5ced0043d478b5ced0043c5b773">

  70.                 <a class="dropdown-item" role="menuitem" href="https://docs.moodle.org/36/de/Hauptseite"target=_blank"" title="Moodle Dokumentation">Moodle Dokumentation</a>

  71.                 <a class="dropdown-item" role="menuitem" href="https://www.youtube.com/user/moodlehq"target=_blank"" title="Moodle YouTube">Moodle YouTube</a>

  72.                 <a class="dropdown-item" role="menuitem" href="https://de.linkedin.com/company/moodle"target=_blank"" title="Moodle LinkedIn">Moodle LinkedIn</a>

  73.     </div>

  74. </li>

  75.                 <!-- page_heading_menu -->

  76.                 

  77.             </ul>

  78.             <ul class="nav navbar-nav ml-auto">

  79.                 <div class="d-none d-lg-block">

  80.                 <div class="search-input-wrapper nav-link" id="5ced0043d486a"><div role="button" tabindex="0"><i class="icon fa fa-search fa-fw "  title="Suchen" aria-label="Suchen"></i></div><form class="search-input-form" action="https://elearning.ohmportal.de/search/index.php"><label for="id_q_5ced0043d486a" class="accesshide">Suchanfrage eintragen</label><input type="text" name="q" placeholder="Suchen" size="13" tabindex="-1" id="id_q_5ced0043d486a" class="form-control"></input><input type="hidden" name="context" value="294054" /></form></div>

  81.             </div>

  82.                 <!-- navbar_plugin_output -->

  83.                 <li class="nav-item">

  84.                 <div class="pull-right popover-region collapsed">

  85.     <a id="message-drawer-toggle-5ced0043d68c15ced0043c5b774" class="nav-link d-inline-block popover-region-toggle position-relative" href="#">

  86.         <i class="icon fa fa-comment fa-fw "  title="Mitteilungen" aria-label="Mitteilungen"></i>

  87.         <div class="count-container " data-region="count-container">5</div>

  88.     </a>

  89. </div><div class="popover-region collapsed popover-region-notifications"

  90.     id="nav-notification-popover-container" data-userid="37687"

  91.     data-region="popover-region">

  92.     <div class="popover-region-toggle nav-link"

  93.         data-region="popover-region-toggle"

  94.         role="button"

  95.         aria-controls="popover-region-container-5ced0043d8ea75ced0043c5b775"

  96.         aria-haspopup="true"

  97.         aria-label="Mitteilungsfenster ohne neue Systemnachrichten anzeigen"

  98.         tabindex="0">

  99.                 <i class="icon fa fa-bell fa-fw "  title="Systemnachrichten" aria-label="Systemnachrichten"></i>

  100.         <div class="count-container hidden" data-region="count-container">0</div>

  101. 

  102.     </div>

  103.     <div 

  104.         id="popover-region-container-5ced0043d8ea75ced0043c5b775"

  105.         class="popover-region-container"

  106.         data-region="popover-region-container"

  107.         aria-expanded="false"

  108.         aria-hidden="true"

  109.         aria-label="Mitteilungsfenster"

  110.         role="region">

  111.         <div class="popover-region-header-container">

  112.             <h3 class="popover-region-header-text" data-region="popover-region-header-text">Systemnachrichten</h3>

  113.             <div class="popover-region-header-actions" data-region="popover-region-header-actions">        <a class="mark-all-read-button"

  114.            href="#"

  115.            title="Alle als gelesen markieren"

  116.            data-action="mark-all-read"

  117.            role="button">

  118.             <span class="normal-icon"><i class="icon fa fa-check fa-fw "  title="Alle als gelesen markieren" aria-label="Alle als gelesen markieren"></i></span>

  119.             <span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  120.         </a>

  121.         <a href="https://elearning.ohmportal.de/message/notificationpreferences.php?userid=37687"

  122.            title="Systemnachrichten">

  123.             <i class="icon fa fa-cog fa-fw "  title="Systemnachrichten" aria-label="Systemnachrichten"></i>

  124.         </a>

  125. </div>

  126.         </div>

  127.         <div class="popover-region-content-container" data-region="popover-region-content-container">

  128.             <div class="popover-region-content" data-region="popover-region-content">

  129.                         <div class="all-notifications"

  130.             data-region="all-notifications"

  131.             role="log"

  132.             aria-busy="false"

  133.             aria-atomic="false"

  134.             aria-relevant="additions"></div>

  135.         <div class="empty-message" tabindex="0" data-region="empty-message">Keine Systemnachrichten</div>

  136. 

  137.             </div>

  138.             <span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  139.         </div>

  140.                 <a class="see-all-link"

  141.                     href="https://elearning.ohmportal.de/message/output/popup/notifications.php">

  142.                     <div class="popover-region-footer-container">

  143.                         <div class="popover-region-seeall-text">Alle anzeigen</div>

  144.                     </div>

  145.                 </a>

  146.     </div>

  147. </div>

  148.                 </li>

  149.                 <!-- user_menu -->

  150.                 <li class="nav-item d-flex align-items-center">

  151.                     <div class="usermenu"><div class="action-menu moodle-actionmenu nowrap-items d-inline" id="action-menu-1" data-enhance="moodle-core-actionmenu">

  152. 

  153.         <div class="menubar d-flex " id="action-menu-1-menubar" role="menubar">

  154. 

  155.             

  156. 

  157. 

  158.                 <div class="action-menu-trigger">

  159.                     <div class="dropdown">

  160.                         <a href="#" tabindex="0" class=" dropdown-toggle icon-no-margin" id="dropdown-1" aria-label="Nutzermenü" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" aria-controls="action-menu-1-menu">

  161.                             

  162.                             <span class="userbutton"><span class="usertext mr-1">Patrick Ittner</span><span class="avatars"><span class="avatar current"><img src="https://elearning.ohmportal.de/theme/image.php/boostefi/core/1551690493/u/f2" alt="Nutzerbild Patrick Ittner" title="Nutzerbild Patrick Ittner" class="userpicture defaultuserpic" width="35" height="35" role="presentation" /></span></span></span>

  163.                                 

  164.                             <b class="caret"></b>

  165.                         </a>

  166.                             <div class="dropdown-menu dropdown-menu-right menu  align-tr-br" id="action-menu-1-menu" data-rel="menu-content" aria-labelledby="action-menu-toggle-1" role="menu" data-align="tr-br" id="dropdown-menu-1">

  167.                                         <a href="https://elearning.ohmportal.de/my/" class="dropdown-item menu-action" role="menuitem" data-title="mymoodle,admin" aria-labelledby="actionmenuaction-1">

  168.                                                 <i class="icon fa fa-tachometer fa-fw " aria-hidden="true"  ></i>

  169.                                             <span class="menu-action-text" id="actionmenuaction-1">

  170.                                                 Dashboard

  171.                                             </span>

  172.                                         </a>

  173.                                         <div class="dropdown-divider" role="presentation"><span class="filler">&nbsp;</span></div>

  174.                                         <a href="https://elearning.ohmportal.de/user/profile.php?id=37687" class="dropdown-item menu-action" role="menuitem" data-title="profile,moodle" aria-labelledby="actionmenuaction-2">

  175.                                                 <i class="icon fa fa-user fa-fw " aria-hidden="true"  ></i>

  176.                                             <span class="menu-action-text" id="actionmenuaction-2">

  177.                                                 Profil

  178.                                             </span>

  179.                                         </a>

  180.                                         <a href="https://elearning.ohmportal.de/grade/report/overview/index.php" class="dropdown-item menu-action" role="menuitem" data-title="grades,grades" aria-labelledby="actionmenuaction-3">

  181.                                                 <i class="icon fa fa-table fa-fw " aria-hidden="true"  ></i>

  182.                                             <span class="menu-action-text" id="actionmenuaction-3">

  183.                                                 Bewertungen

  184.                                             </span>

  185.                                         </a>

  186.                                         <a href="https://elearning.ohmportal.de/message/index.php" class="dropdown-item menu-action" role="menuitem" data-title="messages,message" aria-labelledby="actionmenuaction-4">

  187.                                                 <i class="icon fa fa-comment fa-fw " aria-hidden="true"  ></i>

  188.                                             <span class="menu-action-text" id="actionmenuaction-4">

  189.                                                 Mitteilungen

  190.                                             </span>

  191.                                         </a>

  192.                                         <a href="https://elearning.ohmportal.de/user/preferences.php" class="dropdown-item menu-action" role="menuitem" data-title="preferences,moodle" aria-labelledby="actionmenuaction-5">

  193.                                                 <i class="icon fa fa-wrench fa-fw " aria-hidden="true"  ></i>

  194.                                             <span class="menu-action-text" id="actionmenuaction-5">

  195.                                                 Einstellungen

  196.                                             </span>

  197.                                         </a>

  198.                                         <div class="dropdown-divider" role="presentation"><span class="filler">&nbsp;</span></div>

  199.                                         <a href="https://elearning.ohmportal.de/login/logout.php?sesskey=b1jO3SGQDK" class="dropdown-item menu-action" role="menuitem" data-title="logout,moodle" aria-labelledby="actionmenuaction-6">

  200.                                                 <i class="icon fa fa-sign-out fa-fw " aria-hidden="true"  ></i>

  201.                                             <span class="menu-action-text" id="actionmenuaction-6">

  202.                                                 Logout

  203.                                             </span>

  204.                                         </a>

  205.                             </div>

  206.                     </div>

  207.                 </div>

  208. 

  209.         </div>

  210. 

  211. </div></div>

  212.                 </li>

  213.             </ul>

  214.             <!-- search_box -->

  215.     </nav>

  216.     

  217. 

  218.     <div id="page" class="container-fluid">

  219.         <header id="page-header" class="row">

  220.     <div class="col-12 pt-3 pb-3">

  221.         <div class="card ">

  222.             <div class="card-body ">

  223.                 <div class="d-flex">

  224.                     <div class="mr-auto">

  225.                         <div class="page-context-header"><div class="page-header-headings"><h1>Web-Apps mit HTML5 und JavaScript</h1></div></div>

  226.                     </div>

  227. 

  228.                 </div>

  229.                 <div class="d-flex flex-wrap">

  230.                     <div id="page-navbar">

  231.                         <nav role="navigation">

  232.     <ol class="breadcrumb">

  233.                 <li class="breadcrumb-item">

  234.                     <a href="https://elearning.ohmportal.de/" >Startseite</a>

  235.                 </li>

  236.                 <li class="breadcrumb-item">Meine Kurse</li>

  237.                 <li class="breadcrumb-item">

  238.                     <a href="https://elearning.ohmportal.de/course/index.php?categoryid=1" >Fakultäten</a>

  239.                 </li>

  240.                 <li class="breadcrumb-item">

  241.                     <a href="https://elearning.ohmportal.de/course/index.php?categoryid=8" >Fakultät Elektrotechnik Feinwerktechnik Informationstechnik</a>

  242.                 </li>

  243.                 <li class="breadcrumb-item">

  244.                     <a href="https://elearning.ohmportal.de/course/index.php?categoryid=383" >Hofmann, Oliver</a>

  245.                 </li>

  246.                 <li class="breadcrumb-item">

  247.                     <a href="https://elearning.ohmportal.de/course/view.php?id=2445" title="Web-Apps mit HTML5 und JavaScript">MDT5/2</a>

  248.                 </li>

  249.                 <li class="breadcrumb-item">React</li>

  250.                 <li class="breadcrumb-item">

  251.                     <a href="https://elearning.ohmportal.de/mod/resource/view.php?id=147543" title="Datei">Praktikumsaufgabe 6</a>

  252.                 </li>

  253.     </ol>

  254. </nav>

  255.                     </div>

  256.                     <div class="ml-auto d-flex">

  257.                         

  258.                     </div>

  259.                     <div id="course-header">

  260.                         

  261.                     </div>

  262.                 </div>

  263.             </div>

  264.         </div>

  265.     </div>

  266. </header>

  267. 

  268.         <div id="page-content" class="row pb-3">

  269.             <div id="region-main-box" class="col-12">

  270.                 <section id="region-main" >

  271. 

  272.                     <span class="notifications" id="user-notifications"></span>

  273.                     <div role="main"><span id="maincontent"></span><h2>Praktikumsaufgabe 6</h2><div class="resourceworkaround">Klicken Sie auf den Link '<a href="https://elearning.ohmportal.de/pluginfile.php/294054/mod_resource/content/1/Praktikum06.pdf" onclick="window.open('https://elearning.ohmportal.de/pluginfile.php/294054/mod_resource/content/1/Praktikum06.pdf', '', 'width=620,height=450,toolbar=no,location=no,menubar=no,copyhistory=no,status=no,directories=no,scrollbars=yes,resizable=yes'); return false;">Praktikum06.pdf</a>', um die Datei anzuzeigen</div></div>

  274.                     <div class="m-t-2 m-b-1 activity-navigation">

  275. <div class="row">

  276.     <div class="col-md-4">        <div class="pull-left">

  277.                 <a href="https://elearning.ohmportal.de/mod/url/view.php?id=147873&forceview=1" id="prev-activity-link" class="btn btn-link"  title="Folien - React" >&#x25C4; Folien - React</a>

  278. 

  279.         </div>

  280. </div>

  281.     <div class="col-md-4">        <div class="mdl-align">

  282.             <div class="urlselect">

  283.     <form method="post" action="https://elearning.ohmportal.de/course/jumpto.php" class="form-inline" id="url_select_f5ced0043c5b7714">

  284.         <input type="hidden" name="sesskey" value="b1jO3SGQDK">

  285.             <label for="jump-to-activity" class="sr-only">

  286.                 Direkt zu:

  287.             </label>

  288.         <select id="jump-to-activity"  id="jump-to-activity" class="custom-select urlselect" name="jump">

  289.                     <option value="" selected>Direkt zu:</option>

  290.                     <option value="/mod/forum/view.php?id=74215&amp;forceview=1" >Kursnachrichten</option>

  291.                     <option value="/mod/resource/view.php?id=77943&amp;forceview=1" >Folien - Einführung</option>

  292.                     <option value="/mod/resource/view.php?id=183976&amp;forceview=1" >Flyer Hackathon </option>

  293.                     <option value="/mod/url/view.php?id=78016&amp;forceview=1" >Folien - HTML</option>

  294.                     <option value="/mod/url/view.php?id=78159&amp;forceview=1" >Folien - CSS</option>

  295.                     <option value="/mod/resource/view.php?id=78164&amp;forceview=1" >Praktikumsaufgabe #1</option>

  296.                     <option value="/mod/resource/view.php?id=143801&amp;forceview=1" >code.zip</option>

  297.                     <option value="/mod/resource/view.php?id=74216&amp;forceview=1" >Favicon</option>

  298.                     <option value="/mod/url/view.php?id=78173&amp;forceview=1" >Folien - JavaScript</option>

  299.                     <option value="/mod/resource/view.php?id=79755&amp;forceview=1" >Praktikumsaufgabe #2</option>

  300.                     <option value="/mod/resource/view.php?id=74430&amp;forceview=1" >es6-shim.min.js</option>

  301.                     <option value="/mod/resource/view.php?id=145336&amp;forceview=1" >jquery-2.2.4.min.js</option>

  302.                     <option value="/mod/resource/view.php?id=144640&amp;forceview=1" >jquery-3.3.1.min.js</option>

  303.                     <option value="/mod/url/view.php?id=80253&amp;forceview=1" >Folien - Responsive Web Design</option>

  304.                     <option value="/mod/url/view.php?id=82388&amp;forceview=1" >Folien - Objekte in JavaScript</option>

  305.                     <option value="/mod/resource/view.php?id=80876&amp;forceview=1" >Praktikumsaufgabe #3</option>

  306.                     <option value="/mod/resource/view.php?id=74548&amp;forceview=1" >bootstrap.min.js</option>

  307.                     <option value="/mod/resource/view.php?id=74549&amp;forceview=1" >bootstrap.min.css</option>

  308.                     <option value="/mod/resource/view.php?id=74551&amp;forceview=1" >glyphicons-halflings-regular.eot</option>

  309.                     <option value="/mod/resource/view.php?id=74552&amp;forceview=1" >glyphicons-halflings-regular.svg</option>

  310.                     <option value="/mod/resource/view.php?id=74553&amp;forceview=1" >glyphicons-halflings-regular.ttf</option>

  311.                     <option value="/mod/resource/view.php?id=74554&amp;forceview=1" >glyphicons-halflings-regular.woff</option>

  312.                     <option value="/mod/resource/view.php?id=74555&amp;forceview=1" >glyphicons-halflings-regular.woff2</option>

  313.                     <option value="/mod/url/view.php?id=81594&amp;forceview=1" >Folien - Funktionales Javascript</option>

  314.                     <option value="/mod/resource/view.php?id=81540&amp;forceview=1" >Praktikumsaufgabe #4</option>

  315.                     <option value="/mod/resource/view.php?id=74652&amp;forceview=1" >html5.png</option>

  316.                     <option value="/mod/resource/view.php?id=74653&amp;forceview=1" >css3.png</option>

  317.                     <option value="/mod/resource/view.php?id=74654&amp;forceview=1" >js.png</option>

  318.                     <option value="/mod/resource/view.php?id=74655&amp;forceview=1" >jQuery.png</option>

  319.                     <option value="/mod/resource/view.php?id=74656&amp;forceview=1" >bootstrap.png</option>

  320.                     <option value="/mod/resource/view.php?id=74657&amp;forceview=1" >react.png</option>

  321.                     <option value="/mod/url/view.php?id=82393&amp;forceview=1" >Folien - Ajax</option>

  322.                     <option value="/mod/resource/view.php?id=82370&amp;forceview=1" >Praktikumsaufgabe 5</option>

  323.                     <option value="/mod/url/view.php?id=74661&amp;forceview=1" >FHIR</option>

  324.                     <option value="/mod/resource/view.php?id=74660&amp;forceview=1" >patient.json</option>

  325.                     <option value="/mod/url/view.php?id=147873&amp;forceview=1" >Folien - React</option>

  326.                     <option value="/mod/resource/view.php?id=147544&amp;forceview=1" >babel.min.js</option>

  327.                     <option value="/mod/resource/view.php?id=147545&amp;forceview=1" >react.js</option>

  328.                     <option value="/mod/resource/view.php?id=147546&amp;forceview=1" >react-dom.js</option>

  329.                     <option value="/mod/url/view.php?id=86245&amp;forceview=1" >Folien - node.js</option>

  330.                     <option value="/mod/url/view.php?id=86247&amp;forceview=1" >Folien - REST</option>

  331.                     <option value="/mod/resource/view.php?id=85500&amp;forceview=1" >Praktikumsaufgabe 7</option>

  332.                     <option value="/mod/resource/view.php?id=85377&amp;forceview=1" >Installieren des Node http-server</option>

  333.                     <option value="/mod/resource/view.php?id=85378&amp;forceview=1" >Starten des Node http-server</option>

  334.                     <option value="/mod/resource/view.php?id=85501&amp;forceview=1" >Intl.js</option>

  335.         </select>

  336.             <noscript>

  337.                 <input type="submit" class="btn btn-secondary" value="Start">

  338.             </noscript>

  339.     </form>

  340. </div>

  341. 

  342.         </div>

  343. </div>

  344.     <div class="col-md-4">        <div class="pull-right">

  345.                 <a href="https://elearning.ohmportal.de/mod/resource/view.php?id=147544&forceview=1" id="next-activity-link" class="btn btn-link"  title="babel.min.js" >babel.min.js &#x25BA;</a>

  346. 

  347.         </div>

  348. </div>

  349. </div>

  350. </div>

  351.                     

  352. 

  353.                 </section>

  354.             </div>

  355.         </div>

  356.     </div>

  357.     <div

  358.     id="message-drawer-5ced0043dd4cc5ced0043c5b7715"

  359.     class="message-drawer bg-light hidden"

  360.     aria-expanded="false"

  361.     aria-hidden="true"

  362.     data-region="message-drawer"

  363.     role="region"

  364. >

  365.     <div class="header-container position-relative" data-region="header-container">

  366.         <div class="hidden border-bottom px-2 py-3" aria-hidden="true" data-region="view-contacts">

  367.             <div class="d-flex align-items-center">

  368.                 <div class="align-self-stretch">

  369.                     <a class="h-100 d-flex align-items-center mr-2" href="#" data-route-back>

  370.                         <span class="dir-rtl-hide"><i class="icon fa fa-chevron-left fa-fw " aria-hidden="true"  ></i></span>

  371.                         <span class="dir-ltr-hide"><i class="icon fa fa-chevron-right fa-fw " aria-hidden="true"  ></i></span>                    </a>

  372.                 </div>

  373.                 <div>

  374.                     Kontakte

  375.                 </div>

  376.                 <div class="ml-auto">

  377.                     <a href="#" data-route="view-search">

  378.                         <i class="icon fa fa-search fa-fw " aria-hidden="true"  ></i>

  379.                     </a>

  380.                 </div>

  381.             </div>

  382.         </div>        

  383.         <div

  384.             class="hidden bg-white position-relative border-bottom px-2 py-2"

  385.             aria-hidden="true"

  386.             data-region="view-conversation"

  387.         >

  388.             <div class="hidden" data-region="header-content"></div>

  389.             <div class="hidden" data-region="header-edit-mode">

  390.                 

  391.                 <div class="d-flex p-2 align-items-center">

  392.                     Ausgewählte Mitteilungen:

  393.                     <span class="ml-1" data-region="message-selected-court">1</span>

  394.                     <button type="button" class="ml-auto close" aria-label="" data-action="cancel-edit-mode">

  395.                         <span aria-hidden="true">&times;</span>

  396.                     </button>

  397.                 </div>

  398.             </div>

  399.             <div data-region="header-placeholder">

  400.                 <div class="d-flex">

  401.                     <div class="align-self-stretch" >

  402.                         <a class="h-100 mr-2 d-flex align-items-center" href="#" data-route-back>

  403.                             <span class="dir-rtl-hide"><i class="icon fa fa-chevron-left fa-fw " aria-hidden="true"  ></i></span>

  404.                             <span class="dir-ltr-hide"><i class="icon fa fa-chevron-right fa-fw " aria-hidden="true"  ></i></span>                        </a>

  405.                     </div>

  406.                     <div

  407.                         class="ml-2 rounded-circle bg-pulse-grey align-self-center"

  408.                         style="height: 38px; width: 38px"

  409.                     >

  410.                     </div>

  411.                     <div class="ml-2 " style="flex: 1">

  412.                         <div

  413.                             class="mt-1 bg-pulse-grey w-75"

  414.                             style="height: 16px;"

  415.                         >

  416.                         </div>

  417.                     </div>

  418.                     <div

  419.                         class="ml-2 bg-pulse-grey align-self-center"

  420.                         style="height: 16px; width: 20px"

  421.                     >

  422.                     </div>

  423.                 </div>

  424.             </div>

  425.             <div

  426.                 class="hidden position-absolute"

  427.                 data-region="confirm-dialogue-container"

  428.                 style="top: 0; bottom: -1px; right: 0; left: 0; background: rgba(0,0,0,0.3);"

  429.             ></div>

  430.         </div>        <div class="border-bottom px-2 py-3" aria-hidden="false" data-region="view-overview">

  431.             <div class="d-flex align-items-center">

  432.                 <div class="input-group">

  433.                     <div class="input-group-prepend">

  434.                         <span class="input-group-text pr-0 bg-white">

  435.                             <i class="icon fa fa-search fa-fw " aria-hidden="true"  ></i>

  436.                         </span>

  437.                     </div>

  438.                     <input

  439.                         type="text"

  440.                         class="form-control border-left-0"

  441.                         placeholder="Suchen"

  442.                         aria-label="Suchen"

  443.                         data-region="view-overview-search-input"

  444.                     >

  445.                 </div>

  446.                 <div class="ml-2">

  447.                     <a

  448.                         href="#"

  449.                         data-route="view-settings"

  450.                         data-route-param="37687"

  451.                     >

  452.                         <i class="icon fa fa-cog fa-fw " aria-hidden="true"  ></i>

  453.                     </a>

  454.                 </div>

  455.             </div>

  456.             <div class="text-right mt-3">

  457.                 <a href="#" data-route="view-contacts">

  458.                     <i class="icon fa fa-user fa-fw " aria-hidden="true"  ></i>

  459.                     Kontakte

  460.                     <span class="badge bg-primary ml-2 hidden" data-region="contact-request-count">

  461.                         0

  462.                     </span>

  463.                 </a>

  464.             </div>

  465.         </div>

  466.         

  467.         <div class="hidden border-bottom px-2 py-3 view-search" aria-hidden="true" data-region="view-search">

  468.             <div class="d-flex align-items-center">

  469.                 <a

  470.                     class="mr-2 align-self-stretch d-flex align-items-center"

  471.                     href="#"

  472.                     data-route-back

  473.                     data-action="cancel-search"

  474.                 >

  475.                     <span class="dir-rtl-hide"><i class="icon fa fa-chevron-left fa-fw " aria-hidden="true"  ></i></span>

  476.                     <span class="dir-ltr-hide"><i class="icon fa fa-chevron-right fa-fw " aria-hidden="true"  ></i></span>                </a>

  477.                 <div class="input-group">

  478.                     <input

  479.                         type="text"

  480.                         class="form-control"

  481.                         placeholder="Suchen"

  482.                         aria-label="Suchen"

  483.                         data-region="search-input"

  484.                     >

  485.                     <div class="input-group-append">

  486.                         <button

  487.                             class="btn btn-outline-secondary"

  488.                             type="button"

  489.                             data-action="search"

  490.                         >

  491.                             <span data-region="search-icon-container">

  492.                                 <i class="icon fa fa-search fa-fw " aria-hidden="true"  ></i>

  493.                             </span>

  494.                             <span class="hidden" data-region="loading-icon-container">

  495.                                 <span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  496.                             </span>

  497.                         </button>

  498.                     </div>

  499.                 </div>

  500.             </div>

  501.         </div>        

  502.         <div class="hidden border-bottom px-2 py-3" aria-hidden="true" data-region="view-settings">

  503.             <div class="d-flex align-items-center">

  504.                 <div class="align-self-stretch" >

  505.                     <a class="h-100 d-flex mr-2 align-items-center" href="#" data-route-back>

  506.                         <span class="dir-rtl-hide"><i class="icon fa fa-chevron-left fa-fw " aria-hidden="true"  ></i></span>

  507.                         <span class="dir-ltr-hide"><i class="icon fa fa-chevron-right fa-fw " aria-hidden="true"  ></i></span>                    </a>

  508.                 </div>

  509.                 <div>

  510.                     Einstellungen

  511.                 </div>

  512.             </div>

  513.         </div>

  514.     </div>

  515.     <div class="body-container position-relative" data-region="body-container">

  516.         

  517.         <div

  518.             class="hidden"

  519.             data-region="view-contact"

  520.             aria-hidden="true"

  521.         >

  522.             <div class="p-2 pt-3" data-region="content-container"></div>

  523.         </div>        <div class="hidden h-100" data-region="view-contacts" aria-hidden="true" data-user-id="37687">

  524.             <div class="d-flex flex-column h-100">

  525.                 <div class="p-3 border-bottom">

  526.                     <ul class="nav nav-pills nav-fill" role="tablist">

  527.                         <li class="nav-item">

  528.                             <a

  529.                                 id="contacts-tab-5ced0043dd4cc5ced0043c5b7715"

  530.                                 class="nav-link active"

  531.                                 href="#contacts-tab-panel-5ced0043dd4cc5ced0043c5b7715"

  532.                                 data-toggle="tab"

  533.                                 data-action="show-contacts-section"

  534.                                 role="tab"

  535.                                 aria-controls="contacts-tab-panel-5ced0043dd4cc5ced0043c5b7715"

  536.                                 aria-selected="true"

  537.                             >

  538.                                 Kontakte

  539.                             </a>

  540.                         </li>

  541.                         <li class="nav-item">

  542.                             <a

  543.                                 id="requests-tab-5ced0043dd4cc5ced0043c5b7715"

  544.                                 class="nav-link"

  545.                                 href="#requests-tab-panel-5ced0043dd4cc5ced0043c5b7715"

  546.                                 data-toggle="tab"

  547.                                 data-action="show-requests-section"

  548.                                 role="tab"

  549.                                 aria-controls="requests-tab-panel-5ced0043dd4cc5ced0043c5b7715"

  550.                                 aria-selected="false"

  551.                             >

  552.                                 Anfragen

  553.                                 <span class="badge bg-primary ml-2 hidden" data-region="contact-request-count">

  554.                                     0

  555.                                 </span>

  556.                             </a>

  557.                         </li>

  558.                     </ul>

  559.                 </div>

  560.                 <div class="tab-content d-flex flex-column h-100">

  561.                             <div

  562.             class="tab-pane fade show active h-100 lazy-load-list"

  563.             aria-live="polite"

  564.             data-region="lazy-load-list"

  565.             data-user-id="37687"

  566.                                 id="contacts-tab-panel-5ced0043dd4cc5ced0043c5b7715"

  567.                     data-section="contacts"

  568.                     role="tabpanel"

  569.                     aria-labelledby="contacts-tab-5ced0043dd4cc5ced0043c5b7715"

  570. 

  571.         >

  572.             <div class="hidden text-center p-2" data-region="empty-message-container">

  573.                 <p class="text-muted mt-2">

  574.                     Keine Kontakte

  575.                 </p>

  576.             </div>

  577.             <div class="hidden list-group" data-region="content-container">

  578.                 

  579.             </div>

  580.             <div class="list-group" data-region="placeholder-container">

  581.                 

  582.             </div>

  583.             <div class="w-100 text-center p-3 hidden" data-region="loading-icon-container" >

  584.                 <span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  585.             </div>

  586.         </div>

  587.         

  588.                             <div

  589.             class="tab-pane fade h-100 lazy-load-list"

  590.             aria-live="polite"

  591.             data-region="lazy-load-list"

  592.             data-user-id="37687"

  593.                                 id="requests-tab-panel-5ced0043dd4cc5ced0043c5b7715"

  594.                     data-section="requests"

  595.                     role="tabpanel"

  596.                     aria-labelledby="requests-tab-5ced0043dd4cc5ced0043c5b7715"

  597. 

  598.         >

  599.             <div class="hidden text-center p-2" data-region="empty-message-container">

  600.                 <p class="text-muted mt-2">

  601.                     Keine Kontaktanfragen

  602.                 </p>

  603.             </div>

  604.             <div class="hidden list-group" data-region="content-container">

  605.                 

  606.             </div>

  607.             <div class="list-group" data-region="placeholder-container">

  608.                 

  609.             </div>

  610.             <div class="w-100 text-center p-3 hidden" data-region="loading-icon-container" >

  611.                 <span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  612.             </div>

  613.         </div>

  614.                 </div>

  615.             </div>

  616.         </div>        

  617.         <div

  618.             class="view-conversation hidden h-100"

  619.             aria-hidden="true"

  620.             data-region="view-conversation"

  621.             data-user-id="37687"

  622.             data-midnight="1558994400"

  623.             style="overflow-y: auto; overflow-x: hidden"

  624.         >

  625.             <div class="position-relative h-100" data-region="content-container" style="overflow-y: auto; overflow-x: hidden">

  626.                 <div class="p-3 text-center hidden" data-region="contact-request-sent-message-container">

  627.                     <p class="m-0">Kontaktanfrage gesendet</p>

  628.                     <p class="font-italic font-weight-light" data-region="text"></p>

  629.                 </div>

  630.                 <div class="content-message-container hidden h-100 px-2 pb-2 pt-0" data-region="content-message-container" role="log" style="overflow-y: auto; overflow-x: hidden">

  631.                     <div class="hidden text-center p-3" data-region="more-messages-loading-icon-container"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  632. </div>

  633.                 </div>

  634.                 <div class="p-4 w-100 h-100 hidden position-absolute" data-region="confirm-dialogue-container" style="top: 0; background: rgba(0,0,0,0.3);">

  635.                     

  636.                     <div class="p-3 bg-white" data-region="confirm-dialogue" role="alert">

  637.                         <h3 class="h6 hidden" data-region="dialogue-header"></h3>

  638.                         <p class="text-muted" data-region="dialogue-text"></p>

  639.                         <button type="button" class="btn btn-primary btn-block hidden" data-action="confirm-block">

  640.                             <span data-region="dialogue-button-text">Block</span>

  641.                             <span class="hidden" data-region="loading-icon-container"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  642. </span>

  643.                         </button>

  644.                         <button type="button" class="btn btn-primary btn-block hidden" data-action="confirm-unblock">

  645.                             <span data-region="dialogue-button-text">Blockierung aufheben</span>

  646.                             <span class="hidden" data-region="loading-icon-container"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  647. </span>

  648.                         </button>

  649.                         <button type="button" class="btn btn-primary btn-block hidden" data-action="confirm-remove-contact">

  650.                             <span data-region="dialogue-button-text">Löschen</span>

  651.                             <span class="hidden" data-region="loading-icon-container"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  652. </span>

  653.                         </button>

  654.                         <button type="button" class="btn btn-primary btn-block hidden" data-action="confirm-add-contact">

  655.                             <span data-region="dialogue-button-text">Hinzufügen</span>

  656.                             <span class="hidden" data-region="loading-icon-container"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  657. </span>

  658.                         </button>

  659.                         <button type="button" class="btn btn-primary btn-block hidden" data-action="confirm-delete-selected-messages">

  660.                             <span data-region="dialogue-button-text">Löschen</span>

  661.                             <span class="hidden" data-region="loading-icon-container"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  662. </span>

  663.                         </button>

  664.                         <button type="button" class="btn btn-primary btn-block hidden" data-action="confirm-delete-conversation">

  665.                             <span data-region="dialogue-button-text">Löschen</span>

  666.                             <span class="hidden" data-region="loading-icon-container"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  667. </span>

  668.                         </button>

  669.                         <button type="button" class="btn btn-primary btn-block hidden" data-action="request-add-contact">

  670.                             <span data-region="dialogue-button-text">Kontaktanfrage senden</span>

  671.                             <span class="hidden" data-region="loading-icon-container"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  672. </span>

  673.                         </button>

  674.                         <button type="button" class="btn btn-primary btn-block hidden" data-action="accept-contact-request">

  675.                             <span data-region="dialogue-button-text">Annehmen und zu Kontakten hinzufügen</span>

  676.                             <span class="hidden" data-region="loading-icon-container"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  677. </span>

  678.                         </button>

  679.                         <button type="button" class="btn btn-secondary btn-block hidden" data-action="decline-contact-request">

  680.                             <span data-region="dialogue-button-text">Ablehnen</span>

  681.                             <span class="hidden" data-region="loading-icon-container"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  682. </span>

  683.                         </button>

  684.                         <button type="button" class="btn btn-secondary btn-block" data-action="cancel-confirm">Abbrechen</button>

  685.                     </div>

  686.                 </div>

  687.                 <div class="px-2 pb-2 pt-0" data-region="content-placeholder">

  688.                     <div class="h-100 d-flex flex-column">

  689.                         <div

  690.                             class="px-2 pb-2 pt-0 bg-light h-100"

  691.                             style="overflow-y: auto"

  692.                         >

  693.                             <div class="mt-4">

  694.                                 <div class="mb-4">

  695.                                     <div class="mx-auto bg-white" style="height: 25px; width: 100px"></div>

  696.                                 </div>

  697.                                 <div class="d-flex flex-column p-2 bg-white rounded mb-2">

  698.                                     <div class="d-flex align-items-center mb-2">

  699.                                         <div class="mr-2">

  700.                                             <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>

  701.                                         </div>

  702.                                         <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>

  703.                                         <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>

  704.                                     </div>

  705.                                     <div class="bg-pulse-grey w-100" style="height: 16px"></div>

  706.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  707.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  708.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  709.                                     <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>

  710.                                 </div>

  711.                                 <div class="d-flex flex-column p-2 bg-white rounded mb-2">

  712.                                     <div class="d-flex align-items-center mb-2">

  713.                                         <div class="mr-2">

  714.                                             <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>

  715.                                         </div>

  716.                                         <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>

  717.                                         <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>

  718.                                     </div>

  719.                                     <div class="bg-pulse-grey w-100" style="height: 16px"></div>

  720.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  721.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  722.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  723.                                     <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>

  724.                                 </div>

  725.                                 <div class="d-flex flex-column p-2 bg-white rounded mb-2">

  726.                                     <div class="d-flex align-items-center mb-2">

  727.                                         <div class="mr-2">

  728.                                             <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>

  729.                                         </div>

  730.                                         <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>

  731.                                         <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>

  732.                                     </div>

  733.                                     <div class="bg-pulse-grey w-100" style="height: 16px"></div>

  734.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  735.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  736.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  737.                                     <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>

  738.                                 </div>

  739.                             </div>                            <div class="mt-4">

  740.                                 <div class="mb-4">

  741.                                     <div class="mx-auto bg-white" style="height: 25px; width: 100px"></div>

  742.                                 </div>

  743.                                 <div class="d-flex flex-column p-2 bg-white rounded mb-2">

  744.                                     <div class="d-flex align-items-center mb-2">

  745.                                         <div class="mr-2">

  746.                                             <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>

  747.                                         </div>

  748.                                         <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>

  749.                                         <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>

  750.                                     </div>

  751.                                     <div class="bg-pulse-grey w-100" style="height: 16px"></div>

  752.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  753.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  754.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  755.                                     <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>

  756.                                 </div>

  757.                                 <div class="d-flex flex-column p-2 bg-white rounded mb-2">

  758.                                     <div class="d-flex align-items-center mb-2">

  759.                                         <div class="mr-2">

  760.                                             <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>

  761.                                         </div>

  762.                                         <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>

  763.                                         <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>

  764.                                     </div>

  765.                                     <div class="bg-pulse-grey w-100" style="height: 16px"></div>

  766.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  767.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  768.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  769.                                     <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>

  770.                                 </div>

  771.                                 <div class="d-flex flex-column p-2 bg-white rounded mb-2">

  772.                                     <div class="d-flex align-items-center mb-2">

  773.                                         <div class="mr-2">

  774.                                             <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>

  775.                                         </div>

  776.                                         <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>

  777.                                         <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>

  778.                                     </div>

  779.                                     <div class="bg-pulse-grey w-100" style="height: 16px"></div>

  780.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  781.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  782.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  783.                                     <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>

  784.                                 </div>

  785.                             </div>                            <div class="mt-4">

  786.                                 <div class="mb-4">

  787.                                     <div class="mx-auto bg-white" style="height: 25px; width: 100px"></div>

  788.                                 </div>

  789.                                 <div class="d-flex flex-column p-2 bg-white rounded mb-2">

  790.                                     <div class="d-flex align-items-center mb-2">

  791.                                         <div class="mr-2">

  792.                                             <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>

  793.                                         </div>

  794.                                         <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>

  795.                                         <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>

  796.                                     </div>

  797.                                     <div class="bg-pulse-grey w-100" style="height: 16px"></div>

  798.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  799.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  800.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  801.                                     <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>

  802.                                 </div>

  803.                                 <div class="d-flex flex-column p-2 bg-white rounded mb-2">

  804.                                     <div class="d-flex align-items-center mb-2">

  805.                                         <div class="mr-2">

  806.                                             <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>

  807.                                         </div>

  808.                                         <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>

  809.                                         <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>

  810.                                     </div>

  811.                                     <div class="bg-pulse-grey w-100" style="height: 16px"></div>

  812.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  813.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  814.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  815.                                     <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>

  816.                                 </div>

  817.                                 <div class="d-flex flex-column p-2 bg-white rounded mb-2">

  818.                                     <div class="d-flex align-items-center mb-2">

  819.                                         <div class="mr-2">

  820.                                             <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>

  821.                                         </div>

  822.                                         <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>

  823.                                         <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>

  824.                                     </div>

  825.                                     <div class="bg-pulse-grey w-100" style="height: 16px"></div>

  826.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  827.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  828.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  829.                                     <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>

  830.                                 </div>

  831.                             </div>                            <div class="mt-4">

  832.                                 <div class="mb-4">

  833.                                     <div class="mx-auto bg-white" style="height: 25px; width: 100px"></div>

  834.                                 </div>

  835.                                 <div class="d-flex flex-column p-2 bg-white rounded mb-2">

  836.                                     <div class="d-flex align-items-center mb-2">

  837.                                         <div class="mr-2">

  838.                                             <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>

  839.                                         </div>

  840.                                         <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>

  841.                                         <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>

  842.                                     </div>

  843.                                     <div class="bg-pulse-grey w-100" style="height: 16px"></div>

  844.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  845.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  846.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  847.                                     <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>

  848.                                 </div>

  849.                                 <div class="d-flex flex-column p-2 bg-white rounded mb-2">

  850.                                     <div class="d-flex align-items-center mb-2">

  851.                                         <div class="mr-2">

  852.                                             <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>

  853.                                         </div>

  854.                                         <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>

  855.                                         <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>

  856.                                     </div>

  857.                                     <div class="bg-pulse-grey w-100" style="height: 16px"></div>

  858.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  859.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  860.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  861.                                     <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>

  862.                                 </div>

  863.                                 <div class="d-flex flex-column p-2 bg-white rounded mb-2">

  864.                                     <div class="d-flex align-items-center mb-2">

  865.                                         <div class="mr-2">

  866.                                             <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>

  867.                                         </div>

  868.                                         <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>

  869.                                         <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>

  870.                                     </div>

  871.                                     <div class="bg-pulse-grey w-100" style="height: 16px"></div>

  872.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  873.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  874.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  875.                                     <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>

  876.                                 </div>

  877.                             </div>                            <div class="mt-4">

  878.                                 <div class="mb-4">

  879.                                     <div class="mx-auto bg-white" style="height: 25px; width: 100px"></div>

  880.                                 </div>

  881.                                 <div class="d-flex flex-column p-2 bg-white rounded mb-2">

  882.                                     <div class="d-flex align-items-center mb-2">

  883.                                         <div class="mr-2">

  884.                                             <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>

  885.                                         </div>

  886.                                         <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>

  887.                                         <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>

  888.                                     </div>

  889.                                     <div class="bg-pulse-grey w-100" style="height: 16px"></div>

  890.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  891.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  892.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  893.                                     <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>

  894.                                 </div>

  895.                                 <div class="d-flex flex-column p-2 bg-white rounded mb-2">

  896.                                     <div class="d-flex align-items-center mb-2">

  897.                                         <div class="mr-2">

  898.                                             <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>

  899.                                         </div>

  900.                                         <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>

  901.                                         <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>

  902.                                     </div>

  903.                                     <div class="bg-pulse-grey w-100" style="height: 16px"></div>

  904.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  905.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  906.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  907.                                     <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>

  908.                                 </div>

  909.                                 <div class="d-flex flex-column p-2 bg-white rounded mb-2">

  910.                                     <div class="d-flex align-items-center mb-2">

  911.                                         <div class="mr-2">

  912.                                             <div class="rounded-circle bg-pulse-grey" style="height: 35px; width: 35px"></div>

  913.                                         </div>

  914.                                         <div class="mr-4 w-75 bg-pulse-grey" style="height: 16px"></div>

  915.                                         <div class="ml-auto bg-pulse-grey" style="width: 35px; height: 16px"></div>

  916.                                     </div>

  917.                                     <div class="bg-pulse-grey w-100" style="height: 16px"></div>

  918.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  919.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  920.                                     <div class="bg-pulse-grey w-100 mt-2" style="height: 16px"></div>

  921.                                     <div class="bg-pulse-grey w-75 mt-2" style="height: 16px"></div>

  922.                                 </div>

  923.                             </div>                        </div>

  924.                     </div>                </div>

  925.             </div>

  926.         </div>

  927.         

  928.         <div

  929.             class="hidden"

  930.             aria-hidden="true"

  931.             data-region="view-group-info"

  932.         >

  933.             <div

  934.                 class="pt-3 h-100 d-flex flex-column"

  935.                 data-region="group-info-content-container"

  936.                 style="overflow-y: auto"

  937.             ></div>

  938.         </div>        <div class="h-100 view-overview-body" aria-hidden="false" data-region="view-overview" data-user-id="37687">

  939.             <div id="message-drawer-view-overview-container" class="d-flex flex-column h-100" style="overflow-y: auto">

  940.                     

  941.                     

  942.                     <div

  943.                         class="section border-0 card"

  944.                         data-region="view-overview-favourites"

  945.                     >

  946.                         <div id="view-overview-favourites-toggle" class="card-header p-0" data-region="toggle">

  947.                             <button

  948.                                 class="btn btn-link w-100 text-left p-2 d-flex align-items-center overview-section-toggle collapsed"

  949.                                 data-toggle="collapse"

  950.                                 data-target="#view-overview-favourites-target"

  951.                                 aria-expanded="false"

  952.                                 aria-controls="view-overview-favourites-target"

  953.                             >

  954.                                 <span class="collapsed-icon-container">

  955.                                     <i class="icon fa fa-caret-right fa-fw " aria-hidden="true"  ></i>

  956.                                 </span>

  957.                                 <span class="expanded-icon-container">

  958.                                     <i class="icon fa fa-caret-down fa-fw " aria-hidden="true"  ></i>

  959.                                 </span>

  960.                                 <span class="font-weight-bold">Als Favorit markiert</span>

  961.                                 <small class="hidden ml-1" data-region="section-total-count-container">

  962.                                     (<span data-region="section-total-count"></span>)

  963.                                 </small>

  964.                                 <span class="hidden ml-2" data-region="loading-icon-container">

  965.                                     <span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  966.                                 </span>

  967.                                 <span class="hidden badge badge-pill badge-primary ml-auto bg-primary" data-region="section-unread-count">

  968.                                     

  969.                                 </span>

  970.                             </button>

  971.                         </div>

  972.                                             <div

  973.                         class="collapse border-bottom  lazy-load-list"

  974.                         aria-live="polite"

  975.                         data-region="lazy-load-list"

  976.                         data-user-id="37687"

  977.                                     id="view-overview-favourites-target"

  978.             aria-labelledby="view-overview-favourites-toggle"

  979.             data-parent="#message-drawer-view-overview-container"

  980. 

  981.                     >

  982.                         <div class="hidden text-center p-2" data-region="empty-message-container">

  983.                             <p class="text-muted mt-2">

  984.                                         <p class="text-muted mt-2">Keine Kommunikation als Favorit markiert</p>

  985. 

  986.                             </p>

  987.                         </div>

  988.                         <div class="hidden list-group" data-region="content-container">

  989.                             

  990.                         </div>

  991.                         <div class="list-group" data-region="placeholder-container">

  992.                                     <div class="text-center py-2"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  993. </div>

  994. 

  995.                         </div>

  996.                         <div class="w-100 text-center p-3 hidden" data-region="loading-icon-container" >

  997.                             <span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  998.                         </div>

  999.                     </div>

  1000.                     </div>

  1001.                     

  1002.                     

  1003.                     <div

  1004.                         class="section border-0 card"

  1005.                         data-region="view-overview-group-messages"

  1006.                     >

  1007.                         <div id="view-overview-group-messages-toggle" class="card-header p-0" data-region="toggle">

  1008.                             <button

  1009.                                 class="btn btn-link w-100 text-left p-2 d-flex align-items-center overview-section-toggle collapsed"

  1010.                                 data-toggle="collapse"

  1011.                                 data-target="#view-overview-group-messages-target"

  1012.                                 aria-expanded="false"

  1013.                                 aria-controls="view-overview-group-messages-target"

  1014.                             >

  1015.                                 <span class="collapsed-icon-container">

  1016.                                     <i class="icon fa fa-caret-right fa-fw " aria-hidden="true"  ></i>

  1017.                                 </span>

  1018.                                 <span class="expanded-icon-container">

  1019.                                     <i class="icon fa fa-caret-down fa-fw " aria-hidden="true"  ></i>

  1020.                                 </span>

  1021.                                 <span class="font-weight-bold">Gruppe</span>

  1022.                                 <small class="hidden ml-1" data-region="section-total-count-container">

  1023.                                     (<span data-region="section-total-count"></span>)

  1024.                                 </small>

  1025.                                 <span class="hidden ml-2" data-region="loading-icon-container">

  1026.                                     <span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  1027.                                 </span>

  1028.                                 <span class="hidden badge badge-pill badge-primary ml-auto bg-primary" data-region="section-unread-count">

  1029.                                     

  1030.                                 </span>

  1031.                             </button>

  1032.                         </div>

  1033.                                             <div

  1034.                         class="collapse border-bottom  lazy-load-list"

  1035.                         aria-live="polite"

  1036.                         data-region="lazy-load-list"

  1037.                         data-user-id="37687"

  1038.                                     id="view-overview-group-messages-target"

  1039.             aria-labelledby="view-overview-group-messages-toggle"

  1040.             data-parent="#message-drawer-view-overview-container"

  1041. 

  1042.                     >

  1043.                         <div class="hidden text-center p-2" data-region="empty-message-container">

  1044.                             <p class="text-muted mt-2">

  1045.                                         <p class="text-muted mt-2">Keine Gruppenkommunikation</p>

  1046. 

  1047.                             </p>

  1048.                         </div>

  1049.                         <div class="hidden list-group" data-region="content-container">

  1050.                             

  1051.                         </div>

  1052.                         <div class="list-group" data-region="placeholder-container">

  1053.                                     <div class="text-center py-2"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  1054. </div>

  1055. 

  1056.                         </div>

  1057.                         <div class="w-100 text-center p-3 hidden" data-region="loading-icon-container" >

  1058.                             <span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  1059.                         </div>

  1060.                     </div>

  1061.                     </div>

  1062.                     

  1063.                     

  1064.                     <div

  1065.                         class="section border-0 card"

  1066.                         data-region="view-overview-messages"

  1067.                     >

  1068.                         <div id="view-overview-messages-toggle" class="card-header p-0" data-region="toggle">

  1069.                             <button

  1070.                                 class="btn btn-link w-100 text-left p-2 d-flex align-items-center overview-section-toggle collapsed"

  1071.                                 data-toggle="collapse"

  1072.                                 data-target="#view-overview-messages-target"

  1073.                                 aria-expanded="false"

  1074.                                 aria-controls="view-overview-messages-target"

  1075.                             >

  1076.                                 <span class="collapsed-icon-container">

  1077.                                     <i class="icon fa fa-caret-right fa-fw " aria-hidden="true"  ></i>

  1078.                                 </span>

  1079.                                 <span class="expanded-icon-container">

  1080.                                     <i class="icon fa fa-caret-down fa-fw " aria-hidden="true"  ></i>

  1081.                                 </span>

  1082.                                 <span class="font-weight-bold">Persönlich</span>

  1083.                                 <small class="hidden ml-1" data-region="section-total-count-container">

  1084.                                     (<span data-region="section-total-count"></span>)

  1085.                                 </small>

  1086.                                 <span class="hidden ml-2" data-region="loading-icon-container">

  1087.                                     <span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  1088.                                 </span>

  1089.                                 <span class="hidden badge badge-pill badge-primary ml-auto bg-primary" data-region="section-unread-count">

  1090.                                     

  1091.                                 </span>

  1092.                             </button>

  1093.                         </div>

  1094.                                             <div

  1095.                         class="collapse border-bottom  lazy-load-list"

  1096.                         aria-live="polite"

  1097.                         data-region="lazy-load-list"

  1098.                         data-user-id="37687"

  1099.                                     id="view-overview-messages-target"

  1100.             aria-labelledby="view-overview-messages-toggle"

  1101.             data-parent="#message-drawer-view-overview-container"

  1102. 

  1103.                     >

  1104.                         <div class="hidden text-center p-2" data-region="empty-message-container">

  1105.                             <p class="text-muted mt-2">

  1106.                                         <p class="text-muted mt-2">Keine persönliche Kommunikation</p>

  1107. 

  1108.                             </p>

  1109.                         </div>

  1110.                         <div class="hidden list-group" data-region="content-container">

  1111.                             

  1112.                         </div>

  1113.                         <div class="list-group" data-region="placeholder-container">

  1114.                                     <div class="text-center py-2"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  1115. </div>

  1116. 

  1117.                         </div>

  1118.                         <div class="w-100 text-center p-3 hidden" data-region="loading-icon-container" >

  1119.                             <span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  1120.                         </div>

  1121.                     </div>

  1122.                     </div>

  1123.             </div>

  1124.         </div>

  1125.         

  1126.         <div

  1127.             data-region="view-search"

  1128.             aria-hidden="true"

  1129.             class="h-100 hidden"

  1130.             data-user-id="37687"

  1131.             data-users-offset="0"

  1132.             data-messages-offset="0"

  1133.             style="overflow-y: auto"

  1134.         >

  1135.             <div class="hidden" data-region="search-results-container" style="overflow-y: auto">

  1136.                 

  1137.                 <div class="d-flex flex-column">

  1138.                     <div class="mb-3 bg-white" data-region="all-contacts-container">

  1139.                         <div data-region="contacts-container"  class="pt-2">

  1140.                             <h4 class="h6 px-2">Kontakte</h4>

  1141.                             <div class="list-group" data-region="list"></div>

  1142.                         </div>

  1143.                         <div data-region="non-contacts-container" class="pt-2 border-top">

  1144.                             <h4 class="h6 px-2">Weitere Personen</h4>

  1145.                             <div class="list-group" data-region="list"></div>

  1146.                         </div>

  1147.                         <div class="text-right">

  1148.                             <button class="btn btn-link text-primary" data-action="load-more-users">

  1149.                                 <span data-region="button-text">Mehr laden</span>

  1150.                                 <span data-region="loading-icon-container" class="hidden"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  1151. </span>

  1152.                             </button>

  1153.                         </div>

  1154.                     </div>

  1155.                     <div class="bg-white" data-region="messages-container">

  1156.                         <h4 class="h6 px-2 pt-2">Mitteilungen</h4>

  1157.                         <div class="list-group" data-region="list"></div>

  1158.                         <div class="text-right">

  1159.                             <button class="btn btn-link text-primary" data-action="load-more-messages">

  1160.                                 <span data-region="button-text">Mehr laden</span>

  1161.                                 <span data-region="loading-icon-container" class="hidden"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  1162. </span>

  1163.                             </button>

  1164.                         </div>

  1165.                     </div>

  1166.                     <p class="hidden p-3 text-center" data-region="no-results-container">Keine Ergebnisse</p>

  1167.                 </div>            </div>

  1168.             <div class="hidden" data-region="loading-placeholder">

  1169.                 <div class="text-center pt-3 icon-size-4"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  1170. </div>

  1171.             </div>

  1172.             <div class="p-3 text-center" data-region="empty-message-container">

  1173.                 <p>Personen und Mitteilungen suchen</p>

  1174.             </div>

  1175.         </div>        

  1176.         <div class="h-100 hidden bg-white" aria-hidden="true" data-region="view-settings">

  1177.             <div class="hidden" data-region="content-container">

  1178.                 

  1179.                 <div data-region="settings" class="p-3">

  1180.                     <h3 class="h6 font-weight-bold">Datenschutz</h3>

  1181.                     <p>Sie können einschränken, welche Person Ihnen eine Mitteilung senden kann.</p>

  1182.                     <div data-preference="blocknoncontacts" class="mb-3">

  1183.                             <div class="custom-control custom-radio mb-2">

  1184.                                 <input

  1185.                                     type="radio"

  1186.                                     name="message_blocknoncontacts"

  1187.                                     class="custom-control-input"

  1188.                                     id="block-noncontacts-5ced0043dd4cc5ced0043c5b7715-1"

  1189.                                     value="1"

  1190.                                 >

  1191.                                 <label class="custom-control-label ml-2" for="block-noncontacts-5ced0043dd4cc5ced0043c5b7715-1">

  1192.                                     Nur meine Kontakte

  1193.                                 </label>

  1194.                             </div>

  1195.                             <div class="custom-control custom-radio mb-2">

  1196.                                 <input

  1197.                                     type="radio"

  1198.                                     name="message_blocknoncontacts"

  1199.                                     class="custom-control-input"

  1200.                                     id="block-noncontacts-5ced0043dd4cc5ced0043c5b7715-0"

  1201.                                     value="0"

  1202.                                 >

  1203.                                 <label class="custom-control-label ml-2" for="block-noncontacts-5ced0043dd4cc5ced0043c5b7715-0">

  1204.                                     Meine Kontakte und jeder aus meinen Kursen

  1205.                                 </label>

  1206.                             </div>

  1207.                     </div>

  1208.                 

  1209.                     <div class="hidden" data-region="notification-preference-container">

  1210.                         <h3 class="mb-2 mt-4 h6 font-weight-bold">Systemnachrichten</h3>

  1211.                     </div>

  1212.                 

  1213.                     <h3 class="mb-2 mt-4 h6 font-weight-bold">Allgemeines</h3>

  1214.                     <div data-preference="entertosend">

  1215.                         <span class="switch">

  1216.                             <input type="checkbox"

  1217.                                 id="enter-to-send-5ced0043dd4cc5ced0043c5b7715"

  1218.                                 

  1219.                             >

  1220.                             <label for="enter-to-send-5ced0043dd4cc5ced0043c5b7715">

  1221.                                 Zum Senden die Eingabetaste tippen

  1222.                             </label>

  1223.                         </span>

  1224.                     </div>

  1225.                 </div>

  1226.             </div>

  1227.             <div data-region="placeholder-container">

  1228.                 

  1229.                 <div class="d-flex flex-column p-3">

  1230.                     <div class="w-25 bg-pulse-grey h6" style="height: 18px"></div>

  1231.                     <div class="w-75 bg-pulse-grey mb-4" style="height: 18px"></div>

  1232.                     <div class="mb-3">

  1233.                         <div class="w-100 d-flex mb-3">

  1234.                             <div class="bg-pulse-grey rounded-circle" style="width: 18px; height: 18px"></div>

  1235.                             <div class="bg-pulse-grey w-50 ml-2" style="height: 18px"></div>

  1236.                         </div>

  1237.                         <div class="w-100 d-flex mb-3">

  1238.                             <div class="bg-pulse-grey rounded-circle" style="width: 18px; height: 18px"></div>

  1239.                             <div class="bg-pulse-grey w-50 ml-2" style="height: 18px"></div>

  1240.                         </div>

  1241.                         <div class="w-100 d-flex mb-3">

  1242.                             <div class="bg-pulse-grey rounded-circle" style="width: 18px; height: 18px"></div>

  1243.                             <div class="bg-pulse-grey w-50 ml-2" style="height: 18px"></div>

  1244.                         </div>

  1245.                     </div>

  1246.                     <div class="w-50 bg-pulse-grey h6 mb-3 mt-2" style="height: 18px"></div>

  1247.                     <div class="mb-4">

  1248.                         <div class="w-100 d-flex mb-2 align-items-center">

  1249.                             <div class="bg-pulse-grey w-25" style="width: 18px; height: 27px"></div>

  1250.                             <div class="bg-pulse-grey w-25 ml-2" style="height: 18px"></div>

  1251.                         </div>

  1252.                         <div class="w-100 d-flex mb-2 align-items-center">

  1253.                             <div class="bg-pulse-grey w-25" style="width: 18px; height: 27px"></div>

  1254.                             <div class="bg-pulse-grey w-25 ml-2" style="height: 18px"></div>

  1255.                         </div>

  1256.                     </div>

  1257.                     <div class="w-25 bg-pulse-grey h6 mb-3 mt-2" style="height: 18px"></div>

  1258.                     <div class="mb-3">

  1259.                         <div class="w-100 d-flex mb-2 align-items-center">

  1260.                             <div class="bg-pulse-grey w-25" style="width: 18px; height: 27px"></div>

  1261.                             <div class="bg-pulse-grey w-50 ml-2" style="height: 18px"></div>

  1262.                         </div>

  1263.                     </div>

  1264.                 </div>            </div>

  1265.         </div>    </div>

  1266.     <div class="footer-container position-relative" data-region="footer-container">

  1267.         

  1268.         <div

  1269.             class="hidden border-top bg-white position-relative"

  1270.             aria-hidden="true"

  1271.             data-region="view-conversation"

  1272.             data-enter-to-send="0"

  1273.         >

  1274.             <div class="hidden p-2" data-region="content-messages-footer-container">

  1275.                 

  1276.                 <div class="d-flex mt-1">

  1277.                     <textarea

  1278.                         data-region="send-message-txt"

  1279.                         class="form-control bg-light"

  1280.                         rows="3"

  1281.                         data-auto-rows

  1282.                         data-min-rows="3"

  1283.                         data-max-rows="5"

  1284.                         role="textbox"

  1285.                         aria-label="Mitteilung schreiben..."

  1286.                         placeholder="Mitteilung schreiben..."

  1287.                         style="resize: none"

  1288.                     ></textarea>

  1289.                     <button

  1290.                         class="btn btn-link btn-icon icon-size-3 ml-1 mt-auto"

  1291.                         aria-label="Mitteilung senden"

  1292.                         data-action="send-message"

  1293.                     >

  1294.                         <span data-region="send-icon-container"><i class="icon fa fa-paper-plane fa-fw " aria-hidden="true"  ></i></span>

  1295.                         <span class="hidden" data-region="loading-icon-container"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  1296. </span>

  1297.                     </button>

  1298.                 </div>

  1299.             </div>

  1300.             <div class="hidden p-2" data-region="content-messages-footer-edit-mode-container">

  1301.                 

  1302.                 <div class="d-flex p-3 justify-content-end">

  1303.                     <button

  1304.                         class="btn btn-link btn-icon my-1 icon-size-4"

  1305.                         data-action="delete-selected-messages"

  1306.                         data-toggle="tooltip"

  1307.                         data-placement="top"

  1308.                         title="Ausgewählte Mitteilungen löschen"

  1309.                     >

  1310.                         <span data-region="icon-container"><i class="icon fa fa-trash fa-fw " aria-hidden="true"  ></i></span>

  1311.                         <span class="hidden" data-region="loading-icon-container"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  1312. </span>

  1313.                         <span class="sr-only">Ausgewählte Mitteilungen löschen</span>

  1314.                     </button>

  1315.                 </div>            </div>

  1316.             <div class="hidden bg-secondary p-3" data-region="content-messages-footer-require-contact-container">

  1317.                 

  1318.                 <div class="p-3 bg-white">

  1319.                     <p data-region="title"></p>

  1320.                     <p class="text-muted" data-region="text"></p>

  1321.                     <button type="button" class="btn btn-primary btn-block" data-action="request-add-contact">

  1322.                         <span data-region="dialogue-button-text">Kontaktanfrage senden</span>

  1323.                         <span class="hidden" data-region="loading-icon-container"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  1324. </span>

  1325.                     </button>

  1326.                 </div>

  1327.             </div>

  1328.             <div class="hidden bg-secondary p-3" data-region="content-messages-footer-require-unblock-container">

  1329.                 

  1330.                 <div class="p-3 bg-white">

  1331.                     <p class="text-muted" data-region="text">Sie haben diese Person blockiert.</p>

  1332.                     <button type="button" class="btn btn-primary btn-block" data-action="request-unblock">

  1333.                         <span data-region="dialogue-button-text">Blockierung für diese Person aufheben</span>

  1334.                         <span class="hidden" data-region="loading-icon-container"><span class="loading-icon icon-no-margin"><i class="icon fa fa-circle-o-notch fa-spin fa-fw "  title="Wird geladen" aria-label="Wird geladen"></i></span>

  1335. </span>

  1336.                     </button>

  1337.                 </div>

  1338.             </div>

  1339.             <div class="hidden bg-secondary p-3" data-region="content-messages-footer-unable-to-message">

  1340.                 

  1341.                 <div class="p-3 bg-white">

  1342.                     <p class="text-muted" data-region="text">Sie können dieser Person keine Mitteilung senden.</p>

  1343.                 </div>

  1344.             </div>

  1345.             <div class="p-2" data-region="placeholder-container">

  1346.                 <div class="d-flex">

  1347.                     <div class="bg-pulse-grey w-100" style="height: 80px"></div>

  1348.                     <div class="mx-2 mb-2 align-self-end bg-pulse-grey" style="height: 20px; width: 20px"></div>

  1349.                 </div>            </div>

  1350.             <div

  1351.                 class="hidden position-absolute"

  1352.                 data-region="confirm-dialogue-container"

  1353.                 style="top: -1px; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,0.3);"

  1354.             ></div>

  1355.         </div>    </div>

  1356. </div>

  1357.     <div id="nav-drawer" data-region="drawer" class="d-print-none moodle-has-zindex " aria-hidden="false" tabindex="-1">

  1358.         <nav class="list-group">

  1359.             <a class="list-group-item list-group-item-action " href="https://elearning.ohmportal.de/course/view.php?id=2445" data-key="coursehome" data-isexpandable="0" data-indent="0" data-showdivider="0" data-type="60" data-nodetype="0" data-collapse="0" data-forceopen="0" data-isactive="0" data-hidden="0" data-preceedwithhr="0" >

  1360.                 <div class="m-l-0">

  1361.                     <div class="media">

  1362.                         <span class="media-left">

  1363.                             <i class="icon fa fa-graduation-cap fa-fw " aria-hidden="true"  ></i>

  1364.                         </span>

  1365.                         <span class="media-body ">MDT5/2</span>

  1366.                     </div>

  1367.                 </div>

  1368.             </a>

  1369.             <a class="list-group-item list-group-item-action " href="https://elearning.ohmportal.de/user/index.php?id=2445" data-key="participants" data-isexpandable="0" data-indent="0" data-showdivider="0" data-type="90" data-nodetype="1" data-collapse="0" data-forceopen="0" data-isactive="0" data-hidden="0" data-preceedwithhr="0" data-parent-key="2445">

  1370.                 <div class="m-l-0">

  1371.                     <div class="media">

  1372.                         <span class="media-left">

  1373.                             <i class="icon fa fa-users fa-fw " aria-hidden="true"  ></i>

  1374.                         </span>

  1375.                         <span class="media-body ">Teilnehmer/innen</span>

  1376.                     </div>

  1377.                 </div>

  1378.             </a>

  1379.             <a class="list-group-item list-group-item-action " href="https://elearning.ohmportal.de/badges/view.php?type=2&amp;id=2445" data-key="badgesview" data-isexpandable="0" data-indent="0" data-showdivider="0" data-type="70" data-nodetype="0" data-collapse="0" data-forceopen="0" data-isactive="0" data-hidden="0" data-preceedwithhr="0" data-parent-key="2445">

  1380.                 <div class="m-l-0">

  1381.                     <div class="media">

  1382.                         <span class="media-left">

  1383.                             <i class="icon fa fa-shield fa-fw " aria-hidden="true"  ></i>

  1384.                         </span>

  1385.                         <span class="media-body ">Badges</span>

  1386.                     </div>

  1387.                 </div>

  1388.             </a>

  1389.             <a class="list-group-item list-group-item-action " href="https://elearning.ohmportal.de/admin/tool/lp/coursecompetencies.php?courseid=2445" data-key="competencies" data-isexpandable="0" data-indent="0" data-showdivider="0" data-type="70" data-nodetype="0" data-collapse="0" data-forceopen="0" data-isactive="0" data-hidden="0" data-preceedwithhr="0" data-parent-key="2445">

  1390.                 <div class="m-l-0">

  1391.                     <div class="media">

  1392.                         <span class="media-left">

  1393.                             <i class="icon fa fa-check-square-o fa-fw " aria-hidden="true"  ></i>

  1394.                         </span>

  1395.                         <span class="media-body ">Kompetenzen</span>

  1396.                     </div>

  1397.                 </div>

  1398.             </a>

  1399.             <a class="list-group-item list-group-item-action " href="https://elearning.ohmportal.de/grade/report/index.php?id=2445" data-key="grades" data-isexpandable="0" data-indent="0" data-showdivider="0" data-type="70" data-nodetype="0" data-collapse="0" data-forceopen="0" data-isactive="0" data-hidden="0" data-preceedwithhr="0" data-parent-key="2445">

  1400.                 <div class="m-l-0">

  1401.                     <div class="media">

  1402.                         <span class="media-left">

  1403.                             <i class="icon fa fa-table fa-fw " aria-hidden="true"  ></i>

  1404.                         </span>

  1405.                         <span class="media-body ">Bewertungen</span>

  1406.                     </div>

  1407.                 </div>

  1408.             </a>

  1409.         </nav>

  1410.         <nav class="list-group m-t-1">

  1411.             <a class="list-group-item list-group-item-action " href="https://elearning.ohmportal.de/" data-key="home" data-isexpandable="0" data-indent="0" data-showdivider="1" data-type="1" data-nodetype="1" data-collapse="0" data-forceopen="1" data-isactive="0" data-hidden="0" data-preceedwithhr="0" >

  1412.                 <div class="m-l-0">

  1413.                     <div class="media">

  1414.                         <span class="media-left">

  1415.                             <i class="icon fa fa-home fa-fw " aria-hidden="true"  ></i>

  1416.                         </span>

  1417.                         <span class="media-body ">Startseite</span>

  1418.                     </div>

  1419.                 </div>

  1420.             </a>

  1421.             <a class="list-group-item list-group-item-action " href="https://elearning.ohmportal.de/my/" data-key="home" data-isexpandable="0" data-indent="0" data-showdivider="0" data-type="70" data-nodetype="0" data-collapse="0" data-forceopen="0" data-isactive="0" data-hidden="0" data-preceedwithhr="0" data-parent-key="home">

  1422.                 <div class="m-l-0">

  1423.                     <div class="media">

  1424.                         <span class="media-left">

  1425.                             <i class="icon fa fa-tachometer fa-fw " aria-hidden="true"  ></i>

  1426.                         </span>

  1427.                         <span class="media-body ">Dashboard</span>

  1428.                     </div>

  1429.                 </div>

  1430.             </a>

  1431.             <a class="list-group-item list-group-item-action " href="https://elearning.ohmportal.de/calendar/view.php?view=month&amp;course=2445" data-key="calendar" data-isexpandable="0" data-indent="0" data-showdivider="0" data-type="60" data-nodetype="0" data-collapse="0" data-forceopen="0" data-isactive="0" data-hidden="0" data-preceedwithhr="0" data-parent-key="1">

  1432.                 <div class="m-l-0">

  1433.                     <div class="media">

  1434.                         <span class="media-left">

  1435.                             <i class="icon fa fa-calendar fa-fw " aria-hidden="true"  ></i>

  1436.                         </span>

  1437.                         <span class="media-body ">Kalender</span>

  1438.                     </div>

  1439.                 </div>

  1440.             </a>

  1441.             <a class="list-group-item list-group-item-action " href="https://elearning.ohmportal.de/user/files.php" data-key="privatefiles" data-isexpandable="0" data-indent="0" data-showdivider="0" data-type="70" data-nodetype="0" data-collapse="0" data-forceopen="0" data-isactive="0" data-hidden="0" data-preceedwithhr="0" data-parent-key="1">

  1442.                 <div class="m-l-0">

  1443.                     <div class="media">

  1444.                         <span class="media-left">

  1445.                             <i class="icon fa fa-file-o fa-fw " aria-hidden="true"  ></i>

  1446.                         </span>

  1447.                         <span class="media-body ">Meine Dateien</span>

  1448.                     </div>

  1449.                 </div>

  1450.             </a>

  1451.             <div class="list-group-item" data-key="mycourses" data-isexpandable="1" data-indent="0" data-showdivider="0" data-type="0" data-nodetype="1" data-collapse="0" data-forceopen="1" data-isactive="0" data-hidden="0" data-preceedwithhr="0" data-parent-key="home">

  1452.                 <div class="m-l-0">

  1453.                     <div class="media">

  1454.                         <span class="media-left">

  1455.                             <i class="icon fa fa-graduation-cap fa-fw " aria-hidden="true"  ></i>

  1456.                         </span>

  1457.                         <span class="media-body">Meine Kurse</span>

  1458.                     </div>

  1459.                 </div>

  1460.             </div>

  1461.             <a class="list-group-item list-group-item-action " href="https://elearning.ohmportal.de/course/view.php?id=2445" data-key="2445" data-isexpandable="1" data-indent="1" data-showdivider="0" data-type="20" data-nodetype="1" data-collapse="0" data-forceopen="1" data-isactive="0" data-hidden="0" data-preceedwithhr="0" data-parent-key="383">

  1462.                 <div class="m-l-1">

  1463.                     <div class="media">

  1464.                         <span class="media-left">

  1465.                             <i class="icon fa fa-graduation-cap fa-fw " aria-hidden="true"  ></i>

  1466.                         </span>

  1467.                         <span class="media-body ">MDT5/2</span>

  1468.                     </div>

  1469.                 </div>

  1470.             </a>

  1471.             <a class="list-group-item list-group-item-action " href="https://elearning.ohmportal.de/course/view.php?id=1836" data-key="1836" data-isexpandable="1" data-indent="1" data-showdivider="0" data-type="20" data-nodetype="1" data-collapse="0" data-forceopen="0" data-isactive="0" data-hidden="0" data-preceedwithhr="0" data-parent-key="131">

  1472.                 <div class="m-l-1">

  1473.                     <div class="media">

  1474.                         <span class="media-left">

  1475.                             <i class="icon fa fa-graduation-cap fa-fw " aria-hidden="true"  ></i>

  1476.                         </span>

  1477.                         <span class="media-body ">Personal- und Unternehmensführung (M-SY)</span>

  1478.                     </div>

  1479.                 </div>

  1480.             </a>

  1481.         </nav>

  1482.     </div>

  1483.     <footer id="page-footer" class="py-3 bg-dark text-light">

  1484.         <div class="container">

  1485.             <div id="course-footer"></div>

  1486.     

  1487.     

  1488.             <div class="logininfo">Sie sind angemeldet als <a href="https://elearning.ohmportal.de/user/profile.php?id=37687" title="Profil anzeigen">Patrick Ittner</a> (<a href="https://elearning.ohmportal.de/login/logout.php?sesskey=b1jO3SGQDK">Logout</a>)</div>

  1489.             <div class="tool_usertours-resettourcontainer"></div>

  1490.             <div class="homelink"><a href="https://elearning.ohmportal.de/course/view.php?id=2445">MDT5/2</a></div>

  1491.             <nav class="nav navbar-nav d-md-none">

  1492.                     <ul class="list-unstyled pt-3">

  1493.                                         <li>Support</li>

  1494.                                     <li>

  1495.                                         <ul class="list-unstyled ml-3">

  1496.                                                             <li><a href="mailto:blendedlearning@th-nuernberg.de" title=" Blended Learning Mail"> Blended Learning Mail</a></li>

  1497.                                                             <li><a href="https://blendedlearning.th-nuernberg.de/wiki/blendedlearning/doku.php"target=_blank"" title=" Blended Learning Wiki"> Blended Learning Wiki</a></li>

  1498.                                                             <li><a href="http://blendedlearning.th-nuernberg.de/blog"target=_blank"" title=" Blended Learning Blog"> Blended Learning Blog</a></li>

  1499.                                         </ul>

  1500.                                     </li>

  1501.                                         <li>Weitere Links</li>

  1502.                                     <li>

  1503.                                         <ul class="list-unstyled ml-3">

  1504.                                                             <li><a href="https://docs.moodle.org/36/de/Hauptseite"target=_blank"" title="Moodle Dokumentation">Moodle Dokumentation</a></li>

  1505.                                                             <li><a href="https://www.youtube.com/user/moodlehq"target=_blank"" title="Moodle YouTube">Moodle YouTube</a></li>

  1506.                                                             <li><a href="https://de.linkedin.com/company/moodle"target=_blank"" title="Moodle LinkedIn">Moodle LinkedIn</a></li>

  1507.                                         </ul>

  1508.                                     </li>

  1509.                     </ul>

  1510.             </nav>

  1511.             

  1512.             

  1513. <center><small>Bei technischen Problemen und Fragen wenden Sie sich bitte an das <a href="mailto:blendedlearning@th-nuernberg.de">Blended Learning - Team</a>. <br>

  1514. Bitte beachten Sie die <a href="https://www.th-nuernberg.de/datenschutz/" target=_blank>Datenschutzerklärung</a> der Technischen Hochschule Nürnberg.</center</small>	

  1515. <script type="text/javascript">

  1516. //<![CDATA[

  1517. var require = {

  1518.     baseUrl : 'https://elearning.ohmportal.de/lib/requirejs.php/1551690497/',

  1519.     // We only support AMD modules with an explicit define() statement.

  1520.     enforceDefine: true,

  1521.     skipDataMain: true,

  1522.     waitSeconds : 0,

  1523. 

  1524.     paths: {

  1525.         jquery: 'https://elearning.ohmportal.de/lib/javascript.php/1551690497/lib/jquery/jquery-3.2.1.min',

  1526.         jqueryui: 'https://elearning.ohmportal.de/lib/javascript.php/1551690497/lib/jquery/ui-1.12.1/jquery-ui.min',

  1527.         jqueryprivate: 'https://elearning.ohmportal.de/lib/javascript.php/1551690497/lib/requirejs/jquery-private'

  1528.     },

  1529. 

  1530.     // Custom jquery config map.

  1531.     map: {

  1532.       // '*' means all modules will get 'jqueryprivate'

  1533.       // for their 'jquery' dependency.

  1534.       '*': { jquery: 'jqueryprivate' },

  1535.       // Stub module for 'process'. This is a workaround for a bug in MathJax (see MDL-60458).

  1536.       '*': { process: 'core/first' },

  1537. 

  1538.       // 'jquery-private' wants the real jQuery module

  1539.       // though. If this line was not here, there would

  1540.       // be an unresolvable cyclic dependency.

  1541.       jqueryprivate: { jquery: 'jquery' }

  1542.     }

  1543. };

  1544. 

  1545. //]]>

  1546. </script>

  1547. <script type="text/javascript" src="https://elearning.ohmportal.de/lib/javascript.php/1551690497/lib/requirejs/require.min.js"></script>

  1548. <script type="text/javascript">

  1549. //<![CDATA[

  1550. require(['core/first'], function() {

  1551. ;

  1552. require(["media_videojs/loader"], function(loader) {

  1553.     loader.setUp(function(videojs) {

  1554.         videojs.options.flash.swf = "https://elearning.ohmportal.de/media/player/videojs/videojs/video-js.swf";

  1555. videojs.addLanguage("de",{

  1556.  "Play": "Wiedergabe",

  1557.  "Pause": "Pause",

  1558.  "Replay": "Erneut abspielen",

  1559.  "Current Time": "Aktueller Zeitpunkt",

  1560.  "Duration Time": "Dauer",

  1561.  "Remaining Time": "Verbleibende Zeit",

  1562.  "Stream Type": "Streamtyp",

  1563.  "LIVE": "LIVE",

  1564.  "Loaded": "Geladen",

  1565.  "Progress": "Status",

  1566.  "Fullscreen": "Vollbild",

  1567.  "Non-Fullscreen": "Kein Vollbild",

  1568.  "Mute": "Ton aus",

  1569.  "Unmute": "Ton ein",

  1570.  "Playback Rate": "Wiedergabegeschwindigkeit",

  1571.  "Subtitles": "Untertitel",

  1572.  "subtitles off": "Untertitel aus",

  1573.  "Captions": "Untertitel",

  1574.  "captions off": "Untertitel aus",

  1575.  "Chapters": "Kapitel",

  1576.  "You aborted the media playback": "Sie haben die Videowiedergabe abgebrochen.",

  1577.  "A network error caused the media download to fail part-way.": "Der Videodownload ist aufgrund eines Netzwerkfehlers fehlgeschlagen.",

  1578.  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Das Video konnte nicht geladen werden, da entweder ein Server- oder Netzwerkfehler auftrat oder das Format nicht unterstützt wird.",

  1579.  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Die Videowiedergabe wurde entweder wegen eines Problems mit einem beschädigten Video oder wegen verwendeten Funktionen, die vom Browser nicht unterstützt werden, abgebrochen.",

  1580.  "No compatible source was found for this media.": "Für dieses Video wurde keine kompatible Quelle gefunden.",

  1581.  "Play Video": "Video abspielen",

  1582.  "Close": "Schließen",

  1583.  "Modal Window": "Modales Fenster",

  1584.  "This is a modal window": "Dies ist ein modales Fenster",

  1585.  "This modal can be closed by pressing the Escape key or activating the close button.": "Durch Drücken der Esc-Taste bzw. Betätigung der Schaltfläche \"Schließen\" wird dieses modale Fenster geschlossen.",

  1586.  ", opens captions settings dialog": ", öffnet Einstellungen für Untertitel",

  1587.  ", opens subtitles settings dialog": ", öffnet Einstellungen für Untertitel",

  1588.  ", selected": ", ausgewählt",

  1589.  "captions settings": "Untertiteleinstellungen",

  1590.  "subtitles settings": "Untertiteleinstellungen",

  1591.  "descriptions settings": "Einstellungen für Beschreibungen",

  1592.  "Close Modal Dialog": "Modales Fenster schließen",

  1593.  "Descriptions": "Beschreibungen",

  1594.  "descriptions off": "Beschreibungen aus",

  1595.  "The media is encrypted and we do not have the keys to decrypt it.": "Die Entschlüsselungsschlüssel für den verschlüsselten Medieninhalt sind nicht verfügbar.",

  1596.  ", opens descriptions settings dialog": ", öffnet Einstellungen für Beschreibungen",

  1597.  "Audio Track": "Tonspur",

  1598.  "Text": "Schrift",

  1599.  "White": "Weiß",

  1600.  "Black": "Schwarz",

  1601.  "Red": "Rot",

  1602.  "Green": "Grün",

  1603.  "Blue": "Blau",

  1604.  "Yellow": "Gelb",

  1605.  "Magenta": "Magenta",

  1606.  "Cyan": "Türkis",

  1607.  "Background": "Hintergrund",

  1608.  "Window": "Fenster",

  1609.  "Transparent": "Durchsichtig",

  1610.  "Semi-Transparent": "Halbdurchsichtig",

  1611.  "Opaque": "Undurchsictig",

  1612.  "Font Size": "Schriftgröße",

  1613.  "Text Edge Style": "Textkantenstil",

  1614.  "None": "Kein",

  1615.  "Raised": "Erhoben",

  1616.  "Depressed": "Gedrückt",

  1617.  "Uniform": "Uniform",

  1618.  "Dropshadow": "Schlagschatten",

  1619.  "Font Family": "Schristfamilie",

  1620.  "Proportional Sans-Serif": "Proportionale Sans-Serif",

  1621.  "Monospace Sans-Serif": "Monospace Sans-Serif",

  1622.  "Proportional Serif": "Proportionale Serif",

  1623.  "Monospace Serif": "Monospace Serif",

  1624.  "Casual": "Zwanglos",

  1625.  "Script": "Schreibeschrift",

  1626.  "Small Caps": "Small-Caps",

  1627.  "Reset": "Zurücksetzen",

  1628.  "restore all settings to the default values": "Alle Einstellungen auf die Standardwerte zurücksetzen",

  1629.  "Done": "Fertig",

  1630.  "Caption Settings Dialog": "Einstellungsdialog für Untertitel",

  1631.  "Beginning of dialog window. Escape will cancel and close the window.": "Anfang des Dialogfensters. Esc bricht ab und schließt das Fenster.",

  1632.  "End of dialog window.": "Ende des Dialogfensters.",

  1633.  "Audio Player": "Audio-Player",

  1634.  "Video Player": "Video-Player",

  1635.  "Progress Bar": "Forschrittsbalken",

  1636.  "progress bar timing: currentTime={1} duration={2}": "{1} von {2}",

  1637.  "Volume Level": "Lautstärkestufe"

  1638. });

  1639. 

  1640.     });

  1641. });;

  1642. function legacy_activity_onclick_handler_1(e) { e.halt(); window.open('https://elearning.ohmportal.de/mod/url/view.php?id=147873&redirect=1'); return false; };

  1643. function legacy_activity_onclick_handler_2(e) { e.halt(); window.open('https://elearning.ohmportal.de/mod/resource/view.php?id=147543&redirect=1', '', 'width=620,height=450,toolbar=no,location=no,menubar=no,copyhistory=no,status=no,directories=no,scrollbars=yes,resizable=yes'); return false; };

  1644. require(["core/search-input"], function(amd) { amd.init("5ced0043d486a"); });;

  1645. 

  1646. require(

  1647. [

  1648.     'jquery',

  1649.     'core_message/message_popover'

  1650. ],

  1651. function(

  1652.     $,

  1653.     Popover

  1654. ) {

  1655.     var toggle = $('#message-drawer-toggle-5ced0043d68c15ced0043c5b774');

  1656.     Popover.init(toggle);

  1657. });

  1658. ;

  1659. 

  1660. require(['jquery', 'message_popup/notification_popover_controller'], function($, controller) {

  1661.     var container = $('#nav-notification-popover-container');

  1662.     var controller = new controller(container);

  1663.     controller.registerEventListeners();

  1664.     controller.registerListNavigationEventListeners();

  1665. });

  1666. ;

  1667. 

  1668.         require(['jquery'], function($) {

  1669.             $('#jump-to-activity').change(function() {

  1670.                 if (!$(this).val()) {

  1671.                     return false;

  1672.                 }

  1673.                 $('#url_select_f5ced0043c5b7714').submit();

  1674.             });

  1675.         });

  1676.     ;

  1677. 

  1678. require(['jquery', 'core_message/message_drawer'], function($, MessageDrawer) {

  1679.     var root = $('#message-drawer-5ced0043dd4cc5ced0043c5b7715');

  1680.     MessageDrawer.init(root);

  1681. });

  1682. ;

  1683. 

  1684. require(['theme_boost/loader']);

  1685. require(['theme_boost/drawer'], function(mod) {

  1686.     mod.init();

  1687. });

  1688. ;

  1689. require(["core/notification"], function(amd) { amd.init(294054, []); });;

  1690. require(["core/log"], function(amd) { amd.setConfig({"level":"warn"}); });;

  1691. require(["core/page_global"], function(amd) { amd.init(); });

  1692. });

  1693. //]]>

  1694. </script>

  1695. <script type="text/javascript">

  1696. //<![CDATA[

  1697. M.str = {"moodle":{"lastmodified":"Zuletzt ge\u00e4ndert","name":"Name","error":"Fehler","info":"Informationen","yes":"Ja","no":"Nein","cancel":"Abbrechen","confirm":"Best\u00e4tigen","areyousure":"Sind Sie sicher?","closebuttontitle":"Schlie\u00dfen","unknownerror":"Unbekannter Fehler"},"repository":{"type":"Typ","size":"Gr\u00f6\u00dfe","invalidjson":"Ung\u00fcltiger JSON-Text","nofilesattached":"Keine Datei","filepicker":"Dateiauswahl","logout":"Abmelden","nofilesavailable":"Keine Dateien vorhanden","norepositoriesavailable":"Keine Ihrer aktuellen Repositories kann Dateien im n\u00f6tigen Format liefern","fileexistsdialogheader":"Datei bereits vorhanden","fileexistsdialog_editor":"Eine Datei mit diesem Namen wurde bereits an den Text angeh\u00e4ngt, den Sie gerade bearbeiten","fileexistsdialog_filemanager":"Eine Datei mit diesem Namen wurde bereits an den Text angeh\u00e4ngt","renameto":"Nach '{$a}' umbenennen","referencesexist":"{$a} Aliase\/Verkn\u00fcpfungen zu dieser Datei","select":"W\u00e4hlen Sie"},"admin":{"confirmdeletecomments":"M\u00f6chten Sie die Kommentare wirklich l\u00f6schen?","confirmation":"Best\u00e4tigung"}};

  1698. //]]>

  1699. </script>

  1700. <script type="text/javascript">

  1701. //<![CDATA[

  1702. (function() {Y.use("moodle-filter_mathjaxloader-loader",function() {M.filter_mathjaxloader.configure({"mathjaxconfig":"\nMathJax.Hub.Config({\n    config: [\"Accessible.js\", \"Safe.js\"],\n    errorSettings: { message: [\"!\"] },\n    skipStartupTypeset: true,\n    messageStyle: \"none\"\n});\n","lang":"de"});

  1703. });

  1704. M.util.help_popups.setup(Y);

  1705.  M.util.js_pending('random5ced0043c5b7716'); Y.on('domready', function() { M.util.js_complete("init");  M.util.js_complete('random5ced0043c5b7716'); });

  1706. })();

  1707. //]]>

  1708. </script>

  1709. 

  1710.         </div>

  1711.     </footer></div>

  1712. 

  1713. </body>

  1714. </html>