| (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["profile"],{1730:function(t,e,a){"use strict";var s=a("6921"),i=a.n(s);i.a},"5b2f":function(t,e,a){"use strict";var s=a("8c08"),i=a.n(s);i.a},6921:function(t,e,a){},"8c08":function(t,e,a){},"8f17":function(t,e,a){"use strict";var s=a("d21e"),i=a.n(s);i.a},d21e:function(t,e,a){},ecac:function(t,e,a){"use strict";a.r(e);var s=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"app-container"},[t.user?a("div",[a("el-row",{attrs:{gutter:20}},[a("el-col",{attrs:{span:6,xs:24}},[a("user-card",{attrs:{user:t.user}})],1),a("el-col",{attrs:{span:18,xs:24}},[a("el-card",[a("el-tabs",{model:{value:t.activeTab,callback:function(e){t.activeTab=e},expression:"activeTab"}},[a("el-tab-pane",{attrs:{label:"Activity",name:"activity"}},[a("activity")],1),a("el-tab-pane",{attrs:{label:"Timeline",name:"timeline"}},[a("timeline")],1),a("el-tab-pane",{attrs:{label:"Account",name:"account"}},[a("account",{attrs:{user:t.user}})],1)],1)],1)],1)],1)],1):t._e()])},i=[],n=(a("7f7f"),a("d225")),r=a("b0b4"),c=a("308d"),l=a("6bb5"),o=a("4e2b"),u=a("9ab4"),m=a("60a3"),p=a("9dba"),d=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("el-form",[a("el-form-item",{attrs:{label:"Name"}},[a("el-input",{model:{value:t.user.name,callback:function(e){t.$set(t.user,"name","string"===typeof e?e.trim():e)},expression:"user.name"}})],1),a("el-form-item",{attrs:{label:"Email"}},[a("el-input",{model:{value:t.user.email,callback:function(e){t.$set(t.user,"email","string"===typeof e?e.trim():e)},expression:"user.email"}})],1),a("el-form-item",[a("el-button",{attrs:{type:"primary"},on:{click:t.submit}},[t._v("\n Update\n ")])],1)],1)},b=[],v=function(t){function e(){return Object(n["a"])(this,e),Object(c["a"])(this,Object(l["a"])(e).apply(this,arguments))}return Object(o["a"])(e,t),Object(r["a"])(e,[{key:"submit",value:function(){this.$message({message:"User information has been updated successfully",type:"success",duration:5e3})}}]),e}(m["c"]);u["a"]([Object(m["b"])({required:!0})],v.prototype,"user",void 0),v=u["a"]([Object(m["a"])({name:"Account"})],v);var f=v,h=f,g=a("2877"),C=Object(g["a"])(h,d,b,!1,null,null,null),_=C.exports,y=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"user-activity"},[a("div",{staticClass:"post"},[a("div",{staticClass:"user-block"},[a("img",{staticClass:"img-circle",attrs:{src:"https://wpimg.wallstcn.com/57ed425a-c71e-4201-9428-68760c0537c4.jpg"+t.avatarPrefix}}),a("span",{staticClass:"username text-muted"},[t._v("Iron Man")]),a("span",{staticClass:"description"},[t._v("Shared publicly - 7:30 PM today")])]),a("p",[t._v("\n Lorem ipsum represents a long-held tradition for designers,\n typographers and the like. Some people hate it and argue for\n its demise, but others ignore the hate as they create awesome\n tools to help create filler text for everyone from bacon lovers\n to Charlie Sheen fans.\n ")]),a("ul",{staticClass:"list-inline"},[t._m(0),a("li",[a("span",{staticClass:"link-black text-sm"},[a("svg-icon",{attrs:{name:"like"}}),t._v("\n Like\n ")],1)])])]),a("div",{staticClass:"post"},[a("div",{staticClass:"user-block"},[a("img",{staticClass:"img-circle",attrs:{src:"https://wpimg.wallstcn.com/9e2a5d0a-bd5b-457f-ac8e-86554616c87b.jpg"+t.avatarPrefix}}),a("span",{staticClass:"username text-muted"},[t._v("Captain American")]),a("span",{staticClass:"description"},[t._v("Sent you a message - yesterday")])]),a("p",[t._v("\n Lorem ipsum represents a long-held tradition for designers,\n typographers and the like. Some people hate it and argue for\n its demise, but others ignore the hate as they create awesome\n tools to help create filler text for everyone from bacon lovers\n to Charlie Sheen fans.\n ")]),a("ul",{staticClass:"list-inline"},[t._m(1),a("li",[a("span",{staticClass:"link-black text-sm"},[a("svg-icon",{attrs:{name:"like"}}),t._v("\n Like\n ")],1)])])]),a("div",{staticClass:"post"},[a("div",{staticClass:"user-block"},[a("img",{staticClass:"img-circle",attrs:{src:"https://wpimg.wallstcn.com/fb57f689-e1ab-443c-af12-8d4066e202e2.jpg"+t.avatarPrefix}}),a("span",{staticClass:"username"},[t._v("Spider Man")]),a("span",{staticClass:"description"},[t._v("Posted 4 photos - 2 days ago")])]),a("div",{staticClass:"user-images"},[a("el-carousel",{attrs:{interval:6e3,type:"card",height:"220px"}},t._l(t.carouselImages,(function(e){return a("el-carousel-item",{key:e},[a("img",{staticClass:"image",attrs:{src:e+t.carouselPrefix}})])})),1)],1),a("ul",{staticClass:"list-inline"},[t._m(2),a("li",[a("span",{staticClass:"link-black text-sm"},[a("svg-icon",{attrs:{name:"like"}}),t._v(" Like")],1)])])])])},j=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",[a("span",{staticClass:"link-black text-sm"},[a("i",{staticClass:"el-icon-share"}),t._v("\n Share\n ")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",[a("span",{staticClass:"link-black text-sm"},[a("i",{staticClass:"el-icon-share"}),t._v("\n Share\n ")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",[a("span",{staticClass:"link-black text-sm"},[a("i",{staticClass:"el-icon-share"}),t._v(" Share")])])}],O=function(t){function e(){var t;return Object(n["a"])(this,e),t=Object(c["a"])(this,Object(l["a"])(e).apply(this,arguments)),t.carouselImages=["https://wpimg.wallstcn.com/9679ffb0-9e0b-4451-9916-e21992218054.jpg","https://wpimg.wallstcn.com/bcce3734-0837-4b9f-9261-351ef384f75a.jpg","https://wpimg.wallstcn.com/d1d7b033-d75e-4cd6-ae39-fcd5f1c0a7c5.jpg","https://wpimg.wallstcn.com/50530061-851b-4ca5-9dc5-2fead928a939.jpg"],t.avatarPrefix="?imageView2/1/w/80/h/80",t.carouselPrefix="?imageView2/2/h/440",t}return Object(o["a"])(e,t),e}(m["c"]);O=u["a"]([Object(m["a"])({name:"Activity"})],O);var k=O,x=k,w=(a("8f17"),Object(g["a"])(x,y,j,!1,null,"2d64ea50",null)),S=w.exports,A=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"block"},[a("el-timeline",t._l(t.timeline,(function(e,s){return a("el-timeline-item",{key:s,attrs:{timestamp:e.timestamp,placement:"top"}},[a("el-card",[a("h4",[t._v(t._s(e.title))]),a("p",[t._v(t._s(e.content))])])],1)})),1)],1)},E=[],T=function(t){function e(){var t;return Object(n["a"])(this,e),t=Object(c["a"])(this,Object(l["a"])(e).apply(this,arguments)),t.timeline=[{timestamp:"2019/4/20",title:"Update Github template",content:"Armour committed 2019/4/20 20:46"},{timestamp:"2019/4/21",title:"Update Github template",content:"Armour committed 2019/4/21 20:46"},{timestamp:"2019/4/22",title:"Build Template",content:"Armour committed 2019/4/22 20:46"},{timestamp:"2019/4/23",title:"Release New Version",content:"Armour committed 2019/4/23 20:46"}],t}return Object(o["a"])(e,t),e}(m["c"]);T=u["a"]([Object(m["a"])({name:"Timeline"})],T);var $=T,P=$,L=Object(g["a"])(P,A,E,!1,null,null,null),U=L.exports,I=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("el-card",{staticStyle:{"margin-bottom":"20px"}},[a("div",{staticClass:"clearfix",attrs:{slot:"header"},slot:"header"},[a("span",[t._v("About me")])]),a("div",{staticClass:"user-profile"},[a("div",{staticClass:"box-center"},[a("pan-thumb",{attrs:{image:t.user.avatar,height:"100px",width:"100px",hoverable:!1}},[a("div",[t._v("Hello")]),t._v("\n "+t._s(t.user.roles)+"\n ")])],1),a("div",{staticClass:"box-center"},[a("div",{staticClass:"user-name text-center"},[t._v("\n "+t._s(t.user.name)+"\n ")]),a("div",{staticClass:"user-role text-center text-muted"},[t._v("\n "+t._s(t._f("uppercaseFirstChar")(t.user.roles))+"\n ")])])]),a("div",{staticClass:"user-bio"},[a("div",{staticClass:"user-education user-bio-section"},[a("div",{staticClass:"user-bio-section-header"},[a("svg-icon",{attrs:{name:"education"}}),a("span",[t._v("Education")])],1),a("div",{staticClass:"user-bio-section-body"},[a("div",{staticClass:"text-muted"},[t._v("\n JS in Computer Science from the University of Technology\n ")])])]),a("div",{staticClass:"user-skills user-bio-section"},[a("div",{staticClass:"user-bio-section-header"},[a("svg-icon",{attrs:{name:"skill"}}),a("span",[t._v("Skills")])],1),a("div",{staticClass:"user-bio-section-body"},[a("div",{staticClass:"progress-item"},[a("span",[t._v("Vue")]),a("el-progress",{attrs:{percentage:51}})],1),a("div",{staticClass:"progress-item"},[a("span",[t._v("Typescript")]),a("el-progress",{attrs:{percentage:45}})],1),a("div",{staticClass:"progress-item"},[a("span",[t._v("Css")]),a("el-progress",{attrs:{percentage:4}})],1),a("div",{staticClass:"progress-item"},[a("span",[t._v("ESLint")]),a("el-progress",{attrs:{percentage:100,status:"success"}})],1)])])])])},V=[],q=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"pan-item",style:{zIndex:t.zIndex,height:t.height,width:t.width}},[a("div",{staticClass:"pan-info"},[a("div",{staticClass:"pan-info-roles-container"},[t._t("default")],2)]),a("div",{staticClass:"pan-thumb",style:{backgroundImage:"url("+t.image+")"}})])},z=[],J=function(t){function e(){return Object(n["a"])(this,e),Object(c["a"])(this,Object(l["a"])(e).apply(this,arguments))}return Object(o["a"])(e,t),e}(m["c"]);u["a"]([Object(m["b"])({required:!0})],J.prototype,"image",void 0),u["a"]([Object(m["b"])({default:"150px"})],J.prototype,"width",void 0),u["a"]([Object(m["b"])({default:"150px"})],J.prototype,"height",void 0),u["a"]([Object(m["b"])({default:1})],J.prototype,"zIndex",void 0),J=u["a"]([Object(m["a"])({name:"PanThumb"})],J);var M=J,G=M,N=(a("1730"),Object(g["a"])(G,q,z,!1,null,"cf1e252c",null)),B=N.exports,F=function(t){function e(){return Object(n["a"])(this,e),Object(c["a"])(this,Object(l["a"])(e).apply(this,arguments))}return Object(o["a"])(e,t),e}(m["c"]);u["a"]([Object(m["b"])({required:!0})],F.prototype,"user",void 0),F=u["a"]([Object(m["a"])({name:"UserCard",components:{PanThumb:B}})],F);var H=F,R=H,D=(a("5b2f"),Object(g["a"])(R,I,V,!1,null,"7bb52511",null)),K=D.exports,Q={name:"Loading...",email:"Loading...",avatar:"Loading...",roles:"Loading..."},W=function(t){function e(){var t;return Object(n["a"])(this,e),t=Object(c["a"])(this,Object(l["a"])(e).apply(this,arguments)),t.user=Q,t.activeTab="activity",t}return Object(o["a"])(e,t),Object(r["a"])(e,[{key:"created",value:function(){this.getUser()}},{key:"getUser",value:function(){this.user={name:this.name,email:this.email,avatar:this.avatar,roles:this.roles.join(" | ")}}},{key:"name",get:function(){return p["a"].name}},{key:"email",get:function(){return p["a"].email}},{key:"avatar",get:function(){return p["a"].avatar}},{key:"roles",get:function(){return p["a"].roles}}]),e}(m["c"]);W=u["a"]([Object(m["a"])({name:"Profile",components:{Account:_,Activity:S,Timeline:U,UserCard:K}})],W);var X=W,Y=X,Z=Object(g["a"])(Y,s,i,!1,null,null,null);e["default"]=Z.exports}}]); |