https://app.vogelspot.de/dist/DomainBlogDetails-9adaa3f1496d2dd106b4.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[6063],{26710(e,t,l){l.r(t),l.d(t,{default:()=>w});var a=l(96540),o=l(33149),r=l(67005),n=l(18177),i=l(19),s=l(587),d=l(88669),c=l(19099);const u=c.J1`
2  mutation UpdateBlog($id: ClientID!, $input: BlogUpdateInput!) {
3    blog_update(id: $id, input: $input) {
4      title
5      published
6      description
7      category
8      targetGroup
9      featuredImage {
10        path
11      }
12      text
13    }
14  }
15`;const g=c.J1`
16  mutation DeleteBlog($id: ClientID!) {
17    blog_delete(id: $id)
18  }
19`;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)({}).hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},_extends.apply(null,arguments)}const m=(0,n.hA)("views.(app).organizations.[slug].domain.blogs.[blogSlug].BlogDropdown",{delete:"Delete",delete_blog_post:"Delete blog post",blog_post_has_been_deleted:"Blog post has been deleted.",are_you_sure_you_want_to_delete_this_blog_post:"Are you sure you want to delete this blog post?"});const p=function BlogDropdown(e){let{blog:t}=e;const l=(0,s.Hn)(!1),u=(0,c.n_)(),p=(0,d.Zz)(),_=(0,i.Zp)(),{slug:b}=(0,i.g)();return t.viewerCanDelete?a.createElement(a.Fragment,null,a.createElement(o.ms,null,a.createElement(r.m_,{toggle:o.ms},a.createElement(r.In,{iconStyle:"solid",glyph:"ellipsis-vertical"})),a.createElement(o.ms.Menu,{end:!0},a.createElement(o.ms.Item,{onPress:l.toggle},a.createElement(n.x6,_extends({},m("delete"),{color:"danger"}))))),a.createElement(r.Rw,{color:"danger",title:a.createElement(n.x6,m("delete_blog_post")),button:a.createElement(n.x6,m("delete_blog_post")),visible:l.on,onClose:l.toggle,loading:u.loading,onSubmit:async()=>{await u.dispatch(function deleteBlog(e){return(0,c.WL)(g,{variables:{id:e}})}(t.id)),p.add({color:"success",content:a.createElement(n.x6,m("blog_post_has_been_deleted"))}),_(`/organizations/${b}/domain/blogs`)}},a.createElement(n.x6,m("are_you_sure_you_want_to_delete_this_blog_post")),a.createElement(o.EY,{styleName:"py-2"},t.title))):null};var _=l(21875),b=l(72364),h=l(60254),v=l(18503);function BlogEditor_extends(){return BlogEditor_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)({}).hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},BlogEditor_extends.apply(null,arguments)}const E=v.vv.create({backdrop:v.AH`
20    position: absolute;
21    background-color: #fff;
22    padding: 0.75rem 1rem;
23    elevation: 0.5;
24    box-shadow: 0 1px 2px 1px $transparent-100;
25    left: 0;
26    right: 0;
27    bottom: 0;
28    flex-direction: row;
29    justify-content: space-between;
30    border-top-width: 1px;
31    border-top-color: $gray-300;
32    border-top-width: 1px;
33    border-bottom-width: 0;
34    border-color: $gray-300;
35
36    @include media-breakpoint-up(sm) {
37      border-left-width: 1px;
38      border-right-width: 1px;
39      border-radius: 0.25rem 0.25rem 0 0;
40    }
41    @include media-breakpoint-up(md) {
42      margin-left: 0.25rem;
43    }
44    @include media-breakpoint-up(lg) {
45      margin-left: 0.5rem;
46    }
47    @include media-breakpoint-up(xl) {
48      margin-left: 0.75rem;
49    }
50  `,buttonText:v.AH`
51    font-size: 1rem;
52    text-transform: none;
53  `,title:v.AH`
54    font-weight: 600;
55  `,currentImage:v.AH`
56    width: 270px;
57    height: 180px;
58    border-radius: $border-radius;
59  `}),x=(0,n.hA)("views.(app).organizations.[slug].domain.blogs.[blogSlug].BlogEditor",{blog_post_editor:"Blog post editor",title_required:"Title *",title:"Title",title_placeholder:"Title...",description_required:"Description *",description:"Description",description_placeholder:"Description...",category_required:"Category *",category:"Category",category_placeholder:"Choose a category",commentary:"Commentary",digitalization:"Digitalization",professions:"Professions",platform:"Learning platform",exam_training:"Exam training",target_group_required:"Target group *",target_group:"Target group",teachers:"Teachers",trainers:"Trainers",trainees:"Trainees",featured_image_required:"Featured image *",featured_image:"Featured image",recommended_image_size:"It is recommended to choose an image with a width of at least 960px and an aspect ratio of 3:1.",choose_file_dots:"

59Choose file...",text_required:"Text *",text:"Text",whats_on_your_mind:"What's on your mind?",published:"Published",published_info:"If the blog post is published everyone can read it.",unsaved_changes:"Unsaved changes",all_changes_saved:"All changes saved",cancel:"Cancel",save:"Save",you_must_provide_a_post_title:"You must provide a post title.",you_must_provide_a_description:"You must provide a description",you_must_provide_a_post_text:"You must provide a post text.",blog_post_saved_successfully:"Blog post saved successfully."});const y=function BlogEditor(e){let{blog:t}=e;const l=(0,d.Zz)(),i=(0,c.n_)(),g=(0,n.tz)(),[m]=(0,h.vV)(),p=(0,s.k4)(t.title),v=(0,s.k4)(t.published),y=(0,s.k4)(t.description),f=(0,s.k4)(t.category),w=(0,s.k4)(t.targetGroup),I=(0,s.k4)(t.text),D=(0,s.k4)(null),B=(0,a.useMemo)(()=>t.title!==p.value||t.published!==v.value||t.description!==y.value||t.category!==f.value||t.targetGroup!==w.value||t.text!==I.value||null!==D.value,[t.title,p.value,t.published,v.value,t.description,y.value,t.category,f.value,t.targetGroup,w.value,t.text,I.value,D.value]),N=[{value:"COMMENTARY",label:g.trans(x("commentary"))},{value:"DIGITALIZATION",label:g.trans(x("digitalization"))},{value:"PLATFORM",label:g.trans(x("platform"))},{value:"PROFESSIONS",label:g.trans(x("professions"))},{value:"EXAMTRAINING",label:g.trans(x("exam_training"))}],A=[{value:"TRAINEES",label:a.createElement(n.x6,x("trainees"))},{value:"TRAINERS",label:a.createElement(n.x6,x("trainers"))},{value:"TEACHERS",label:a.createElement(n.x6,x("teachers"))}];return a.createElement(o.Ss,{styleName:"mt-4"},a.createElement(_.l,{initialValues:{title:t.title,published:t.published,description:t.description,category:t.category,targetGroup:t.targetGroup,featuredImage:null,text:t.text},onSubmit:()=>{}},a.createElement(_.l.Input,{name:"title",title:x("title_required"),niceName:x("title"),placeholder:x("title_placeholder"),onValueChange:e=>{p.set(e)}}),a.createElement(_.l.Input,{name:"description",title:x("description_required"),niceName:x("description"),placeholder:x("description_placeholder"),onValueChange:e=>{y.set(e)}}),a.createElement(_.l.Picker,{name:"category",title:x("category_required"),niceName:x("category"),placeholder:x("category_placeholder"),options:N,onValueChange:e=>{f.set(e)}}),a.createElement(_.l.Choice,{name:"targetGroup",title:x("target_group_required"),niceName:x("target_group"),options:A,onValueChange:e=>{w.set(e)}}),a.createElement(n.x6,BlogEditor_extends({},x("featured_image_required"),{style:E.title,small:!0,styleName:"mb-1"})),a.createElement(o._V,{source:t.featuredImage.path,style:E.currentImage,styleName:"mb-3"}),a.createElement(_.l.FileInput,{name:"featuredImage",label:x("choose_file_dots"),niceName:x("featured_image"),accept:["image/jpeg","image/png"],onValueChange:e=>{D.set(e)},styleName:"mb-1"}),a.createElement(n.x6,BlogEditor_extends({},x("recommended_image_size"),{color:"muted",small:!0,styleName:"mb-3"})),a.createElement(b.K,{name:"text",title:x("text_required"),niceName:x("text"),placeholder:x("whats_on_your_mind"),attachable:t,onValueChange:e=>{I.set(e)},autoExpand:!0}),a.createElement(_.l.Checkbox,{name:"published",label:a.createElement(o.Ss,null,a.createElement(n.x6,x("published")),a.createElement(n.x6,BlogEditor_extends({color:"muted",small:!0},x("published_info")))),onValueChange:e=>{v.set(e)}})),a.createElement(r.H2,{size:9,end:!0},a.createElement(o.Ss,{style:E.backdrop},B&&a.createElement(o.EY,{color:"warning",small:!0,styleName:"as-center"},a.createElement(r.In,{iconStyle:"solid",glyph:"triangle-exclamation"})," ",a.createElement(n.x6,x("unsaved_changes"))),!B&&a.createElement(n.x6,BlogEditor_extends({color:"muted",small:!0},x("all_changes_saved"),{styleName:"as-center"})),a.createElement(o.$n,{onPress:async()=>{if(!p.value)return void l.add({color:"danger",content:a.createElement(n.x6,x("you_must_provide_a_post_title"))});if(!y.value)return void l.add({color:"danger",content:a.createElement(n.x6,x("you_must_provide_a_description"))});if(!I.value)return void l.add({color:"danger",content:a.createElement(n.x6,x("you_must_provide_a_post_text"))});const e=D.value?await m(D.value):void 0;await i.dispatch(function updateBlog(e,t,l,a,o,r,n,i){return(0,c.WL)(u,{variables:{id:e,input:{title:t,description:l,category:a,targetGroup:o,featuredImageId:i,published:r,text:n}}})}(t.id,p.value,y.value,f.value,w.value,v.value,I.value,e)),l.add({color:"success",content:a.createElement(n.x6,x("blog_post_saved_successfully"))}),D.set(null)},disabled:i.loading||!B}

59,a.createElement(n.x6,x("save"))))))},f=(0,n.hA)("views.(app).organizations.[slug].domain.blogs.[blogSlug].DomainBlogDetails",{blog_x:"Blog - {title}",all_blog_posts:"All blog posts",view_post:"View post"});function DomainBlogDetails(e){let{blog:t}=e;const{slug:l}=(0,i.g)();return a.createElement(o.Zp,null,a.createElement(o.Zp.Body,null,a.createElement(o.Ss,{styleName:"flex-row jc-between ai-center mb-3"},a.createElement(o.$n,{to:`/organizations/${l}/domain/blogs`,color:"link"},a.createElement(r.In,{iconStyle:"solid",glyph:"chevron-left",styleName:"mr-2",small:!0}),a.createElement(n.x6,f("all_blog_posts"))),a.createElement(o.Ss,{styleName:"flex-row ai-center"},a.createElement(o.$n,{to:`/blog/${t.slug}`,color:"secondary",outline:!0,styleName:"mr-3"},a.createElement(n.x6,f("view_post"))),a.createElement(p,{blog:t}))),a.createElement(o.DZ,{size:3},t.title),a.createElement(y,{blog:t})))}DomainBlogDetails.meta=e=>{let{blog:t}=e;return{title:f("blog_x",{title:t.title})}};const w=DomainBlogDetails}}]);