PageSourceSearch

https://leap-pro.de/static/LessonPlanPage-sGC2BQU0.js

js leap-pro.de collected 2026-10-08 20:28:57 UTC 11,005 bytes, 270 lines download raw bytes

1import{r as h,j as e,q as t,l as w,k as _,u as k}from"./index-C-Pxp5Fp.js";import{D as v,a as C,b as y,c as L,d as E}from"./DropdownStyles-D3FnRd12.js";import{A as P}from"./ButtonAI-CD32tlmx.js";import{C as T}from"./ChatAssistant-CCFDWF5K.js";import{C as z}from"./classroom-fm7TV3ww.js";import"./index-0sJIDOyR.js";import"./index-CBDow3dm.js";import"./tslib.es6-BUas5LQb.js";import"./LatexEquationEditor-DOWNG5Te.js";import"./PythonExecutor-SEGRnMrj.js";import"./ChatAssistantStyles-B3dMgOIL.js";import"./WrittenTaskCorrectionStyles-B1BpWAHh.js";import"./TiptapRenderer-BhkUleZM.js";import"./renderMarkdown-Bi9JgoKK.js";import"./purify.es-VaSPOPhr.js";import"./floating-ui.dom-DSiK-1bJ.js";import"./index-D3njXaVh.js";import"./index-CXm2Z3Yi.js";import"./with-selector-BjjwNABi.js";import"./image-C69RjI0S.js";import"./x-DBMHYJHt.js";import"./CardStyles-B_RAyMsh.js";import"./loadingSpinner-DpC1Qo3Z.js";import"./copy-Cl0Kai67.js";import"./chevron-up--XZyxfAt.js";import"./chevron-down-z-VsHF1I.js";import"./DialogInputStyles-gSuwVfbc.js";import"./ChatContext-BgIcEe8-.js";import"./ReportContentModal-C-1dKBvX.js";import"./moderationReportsApi-BT_MUl5h.js";import"./flag-Cgj26DpS.js";import"./pencil-BeDh0HC9.js";import"./chart-column-BUF59l7I.js";import"./send-KGJDxqTX.js";const S=o=>{h.useEffect(()=>{const r=i=>{o.current&&!o.current.contains(i.target)&&o.current.classList.remove("w--open")};return document.addEventListener("click",r),()=>{document.removeEventListener("click",r)}},[o])},F=({title:o,options:r})=>{const[i,l]=h.useState(!1),s=h.useRef(null),c=()=>
1{l(a=>!a)};return S(s),e.jsxs(v,{ref:s,children:[e.jsxs(C,{onClick:c,children:[e.jsx("span",{children:o}),e.jsx("span",{className:"w-icon-dropdown-toggle"})]}),i&&e.jsx(y,{children:r.map(a=>e.jsxs(L,{children:[e.jsx("input",{type:"checkbox",id:a.id}),e.jsx(E,{htmlFor:a.id,children:a.label})]},a.id))})]})},I=t.div`
2  background-color: #fff;
3  width: 100%;
4  max-width: none;
5  margin-left: auto;
6  margin-right: auto;
7  padding: 15px 15px 10px;
8  overflow-x: auto;
9
10  @media screen and (max-width: 810px) {
11    padding: 0px;
12  }
13`,D=t.div`
14  display: grid;
15  grid-template-rows: auto;
16  grid-template-columns: repeat(6, 1fr);
17  gap: 3px;
18  width: 100%;
19
20  @media screen and (max-width: 1044px) {
21    gap: 1px;
22  }
23`,n=t.div`
24  display: flex;
25  flex-direction: column;
26  justify-content: center;
27  align-items: center;
28  border: 1px solid #d7d7d7;
29  background-color: #fff;
30  border-radius: 3px;
31  width: 100%;
32  box-sizing: border-box;
33  height: auto;
34`,d=t.div`
35  background-color: #81b89c;
36  color: #ffffff;
37  border-radius: 3px;
38  text-align: center;
39  font-size: 16px;
40  font-weight: bold;
41  padding: 10px;
42  width: 100%;
43  max-width: 250px;
44  height: 100%;
45  min-height: 20px;
46
47  @media screen and (max-width: 1044px) {
48    font-size: 14px;
49  }
50`,O=t.div`
51  color: #79727a;
52  font-weight: bold;
53  padding: 10px;
54  text-align: left;
55  width: 100%;
56  display: flex;
57  align-items: center;
58  min-height: 100px;
59  height: auto;
60`,p=t.textarea`
61  width: 100%;
62  min-height: 100px;
63  border: 1px solid #d7d7d7;
64  border-radius: 3px;
65  resize: none;
66  padding: 10px;
67  font-size: 12px;
68  box-sizing: border-box;
69  overflow: hidden;
70  font-family: 'Arial', sans-serif;
71
72
73  &:focus {
74    outline: none;
75    border-color: #5a5a5a;
76  }
77`,M=()=>(h.useEffect(()=>{const o=r=>{const i=r.target;if(i.tagName.toLowerCase()!=="textarea")return;const l=i.getAttribute("data-row"),s=document.querySelectorAll(`textarea[data-row="${l}"]`);let c=0;s.forEach(a=>{a.style.height="auto",c=Math.max(c,a.scrollHeight)}),s.forEach(a=>{a.style.height=`${c}px`})};return document.addEventListener("input",o),()=>{document.removeEventListener("input",o)}},[]),e.jsx(I,{id:"lesson-plan-table",children:e.jsxs(D,{id:"phase_column_header",children:[e.jsx(n,{children:e.jsx(d,{children:e.jsx("strong",{children:"Phase"})})}),e.jsx(n,{children:e.jsx(d,{children:e.jsx("strong",{children:"Geplantes Lehrerverhalten"})})}),e.jsx(n,{children:e.jsx(d,{children:e.jsx("strong",{children:"Erwartetes Schülerverhalten"})})}),e.jsx(n,{children:e.jsx(d,{children:e.jsx("strong",{children:"Teilziel"})})}),e.jsx(n,{children:e.jsx(d,{children:e.jsx("strong",{children:"Sozialform"})})}),e.jsx(n,{children:e.jsx(d,{children:e.jsx("strong",{children:"Medien/Materialien"})})}),["Einstieg","Erarbeitung","Vertiefung"].map((o,r)=>
77e.jsxs(w.Fragment,{children:[e.jsx(n,{children:e.jsx(O,{children:o})}),e.jsx(n,{children:e.jsx(p,{"data-row":r,id:`teacher_behavior_${o.toLowerCase()}_row`})}),e.jsx(n,{children:e.jsx(p,{"data-row":r,id:`student_behavior_${o.toLowerCase()}_row`})}),e.jsx(n,{children:e.jsx(p,{"data-row":r,id:`subgoal_form_${o.toLowerCase()}_row`})}),e.jsx(n,{children:e.jsx(p,{"data-row":r,id:`social_form_${o.toLowerCase()}_row`})}),e.jsx(n,{children:e.jsx(p,{"data-row":r,id:`media_material_${o.toLowerCase()}_row`})})]},o))]})})),A=t.form`
78  .field-label-class {
79    color: #554c4c;
80    border: 0 #000;
81    flex: none;
82    width: auto;
83    margin: 10px auto;
84    font-size: 16px;
85    font-style: normal;
86    text-decoration: none;
87    overflow: visible;
88  }
89  @media screen and (max-width: 1044px) {
90    margin-left: 0;
91  }
92
93  .field-label-class:hover {
94    background-color: #f6efef14;
95  }
96
97  .field-label-class.field-label-margin {
98    margin-top: 0;
99    margin-bottom: 10px;
100  }
101
102`,$=t.div`
103  flex-flow: column;
104  width: auto;
105  margin-left: 40px;
106  margin-right: 40px;
107  display: flex;
108`,x=t.label`
109  color: #554c4c;
110  border: 0 #000;
111  flex: none;
112  width: auto;
113  margin-top: 10px;
114  margin-bottom: 10px;
115  margin-right: 10px;
116  font-size: 16px;
117  font-style: normal;
118  text-decoration: none;
119  overflow: visible;
120`,m=t.input`
121  color: #4a4747;
122  border-radius: 8px;
123  height: 30px;
124  margin: 5px;
125  line-height: 20px;
126  display: block;
127  width: 100%;
128  padding: 8px 12px;
129  font-size: 14px;
130  background-color: #ffffff;
131  border: 1px solid #cccccc;
132
133  &::placeholder {
134    color: #999;
135  }
136  &:focus {
137    border-color: #3898EC;
138    outline: 0;
139  }
140  &[disabled] {
141    cursor: not-allowed;
142    background-color: #eeeeee;
143  }
144`;t.button`
145  opacity: 1;
146  background-image: linear-gradient(102deg, #9806ec, #09cdf0);
147  border-radius: 20px;
148  margin-top: 40px;
149  margin-bottom: 20px;
150  margin-left: auto;
151  font-weight: 700;
152  display: inline-block;
153  padding: 9px 15px;
154  color: white;
155  border: 0;
156  line-height: inherit;
157  text-decoration: none;
158  cursor: pointer;
159
160  &:hover {
161    background-color: #dde2e7;
162    background-image: linear-gradient(#0000004d, #0000004d), linear-gradient(102deg, #9806ec, #09cdf0);
163  }
164`;const u=t.label`
165  flex-flow: row;
166  justify-content: center;
167  align-items: center;
168  width: 100%;
169  margin-bottom: 5px;
170  padding-right: 5px;
171  display: flex;
172`,g=t.div`
173  display: flex;
174  align-items: center;
175  margin-top: 10px;
176`,b=t.input`
177  margin-right: 10px;
178`,f=t.label`
179  font-size: 14px;
180`,B=()=>{const o=[{id:"demo_experiment",label:"Demoexperiment"},{id:"student_experiment",label:"Schülerexperiment"},{id:"household_experiment",label:"Experiment aus Haushaltsmaterialien"},{id:"collection_experiment",label:"Experiment aus Sammlung"}];return e.jsx(A,{id:"lesson-plan-form",children:e.jsxs($,{children:[e.jsxs(u,{children:[e.jsx(x,{htmlFor:"subject_input",children:"Fach:"}),e.jsx(m,{id:"subject_input",type:"text",placeholder:""})]}),e.jsxs(u,{children:[e.jsx(x,{htmlFor:"topic_input",children:"Thema:"}),e.jsx(m,{id:"topic_input",type:"text",placeholder:""})]}),e.jsxs(u,{children:[e.jsx(x,{htmlFor:"subtopic_input",children:"Unterthemen:"}),e.jsx(m,{id:"subtopic_input",type:"text",placeholder:""})]}),e.jsxs(u,{children:[e.jsx(x,{htmlFor:"class_input",children:"Klasse:"}),e.jsx(m,{id:"class_input",type:"text",placeholder:""})]}),e.jsx(x,{children:"Medien/Materialien:"}),e.jsx(F,{title:"Experimente auswählen",options:o}),e.jsxs(g,{children:[e.jsx(b,{type:"checkbox",id:"projector_checkbox"}),e.jsx(f,{htmlFor:"projector_checkbox",children:"Beamer"})]}),e.jsxs(g,{children:[e.jsx(b,{type:"checkbox",id:"document_camera_checkbox"}),e.jsx(f,{htmlFor:"document_camera_checkbox",children:"Dokumentenkamera"})]}),e.jsxs(g,{children:[e.jsx(b,{type:"checkbox",id:"tablet_laptop_checkbox"}),e.jsx(f,{htmlFor:"tablet_laptop_checkbox",children:"Tablet/Laptop/Smartphone für alle verfügbar"})]}),e.jsx(P,{type:"submit",children:"Mit KI generieren"})]})})},q=t.div`
181  width: 100%;
182  max-width: none;
183  height: 100%;
184  margin-top: 0;
185  margin-bottom: 0;
186  margin-left: 0;
187  padding: 10px 40px 40px 40px;
188
189   @media screen and (max-width: 1080px) {
190    padding: 10px 0px 10px 0px;
191  }
192
193  @media (max-width: 768px) {
194    box-shadow: none;
195  }
196
197  @media (max-width: 480px) {
198    max-width: 100%;
199    border-radius: 5px;
200  }
201`,H=t.div`
202  display: flex;
203  flex-direction: column;
204  width: 100%;
205  max-width: 70vw;
206  margin: 0 auto;
207  border-radius: 10px;
208  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
209
210  @media screen and (max-width: 1080px) {
211    max-width: 100vw;
212  }
213    @media (max-width: 768px) {
214    box-shadow: none;
215  }
216
217  @media (max-width: 480px) {
218    border-radius: 0px;
219  }
220`,N=t.div`
221  display: flex;
222  align-items: center;
223  background-color: #374d91;
224  padding: 15px;
225  border-top-left-radius: 10px;
226  border-top-right-radius: 10px;
227`,R=t.img`
228  width: 50px;
229  height: 50px;
230  margin-right: 15px;
231
232  @media screen and (max-width: 1000px) {
233    width: 35px;
234    height: 35px;
235  }
236`,U=t.h1`
237  color: #fff;
238  font-size: 24px;
239  margin: 0;
240
241  @media screen and (max-width: 1000px) {
242    font-size: 18px;
243  }
244`,K=t.div`
245  padding: 20px;
246  background-color: #fff;
247  border-radius: 10px;
248
249  @media screen and (max-width: 1080px) {
250    padding: 10px 5px 10px 5px;
251  }
252
253`,j=t.div`
254  height: 2px;
255  background-color: #c4c6ce;
256  margin: 20px 0;
257`,G=t.button`
258  background-color: #374d91;
259  color: #fff;
260  font-size: 18px;
261  font-weight: bold;
262  padding: 10px 20px;
263  border: none;
264  border-radius: 10px;
265  cursor: pointer;
266
267  &:hover {
268    background-color: #2c3d70;
269  }
270`,V=()=>{const{registerSteps:o,unregisterSteps:r}=_(),{t:i}=k();return h.useEffect(()=>{const l="LessonPlanTour",s=[{target:"#lesson-plan-form",content:i("tour.lessonPlan.form","Use this form to capture the topic, materials, and tools you plan to bring to the lesson."),placement:"right",disableBeacon:!0},{target:"#lesson-plan-table",content:i("tour.lessonPlan.table","Plan each lesson ph
270ase here, including methods, materials, and attached activities that stay persisted between reloads."),placement:"top"},{target:"#lesson-plan-submit",content:i("tour.lessonPlan.submit","Save the final plan to keep it on file or share it with students and colleagues."),placement:"top"}];return o(l,s),()=>r(l)},[o,r,i]),null},Pe=()=>e.jsxs(q,{children:[e.jsx(V,{}),e.jsxs(H,{children:[e.jsxs(N,{children:[e.jsx(R,{src:z,alt:"Plan Class Icon"}),e.jsx(U,{children:"Unterrichtsplanung"})]}),e.jsxs(K,{children:[e.jsx(B,{}),e.jsx(j,{}),e.jsx(M,{}),e.jsx(j,{}),e.jsx(G,{id:"lesson-plan-submit",type:"submit",children:"Speichern"})]})]}),e.jsx(T,{})]});export{Pe as default};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.