https://homeproger.ru/assets/js/TeachingMaterials-CCqoUwHI.js

1import{o as a,b as e,e as t,F as l,B as s,i as n,u as i,g as m,c as h,t as o,j as c}from"./vendor-CqQXz8X-.js";import{_ as r}from"./index-DoMQxbC9.js";const p={class:"teaching-materials-page"},g={class:"materials-list"},d=["onClick"],_={class:"category-toggle"},M={key:0,class:"category-content"},T={key:0,class:"folder-item"},H=["onClick"],L={class:"material-name"},u={class:"folder-toggle"},y={key:0,class:"folder-content"},v=["onClick"],k={class:"material-name"},f=["onClick"],C={class:"material-name"};const F=r({__name:"TeachingMaterials",setup(a,{expose:e}){e();const t=i(),l=m([{category:"HTML",items:[{name:"Flex",path:"/teaching_materials/HTML/flex/lesson.html"},{name:"Абсолютное фиксированное позиционирование",path:"/teaching_materials/HTML/абсолютное фиксированное позиционирование/lesson.html"},{name:"Анимации",path:"/teaching_materials/HTML/анимации/ПП/lesson.html"},{name:"Заголовки и параграфы",path:"/teaching_materials/HTML/Заголовки и параграфы/lesson.html"},{name:"Картинки кнопки пути",path:"/teaching_materials/HTML/картинки кнопки пути/lesson.html"},{name:"Многоколоночный 1",path:"/teaching_materials/HTML/многоколоночный 1/lesson.html"},{name:"Многоколоночный 2",path:"/teaching_materials/HTML/многоколоночный 2/lesson.html"},{name:"Многоколоночный 3",path:"/teaching_materials/HTML/многоколоночный 3/lesson.html"},{name:"Многоколоночный 4",path:"/teaching_materials/HTML/многоколоночный 4/lesson.html"},{name:"Многоколоночный 5",path:"/teaching_materials/HTML/многоколоночный 5/lesson.html"},{name:"Одноколоночный 1",path:"/teaching_materials/HTML/одноколоночный 1/lesson.html"},{name:"Одноколоночный 2",path:"/teaching_materials/HTML/одноколоночный 2/lesson.html"},{name:"Одноколоночный 3",path:"/teaching_materials/HTML/одноколоночный 3/lesson.html"},{name:"Одноколоночный с меню",path:"/teaching_materials/HTML/одноколоночный с меню/lesson.html"},{name:"Отступы и дивы",path:"/teaching_materials/HTML/отступы и дивы/lesson.html"},{name:"Плавные переходы",isFolder:!0,children:[{name:"Пример 1",path:"/teaching_materials/HTML/плавные переходы/ПП/lesson.html"},{name:"Пример 2",path:"/teaching_materials/HTML/плавные переходы/ПП copy/lesson.html"},{name:"Пример 3",path:"/teaching_materials/HTML/плавные переходы/ПП copy 2/lesson.html"},{name:"Пример 4",path:"/teaching_materials/HTML/плавные переходы/ПП copy 3/lesson.html"},{name:"Пример 5",path:"/teaching_materials/HTML/плавные переходы/ПП copy 4/lesson.html"},{name:"Пример 6",path:"/teaching_materials/HTML/плавные переходы/ПП copy 5/lesson.html"},{name:"Пример 7",path:"/teaching_materials/HTML/плавные переходы/ПП copy 6/lesson.html"},{name:"Пример 8",path:"/teaching_materials/HTML/плавные переходы/ПП copy 7/lesson.html"}]},{name:"Рамки",isFolder:!0,children:[{name:"Простая рамка",path:"/teaching_materials/HTML/Рамки/lesson.html"},{name:"Сложная рамка",path:"/teaching_materials/HTML/Рамки/lesson1.html"}]},{name:"Создание Меню",isFolder:!0,children:[{name:"Простое меню",path:"/teaching_materials/HTML/создание Меню/lesson.html"},{name:"Меню с активным элементом",path:"/teaching_materials/HTML/создание Меню/lesson1.html"},{name:"Меню английское",path:"/teaching_materials/HTML/создание Меню/lesson2.html"}]},{name:"Ссылки и списки",isFolder:!0,children:[{name:"Списки - основы",path:"/teaching_materials/HTML/ссылки и списки/lesson.html"},{name:"Веб-разработка - основы",path:"/teaching_materials/HTML/ссылки и списки/lesson1.html"},{name:"Ссылки и SEO",path:"/teaching_materials/HTML/ссылки и списки/lesson1.1.html"},{name:"Списки языков и CMS",path:"/teaching_materials/HTML/ссылки и списки/lesson1.2.html"},{name:"ТИЦ и PR",path:"/teaching_materials/HTML/ссылки и списки/lesson1.3.html"}]},{name:"Схемы многоколоночных сайтов",isFolder:!0,children:[{name:"Схема 2 колонки",path:"/teaching_materials/HTML/Схемы многоколоночныйх сайтов/lesson.html"},{name:"Схема 3 колонки",path:"/teaching_materials/HTML/Схемы многоколоночныйх сайтов/lesson copy.html"},{name:"Схема с сайдбаром",path:"/teaching_materials/HTML/Схемы многоколоночныйх сайтов/lesson copy 2.html"},{name:"Сложная схема",path:"/teaching_materials/HTML/Схемы многоколоночныйх сайтов/lesson copy 3.html"}]},{name:"Стили и классы",path:"/teaching_materials/HTML/стили и классы/lesson.html"},{name:"Таблицы",path:"/teaching_materials/HTML/таблицы/lesson.html"},{name:"Трансформации",path:"/teaching_materials/HTML/тансформации/ПП/lesson.html"},{name:"Тень",path:"/teaching_materials/HTML/тень/lesson.html"},{name:"Формы",path:"/teaching_materials/HTML/Формы/lesson.html"}]}]),s=m(new Set(["HTML"])),n=m(new Set);const o={router:t,materials:l,expandedCategories:s,expandedFolders:n,toggleCategory:function(a){s.value.has(a)?s.value.delete(a):s.value.add(a)},toggleFolder:function(a){n.value.has(a)?n.value.delete(a):n.value.add(a)},openMaterial:function(a){window.open(a,"_blank")},goBack:function(){t.push("/profile")},ref:m,computed:h,get useRouter(){return i}};return Object.defineProperty(o,"__isScriptSetup",{enumerable:!1,value:!0}),o}},[["render",function(i,m,h,r,F,x){return a(),e("div",p,[t("div",{class:"teaching-materials-page__header"},[t("button",{type:"button",onClick:r.goBack,class:"back-button"},"← Назад к профилю"),m[0]||(m[0]=t("h1",null,"Методички",-1)),m[1]||(m[1]=t("p",null,"Учебные материалы для проведения уроков",-1))]),t("div",g,[(a(!0),e(l,null,s(r.materials,n=>(a(),e("div",{key:n.category,class:"category-section"},[t("div",{class:"category-header",onClick:a=>r.toggleCategory(n.category)},[t("h2",null,o(n.category),1),t("span",_,o(r.expandedCategories.has(n.category)?"▼":"▶"),1)],8,d),r.expandedCategories.has(n.category)?(a(),e("div",M,[(a(!0),e(l,null,s(n.items,n=>(a(),e(l,{key:n.path||n.name},[n.isFolder?(a(),e("div",T,[t("div",{class:"folder-header",onClick:a=>r.toggleFolder(n.name)},[m[2]||(m[2]=t("span",{class:"material-icon"},"📁",-1)),t("span",L,o(n.name),1),t("span",u,o(r.expandedFolders.has(n.name)?"▼":"▶"),1)],8,H),r.expandedFolders.has(n.name)&&n.children?(a(),e("div",y,[(a(!0),e(l,null,s(n.children,l=>(a(),e("div",{key:l.path,class:"material-item material-item--nested",onClick:a=>r.openMaterial(l.path)},[m[3]||(m[3]=t("span",{class:"material-icon"},"📄",-1)),t("span",k,o(l.name),1),m[4]||(m[4]=t("span",{class:"material-action"},"Открыть",-1))],8,v))),128))])):c("",!0)])):(a(),e("div",{key:1,class:"material-item",onClick:a=>r.openMaterial(n.path)}

1,[m[5]||(m[5]=t("span",{class:"material-icon"},"📄",-1)),t("span",C,o(n.name),1),m[6]||(m[6]=t("span",{class:"material-action"},"Открыть",-1))],8,f))],64))),128))])):c("",!0)]))),128))]),m[7]||(m[7]=t("div",{class:"teaching-materials-page__info"},[t("p",null,[n("💡 "),t("strong",null,"Подсказка:"),n(" Материалы открываются в новой вкладке. Если файл не открывается, проверьте путь к файлу.")]),t("p",null,[n("📂 Все материалы находятся в папке "),t("code",null,"/teaching_materials")])],-1))])}],["__scopeId","data-v-1c0a6f4c"],["__file","C:/OSPanel/domains/localhost/GITHUB/HomeProger-VUE/src/pages/TeachingMaterials.vue"]]);export{F as default};